/* 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; }/* Accordion */ .sa_el_accordion { width: auto; height: auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sa_el_accordion .sa_el_accordion_list .sa_el_accordion_header:focus { box-shadow: none; outline: none; border: none; } .sa_el_accordion .sa_el_accordion_list .sa_el_accordion_header { font-size: 1rem; line-height: 1; font-family: "Lato"; font-weight: 700; font-style: normal; padding: 10px 10px 10px 10px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .sa_el_accordion .sa_el_accordion_list .sa_el_accordion_header.active .sa_el_accordion_icon_off { display: none; } .sa_el_accordion .sa_el_accordion_list .sa_el_accordion_header .sa_el_accordion_icon_off { display: block; } .sa_el_accordion .sa_el_accordion_list .sa_el_accordion_header .sa_el_accordion_icon_opened { display: none; } .sa_el_accordion .sa_el_accordion_list .sa_el_accordion_header.active .sa_el_accordion_icon_opened { display: block; } .sa_el_accordion .sa_el_accordion_list .sa_el_accordion_header .fa-toggle { z-index: 10; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sa_el_accordion .sa_el_accordion_list .sa_el_accordion_header.active .fa-toggle { z-index: 10; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sa-fa-accordion-icon { display: inline-block; margin-right: 10px; } .sa_el_accordion .sa_el_accordion_list .sa_el_accordion_content { display: none; background: #ffffff; font-size: 18px; box-shadow: 1px 1px 15px 1px rgba(207, 207, 207, 1); border-radius: 0px 0px 0px 0px; padding: 15px 15px 15px 15px; margin: 10px; } .sa_el_accordion .sa_el_accordion_list .sa_el_accordion_content .sa_el_accordion_text_content { margin: 0; } .sa_el_accordion .sa_el_accordion_list .sa_el_accordion_content.active { display: block; } @-webkit-keyframes fadeIn { 0% { opacity: 1; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 100% { opacity: 1; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } } @keyframes fadeIn { 0% { opacity: 1; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 100% { opacity: 1; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } } .sa_el_creative_button_wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .sa_el_creative_button { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; min-width: 1px; text-align: center; vertical-align: middle; position: relative; z-index: 1; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; padding: 12px 20px; font-size: 16px; line-height: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .sa_el_creative_button { float: none; display: inline-block; } .sa_el_creative_button:focus { outline: none; } .sa_el_creative_button>span { vertical-align: middle; } .sa_el_creative_button.sa_el_creative_button_winona { overflow: hidden; padding: 0 !important; -webkit-transition: border-color 0.3s, background-color 0.3s; -o-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .sa_el_creative_button.sa_el_creative_button_winona::after { content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); } .sa_el_creative_button.sa_el_creative_button_winona>span { display: block; } .sa_el_creative_button.sa_el_creative_button_winona::after, .sa_el_creative_button.sa_el_creative_button_winona>span { padding: 1em 2em; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; -o-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .sa_el_creative_button.sa_el_creative_button_winona:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sa_el_creative_button.sa_el_creative_button_winona:hover>span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); } .sa_el_creative_button.sa_el_creative_button_ujarak { -webkit-transition: border-color 0.4s, color 0.4s; -o-transition: border-color 0.4s, color 0.4s; transition: border-color 0.4s, color 0.4s; } .sa_el_creative_button.sa_el_creative_button_ujarak::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; -webkit-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, -webkit-transform 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .sa_el_creative_button.sa_el_creative_button_ujarak, .sa_el_creative_button.sa_el_creative_button_ujarak::before { -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .sa_el_creative_button.sa_el_creative_button_ujarak:hover::before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sa_el_creative_button.sa_el_creative_button_wayra { overflow: hidden; -webkit-transition: border-color 0.3s, color 0.3s; -o-transition: border-color 0.3s, color 0.3s; transition: border-color 0.3s, color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .sa_el_creative_button.sa_el_creative_button_wayra::before { content: ''; position: absolute; top: 0; left: 0; width: 150%; height: 100%; z-index: -1; -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s; -webkit-transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s; -o-transition: transform 0.3s, opacity 0.3s, background-color 0.3s; transition: transform 0.3s, opacity 0.3s, background-color 0.3s; transition: transform 0.3s, opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s; } .sa_el_creative_button.sa_el_creative_button_wayra:hover::before { opacity: 1; -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .sa_el_creative_button.sa_el_creative_button_tamaya { overflow: hidden; padding: 15px 20px; } .sa_el_creative_button.sa_el_creative_button_tamaya::before, .sa_el_creative_button.sa_el_creative_button_tamaya::after { content: attr(data-text); position: absolute; width: 100%; height: 50%; left: 0; overflow: hidden; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); z-index: 2; } .sa_el_creative_button.sa_el_creative_button_tamaya::before { top: 0; padding: 15px 30px; } .sa_el_creative_button.sa_el_creative_button_tamaya::after { bottom: 0; line-height: 0; } .sa_el_creative_button.sa_el_creative_button_tamaya:hover::after { bottom: -1px; } .sa_el_creative_button.sa_el_creative_button_tamaya>span { display: block; -webkit-transform: scale3d(0.2, 0.2, 1); transform: scale3d(0.2, 0.2, 1); opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; -o-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .sa_el_creative_button.sa_el_creative_button_tamaya:hover::before { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .sa_el_creative_button.sa_el_creative_button_tamaya:hover::after { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .sa_el_creative_button.sa_el_creative_button_tamaya:hover>span { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .sa_el_creative_button.sa_el_creative_button_rayen { overflow: hidden; padding: 0 !important; } .sa_el_creative_button.sa_el_creative_button_rayen::before { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .sa_el_creative_button.sa_el_creative_button_rayen>span { display: block; } .sa_el_creative_button.sa_el_creative_button_rayen::before, .sa_el_creative_button.sa_el_creative_button_rayen>span { padding: 1em 2em; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -o-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .sa_el_creative_button.sa_el_creative_button_rayen:hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sa_el_creative_button.sa_el_creative_button_rayen:hover>span { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .sa_el_creative_button.sa_el_creative_button_shutinhor, .sa_el_creative_button.sa_el_creative_button_shutinver, .sa_el_creative_button.sa_el_creative_button_shutouthor, .sa_el_creative_button.sa_el_creative_button_shutoutver, .sa_el_creative_button.sa_el_creative_button_scshutouthor, .sa_el_creative_button.sa_el_creative_button_scshutoutver, .sa_el_creative_button.sa_el_creative_button_dshutinhor, .sa_el_creative_button.sa_el_creative_button_dshutinver { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; overflow: hidden; } .sa_el_creative_button.sa_el_creative_button_shutinhor::before, .sa_el_creative_button.sa_el_creative_button_shutinver::before, .sa_el_creative_button.sa_el_creative_button_shutouthor::before, .sa_el_creative_button.sa_el_creative_button_shutoutver::before, .sa_el_creative_button.sa_el_creative_button_scshutouthor::before, .sa_el_creative_button.sa_el_creative_button_scshutoutver::before, .sa_el_creative_button.sa_el_creative_button_dshutinhor::before, .sa_el_creative_button.sa_el_creative_button_dshutinver::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .sa_el_creative_button.sa_el_creative_button_shutouthor::before, .sa_el_creative_button.sa_el_creative_button_scshutoutver::before { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .sa_el_creative_button.sa_el_creative_button_shutoutver::before, .sa_el_creative_button.sa_el_creative_button_scshutouthor::before { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .sa_el_creative_button.sa_el_creative_button_shutinhor::before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; } .sa_el_creative_button.sa_el_creative_button_shutinver::before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 50%; transform-origin: 50%; } .sa_el_creative_button.sa_el_creative_button_shutouthor:hover::before, .sa_el_creative_button.sa_el_creative_button_shutoutver:hover::before { -webkit-transform: scaleX(1); transform: scaleX(1); } .sa_el_creative_button.sa_el_creative_button_shutinhor:hover::before { transform: scaleX(0); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); } .sa_el_creative_button.sa_el_creative_button_shutinver:hover::before { transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } .sa_el_creative_button.sa_el_creative_button_scshutouthor:hover::before { -webkit-transform: scaleX(0.9); transform: scaleX(0.9); } .sa_el_creative_button.sa_el_creative_button_scshutoutver:hover::before { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); } .sa_el_creative_button.sa_el_creative_button_dshutinhor::before, .sa_el_creative_button.sa_el_creative_button_dshutinver::before { top: 50%; left: 50%; width: 120%; height: 0%; -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: all; transition-property: all; } .sa_el_creative_button.sa_el_creative_button_dshutinver::before { -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .sa_el_creative_button.sa_el_creative_button_dshutinhor:hover::before, .sa_el_creative_button.sa_el_creative_button_dshutinver:hover::before { height: 220%; }/*- Shortcode Addons Call To Action */ .sa_el_call_to_action { width: 100%; height: auto; display: block; padding: 40px; font-size: 16px; font-weight: 400; line-height: 27px; margin: 0 auto; } .sa_el_call_to_action p { font-size: 13px; font-family: "Roboto"; font-weight: 500; font-style: normal; line-height: 1.3; text-align: left; letter-spacing: 1px; padding: 3px 20px 3px 20px; margin: 0px 0px 0px 0px; } .sa_el_call_to_action h2:before { display: none; } .sa_el_call_to_action h2.title { font-size: 26px; font-family: "Roboto"; font-weight: 600; font-style: normal; line-height: 1.2; text-align: left; letter-spacing: 1px; padding: 7px 20px 7px 20px; letter-spacing: 1px; margin-bottom: 10px; text-transform: capitalize; font-style: normal; } .sa_el_call_to_action.call-to-action-center { text-align: center; } .sa_el_call_to_action.call-to-action-right { text-align: right; } .sa_el_call_to_action.call-to-action-left { text-align: left; } .sa_el_call_to_action.bg-lite { background: #f4f4f4; } .sa_el_call_to_action.bg-img { background-image: url("../img/bg.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 0; color: rgba(255, 255, 255, 0.7); } .sa_el_call_to_action.bg-img .icon { color: #fff; } .sa_el_call_to_action.bg-img:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; background: rgba(0, 0, 0, 0.8); } .sa_el_call_to_action.bg-img.bg-fixed { background-attachment: fixed; background-position: center center; } .sa_el_call_to_action.bg-img .title { color: rgba(255, 255, 255, 0.9); } .sa_el_call_to_action.call-to-action-flex, .sa_el_call_to_action.call-to-action-icon-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .sa_el_call_to_action.call-to-action-icon-flex .icon { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 80px; text-align: left; line-height: 130px; } .sa_el_call_to_action.call-to-action-icon-flex .action { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: right; padding-top: 22px; -webkit-flex-basis: 22%; -ms-flex-preferred-size: 22%; flex-basis: 22%; } .sa_el_call_to_action.call-to-action-icon-flex .content { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0px 30px; } .sa_el_call_to_action.call-to-action-flex .content { padding: 0px 15px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .sa_el_call_to_action.call-to-action-flex .action { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: right; padding-top: 25px; -webkit-flex-basis: 23%; -ms-flex-preferred-size: 23%; flex-basis: 23%; } .sa_el_call_to_action .call-to-action-button { position: relative; display: inline-block; text-decoration: none; -webkit-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; -webkit-box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2); margin-right: 10px; margin-top: 10px; z-index: 0; overflow: hidden; font-size: 17px; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #272727; font-family: "Roboto"; font-weight: 500; font-style: normal; line-height: 1.3; text-align: center; letter-spacing: 1px; text-align: center; border-radius: 50px 50px 50px 50px; padding: 15px 35px 15px 35px; } .sa_el_call_to_action .call-to-action-button:last-child { margin-right: 0px; } .sa_el_call_to_action .call-to-action-button:focus { outline: none; } .sa_el_call_to_action .call-to-action-button:hover { color: #fff; background: #3F51B5; -webkit-box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1); } .sa_el_call_to_action .call-to-action-button.effect-1:after { content: ""; position: absolute; width: 100%; height: 100%; background: #3F51B5; top: 0px; left: 0px; transform: translateY(-100%); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); z-index: -1; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; color: #fff; } .sa_el_call_to_action .call-to-action-button.effect-1:hover::after { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .sa_el_call_to_action .call-to-action-button.effect-2:after { content: ""; position: absolute; width: 100%; height: 100%; background: #3F51B5; top: 0px; left: 0px; z-index: -1; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; color: #fff; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .sa_el_call_to_action .call-to-action-button.effect-2:hover::after { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } @media only screen and (max-width: 768px) { .sa_el_call_to_action.call-to-action-flex, .sa_el_call_to_action.call-to-action-icon-flex { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sa_el_call_to_action h2.title { font-size: 28px; line-height: 36px; margin-top: 0px; } .sa_el_call_to_action.call-to-action-icon-flex .icon { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 48px; line-height: 90px; text-align: center; } .sa_el_call_to_action.call-to-action-flex .content, .sa_el_call_to_action.call-to-action-icon-flex .content { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; padding: 0px; } .sa_el_call_to_action.call-to-action-flex .action, .sa_el_call_to_action.call-to-action-icon-flex .action { text-align: center; padding-top: 0px; } .sa_el_call_to_action .call-to-action-button { padding: 12px 25px; } } @media only screen and (max-width: 360px) { .sa_el_call_to_action { font-size: 14px; line-height: 26px; } .sa_el_call_to_action .call-to-action-button { padding: 4px 20px; font-size: 12px; } .sa_el_call_to_action h2.title { font-size: 20px; line-height: 30px; } } .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-ticker-wrap { overflow: hidden; display: flex; flex-flow: row nowrap; align-items: center; width: 100%; } .sa-el-ticker-wrap .ticker-badge { flex: 0 0 auto; padding: 8px 12px; } .sa-el-ticker-wrap .sa-el-ticker { overflow: hidden; flex: 1 1 auto; } .sa-el-ticker-wrap .sa-el-ticker .ticker-content { padding: 8px 12px; line-height: 1.8; } .sa-el-ticker-wrap .sa-el-ticker .ticker-content p { margin: 0; } .sa-el-ticker-wrap .swiper-button-prev { left: auto !important; right: 25px; transform: translateY(-50%) rotate(0deg)!important; } .sa-el-ticker-wrap div.swiper-slide, .sa-el-ticker-wrap div.swiper-slide.swiper-slide-prev, .sa-el-ticker-wrap div.swiper-slide.swiper-slide-next { opacity: 0 !important; } .sa-el-ticker-wrap div.swiper-slide.swiper-slide-active { opacity: 1 !important; } .sa-el-ticker-wrap .sa-el-content-ticker.swiper-container .swiper-slide { text-align: left; } @media only screen and (max-width: 767px) { .sa-el-ticker-wrap { flex-flow: row wrap; } .content-ticker-pagination { display: none; } } /* Countdown Styles General */ .sa_el_countdown_items { list-style: none; margin: 0; padding: 0; display: table; table-layout: fixed; width: 100%; } .sa_el_countdown_items>li { list-style: none; margin: 0; padding: 0; display: table-cell; position: relative; } .sa_el_countdown_item>div { text-align: center; padding: 20px; } .sa_el_countdown_label_block .sa_el_countdown_digits, .sa_el_countdown_label_block .sa_el_countdown_label { display: block; text-align: center; } .sa_el_countdown_digits { font-size: 54px; line-height: 1; } .sa_el_countdown_label { font-size: 18px; line-height: 1; color: #ffffff; } .sa_el_countdown_show_separator .sa_el_countdown_digits::after { content: ":"; position: absolute; left: 98%; z-index: 9999; } .sa_el_countdown_item:last-child .sa_el_countdown_digits::after { display: none; } .sa_el_countdown_items.style-1 .sa_el_countdown_item>div { background: #262625; }.odometer.odometer-auto-theme,.odometer.odometer-theme-default{display:inline-block;vertical-align:middle;position:relative}.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default .odometer-digit{display:inline-block;vertical-align:middle;position:relative}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer{display:inline-block;vertical-align:middle;visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner{text-align:left;display:block;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon{display:block}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner{display:block;-webkit-backface-visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value{display:block;-webkit-transform:translateZ(0)}.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value{position:absolute}.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s;-moz-transition:-moz-transform 2s;-ms-transition:-ms-transform 2s;-o-transition:-o-transform 2s;transition:transform 2s}.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s;-moz-transition:-moz-transform 2s;-ms-transition:-ms-transform 2s;-o-transition:-o-transform 2s;transition:transform 2s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.odometer.odometer-auto-theme,.odometer.odometer-theme-default{font-family:"Helvetica Neue",sans-serif;line-height:1.1em}.odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value{text-align:center}.sa-el-counter { display: inline-block; } .sa-el-counter-icon-wrap, .sa-el-counter-icon, .sa-el-counter-icon-divider, .sa-el-counter-num-divider { display: inline-block; } .sa-el-counter-icon-divider{ border-bottom-style: dashed; border-bottom-width: 3px; width: 94px; } .sa-el-counter-icon { line-height: 1; font-size: 39px; border-style: solid; border-width: 2px 2px 2px 2px; border-radius: 50px 50px 50px 50px; padding-top: 11px; padding-left: 11px; padding-right: 11px; padding-bottom: 11px; } .sa-el-counter-number-wrap{ font-family: "Open Sans", Sans-serif; font-size: 36px; font-weight: 600; line-height: 0.3em; } .sa-el-counter-title{ font-family: "Roboto", Sans-serif; font-size: 18px; font-weight: 500; line-height: 1.1em; } .sa-el-counter-layout-3-number-wrap, .sa-el-counter-layout-3 .sa-el-icon-title-wrap, .sa-el-counter-layout-4-number-wrap, .sa-el-counter-layout-4 .sa-el-icon-title-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .sa-el-counter-layout-5, .sa-el-counter-layout-6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .sa-el-counter-layout-6 .sa-el-counter-icon-wrap { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .sa-el-counter .sa-el-icon-title-wrap .sa-el-counter-title { display: inline-block; } .sa-el-divider-wrap { font-size: 0; line-height: 0; } .sa-el-divider { text-align: center; } .sa-el-divider-left .divider-border-left { display: none; } .sa-el-divider-right .divider-border-right { display: none; } .horizontal { border: 0; border-color: #000; border-bottom-width: 4px; border-top-width: 0px; display: inline-block; width: 80px; height: 0; border-style: dashed; } .vertical { border: 0; display: inline-block; border-left: 2px solid #000; height: 50px; } .divider-text-container { display: inline-block; max-width: 100%; } .divider-text-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 auto; } .sa-el-divider-content h1.sa-el-divider-text:before, .sa-el-divider-content h2.sa-el-divider-text:before, .sa-el-divider-content h3.sa-el-divider-text:before, .sa-el-divider-content h4.sa-el-divider-text:before, .sa-el-divider-content h5.sa-el-divider-text:before, .sa-el-divider-content h6.sa-el-divider-text:before{ display: none; } .sa-el-divider-content h1.sa-el-divider-text, .sa-el-divider-content h2.sa-el-divider-text, .sa-el-divider-content h3.sa-el-divider-text, .sa-el-divider-content h4.sa-el-divider-text, .sa-el-divider-content h5.sa-el-divider-text, .sa-el-divider-content h6.sa-el-divider-text, .sa-el-divider-content div.sa-el-divider-text, .sa-el-divider-content span.sa-el-divider-text, .sa-el-divider-content p.sa-el-divider-text { font-size: 16px; line-height: 1.4; } .divider-border-wrap { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .divider-border { border: 0; height: 1px; border-top: 1px solid #000; display: block; width: 100%; } .sa-el-divider-content { display: inherit; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 20px; } /* 35. Feature List */ .elementor-widget-sa_el_feature_list.-icon-position-left .connector_type_modern.rhombus .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-top .connector_type_modern.rhombus .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-right .connector_type_modern.rhombus .sa_el_feature_list_item:before { top: 3px !important; } .elementor-widget-sa_el_feature_list.-icon-position-right .connector, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-right .connector { right: 0; left: calc(100% - 60px); } .elementor-widget-sa_el_feature_list.-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item { padding: 0 50px 0 0; } @media (max-width: 767px) { .elementor-widget-sa_el_feature_list.-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item { padding: 0 30px 0 0; } } .elementor-widget-sa_el_feature_list.-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before { left: auto; right: 0; } .elementor-widget-sa_el_feature_list.-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after { left: auto; right: 5px; } .elementor-widget-sa_el_feature_list ul.sa_el_feature_list_items { list-style-type: none; margin: 0; padding: 0; } .elementor-widget-sa_el_feature_list ul.sa_el_feature_list_items li.sa_el_feature_list_item { position: relative; margin: 0 0 0 0; } .elementor-widget-sa_el_feature_list .sa_el_feature_list_items .sa_el_feature_list_item .connector { display: block; position: absolute; width: 0; margin: 0 auto; z-index: 1; height: 100%; top: 0.5em; font-size: 60px; left: 0; right: calc(100% - 60px); border-left: 2px solid #2ecc71; border-right: none !important; } .elementor-widget-sa_el_feature_list .sa_el_feature_list_items .sa_el_feature_list_item:last-child .connector { display: none; } .elementor-widget-sa_el_feature_list .sa_el_feature_list_items .sa_el_feature_list_item .sa_el_feature_list_icon_box { z-index: 2; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } @media (prefers-reduced-motion: reduce) { .elementor-widget-sa_el_feature_list .sa_el_feature_list_items .sa_el_feature_list_item .sa_el_feature_list_icon_box { -webkit-transition: none; -o-transition: none; transition: none; } } .elementor-widget-sa_el_feature_list .sa_el_feature_list_items .sa_el_feature_list_item .sa_el_feature_list_icon_box .sa_el_feature_list_icon_inner { background-color: #37368e; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } @media (prefers-reduced-motion: reduce) { .elementor-widget-sa_el_feature_list .sa_el_feature_list_items .sa_el_feature_list_item .sa_el_feature_list_icon_box .sa_el_feature_list_icon_inner { -webkit-transition: none; -o-transition: none; transition: none; } } .elementor-widget-sa_el_feature_list .sa_el_feature_list_items .sa_el_feature_list_item .sa_el_feature_list_icon_box .sa_el_feature_list_icon { padding: 0.5em; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-size: 30px; line-height: 1; color: #37368e; text-align: center; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } @media (prefers-reduced-motion: reduce) { .elementor-widget-sa_el_feature_list .sa_el_feature_list_items .sa_el_feature_list_item .sa_el_feature_list_icon_box .sa_el_feature_list_icon { -webkit-transition: none; -o-transition: none; transition: none; } } .elementor-widget-sa_el_feature_list .sa_el_feature_list_items .sa_el_feature_list_item .sa_el_feature_list_icon_box .sa_el_feature_list_icon i { width: 1em; height: 1em; position: relative; display: block; } .elementor-widget-sa_el_feature_list .sa_el_feature_list_items .sa_el_feature_list_item .sa_el_feature_list_icon_box .sa_el_feature_list_icon i:before { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .elementor-widget-sa_el_feature_list .sa_el_feature_list_items .sa_el_feature_list_item .sa_el_feature_list_icon_box .sa_el_feature_list_img { font-size: 8px; line-height: 1; max-width: inherit; } .elementor-widget-sa_el_feature_list .sa_el_feature_list_items .sa_el_feature_list_item .sa_el_feature_list_content_box { margin: 0 0 0 20px; } .sa_el_feature_list_content_box .sa_el_feature_list_title { margin-top: 0px; line-height: 1.5em; } .elementor-widget-sa_el_feature_list .sa_el_feature_list_items .sa_el_feature_list_item .sa_el_feature_list_content_box .sa_el_feature_list_content { padding: 0; margin: 0; font-size: 14px; line-height: 1.5em; } .elementor-widget-sa_el_feature_list .sa_el_feature_list_items.stacked .sa_el_feature_list_icon_box .sa_el_feature_list_icon { color: #fff; } .elementor-widget-sa_el_feature_list .sa_el_feature_list_items.framed .sa_el_feature_list_icon_box .sa_el_feature_list_icon { background-color: #fff; } .elementor-widget-sa_el_feature_list .sa_el_feature_list_items.circle .sa_el_feature_list_icon_box .sa_el_feature_list_icon_inner { border-radius: 50%; } .elementor-widget-sa_el_feature_list .sa_el_feature_list_items.circle .sa_el_feature_list_icon_box .sa_el_feature_list_icon_inner .sa_el_feature_list_icon { border-radius: 50%; } .elementor-widget-sa_el_feature_list .sa_el_feature_list_items.rhombus .sa_el_feature_list_icon_box .sa_el_feature_list_icon_inner { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin: 15px; } .elementor-widget-sa_el_feature_list .sa_el_feature_list_items.rhombus .sa_el_feature_list_icon_box .sa_el_feature_list_icon i { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .elementor-widget-sa_el_feature_list .sa_el_feature_list_items.rhombus .sa_el_feature_list_icon_box .sa_el_feature_list_icon img { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .elementor-widget-sa_el_feature_list .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item { padding: 0 0 0 50px; position: relative; } @media (max-width: 767px) { .elementor-widget-sa_el_feature_list .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item { padding: 0 0 0 30px; display: block; } } .elementor-widget-sa_el_feature_list .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after { content: ""; position: absolute; display: block; } .elementor-widget-sa_el_feature_list .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before { left: 0; top: 0; z-index: 1; border-left: 1px solid #000; border-right: none !important; height: 100%; } .elementor-widget-sa_el_feature_list .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after { left: 5px; top: 50%; transform: translateY(-50%); width: 23px; display: block; z-index: 2; border-bottom: 1px dashed #000; border-top: none !important; } .elementor-widget-sa_el_feature_list .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item .connector { display: none; } @media (min-width: 768px) { .elementor-widget-sa_el_feature_list .sa_el_feature_list_items.connector_type_modern.-icon-position-right .sa_el_feature_list_item { padding: 0 50px 0 0; } .elementor-widget-sa_el_feature_list .sa_el_feature_list_items.connector_type_modern.-icon-position-right .sa_el_feature_list_item:before { left: auto; right: 0; } .elementor-widget-sa_el_feature_list .sa_el_feature_list_items.connector_type_modern.-icon-position-right .sa_el_feature_list_item:after { left: auto; right: 5px; top: 30px; } .elementor-widget-sa_el_feature_list .sa_el_feature_list_items.connector_type_modern.-icon-position-right .sa_el_feature_list_item .connector { display: none; } } @media (min-width: 1025px) { .elementor-widget-sa_el_feature_list.-icon-position-left .sa_el_feature_list_content_box { margin-right: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } .elementor-widget-sa_el_feature_list.-icon-position-right .sa_el_feature_list_content_box { margin-left: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } .elementor-widget-sa_el_feature_list.-icon-position-top .sa_el_feature_list_content_box { margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; } .elementor-widget-sa_el_feature_list.-icon-position-left .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right .sa_el_feature_list_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .elementor-widget-sa_el_feature_list.-icon-position-left .sa_el_feature_list_item { text-align: left; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .elementor-widget-sa_el_feature_list.-icon-position-right .sa_el_feature_list_item { text-align: right; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media (max-width: 1024px) { .elementor-widget-sa_el_feature_list.-tablet-icon-position-left .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-tablet-icon-position-right .sa_el_feature_list_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .elementor-widget-sa_el_feature_list.-tablet-icon-position-left .sa_el_feature_list_item { text-align: left; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .elementor-widget-sa_el_feature_list.-tablet-icon-position-right .sa_el_feature_list_item { text-align: right; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media (min-width: 768px) and (max-width: 1024px) { .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-left .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-left .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-left .sa_el_feature_list_content_box { margin-right: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item { padding: 0 0 0 50px; } } @media (min-width: 768px) and (max-width: 1024px) and (max-width: 767px) { .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item { padding: 0 0 0 30px; } } @media (min-width: 768px) and (max-width: 1024px) { .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before { left: 0; right: auto; } .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after { left: 5px; top: 30px; } .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-top .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-top .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-top .sa_el_feature_list_content_box { margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; } .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item { padding: 0 0 0 50px; } } @media (min-width: 768px) and (max-width: 1024px) and (max-width: 767px) { .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item { padding: 0 0 0 30px; } } @media (min-width: 768px) and (max-width: 1024px) { .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before { left: 0; right: auto; } .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after { left: 5px; } .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-right .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-right .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-right .sa_el_feature_list_content_box { margin-left: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item { padding: 0 50px 0 0; } } @media (min-width: 768px) and (max-width: 1024px) and (max-width: 767px) { .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item { padding: 0 30px 0 0; } } @media (min-width: 768px) and (max-width: 1024px) { .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before { right: 0; left: auto; } .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after { left: auto; right: 5px; } } @media (max-width: 767px) { .elementor-widget-sa_el_feature_list.-icon-position-left .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-tablet-icon-position-left .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-tablet-icon-position-right .sa_el_feature_list_item { display: block; text-align: left; } .elementor-widget-sa_el_feature_list.-mobile-icon-position-left .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-mobile-icon-position-right .sa_el_feature_list_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .elementor-widget-sa_el_feature_list.-mobile-icon-position-left .sa_el_feature_list_item { text-align: left; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .elementor-widget-sa_el_feature_list.-mobile-icon-position-right .sa_el_feature_list_item { text-align: right; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-left.-mobile-icon-position-left .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-right.-mobile-icon-position-left .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-left._tablet_icon_position_top.-mobile-icon-position-left .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-left.-mobile-icon-position-left .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-right.-mobile-icon-position-left .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-right._tablet_icon_position_top.-mobile-icon-position-left .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-left.-mobile-icon-position-left .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-right.-mobile-icon-position-left .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-top._tablet_icon_position_top.-mobile-icon-position-left .sa_el_feature_list_content_box { margin-right: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-left.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-right.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-left._tablet_icon_position_top.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-left.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-right.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right._tablet_icon_position_top.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-left.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-right.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-top._tablet_icon_position_top.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item { padding: 0 0 0 50px; } } @media (max-width: 767px) and (max-width: 767px) { .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-left.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-right.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-left._tablet_icon_position_top.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-left.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-right.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right._tablet_icon_position_top.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-left.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-right.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-top._tablet_icon_position_top.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item { padding: 0 0 0 30px; } } @media (max-width: 767px) { .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-left.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-right.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-left._tablet_icon_position_top.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-left.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-right.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-right._tablet_icon_position_top.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-left.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-right.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-top._tablet_icon_position_top.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before { left: 0; right: auto; } .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-left.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-right.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-left._tablet_icon_position_top.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-left.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-right.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-right._tablet_icon_position_top.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-left.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-right.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-top._tablet_icon_position_top.-mobile-icon-position-left .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after { left: 5px; } .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-left.-mobile-icon-position-top .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-right.-mobile-icon-position-top .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-left._tablet_icon_position_top.-mobile-icon-position-top .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-left.-mobile-icon-position-top .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-right.-mobile-icon-position-top .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-right._tablet_icon_position_top.-mobile-icon-position-top .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-left.-mobile-icon-position-top .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-right.-mobile-icon-position-top .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-top._tablet_icon_position_top.-mobile-icon-position-top .sa_el_feature_list_content_box { margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; } .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-left.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-right.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-left._tablet_icon_position_top.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-left.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-right.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right._tablet_icon_position_top.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-left.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-right.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-top._tablet_icon_position_top.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item { padding: 0 0 0 50px; } } @media (max-width: 767px) and (max-width: 767px) { .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-left.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-right.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-left._tablet_icon_position_top.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-left.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-right.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right._tablet_icon_position_top.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-left.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-right.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-top._tablet_icon_position_top.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item { padding: 0 0 0 30px; } } @media (max-width: 767px) { .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-left.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-right.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-left._tablet_icon_position_top.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-left.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-right.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-right._tablet_icon_position_top.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-left.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-right.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-top._tablet_icon_position_top.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before { left: 0; right: auto; } .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-left.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-right.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-left._tablet_icon_position_top.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-left.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-right.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-right._tablet_icon_position_top.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-left.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-right.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-top._tablet_icon_position_top.-mobile-icon-position-top .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after { left: 5px; } .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-left.-mobile-icon-position-right .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-right.-mobile-icon-position-right .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-left._tablet_icon_position_top.-mobile-icon-position-right .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-left.-mobile-icon-position-right .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-right.-mobile-icon-position-right .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-right._tablet_icon_position_top.-mobile-icon-position-right .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-left.-mobile-icon-position-right .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-right.-mobile-icon-position-right .sa_el_feature_list_content_box, .elementor-widget-sa_el_feature_list.-icon-position-top._tablet_icon_position_top.-mobile-icon-position-right .sa_el_feature_list_content_box { margin-left: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-left.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-right.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-left._tablet_icon_position_top.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-left.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-right.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right._tablet_icon_position_top.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-left.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-right.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-top._tablet_icon_position_top.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item { padding: 0 50px 0 0; } } @media (max-width: 767px) and (max-width: 767px) { .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-left.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-right.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-left._tablet_icon_position_top.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-left.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-right.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-right._tablet_icon_position_top.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-left.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-right.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item, .elementor-widget-sa_el_feature_list.-icon-position-top._tablet_icon_position_top.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item { padding: 0 30px 0 0; } } @media (max-width: 767px) { .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-left.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-right.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-left._tablet_icon_position_top.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-left.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-right.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-right._tablet_icon_position_top.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-left.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-right.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before, .elementor-widget-sa_el_feature_list.-icon-position-top._tablet_icon_position_top.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:before { right: 0; left: auto; } .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-left.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-left.-tablet-icon-position-right.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-left._tablet_icon_position_top.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-left.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-right.-tablet-icon-position-right.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-right._tablet_icon_position_top.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-left.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-top.-tablet-icon-position-right.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after, .elementor-widget-sa_el_feature_list.-icon-position-top._tablet_icon_position_top.-mobile-icon-position-right .sa_el_feature_list_items.connector_type_modern .sa_el_feature_list_item:after { left: auto; right: 5px; } } .sa_el_elements_flip_box_container { position: relative; height: auto; width: 100%; } .sa_el_elements_flip_box_container::after { content: ''; display: block; width: 100%; padding-bottom: 300px; } .sa_el_elements_flip_box_container .sa_el_flipbox_button { display: inline-block; -webkit-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .sa_el_elements_flip_box_container a { display: block; } .sa_el_elements_flip_box_vertical_align { width: 100%; } .sa_el_elements_flip_box_padding { padding: 0px 30px 5px 30px; } .sa_el_elements_flip_box_icon_image { display: inline-block; margin: 0 auto 0px auto; line-height: 1; } .sa_el_elements_flip_box_icon_image.sa_el_eleements_flip_front_icon_style_background { background: #cccccc; } .sa_el_eleements_flip_front_icon_style_bordered { border: 2px solid #ffffff; } .sa_el_flip_box_icon_border_round { border-radius: 100px; } .sa_el_eleements_flip_front_icon_style_background, .sa_el_eleements_flip_front_icon_style_bordered { padding: 15px; } .sa_el_elements_flip_box_icon_image i { font-size: 40px; line-height: 40px; width: 40px; } .sa_el_elements_slider_display_table { width: 100%; } .sa_el_elements_flip_box_front_container { text-align: center; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: #270887; color: #ffffff; -webkit-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } .sa_el_elements_flip_box_front_container::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .sa_el_elements_flip_box_content, .sa_el_elements_flip_box_heading { color: #ffffff; } .sa_el_elements_flip_box_heading.flipbox-linked-title { color: #fff; font-size: 1.5em; font-weight: 700; } .sa_el_elements_flip_box_rear_container { text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #db5959; color: #ffffff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; } .sa_el_elements_flip_box_rear_container::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .sa_el_elements_button_floating_container { position: fixed; z-index: 100; } .sa_el_elements_button_floating_container .sa_el_elements_button { margin-top: 0px; font-size: 14px; position: relative; padding: 14px 20px; } .sa_el_elements_button { cursor: pointer; display: inline-block; background: #077bbe; color: #ffffff; line-height: 1; padding: 16px 25px; margin-top: 15px; } .sa_el_elements_button:hover { background: #077bbe; color: #ffffff; } .sa_el_elements_flip_box_container { -webkit-perspective: 1000px; perspective: 1000px; } .sa_el_elements_flip_box_front_container, .sa_el_elements_flip_box_rear_container { -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .sa_el_elements_flip_box_flip_card { width: 100%; height: 100%; left: 0; top: 0; position: absolute; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .sa_el_elements_flip_box_rear_container, .sa_el_elements_flip_box_front_container { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .sa_el_animate_flip.sa_el_animate_up.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_flip_card, .sa_el_animate_flip.sa_el_animate_up .sa_el_elements_flip_box_rear_container { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .sa_el_animate_flip.sa_el_animate_down.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_flip_card, .sa_el_animate_flip.sa_el_animate_down .sa_el_elements_flip_box_rear_container { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } .sa_el_animate_flip.sa_el_animate_left.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_flip_card, .sa_el_animate_flip.sa_el_animate_left .sa_el_elements_flip_box_rear_container { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .sa_el_animate_flip.sa_el_animate_right.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_flip_card, .sa_el_animate_flip.sa_el_animate_right .sa_el_elements_flip_box_rear_container { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .sa_el_animate_push.sa_el_elements_flip_box_container, .sa_el_animate_slide.sa_el_elements_flip_box_container { overflow: hidden; } .sa_el_animate_push .sa_el_elements_flip_box_rear_container, .sa_el_animate_slide .sa_el_elements_flip_box_rear_container { z-index: 3; } .sa_el_animate_push.sa_el_animate_up .sa_el_elements_flip_box_rear_container, .sa_el_animate_slide.sa_el_animate_up .sa_el_elements_flip_box_rear_container { top: 100%; } .sa_el_animate_push.sa_el_animate_up.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_rear_container, .sa_el_animate_slide.sa_el_animate_up.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_rear_container { top: 0; } .sa_el_animate_push.sa_el_animate_down .sa_el_elements_flip_box_rear_container, .sa_el_animate_slide.sa_el_animate_down .sa_el_elements_flip_box_rear_container { top: auto; bottom: 100%; } .sa_el_animate_push.sa_el_animate_down.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_rear_container, .sa_el_animate_slide.sa_el_animate_down.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_rear_container { top: auto; bottom: 0; } .sa_el_animate_push.sa_el_animate_left .sa_el_elements_flip_box_rear_container, .sa_el_animate_slide.sa_el_animate_left .sa_el_elements_flip_box_rear_container { left: 100%; } .sa_el_animate_push.sa_el_animate_left.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_rear_container, .sa_el_animate_slide.sa_el_animate_left.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_rear_container { left: 0; } .sa_el_animate_push.sa_el_animate_right .sa_el_elements_flip_box_rear_container, .sa_el_animate_slide.sa_el_animate_right .sa_el_elements_flip_box_rear_container { left: auto; right: 100%; } .sa_el_animate_push.sa_el_animate_right.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_rear_container, .sa_el_animate_slide.sa_el_animate_right.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_rear_container { left: auto; right: 0; } .sa_el_animate_push.sa_el_animate_up.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_front_container { top: -100%; } .sa_el_animate_push.sa_el_animate_down.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_front_container { top: 100%; } .sa_el_animate_push.sa_el_animate_left.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_front_container { left: -100%; } .sa_el_animate_push.sa_el_animate_right.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_front_container { left: 100%; } .sa_el_animate_zoom_in .sa_el_elements_flip_box_rear_container { opacity: 0; -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); z-index: 3; } .sa_el_animate_zoom_in.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_rear_container { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .sa_el_animate_zoom_out.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_front_container { opacity: 0; -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } .sa_el_animate_fade.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_front_container { opacity: 0; } .sa_el_flipbox_content_align_right .sa_el_elements_flip_box_padding { text-align: right; } .sa_el_flipbox_content_align_left .sa_el_elements_flip_box_padding { text-align: left; } .sa_el_flipbox_content_align_center .sa_el_elements_flip_box_padding { text-align: center; } .sa_el_flipbox_img_circle .sa_el_elements_flip_box_icon_image img, .sa_el_flipbox_img_circle .flipbox-back-image-icon img { border-radius: 50%; overflow: hidden; }.elementor-widget-sa-el-icon-box .elementor-widget-container { position: relative; } .elementor-widget-sa-el-icon-box .sa-el-icon-box-content { background: #0F8CBD; padding: 10px; } .sa-el-icon-box-title { margin-top: 0; margin-bottom: 0; color: #fff; font-size: 24px; -webkit-transition: color .3s; transition: color .3s; } .sa-el-icon-box-icon { display: inline-block; margin-bottom: 1rem; color: #fff; text-align: center; font-size: 3rem; -webkit-transition: border .3s, background .3s, color .3s, -webkit-transform .3s; transition: border .3s, background .3s, color .3s, -webkit-transform .3s; transition: transform .3s, border .3s, background .3s, color .3s; transition: transform .3s, border .3s, background .3s, color .3s, -webkit-transform .3s; } .sa-el-icon-box-icon>i { position: relative; display: block; width: 1em; height: 1em; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .sa-el-icon-box-icon>i:before { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .sa-el-icon-box-link { display: block; color: transparent; text-decoration: none; } .elementor-widget-sa-el-icon-box .sa-el-badge { position: absolute; z-index: 9999; background-color: #e2498a; color: #fff; } .sa-el-badge { padding: .475rem 1.1rem; border-radius: 50px; background-color: #fff; font-size: 12px; } .sa-el-badge--top-left { top: 1rem; left: 1rem; } .sa-el-badge--top-center { top: 1rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .sa-el-badge--top-right { top: 1rem; right: 1rem; } .sa-el-badge--middle-left { top: 50%; left: 1rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .sa-el-badge--middle-center { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .sa-el-badge--middle-right { top: 50%; right: 1rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .sa-el-badge--bottom-left { bottom: 1rem; left: 1rem; } .sa-el-badge--bottom-center { bottom: 1rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .sa-el-badge--bottom-right { right: 1rem; bottom: 1rem; } .sa-el-image-hotspots { position: relative; } .sa-el-hot-spot-wrap { cursor: pointer; position: absolute; width: 14px; height: 14px; background: #000; -webkit-border-radius: 50%; border-radius: 50%; font-size: 14px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; z-index: 4; } .sa-el-hot-spot-image { position: relative; } .sa-el-hotspot-text { z-index: 10; } .sa-el-hot-spot-inner { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .sa-el-hot-spot-inner.hotspot-animation:before { content: ''; display: block; position: absolute; z-index: 0; pointer-events: none; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; left: 0; top: 0; } .sa-el-hot-spot-inner.hotspot-animation:hover:before { -webkit-animation: none; animation: none; } .sa-el-hot-spot-inner, .sa-el-hot-spot-inner:before { background-color: #000; -webkit-border-radius: 50%; border-radius: 50%; color: #fff; height: 100%; position: absolute; width: 100%; } .sa-el-hotspot-icon { position: relative; } .sa-el-hotspot-icon.tooltip { opacity: 1; } .sa-el-hotspot-icon-wrap { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: 100%; height: 100%; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%; } .sa-el-single-tooltip p { margin: 0; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.8); box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.8); } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-box-shadow: inset 0 0 1px 1px transparent; box-shadow: inset 0 0 1px 1px transparent; } } @keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.8); box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.8); } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-box-shadow: inset 0 0 1px 1px transparent; box-shadow: inset 0 0 1px 1px transparent; } } .tipso_content p:last-child { margin-bottom: 0; } .tipso_bubble, .tipso_bubble>.tipso_arrow { -webkit-box-sizing: border-box; box-sizing: border-box; } .tipso_bubble { position: absolute; text-align: center; -webkit-border-radius: 6px; border-radius: 6px; z-index: 9999; } .tipso_style { cursor: help; border-bottom: 1px dotted; } .tipso_title { -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .tipso_content { word-wrap: break-word; padding: 0.5em; } .tipso_bubble.tiny { font-size: 0.6rem; } .tipso_bubble.small { font-size: 0.8rem; } .tipso_bubble.default { font-size: 1rem; } .tipso_bubble.large { font-size: 1.2rem; width: 100%; } .tipso_bubble>.tipso_arrow { position: absolute; width: 0; height: 0; border: 8px solid; pointer-events: none; } .tipso_bubble.top>.tipso_arrow { border-top-color: #000; border-right-color: transparent; border-left-color: transparent; border-bottom-color: transparent; top: 100%; left: 50%; margin-left: -8px; } .tipso_bubble.bottom>.tipso_arrow { border-bottom-color: #000; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; bottom: 100%; left: 50%; margin-left: -8px; } .tipso_bubble.left>.tipso_arrow { border-left-color: #000; border-top-color: transparent; border-bottom-color: transparent; border-right-color: transparent; top: 50%; left: 100%; margin-top: -8px; } .tipso_bubble.right>.tipso_arrow { border-right-color: #000; border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; top: 50%; right: 100%; margin-top: -8px; } .tipso_bubble .top_right_corner, .tipso_bubble.top_right_corner { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .tipso_bubble .bottom_right_corner, .tipso_bubble.bottom_right_corner { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; } .tipso_bubble .top_left_corner, .tipso_bubble.top_left_corner { -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .tipso_bubble .bottom_left_corner, .tipso_bubble.bottom_left_corner { -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }/* ------------------------ Infobox Style ------------------------ */ .sa_el_infobox .infobox_icon { height: auto; } .sa_el_infobox .infobox_icon .infobox_icon_wrap { display: block; width: 100%; height: auto; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .sa_el_infobox .infobox_icon .infobox_icon_wrap i { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .sa_el_infobox_content_align_left .sa_el_infobox .infobox_icon, .sa_el_infobox_content_align_left .sa_el_infobox .infobox_content, .sa_el_infobox_content_align_left .sa_el_infobox .infobox-button { text-align: left; } .sa_el_infobox_content_align_right .sa_el_infobox .infobox_icon, .sa_el_infobox_content_align_right .sa_el_infobox .infobox_content, .sa_el_infobox_content_align_right .sa_el_infobox .infobox-button { text-align: right; } .sa_el_infobox_content_align_center .sa_el_infobox .infobox_icon, .sa_el_infobox_content_align_center .sa_el_infobox .infobox_content, .sa_el_infobox_content_align_center .sa_el_infobox .infobox-button { text-align: center; } .sa_el_infobox_icon_bg_shape_square .infobox_icon .infobox_icon_wrap, .sa_el_infobox_icon_bg_shape_radius .infobox_icon .infobox_icon_wrap, .sa_el_infobox_icon_bg_shape_circle .infobox_icon .infobox_icon_wrap { width: 90px; height: 90px; text-align: center; } .sa_el_infobox_icon_hover_bg_shape_square:hover .infobox_icon .infobox_icon_wrap { border-radius: 0; } .sa_el_infobox_icon_bg_shape_radius .infobox_icon .infobox_icon_wrap, .sa_el_infobox_icon_hover_bg_shape_radius:hover .infobox_icon .infobox_icon_wrap { border-radius: 15px; } .sa_el_infobox_icon_bg_shape_radius .infobox_icon .infobox_icon_wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .sa_el_infobox_icon_bg_shape_circle .infobox_icon .infobox_icon_wrap, .sa_el_infobox_icon_hover_bg_shape_circle:hover .infobox_icon .infobox_icon_wrap { border-radius: 50%; } .sa_el_infobox_icon_bg_shape_square .infobox_icon .infobox_icon_wrap i, .sa_el_infobox_icon_bg_shape_circle .infobox_icon .infobox_icon_wrap i { margin-top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .sa_el_infobox .infobox-button { width: 100%; } .sa_el_infobox .infobox-button a.sa_el_infobox_button { display: inline-block; padding: 5px 10px; -webkit-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; } .sa_el_infobox_content_align_left.sa_el_infobox_icon_bg_shape_square .infobox_icon, .sa_el_infobox_content_align_left.sa_el_infobox_icon_bg_shape_radius .infobox_icon, .sa_el_infobox_content_align_left.sa_el_infobox_icon_bg_shape_circle .infobox_icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .sa_el_infobox_content_align_center.sa_el_infobox_icon_bg_shape_square .infobox_icon, .sa_el_infobox_content_align_center.sa_el_infobox_icon_bg_shape_radius .infobox_icon, .sa_el_infobox_content_align_center.sa_el_infobox_icon_bg_shape_circle .infobox_icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .sa_el_infobox_content_align_right.sa_el_infobox_icon_bg_shape_square .infobox_icon, .sa_el_infobox_content_align_right.sa_el_infobox_icon_bg_shape_radius .infobox_icon, .sa_el_infobox_content_align_right.sa_el_infobox_icon_bg_shape_circle .infobox_icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .sa_el_infobox.icon-on-left { position: relative; z-index: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .sa_el_infobox.icon-on-right .infobox_icon_wrap, .sa_el_infobox.icon-on-left .infobox_icon_wrap { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .sa_el_infobox.icon-on-left .infobox_icon .infobox_icon_wrap { background: none; border: 0px; text-align: left; height: auto; display: block; } .sa_el_infobox .infobox_content p { margin: 0 0 15px; } .sa_el_infobox.icon-on-left .infobox_icon .infobox_icon_wrap i { margin-top: 0px; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .sa_el_infobox.icon-on-left .infobox_content { padding-left: 15px; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .sa_el_infobox.icon-on-left .infobox_content .title { line-height: 1; margin: 0 0 10px 0; } .sa_el_infobox.icon-on-right { position: relative; z-index: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .sa_el_infobox.icon-on-right .infobox_icon .infobox_icon_wrap { background: none; border: 0px; text-align: right; width: auto; height: auto; display: block; } .sa_el_infobox.icon-on-right .infobox_icon .infobox_icon_wrap i { margin-top: 0px; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .sa_el_infobox.icon-on-right .infobox_content { padding-right: 15px; text-align: right; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-sizing: border-box; box-sizing: border-box; } .sa_el_infobox.icon-on-right .infobox_content .title { line-height: 1; margin: 0 0 10px 0; } .sa_el_infobox .infobox_icon img { -webkit-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; } .sa_el_infobox_hover_img_shape_square:hover .sa_el_infobox .infobox_icon img { border-radius: 0; } .sa_el_infobox-shape-circle .sa_el_infobox .infobox_icon img, .sa_el_infobox_hover_img_shape_circle:hover .sa_el_infobox .infobox_icon img { border-radius: 50%; } .sa_el_infobox_shape_radius .sa_el_infobox .infobox_icon img, .sa_el_infobox_hover_img_shape_radius:hover .sa_el_infobox .infobox_icon img { border-radius: 15px; }/* * Interactive Cards */ .interactive-card { position: relative; width: 100%; height: 600px; display: block; z-index: 0; -webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; overflow: hidden; } .add-shadow { -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } .interactive-card .front-content { position: relative; display: block; -webkit-border-radius: 0px; border-radius: 0px; z-index: 1; -webkit-transform: scale(1); transform: scale(1); } .interactive-card .front-content:before { content: ""; position: absolute; width: 120px; height: 120px; background-color: rgba(255, 255, 255, 0.4); top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-border-radius: 50%; border-radius: 50%; z-index: 1; opacity: 0.2; -webkit-animation: zoomOut; -o-animation: zoomOut; animation: zoomOut; animation-delay: 0.8s; } .interactive-card .front-content:after { content: ""; position: absolute; width: 80px; height: 80px; background-color: rgba(255, 255, 255, 0.4); top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-border-radius: 50%; border-radius: 50%; z-index: -1; opacity: 0.1; -webkit-animation: zoomOut; -o-animation: zoomOut; animation: zoomOut; } .interactive-card .front-content .image-screen { position: relative; width: 100%; height: 100%; z-index: 11; cursor: pointer; background-repeat: no-repeat; background-size: cover; background-position: top; transition: 0.5s; } .interactive-card .front-text-content { width: 100%; height: 100%; -webkit-display: flex; display: flex; align-items: center; justify-content: center; } .interactive-card .front-text-content .image-screen { background: #4d4d4d; width: 100%; height: 100%; padding: 30px; -webkit-display: flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; text-align: center; -webkit-transition: 0.5s; transition: 0.5s; } .interactive-card .front-text-content .image-screen:hover { background: rgba(77, 77, 77, 0.6); } .interactive-card .front-text-content .header .card-number { font-size: 2em; font-weight: 700; color: #fff; margin-top: 0px; } .interactive-card .front-text-content .header .title { font-size: 1.1em; line-height: 1.5; margin-bottom: 1em; letter-spacing: 0.15em; text-transform: uppercase; } .interactive-card .front-text-content .front-text-body { font-size: 0.85em; color: #e9e9e9; } .interactive-card .front-text-content .footer { margin-top: 1em; } .interactive-card .front-text-content .footer a.interactive-btn { display: inline-block; padding: 8px 25px; font-size: 0.85em; letter-spacing: 0.15em; -webkit-transition: 0.4s; transition: 0.4s; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 4px; border-radius: 4px; } .interactive-card .front-text-content .footer a.interactive-btn:hover { background: #02cc7b; } .interactive-card .content { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; bottom: 0px; right: 0px; background: #fff; z-index: -100; opacity: 0; transition: 1s; } .interactive-card .content .content-inner { width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-end; } .interactive-card .content-show { z-index: 100; opacity: 1; } .interactive-card .content .content-inner .image { width: 100%; height: 100%; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; opacity: 0.7; -webkit-transition: 0.4s; transition: 0.4s; } .interactive-card .content .text { display: block !important; } .interactive-card .text-inner { display: block; max-width: 100%; max-height: 100%; padding: 20px; } .interactive-card .content .image img { max-height: 100%; } .interactive-card .content:hover .image { opacity: 1; } .interactive-card .content .text { width: 100%; font-size: 14px; line-height: 27px; display: flex; -webkit-display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .interactive-card .content .text.center-text { text-align: center; } .interactive-card .content .text .title { font-size: 28px; font-weight: 600; text-transform: capitalize; line-height: 1; color: #313131; margin-top: 0px; } .interactive-card .content iframe { width: 100%; height: 100%; border: 0px; } .interactive-card .content .content-overflow { width: 100%; height: 100%; padding: 30px; overflow-y: scroll; } .interactive-card .close-me { position: absolute; width: 30px; height: 30px; top: 15px; right: 15px; z-index: 100; line-height: 30px; text-align: center; border-radius: 50%; font-size: 13px; cursor: pointer; } .interactive-card .interactive-btn { display: inline-block; padding: 8px 25px; background: #e9e9e9; color: #fff; border-radius: 4px; transition: 0.5s; background: #e91e63; } .interactive-card .interactive-btn:hover { color: #fff; text-decoration: none; background: #c2185b; } /* * Basic Carousel */ .interactive-card .carousel-container { overflow: hidden; } .interactive-card .carousel { padding: 0px; margin: 0px; list-style: none; } .interactive-card .carousel li { float: left; } .interactive-card .carousel li img { max-width: 100%; } .interactive-card .navigation { position: absolute; width: 100%; height: auto; padding: 15px; bottom: 15px; left: 0px; right: 0px; width: 100%; height: auto; text-align: center; z-index: 10; } .interactive-card .navigation a { display: inline-block; padding: 8px 15px; background: #f9f9f9; -webkit-border-radius: 25px; border-radius: 25px; font-size: 12px; font-weight: 600; color: #4d4d4d; text-transform: uppercase; text-decoration: none; -webkit-transition: 0.4s; transition: 0.4s; } .interactive-card .navigation a:hover { background: #ededed; } .interactive-card .interactive-button { display: inline-block; padding: 15px 22px; background: #00c853; font-size: 14px; font-weight: 600; color: #fff; text-transform: uppercase; text-decoration: none; -webkit-transition: 0.3s; transition: 0.3s; -webkit-border-radius: 4px; border-radius: 4px; } .interactive-card .interactive-button:hover { background: #03b048; } .interactive-card .fade-out { -webkit-animation: fadeOut 0.5s; -o-animation: fadeOut 0.5s; animation: fadeOut 0.5s; transition: 0.5s; opacity: 0; } @keyframes fadeOut { 0% { opacity: 1; transition: 0.5s; } 100% { opacity: 0; transition: 0.5s; } } .interactive-card .fade-in { -webkit-animation: fadeIn 0.5s; -o-animation: fadeIn 0.5s; animation: fadeIn 0.5s; transition: 0.5s; opacity: 1; } @keyframes fadeIn { 0% { opacity: 0; transition: 0.5s; } 100% { opacity: 1; transition: 0.5s; } } .interactive-card .zoom-out { -webkit-animation: zoomOut 1.5s; -o-animation: zoomOut 1.5s; animation: zoomOut 1.5s; opacity: 0; } @keyframes zoomOut { 0% { -webkit-transform: scale(1); transform: scale(1); transition: 0.5s; opacity: 1; } 25% { -webkit-transform: scale(0.9); transform: scale(0.9); transition: 0.5s; } 100% { -webkit-transform: scale(6); transform: scale(6); transition: 1.4s; opacity: 0; } } .interactive-card .zoom-in { -webkit-animation: zoomIn 1.5s; -o-animation: zoomIn 1.5s; animation: zoomIn 1.5s; opacity: 1; } @keyframes zoomIn { 0% { -webkit-transform: scaleX(4) scaleY(2); transform: scaleX(4) scaleY(2); transition: 0.5s; opacity: 0; } 25% { -webkit-transform: scale(0.9); transform: scale(0.9); transition: 0.5s; } 100% { -webkit-transform: scale(1); transform: scale(1); transition: 1.4s; opacity: 1; } } .interactive-card .slide-in-left { transition: 0.5s; -webkit-animation: slideInLeft 1.5s; -o-animation: slideInLeft 1.5s; animation: slideInLeft 1.5s; transform: translateX(0%); opacity: 1; z-index: 100; } @keyframes slideInLeft { 0% { transform: translateX(-100%); transition: 0.3s; } 50% { transform: translateX(10%); transition: 0.4s; } 100% { transform: translateX(0%); transition: 0.5s; } } .interactive-card .slide-in-swing-left { transition: 0.5s; -webkit-animation: slideInSwingLeft 1.2s; -o-animation: slideInSwingLeft 1.2s; animation: slideInSwingLeft 1.2s; transform: translateX(0%); opacity: 1; z-index: 100; } @keyframes slideInSwingLeft { 0% { transform: translateX(-100%) scale(0); transition: 0.3s; } 50% { transform: translateX(30%) scale(1.2); transition: 0.4s; } 100% { transform: translateX(0%) scale(1); transition: 0.5s; } } .interactive-card .slide-in-right { transition: 0.5s; -webkit-animation: slideInRight 1.5s; -o-animation: slideInRight 1.5s; animation: slideInRight 1.5s; transform: translateX(0%); opacity: 1; z-index: 100; } @keyframes slideInRight { 0% { transform: translateX(100%); transition: 0.3s; } 50% { transform: translateX(-10%); transition: 0.4s; } 100% { transform: translateX(0%); transition: 0.5s; } } .interactive-card .slide-in-swing-right { transition: 0.5s; -webkit-animation: slideInSwingRight 1.2s; -o-animation: slideInSwingRight 1.2s; animation: slideInSwingRight 1.2s; transform: translateX(0%); opacity: 1; z-index: 100; } @keyframes slideInSwingRight { 0% { transform: translateX(100%) scale(0); transition: 0.3s; } 50% { transform: translateX(-30%) scale(1.2); transition: 0.4s; } 100% { transform: translateX(0%) scale(1); transition: 0.5s; } } @media only screen and (max-width: 480px) { .interactive-card .front-content.front-text-content { width: 100%; } .interactive-card .front-content.front-text-content .image-screen:hover { background: none; } .interactive-card .content .text { padding: 15px; } .interactive-card .content .text .title { font-size: 18px; line-height: 27px; } .interactive-card .content .image { width: 60%; } } .sa-el-interactive-card-rear-img-align-left .interactive-card .content .content-inner { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .sa-el-interactive-card-rear-img-align-top .interactive-card .content .content-inner { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; justify-content: baseline; } /* ------------------------ Interactive Promo Style ------------------------ */ .sa-el-interactive-promo { list-style: outside none none; margin: 0 auto; max-width: 100%; position: relative; text-align: center; overflow: hidden; } .sa-el-interactive-promo figure { position: relative; overflow: hidden; margin: 10px 0; width: 100%; text-align: center; cursor: pointer; background-color: #3085a3; } .sa-el-interactive-promo figure img { position: relative; display: block; max-width: 100%; opacity: 0.8; } .sa-el-interactive-promo figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .sa-el-interactive-promo figure figcaption .sa-promo{ font-size: 1.25em; } .sa-el-interactive-promo figure figcaption::before, .sa-el-interactive-promo figure figcaption::after { pointer-events: none; } .sa-el-interactive-promo figure figcaption, .sa-el-interactive-promo figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .sa-el-interactive-promo figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .elementor-editor-active .sa-el-interactive-promo figure figcaption > a { z-index: 1; } .sa-el-interactive-promo figure .sa-promo{ font-weight: bolder; } .sa-el-interactive-promo figure .sa-promospan { font-weight: 800; } .sa-el-interactive-promo figure .sa-promo, .sa-el-interactive-promo figure p { margin: 0; } .sa-el-interactive-promo figure p { letter-spacing: 1px; font-size: 62.5%; } figure.effect-lily img { max-width: none; width: calc(100% + 50px); opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); } figure.effect-lily figcaption { text-align: left; } figure.effect-lily figcaption > div { position: absolute; bottom: 0; left: 0; padding: 2em; width: 100%; height: 50%; } figure.effect-lily .sa-promo, figure.effect-lily p { -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } figure.effect-lily .sa-promo{ -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } figure.effect-lily p { opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, -webkit-transform 0.35s; -o-transition: opacity 0.2s, transform 0.35s; transition: opacity 0.2s, transform 0.35s; transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s; } figure.effect-lily:hover img, figure.effect-lily:hover p { opacity: 1; } figure.effect-lily:hover img, figure.effect-lily:hover .sa-promo, figure.effect-lily:hover p { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-lily:hover p { -webkit-transition-delay: 0.05s; -o-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; } figure.effect-sadie figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(72, 76, 97, 0)), color-stop(75%, rgba(72, 76, 97, 0.8))); background: -o-linear-gradient(top, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%); background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%); content: ''; opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } figure.effect-sadie .sa-promo{ position: absolute; top: 50%; left: 0; width: 100%; color: #484c61; -webkit-transition: -webkit-transform 0.35s, color 0.35s; -webkit-transition: color 0.35s, -webkit-transform 0.35s; transition: color 0.35s, -webkit-transform 0.35s; -o-transition: transform 0.35s, color 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); } figure.effect-sadie figcaption::before, figure.effect-sadie p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; } figure.effect-sadie p { position: absolute; bottom: 0; left: 0; padding: 2em; width: 100%; opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } figure.effect-sadie:hover .sa-promo{ color: #fff; -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0); transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0); } figure.effect-sadie:hover figcaption::before, figure.effect-sadie:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-layla { background-color: #18a367; } figure.effect-layla img { height: auto; max-width: calc(100% + 30px); width: calc(100% + 30px); } figure.effect-layla figcaption { padding: 3em; } figure.effect-layla figcaption::before, figure.effect-layla figcaption::after { position: absolute; content: ''; opacity: 0; } figure.effect-layla figcaption::before { 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; } figure.effect-layla figcaption::after { 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; } figure.effect-layla .sa-promo{ padding-top: 26%; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } figure.effect-layla p { padding: 0.5em 2em; text-transform: none; opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } figure.effect-layla img, figure.effect-layla .sa-promo{ -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(-30px, 0, 0); } figure.effect-layla img, figure.effect-layla figcaption::before, figure.effect-layla figcaption::after, figure.effect-layla p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; } figure.effect-layla:hover img { opacity: 0.7; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-layla:hover figcaption::before, figure.effect-layla:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } figure.effect-layla:hover .sa-promo, figure.effect-layla:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-layla:hover figcaption::after, figure.effect-layla:hover .sa-promo, figure.effect-layla:hover p, figure.effect-layla:hover img { -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; } figure.effect-oscar { background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%); background: -o-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%); background: linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%); } figure.effect-oscar img { opacity: 0.9; -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-oscar figcaption { padding: 3em; background-color: rgba(58, 52, 42, 0.7); -webkit-transition: background-color 0.35s; -o-transition: background-color 0.35s; transition: background-color 0.35s; } figure.effect-oscar figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; } figure.effect-oscar .sa-promo{ margin: 20% 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: 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); } figure.effect-oscar figcaption::before, figure.effect-oscar p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, 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); } figure.effect-oscar:hover .sa-promo{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-oscar:hover figcaption::before, figure.effect-oscar:hover p { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } figure.effect-oscar:hover figcaption { background-color: rgba(58, 52, 42, 0); } figure.effect-oscar:hover img { opacity: 0.4; } figure.effect-marley figcaption { text-align: right; } figure.effect-marley .sa-promo, figure.effect-marley p { position: absolute; right: 30px; left: 30px; padding: 10px 0; } figure.effect-marley p { bottom: 30px; line-height: 1.5; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } figure.effect-marley .sa-promo{ top: 30px; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: 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); } figure.effect-marley:hover .sa-promo{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-marley .sa-promo::after { position: absolute; top: 100%; left: 0; width: 100%; height: 4px; background-color: #fff; content: ''; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } figure.effect-marley .sa-promo::after, figure.effect-marley p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; } figure.effect-marley:hover .sa-promo::after, figure.effect-marley:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-ruby { background-color: #17819c; } figure.effect-ruby img { opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); } figure.effect-ruby:hover img { opacity: 0.5; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } figure.effect-ruby .sa-promo{ margin-top: 5%; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: 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); } figure.effect-ruby p { margin: 1em 0 0; padding: 3em; border: 1px solid #fff; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, 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, 20px, 0) scale(1.1); transform: translate3d(0, 20px, 0) scale(1.1); } figure.effect-ruby:hover .sa-promo{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-ruby:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } figure.effect-roxy { background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%); background: -o-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%); background: linear-gradient(45deg, #ff89e9 0%, #05abe0 100%); } figure.effect-roxy img { max-width: none; width: calc(100% + 30px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-20px, 0, 0); } figure.effect-roxy figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } figure.effect-roxy figcaption { padding: 3em; text-align: left; } figure.effect-roxy .sa-promo{ padding: 30% 0 10px 0; } figure.effect-roxy p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } figure.effect-roxy:hover img { opacity: 0.7; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-roxy:hover figcaption::before, figure.effect-roxy:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-bubba { background: #9e5406; } figure.effect-bubba img { opacity: 0.7; -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-bubba:hover img { opacity: 0.4; } figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; } figure.effect-bubba figcaption::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); } figure.effect-bubba figcaption::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); } figure.effect-bubba .sa-promo{ padding-top: 30%; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: 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); } figure.effect-bubba p { padding: 20px 2.5em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, 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, 20px, 0); transform: translate3d(0, 20px, 0); } figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } figure.effect-bubba:hover .sa-promo, figure.effect-bubba:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-romeo { -webkit-perspective: 1000px; perspective: 1000px; } figure.effect-romeo img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, 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, 0, 300px); transform: translate3d(0, 0, 300px); } figure.effect-romeo:hover img { opacity: 0.6; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-romeo figcaption::before, figure.effect-romeo figcaption::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; -o-transition: opacity 0.35s, 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); } figure.effect-romeo:hover figcaption::before { opacity: 0.5; -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); transform: translate3d(-50%, -50%, 0) rotate(45deg); } figure.effect-romeo:hover figcaption::after { opacity: 0.5; -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg); transform: translate3d(-50%, -50%, 0) rotate(-45deg); } figure.effect-romeo .sa-promo, figure.effect-romeo p { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } figure.effect-romeo .sa-promo{ -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0); transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0); } figure.effect-romeo p { padding: 0.25em 2em; -webkit-transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0); transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0); } figure.effect-romeo:hover .sa-promo{ -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0); transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0); } figure.effect-romeo:hover p { -webkit-transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0); transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0); } figure.effect-sarah { background: #42b078; } figure.effect-sarah img { max-width: none; width: calc(100% + 20px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-sarah:hover img { opacity: 0.4; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-sarah figcaption { text-align: left; } figure.effect-sarah .sa-promo{ position: relative; overflow: hidden; padding: 0.5em 0; } figure.effect-sarah .sa-promo::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } figure.effect-sarah:hover .sa-promo::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-sarah p { padding: 1em 0; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, 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); } figure.effect-sarah:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-chico img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); } figure.effect-chico:hover img { opacity: 0.5; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } figure.effect-chico figcaption { padding: 3em; } figure.effect-chico figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } figure.effect-chico figcaption::before, figure.effect-chico p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; } figure.effect-chico .sa-promo{ padding: 20% 0 20px 0; } figure.effect-chico p { margin: 0 auto; max-width: 200px; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } figure.effect-chico:hover figcaption::before, figure.effect-chico:hover p { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } figure.effect-milo { background: #2e5d5a; } figure.effect-milo img { max-width: none; width: -webkit-calc(100% + 60px); width: 100%; opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-30px, 0, 0) scale(1.12); transform: translate3d(-30px, 0, 0) scale(1.12); -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-milo:hover img { opacity: 0.5; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } figure.effect-milo .sa-promo{ position: absolute; right: 0; bottom: 0; padding: 1em 1.2em; } figure.effect-milo p { padding: 0 10px 0 0; width: 50%; border-right: 1px solid #fff; text-align: right; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); } figure.effect-milo:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-apollo { background: #3498db; } figure.effect-apollo img { opacity: 0.95; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); } figure.effect-apollo figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: -webkit-transform 0.6s; -o-transition: transform 0.6s; transition: transform 0.6s; transition: transform 0.6s, -webkit-transform 0.6s; -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); } figure.effect-apollo p { position: absolute; right: 0; bottom: 0; margin: 3em; padding: 0 1em; max-width: 150px; border-right: 4px solid #fff; text-align: right; opacity: 0; -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-apollo .sa-promo{ text-align: left; } figure.effect-apollo:hover img { opacity: 0.6; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } figure.effect-apollo:hover figcaption::before { -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); } figure.effect-apollo:hover p { opacity: 1; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } figure.effect-jazz { background: -webkit-linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%); background: -webkit-linear-gradient(135deg, #f3cf3f 0%, #f33f58 100%); background: -o-linear-gradient(135deg, #f3cf3f 0%, #f33f58 100%); background: linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%); } figure.effect-jazz img { opacity: 0.9; } figure.effect-jazz figcaption::after, figure.effect-jazz img, figure.effect-jazz p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; } figure.effect-jazz figcaption::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; content: ''; opacity: 0; -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } figure.effect-jazz .sa-promo, figure.effect-jazz p { opacity: 1; -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } figure.effect-jazz .sa-promo{ padding-top: 26%; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } figure.effect-jazz p { padding: 0.5em 2em; text-transform: none; font-size: 0.85em; opacity: 0; } figure.effect-jazz:hover img { opacity: 0.7; -webkit-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); } figure.effect-jazz:hover figcaption::after { opacity: 1; -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); } figure.effect-jazz:hover .sa-promo, figure.effect-jazz:hover p { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } figure.effect-ming { background: #030c17; } figure.effect-ming img { opacity: 0.9; -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-ming figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 2px solid #fff; -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2); content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: scale3d(1.4, 1.4, 1); transform: scale3d(1.4, 1.4, 1); } figure.effect-ming .sa-promo{ margin: 20% 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } figure.effect-ming p { padding: 1em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } figure.effect-ming:hover .sa-promo{ -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } figure.effect-ming:hover figcaption::before, figure.effect-ming:hover p { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } figure.effect-ming:hover figcaption { background-color: rgba(58, 52, 42, 0); } figure.effect-ming:hover img { opacity: 0.4; } /* 07. Responsive Styles for Interactive Promo @media only screen and (max-width: 480px) { .sa-el-interactive-promo figure figcaption .sa-promo{ font-size: .8em; } .sa-el-interactive-promo figure p { font-size: 50%; } .sa-el-interactive-promo figure figcaption { padding: 10px 40px !important; } .sa-el-interactive-promo figure.effect-bubba figcaption { padding: 0 10px !important; } .sa-el-interactive-promo figure.effect-bubba .sa-promo{ padding-top: 50px; } .sa-el-interactive-promo figure.effect-romeo p { top: 50px; } .sa-el-interactive-promo figure.effect-romeo:hover p { top: 65px; } .sa-el-interactive-promo figure.effect-lily figcaption > div { height: 80%; } }  .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); } .sa-el-number-body .sa-el-number-border { position: relative; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center; padding: 6px 6px 6px 6px; width: 50px; height: 50px; border-radius: 100%; background: #c36; color: #fff; text-align: center; font-size: 20px; } .sa-el-number-body .sa-el-number-border .sa-el-number-border-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .sa-el-number-body .sa-el-number-border span { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }  .sa-el-post-block-grid { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; max-width: 1170px; margin: 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .sa-el-post-block-item { overflow: hidden; margin: 10px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 10px 0px rgba(110, 123, 140, 0.3); box-shadow: 0px 0px 10px 0px rgba(110, 123, 140, 0.3); -webkit-box-flex: 1; -webkit-flex: 1 1 30%; -ms-flex: 1 1 30%; flex: 1 1 30%; } .sa-el-post-block-item-holder { height: 100%; width: 100%; } .sa-el-post-block-item-holder-inner { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; height: 100%; } .sa-el-post-block-item .sa-el-entry-thumbnail { background-color: #f0f0f0; position: relative; height: 160px; -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; } .sa-el-post-block-item .sa-el-entry-thumbnail img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .sa-el-post-block .sa-el-entry-wrapper { padding: 15px; } .sa-el-post-block .sa-el-entry-title { font-size: 1em; margin: 5px 0 0; } .sa-el-post-block .sa-el-entry-header .sa-el-entry-meta .sa-el-posted-by { display: inline-block; } .sa-el-post-block .sa-el-entry-meta { line-height: 1; } .sa-el-entry-meta>span { font-size: 12px; line-height: 1.2; padding-bottom: 5px; } .sa-el-post-block .sa-el-entry-header .sa-el-entry-meta span.sa-el-posted-on { padding-left: 5px; } .sa-el-post-block .sa-el-entry-header .sa-el-entry-meta span.sa-el-posted-on::before { content: '\f111'; font-family: FontAwesome; color: inherit; opacity: .4; font-size: .8em; padding-right: 7px; } .sa-el-post-block .sa-el-entry-footer .sa-el-entry-meta { padding-left: 8px; } .sa-el-post-block .sa-el-entry-footer { padding: 0 15px 15px; } .post-block-style-overlay.sa-el-post-block .sa-el-entry-footer { padding: 10px 15px 15px 0; } .sa-el-grid-post-excerpt a { display: inherit; } @media only screen and (min-width: 768px) { .sa-el-post-block-grid .sa-el-post-block-item:nth-child(1), .sa-el-post-block-grid .sa-el-post-block-item:nth-child(2) { -webkit-box-flex: 1; -webkit-flex: 1 1 40%; -ms-flex: 1 1 40%; flex: 1 1 40%; } .sa-el-post-block-grid .sa-el-post-block-item:nth-child(6), .sa-el-post-block-grid .sa-el-post-block-item:nth-child(7), .sa-el-post-block-grid .sa-el-post-block-item:nth-child(14), .sa-el-post-block-grid .sa-el-post-block-item:nth-child(15), .sa-el-post-block-grid .sa-el-post-block-item:nth-child(22), .sa-el-post-block-grid .sa-el-post-block-item:nth-child(23) { -webkit-box-flex: 1; -webkit-flex: 1 1 40%; -ms-flex: 1 1 40%; flex: 1 1 40%; } } @media only screen and (max-width: 480px) { .sa-el-post-block-item { width: 100%; -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; } } .sa-el-entry-media:hover .sa-el-entry-overlay.zoom-in { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1; } .sa-el-entry-media:hover .sa-el-entry-overlay.fade-in { visibility: visible; opacity: 1; } .sa-el-entry-media:hover .sa-el-entry-overlay.slide-up { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; } .sa-el-post-block-item-holder .sa-el-entry-media { overflow: hidden; width: 100%; } .sa-el-entry-overlay.none { background: none !important; } .sa-el-entry-overlay.none>i { display: none; } .sa-el-post-block.post-block-style-overlay .sa-el-entry-thumbnail { height: 300px; } .sa-el-post-block.post-block-style-overlay .sa-el-post-block-item-holder-inner { position: relative; } .sa-el-post-block.post-block-style-overlay .sa-el-entry-wrapper { position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .sa-el-post-block .sa-el-entry-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; } .sa-el-static-product { position: relative; overflow: hidden; display: block; margin: 0 auto; } .sa-el-static-product-media { position: relative; } .sa-el-static-product-thumb img { width: 100%; display: block; } .sa-el-static-product-thumb-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.25s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.2s ease-in-out, -webkit-transform 0.25s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: opacity 0.2s ease-in-out, transform 0.25s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.2s ease-in-out, transform 0.25s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.2s ease-in-out, transform 0.25s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.25s cubic-bezier(0.19, 1, 0.22, 1); } .sa-el-static-product-thumb-overlay:hover { opacity: 1; } .sa-el-static-product-thumb-overlay>a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .sa-el-static-product-thumb-overlay>a>span { text-align: center; -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; } .sa-el-static-product-details { padding: 10px 20px 30px; margin: 0; } .sa-el-static-product-details>h3 { font-size: 1.2em; margin: 0; padding: .5em; } .sa-el-static-product-details>p { margin: 0 0 1.5em; font-size: 14px; } a.sa-el-static-product-btn { padding: 10px 20px; font-size: 14px; -o-transition: color .5s ease; transition: color .5s ease; -webkit-transition: color .5s ease; -moz-transition: color .5s ease; }.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-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{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-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);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-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);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-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;-moz-transition-property:top;-o-transition-property:top;-ms-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;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-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);-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);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;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.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-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;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{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.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}/* -------------------------------- Pricing Table -------------------------------- */ .sa-el-pricing { -webkit-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sa-el-pricing .sa-el-pricing-item { width: 100%; height: auto; margin: 0; } .sa-el-pricing .sa-el-pricing-button { display: inline-block; padding: 12px 25px; background: #00C853; font-size: 14px; font-weight: 600; color: #fff; text-transform: uppercase; text-decoration: none; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; border-radius: 4px; } .sa-el-pricing .sa-el-pricing-button:hover { background: #03b048; } .sa-el-pricing .sa-el-pricing-item ul { padding: 0px; margin: 0px; list-style: none; } .sa-el-pricing .sa-el-pricing-item ul li.disable-item { text-decoration: line-through; opacity: 0.5; } .sa-el-pricing .sa-el-pricing-item ul li span.li-icon { color: #00C853; margin-right: 6px; } .sa-el-pricing .sa-el-pricing-item ul li.disable-item span.li-icon { color: #EF5350; } .sa-el-pricing.style-1 { position: relative; z-index: 0; text-align: center; } .sa-el-pricing.style-1 .sa-el-pricing-item { border: 1px solid rgba(9, 9, 9, 0.1); padding: 30px; border-radius: 5px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .sa-el-pricing.style-1 .sa-el-pricing-item:hover { -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } .sa-el-pricing.style-1 .sa-el-pricing-item.featured { position: relative; } .sa-el-pricing.style-1 .sa-el-pricing-item.ribbon-1:before { content: ""; position: absolute; width: 100%; height: 3px; background: #00C853; top: 0px; left: 0px; right: 0px; z-index: 1; border-radius: 5px 5px 0px 0px; } .sa-el-pricing.style-1 .sa-el-pricing-item.ribbon-2:before { content: "Featured"; position: absolute; width: auto; background: #00C853; color: #fff; top: 35px; right: -15px; z-index: 10; font-size: 10px; font-weight: 600; text-transform: uppercase; padding: 5px 10px; } .sa-el-pricing.style-1 .sa-el-pricing-item.ribbon-2:after { content: ""; position: absolute; top: 20px; right: -15px; width: 0; height: 0; border-bottom: 15px solid #00C853; border-right: 15px solid transparent; z-index: 9; opacity: 0.9; } .sa-el-pricing.style-1 .sa-el-pricing-item.ribbon-3:before { content: "Featured"; position: absolute; width: auto; background: rgba(0, 0, 0, 0.6); color: #fff; top: 15px; right: 15px; z-index: 10; font-size: 11px; font-weight: 600; text-transform: uppercase; padding: 5px 15px; } .sa-el-pricing.style-1 .sa-el-pricing-item .header { display: block; position: relative; z-index: 0; padding-bottom: 15px; margin-bottom: 15px; } .sa-el-pricing.style-1 .sa-el-pricing-item .header:after { content: ""; position: absolute; width: 140px; height: 1px; bottom: 0px; left: 0px; right: 0px; margin: 0 auto; z-index: 1; background: rgba(9, 9, 9, 0.1); } .sa-el-pricing.style-1 .sa-el-pricing-item .header .title { font-weight: 700; line-height: 30px; margin: 0px; } .sa-el-pricing.style-1 .sa-el-pricing-item .sa-el-pricing-tag { position: relative; z-index: 0; padding: 15px 0px; margin-bottom: 15px; } .sa-el-pricing.style-1 .sa-el-pricing-item .sa-el-pricing-tag:after { content: ""; position: absolute; width: 140px; height: 1px; bottom: 0px; left: 0px; right: 0px; margin: 0 auto; z-index: 1; background: rgba(9, 9, 9, 0.04); } .sa-el-pricing.style-1 .sa-el-pricing-item .price-tag { position: relative; display: inline-block; font-size: 28px; font-weight: 500; line-height: 0px; margin: 0px auto; } .sa-el-pricing.style-1 .sa-el-pricing-item .price-tag .price-currency { font-size: 24px; font-weight: 700; } .sa-el-pricing.style-1 .sa-el-pricing-item .price-period { color: #999; } .sa-el-pricing.style-1 .sa-el-pricing-item .body ul { display: block; width: 100%; margin-bottom: 15px; } .sa-el-pricing.style-1 .sa-el-pricing-item .body ul li { display: block; width: 100%; height: auto; padding: 10px 0px; font-size: 14px; color: #6d6d6d; border-bottom: 1px solid rgba(9, 9, 9, 0.04); } .sa-el-pricing.style-1 .sa-el-pricing-item .body ul li:last-child { border: none; } .sa-el-pricing.style-1 .sa-el-pricing-item.featured-large { padding: 60px 0px; } .sa-el-pricing.style-2 { position: relative; z-index: 0; text-align: center; } .sa-el-pricing.style-2 .sa-el-pricing-item { padding: 30px 0px; border-radius: 5px; margin: 0px; border: 1px solid rgba(9, 9, 9, 0.1); } .sa-el-pricing.style-2 .sa-el-pricing-item.featured { -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } .sa-el-pricing.style-2 .sa-el-pricing-item.ribbon-1:before { content: ""; position: absolute; width: 100%; height: 3px; background: #00C853; top: 0px; left: 0px; right: 0px; z-index: 1; border-radius: 5px 5px 0px 0px; } .sa-el-pricing.style-2 .sa-el-pricing-item.ribbon-2:before { content: "Featured"; position: absolute; width: auto; background: #00C853; color: #fff; top: 35px; right: -15px; z-index: 10; font-size: 10px; font-weight: 600; text-transform: uppercase; padding: 5px 10px; } .sa-el-pricing.style-2 .sa-el-pricing-item.ribbon-2:after { content: ""; position: absolute; top: 20px; right: -15px; width: 0; height: 0; border-bottom: 15px solid #00C853; border-right: 15px solid transparent; z-index: 9; opacity: 0.9; } .sa-el-pricing.style-2 .sa-el-pricing-item.ribbon-3:before { content: "Featured"; position: absolute; width: auto; background: rgba(0, 0, 0, 0.6); color: #fff; top: 15px; right: 15px; z-index: 10; font-size: 11px; font-weight: 600; text-transform: uppercase; padding: 5px 15px; } .sa-el-pricing.style-2 .sa-el-pricing-item .sa-el-pricing-icon .icon { display: inline-block; position: relative; width: 80px; height: 80px; background: #00c853; border-radius: 50%; margin-bottom: 30px; text-align: center; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; overflow: hidden; } .sa-el-pricing.style-2 .sa-el-pricing-item .sa-el-pricing-icon .icon i { font-size: 30px; color: #fff; line-height: 80px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .sa-el-pricing.style-2 .sa-el-pricing-item:hover .sa-el-pricing-icon .icon { background: #43A047; } .sa-el-pricing.style-2 .sa-el-pricing-item:hover .sa-el-pricing-icon .icon i { color: #fff; } .sa-el-pricing.style-2 .sa-el-pricing-item .header { background: #C8E6C9; padding: 25px 30px; margin-bottom: 15px; position: relative; z-index: 0; } .sa-el-pricing.style-2 .sa-el-pricing-item.featured .header:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -1; background: rgba(255, 255, 255, 0.4); } .sa-el-pricing.style-2 .sa-el-pricing-item .header .title { font-size: 28px; font-weight: 700; line-height: 40px; margin: 0px; } .sa-el-pricing.style-2 .sa-el-pricing-item .header .subititle { font-size: 14px; font-weight: 600; color: #6d6d6d; } .sa-el-pricing.style-2 .sa-el-pricing-item .sa-el-pricing-tag { position: relative; z-index: 0; padding: 15px 0px; margin-bottom: 15px; } .sa-el-pricing.style-2 .sa-el-pricing-item .sa-el-pricing-tag:after { content: ""; position: absolute; width: 140px; height: 1px; bottom: 0px; left: 0px; right: 0px; margin: 0 auto; z-index: 1; background: rgba(9, 9, 9, 0.04); } .sa-el-pricing.style-2 .sa-el-pricing-item .price-tag { position: relative; display: inline-block; font-size: 28px; font-weight: 500; line-height: 0px; margin: 0px auto; } .sa-el-pricing.style-2 .sa-el-pricing-item .price-tag .price-currency { font-size: 24px; font-weight: 700; color: #00C853; } .sa-el-pricing.style-2 .sa-el-pricing-item .price-period { color: #999; } .sa-el-pricing.style-2 .sa-el-pricing-item .body ul { display: block; width: 100%; margin-bottom: 15px; } .sa-el-pricing.style-2 .sa-el-pricing-item .body ul li { display: block; width: 100%; height: auto; margin: 0 0 0 0; padding: 10px 15px; font-size: 14px; color: #6d6d6d; border-bottom: 1px solid rgba(9, 9, 9, 0.04); } .sa-el-pricing.style-2 .sa-el-pricing-item .body ul li:last-child { border: none; } .sa-el-pricing.style-3 .sa-el-pricing-item { background: #262c37; padding: 30px; color: #fff; } .sa-el-pricing.style-3 .sa-el-pricing-item.featured { position: relative; z-index: 0; } .sa-el-pricing.style-3 .sa-el-pricing-item.ribbon-1:before { content: ""; position: absolute; width: 100%; height: 3px; background: #E25A77; top: 0px; left: 0px; right: 0px; z-index: 1; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .sa-el-pricing.style-3 .sa-el-pricing-item.ribbon-2:before { content: "Featured"; position: absolute; width: auto; background: #E25A77; color: #fff; top: 35px; right: -15px; z-index: 10; font-size: 10px; font-weight: 600; text-transform: uppercase; padding: 5px 10px; } .sa-el-pricing.style-3 .sa-el-pricing-item.ribbon-2:after { content: ""; position: absolute; top: 20px; right: -15px; width: 0; height: 0; border-bottom: 15px solid #bf4a63; border-right: 15px solid transparent; z-index: 9; opacity: 0.9; } .sa-el-pricing.style-3 .sa-el-pricing-item.ribbon-3:before { content: "Featured"; position: absolute; width: auto; background: #E25A77; color: #fff; top: 15px; right: 15px; z-index: 10; font-size: 11px; font-weight: 600; text-transform: uppercase; padding: 5px 15px; } .sa-el-pricing.style-3 .sa-el-pricing-item .header { position: relative; padding-bottom: 15px; margin-bottom: 15px; z-index: 0; overflow: hidden; } .sa-el-pricing.style-3 .sa-el-pricing-item .header:after { position: absolute; content: ""; width: 100%; height: 1px; bottom: 0px; left: 0px; right: 0px; margin: 0 auto; z-index: 1; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-transform: scaleX(0.4); -ms-transform: scaleX(0.4); transform: scaleX(0.4); background: #E25A77; } .sa-el-pricing.style-3 .sa-el-pricing-item:hover .header:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .sa-el-pricing.style-3 .sa-el-pricing-item .header .title { font-family: 'Raleway', sans-serif; font-size: 28px; font-weight: 400; line-height: 40px; margin: 0px; } .sa-el-pricing.style-3 .sa-el-pricing-item .header .subtitle { font-size: 14px; color: rgba(255, 255, 255, 0.5); } .sa-el-pricing.style-3 .sa-el-pricing-item .sa-el-pricing-tag { margin-bottom: 30px; } .sa-el-pricing.style-3 .sa-el-pricing-item .sa-el-pricing-tag .price-tag { position: relative; display: inline-block; font-size: 36px; font-weight: 700; line-height: 0px; padding-left: 12px; z-index: 0; } .sa-el-pricing.style-3 .sa-el-pricing-item .price-tag .price-currency { font-size: 24px; font-weight: 700; } .sa-el-pricing.style-3 .sa-el-pricing-item .body ul { margin-bottom: 30px; } .sa-el-pricing.style-3 .sa-el-pricing-item .body ul li { display: block; width: 100%; height: auto; padding: 10px 0px; font-size: 14px; color: rgba(255, 255, 255, 0.7); border-bottom: 1px solid rgba(9, 9, 9, 0.04); } .sa-el-pricing.style-3 .sa-el-pricing-item .body ul li:last-child { border: none; } .sa-el-pricing.style-3 .sa-el-pricing-item .sa-el-pricing-tag.on-top { margin-top: 15px; margin-bottom: 15px; } .sa-el-pricing.style-4 { position: relative; z-index: 0; text-align: center; padding: 0px; } .sa-el-pricing.style-4 .sa-el-pricing-item { padding: 0px 0px 30px 0px; -webkit-border-radius: 5px; border-radius: 5px; margin: 0px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .sa-el-pricing.style-4 .sa-el-pricing-item.ribbon-1:before { content: ""; position: absolute; width: 100%; height: 3px; background: #00C853; top: 0px; left: 0px; right: 0px; z-index: 1; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .sa-el-pricing.style-4 .sa-el-pricing-item.ribbon-2:before { content: "Featured"; position: absolute; width: auto; background: #00C853; color: #fff; top: 35px; right: -15px; z-index: 10; font-size: 10px; font-weight: 600; text-transform: uppercase; padding: 5px 10px; } .sa-el-pricing.style-4 .sa-el-pricing-item.ribbon-2:after { content: ""; position: absolute; top: 20px; right: -15px; width: 0; height: 0; border-bottom: 15px solid #00C853; border-right: 15px solid transparent; z-index: 9; opacity: 0.9; } .sa-el-pricing.style-4 .sa-el-pricing-item.ribbon-3:before { content: "Featured"; position: absolute; width: auto; background: #00C853; color: #fff; top: 15px; right: 15px; z-index: 10; font-size: 13px; font-weight: 600; text-transform: uppercase; padding: 5px 15px; } .sa-el-pricing.style-4 .sa-el-pricing-item:hover { -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } .sa-el-pricing.style-4 .sa-el-pricing-item .header { background: #C8E6C9; padding: 25px 0px; margin-bottom: 15px; position: relative; z-index: 0; } .sa-el-pricing.style-4 .sa-el-pricing-item .header .title { font-size: 28px; font-weight: 700; line-height: 40px; margin: 0px; } .sa-el-pricing.style-4 .sa-el-pricing-item .header .subititle { font-size: 14px; font-weight: 600; color: #6d6d6d; } .sa-el-pricing.style-4 .sa-el-pricing-item .sa-el-pricing-tag { position: relative; z-index: 0; padding: 15px 0px; margin-bottom: 15px; } .sa-el-pricing.style-4 .sa-el-pricing-item .sa-el-pricing-tag:after { content: ""; position: absolute; width: 140px; height: 1px; bottom: 0px; left: 0px; right: 0px; margin: 0 auto; z-index: 1; background: rgba(9, 9, 9, 0.04); } .sa-el-pricing.style-4 .sa-el-pricing-item .price-tag { position: relative; display: inline-block; font-size: 28px; font-weight: 500; line-height: 0px; margin: 0px auto; } .sa-el-pricing.style-4 .sa-el-pricing-item .price-tag .price-currency { font-size: 24px; font-weight: 700; } .sa-el-pricing.style-4 .sa-el-pricing-item .price-period { color: #999; } .sa-el-pricing.style-4 .sa-el-pricing-item .body ul { display: block; width: 100%; margin-bottom: 15px; } .sa-el-pricing.style-4 .sa-el-pricing-item .body ul li { display: block; width: 100%; height: auto; padding: 10px 0px; font-size: 14px; color: #6d6d6d; border-bottom: 1px solid rgba(9, 9, 9, 0.04); } .sa-el-pricing.style-4 .sa-el-pricing-item .body ul li:last-child { border: none; } .sa-el-pricing.style-4 .sa-el-pricing-item .sa-el-pricing-image { position: relative; -webkit-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 0; width: 100%; height: 120px; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; padding-top: 15px; } .sa-el-pricing.style-4 .sa-el-pricing-item .sa-el-pricing-image:after { position: absolute; content: ""; width: 100%; height: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.5); z-index: -1; } .sa-el-pricing.style-4 .sa-el-pricing-item .sa-el-pricing-image .sa-el-pricing-tag { padding: 0px; margin: 0px; } .sa-el-pricing.style-4 .sa-el-pricing-item .sa-el-pricing-image .sa-el-pricing-tag .price-tag { font-size: 48px; font-weight: 700; color: #fff; line-height: 0px; margin-bottom: 0px; } .sa-el-pricing.style-4 .sa-el-pricing-item .sa-el-pricing-image .sa-el-pricing-tag .price-tag:before { font-size: 24px; top: -20px; left: -18px; } .sa-el-pricing.style-4 .sa-el-pricing-item .sa-el-pricing-image .sa-el-pricing-tag .price-period { font-size: 13px; font-weight: 600; } @media only screen and (min-width: 768px) and (max-width: 992px) { .sa-el-pricing { display: block; } .sa-el-pricing .sa-el-pricing-item, .sa-el-pricing.style-2 .sa-el-pricing-item, .sa-el-pricing.style-4 .sa-el-pricing-item { width: 100%; margin: 0 auto 30px auto; } } @media only screen and (max-width: 480px) { .sa-el-pricing { display: block; } .sa-el-pricing .sa-el-pricing-item { width: 100%; } .sa-el-pricing .sa-el-pricing-item, .sa-el-pricing.style-2 .sa-el-pricing-item, .sa-el-pricing.style-4 .sa-el-pricing-item { margin: 0 auto 30px auto; } } .sa-el-pricing-content-align-center .sa-el-pricing { text-align: center; } .sa-el-pricing-content-align-left .sa-el-pricing { text-align: left; } .sa-el-pricing-content-align-right .sa-el-pricing { text-align: right; } .sa-el-pricing-content-align-left .sa-el-pricing.style-2 .sa-el-pricing-item .price-tag { padding-left: 45px; } .sa-el-pricing-content-align-left .sa-el-pricing.style-2 .sa-el-pricing-item .price-tag:before { left: 30px; } .sa-el-pricing-content-align-right .sa-el-pricing.style-2 .sa-el-pricing-item .sa-el-pricing-tag { padding-right: 30px; } .sa-el-pricing-content-align-left .sa-el-pricing.style-2 .sa-el-pricing-item .header, .sa-el-pricing-content-align-left .sa-el-pricing.style-2 .sa-el-pricing-item .sa-el-pricing-icon, .sa-el-pricing-content-align-left .sa-el-pricing.style-2 .sa-el-pricing-item .footer, .sa-el-pricing-content-align-left .sa-el-pricing.style-4 .sa-el-pricing-item .header, .sa-el-pricing-content-align-left .sa-el-pricing.style-4 .sa-el-pricing-item .footer { padding-left: 30px; padding-right: 30px; } .sa-el-pricing-content-align-right .sa-el-pricing.style-2 .sa-el-pricing-item .header, .sa-el-pricing-content-align-right .sa-el-pricing.style-2 .sa-el-pricing-item .sa-el-pricing-icon, .sa-el-pricing-content-align-right .sa-el-pricing.style-2 .sa-el-pricing-item .footer, .sa-el-pricing-content-align-right .sa-el-pricing.style-4 .sa-el-pricing-item .header, .sa-el-pricing-content-align-right .sa-el-pricing.style-4 .sa-el-pricing-item .footer { padding-right: 30px; padding-left: 30px; } .sa-el-pricing-content-align-left .sa-el-pricing.style-2 .sa-el-pricing-item .body ul li, .sa-el-pricing-content-align-left .sa-el-pricing.style-4 .sa-el-pricing-item .body ul li { padding-left: 30px; } .sa-el-pricing-content-align-right .sa-el-pricing.style-2 .sa-el-pricing-item .body ul li, .sa-el-pricing-content-align-right .sa-el-pricing.style-4 .sa-el-pricing-item .body ul li { padding-right: 30px; } .sa-el-pricing-content-align-left .sa-el-pricing.style-3 .sa-el-pricing-item .header:after { -webkit-transform: translateX(-80%); -ms-transform: translateX(-80%); transform: translateX(-80%); } .sa-el-pricing-content-align-right .sa-el-pricing.style-3 .sa-el-pricing-item .header:after { -webkit-transform: translateX(80%); -ms-transform: translateX(80%); transform: translateX(80%); } .sa-el-pricing-content-align-left .sa-el-pricing.style-3 .sa-el-pricing-item:hover .header:after, .sa-el-pricing-content-align-right .sa-el-pricing.style-3 .sa-el-pricing-item:hover .header:after { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .sa-el-pricing-content-align-left .sa-el-pricing.style-1 .sa-el-pricing-item .header:after, .sa-el-pricing-content-align-right .sa-el-pricing.style-1 .sa-el-pricing-item .header:after, .sa-el-pricing-content-align-left .sa-el-pricing.style-1 .sa-el-pricing-item .sa-el-pricing-tag:after, .sa-el-pricing-content-align-right .sa-el-pricing.style-1 .sa-el-pricing-item .sa-el-pricing-tag:after, .sa-el-pricing-content-align-left .sa-el-pricing.style-2 .sa-el-pricing-item .sa-el-pricing-tag:after, .sa-el-pricing-content-align-right .sa-el-pricing.style-2 .sa-el-pricing-item .sa-el-pricing-tag:after { margin: 0; width: 100%; } .sa-el-pricing-button-align-right .sa-el-pricing.style-1 .footer, .sa-el-pricing-button-align-right .sa-el-pricing.style-2 .footer, .sa-el-pricing-button-align-right .sa-el-pricing.style-3 .footer, .sa-el-pricing-button-align-right .sa-el-pricing.style-4 .footer { text-align: right; } .sa-el-pricing-button-align-center .sa-el-pricing.style-1 .footer, .sa-el-pricing-button-align-center .sa-el-pricing.style-2 .footer, .sa-el-pricing-button-align-center .sa-el-pricing.style-3 .footer, .sa-el-pricing-button-align-center .sa-el-pricing.style-4 .footer { text-align: center; } .sa-el-pricing-button-align-left .sa-el-pricing.style-1 .footer, .sa-el-pricing-button-align-left .sa-el-pricing.style-2 .footer, .sa-el-pricing-button-align-left .sa-el-pricing.style-3 .footer, .sa-el-pricing-button-align-left .sa-el-pricing.style-4 .footer { text-align: left; } .sa-el-pricing-content-align-center.sa-el-pricing-button-align-right .sa-el-pricing.style-2 .footer, .sa-el-pricing-content-align-center.sa-el-pricing-button-align-right .sa-el-pricing.style-4 .footer { padding-right: 30px; } .sa-el-pricing-content-align-center.sa-el-pricing-button-align-left .sa-el-pricing.style-2 .footer, .sa-el-pricing-content-align-center.sa-el-pricing-button-align-left .sa-el-pricing.style-4 .footer { padding-left: 30px; } div.tooltipster-sidetip.tooltipster-base.tooltipster-right .tooltipster-arrow { position: absolute; top: 50%; } div.tooltipster-sidetip.tooltipster-top div.tooltipster-box { margin-bottom: 0px !important; } div.tooltipster-sidetip.tooltipster-bottom div.tooltipster-box { margin-top: 0px !important; } .tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-arrow { top: auto; bottom: -8px; } div.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { top: -8px; bottom: auto; } @media only screen and (max-width: 480px) { .sa-el-pricing.style-1 .sa-el-pricing-item .price-tag { display: block; } }.sa-el-progressbar { position: relative; } .sa-el-progressbar-title { font-size: 20px; font-weight: 400; } .sa-el-progressbar-line { position: relative; display: block; width: 100%; height: 12px; background-color: #eeeeee; } .sa-el-progressbar-line .sa-el-progressbar-count-wrap { position: absolute; right: 0; bottom: calc(100% + 5px); font-size: 16px; font-weight: 400; line-height: 1; } .sa-el-progressbar-line-fill { display: inline-block; position: absolute; top: 50%; left: 0; width: 0; height: 12px; background-color: #000000; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: width 1500ms linear; -o-transition: width 1500ms linear; transition: width 1500ms linear; overflow: hidden; } .sa-el-progressbar-circle { position: relative; width: 200px; height: 200px; } .sa-el-progressbar-circle .sa-el-progressbar-title { font-size: 16px; font-weight: 400; } .sa-el-progressbar-circle .sa-el-progressbar-count-wrap { font-size: 28px; font-weight: 700; } .sa-el-progressbar-circle-shadow { width: 220px; height: 220px; padding: 10px; border-radius: 50%; } .sa-el-progressbar-circle-pie { 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%); } .sa-el-progressbar-circle-inner { height: 100%; width: 100%; border-width: 12px; border-style: solid; border-color: #eeeeee; border-radius: 50%; } .sa-el-progressbar-circle-half { position: absolute; left: 0; top: 0; height: 100%; width: 100%; border-width: 12px; border-style: solid; border-color: #000000; border-radius: 50%; -webkit-clip-path: inset(0 50% 0 0); clip-path: inset(0 50% 0 0); } .sa-el-progressbar-circle-half-left { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .sa-el-progressbar-circle-half-right { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); visibility: hidden; } .sa-el-progressbar-circle-inner-content { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .sa-el-progressbar-half-circle { position: relative; width: 200px; height: 100px; overflow: hidden; } .sa-el-progressbar-half-circle .sa-el-progressbar-circle-pie { -webkit-clip-path: inset(0 0 50% 0); clip-path: inset(0 0 50% 0); } .sa-el-progressbar-half-circle .sa-el-progressbar-circle-half { -webkit-clip-path: inset(50% 0 0 0); clip-path: inset(50% 0 0 0); transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transition: transform 1500ms linear; transition: transform 1500ms linear, -webkit-transform 1500ms linear; -moz-transition: transform 1500ms linear; -ms-transition: transform 1500ms linear; -webkit-transition: transform 1500ms linear; -o-transition: transform 1500ms linear; } .sa-el-progressbar-half-circle .sa-el-progressbar-circle-inner-content { top: initial; bottom: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .sa-el-progressbar-half-circle .sa-el-progressbar-title { font-size: 16px; font-weight: 400; } .sa-el-progressbar-half-circle .sa-el-progressbar-count-wrap { font-size: 28px; font-weight: 700; } .sa-el-progressbar-half-circle-after { position: relative; font-size: 12px; font-weight: 400; clear: both; } .sa-el-progressbar-postfix-label { float: right; } .sa-el-progressbar-line-stripe .sa-el-progressbar-line-fill:after { content: ''; position: absolute; top: 0; left: -35px; width: calc(100% + 70px); height: 100%; background-image: -o-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-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: 35px 35px; } .sa-el-progressbar-line-animate .sa-el-progressbar-line-fill:after { -webkit-animation: animateStripe 2s linear infinite; animation: animateStripe 2s linear infinite; } @-webkit-keyframes animateStripe { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(35px, 0); transform: translate(35px, 0); } } @keyframes animateStripe { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(35px, 0); transform: translate(35px, 0); } } .sa-el-progressbar-line-animate-rtl .sa-el-progressbar-line-fill:after { -webkit-animation: animateStripeRTL 2s linear infinite; animation: animateStripeRTL 2s linear infinite; } @-webkit-keyframes animateStripeRTL { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(-35px, 0); transform: translate(-35px, 0); } } @keyframes animateStripeRTL { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(-35px, 0); transform: translate(-35px, 0); } } .sa-el-progressbar-circle-wrap>div { margin: 0 auto; } .sa-el-progressbar-line-container.left, .sa-el-progressbar-circle-container.left>div, .sa-el-progressbar-box-container.left>div { margin: 0 auto 0 0; } .sa-el-progressbar-line-container.center, .sa-el-progressbar-circle-container.center>div, .sa-el-progressbar-box-container.center>div { margin: 0 auto; } .sa-el-progressbar-line-container.right, .sa-el-progressbar-circle-container.right>div, .sa-el-progressbar-box-container.right>div { margin: 0 0 0 auto; } .sa-el-progressbar-line-rainbow .sa-el-progressbar-line-fill { background: -webkit-gradient(linear, right top, left top, from(#9400d3), color-stop(#4b0082), color-stop(#0000ff), color-stop(#00ff00), color-stop(#ffff00), color-stop(#ff7f00), to(#ff0000)); background: -webkit-linear-gradient(right, #9400d3, #4b0082, #0000ff, #00ff00, #ffff00, #ff7f00, #ff0000); background: -o-linear-gradient(right, #9400d3, #4b0082, #0000ff, #00ff00, #ffff00, #ff7f00, #ff0000); background: linear-gradient(270deg, #9400d3, #4b0082, #0000ff, #00ff00, #ffff00, #ff7f00, #ff0000); -webkit-background-size: 500% 500%; background-size: 500% 500%; -webkit-animation: animateRainbow 5s ease infinite; animation: animateRainbow 5s ease infinite; } @-webkit-keyframes animateRainbow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes animateRainbow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .sa-el-progressbar-circle-fill .sa-el-progressbar-circle-half { background-color: #000000; } .sa-el-progressbar-half-circle-fill .sa-el-progressbar-circle-half { background-color: #000000; } .sa-el-progressbar-box { width: 100%; height: 200px; border: 1px solid #eeeeee; margin: 0 auto; } .sa-el-progressbar-box .sa-el-progressbar-box-inner-content { display: block; width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 9; } .sa-el-progressbar-box .sa-el-progressbar-count-wrap { font-size: 28px; font-weight: 700; } .sa-el-progressbar-box .sa-el-progressbar-title { font-size: 16px; font-weight: 400; } .sa-el-progressbar-box-fill { position: absolute; bottom: 0; left: 0; right: 0; height: 0; background-color: #000000; -webkit-transition: height 1500ms linear; -o-transition: height 1500ms linear; transition: height 1500ms linear; }.sa-el-password-protected-content-fields > form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .sa-el-password-protected-content-fields .sa-el-password { padding: 10px 20px; -webkit-border-radius: 0; border-radius: 0; font-size: 1em; line-height: 1em; } .sa-el-password-protected-content-fields .sa-el-submit { text-transform: uppercase; padding: 10px 20px; border: 1px solid #333; -webkit-border-radius: 0; border-radius: 0; font-size: 1em; line-height: 1em; } .sa-el-protected-content-message { padding: 10px; } .protected-content-error-msg { color: #f00; } .sa-el-simple-menu-container { background-color: #54595f; } @media screen and (max-width: 991px) { .sa-el-simple-menu-container { min-height: 50px; overflow: auto; } } .sa-el-simple-menu-container .sa-el-simple-menu-toggle { position: absolute; top: 0; right: 0; line-height: 50px; padding-top: 0; padding-bottom: 0; padding-left: 15px; padding-right: 15px; background-color: #000000; color: #ffffff; border: none; -webkit-border-radius: 0; border-radius: 0; outline: none; display: block; } @media screen and (min-width: 992px) { .sa-el-simple-menu-container .sa-el-simple-menu-toggle { display: none; } } .sa-el-simple-menu-container .sa-el-simple-menu-toggle-text { position: absolute; top: 0; left: 20px; font-size: 14px; line-height: 50px !important; letter-spacing: 0 !important; color: #ffffff; } @media screen and (min-width: 992px) { .sa-el-simple-menu-container .sa-el-simple-menu-toggle-text { display: none; } } .sa-el-simple-menu-container .sa-el-simple-menu { margin: 0; padding: 0; list-style: none; } .sa-el-simple-menu-container .sa-el-simple-menu:after { content: ""; display: table; clear: both; } .sa-el-simple-menu-container .sa-el-simple-menu a { text-decoration: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } .sa-el-simple-menu-container .sa-el-simple-menu li a { font-size: 14px; font-weight: 400; line-height: 50px; text-align: center; color: #ffffff; padding-left: 20px; padding-right: 20px; -webkit-transition: all 100ms; -o-transition: all 100ms; transition: all 100ms; } .sa-el-simple-menu-container .sa-el-simple-menu li ul { margin: 0; padding: 0; list-style: none; } .sa-el-simple-menu-container .sa-el-simple-menu li ul li a { font-size: 13px; font-weight: 400; line-height: 40px; text-align: left; color: #000; padding-left: 20px; padding-right: 20px; } .sa-el-simple-menu-container .sa-el-simple-menu li ul li:hover > a, .sa-el-simple-menu-container .sa-el-simple-menu li ul li.current-menu-item > a { color: #ee355f; background-color: #ffffff; } .sa-el-simple-menu-container .sa-el-simple-menu li:hover > a, .sa-el-simple-menu-container .sa-el-simple-menu li.current-menu-item > a { color: #ffffff; background-color: #ee355f; } .sa-el-simple-menu-container .sa-el-simple-menu .sa-el-simple-menu-indicator { position: absolute; top: 0; right: 10px; width: 28px; height: 28px; display: block; border: 1px solid #ffffff80; -webkit-border-radius: 2px; border-radius: 2px; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .sa-el-simple-menu-container .sa-el-simple-menu .sa-el-simple-menu-indicator:before { display: block; font-weight: 400; line-height: 26px; color: #ffffff; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; -o-transition: transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .sa-el-simple-menu-container .sa-el-simple-menu .sa-el-simple-menu-indicator.sa-el-simple-menu-indicator-open:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal li { position: relative; float: left; display: inline-block; padding-top: 0; padding-bottom: 0; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal li a { display: inline-block; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal li a span { position: relative; margin-left: 5px; } @media screen and (max-width: 991px) { .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal li a span { display: none; } } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal li ul { position: absolute; top: 100%; left: auto; width: 220px; visibility: hidden; opacity: 0; background-color: #ffffff; -webkit-box-shadow: 1px 1px 5px #0000001a; box-shadow: 1px 1px 5px #0000001a; z-index: 1; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal li ul li { position: relative; float: none; display: block; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal li ul li a { display: block; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal li ul li a span { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal li ul li:last-child > a { border-bottom-width: 0; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal li ul li ul { top: 0; left: 100%; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal li:hover > ul { visibility: visible; opacity: 1; } @media screen and (min-width: 992px) { .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal.sa-el-simple-menu-dropdown-animate-fade li ul { -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal.sa-el-simple-menu-dropdown-animate-to-top li ul { -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal.sa-el-simple-menu-dropdown-animate-to-top li:hover > ul { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal.sa-el-simple-menu-dropdown-animate-zoom-in li ul { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal.sa-el-simple-menu-dropdown-animate-zoom-in li:hover > ul { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal.sa-el-simple-menu-dropdown-animate-zoom-out li ul { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal.sa-el-simple-menu-dropdown-animate-zoom-out li:hover > ul { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal .sa-el-simple-menu-indicator { display: none; } } @media screen and (max-width: 991px) { .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal { position: absolute; top: 50px; background-color: #54595f; width: 100%; z-index: 9; display: none; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal li { float: none; display: block; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal li a { display: block; text-align: inherit; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal li ul { position: relative; top: unset; left: unset; width: 100%; -webkit-box-shadow: none; box-shadow: none; visibility: visible; opacity: 1; display: none; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal li ul li { position: relative; display: block; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal li ul li .sa-el-simple-menu-indicator { border: 1px solid #00000080; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal li ul li .sa-el-simple-menu-indicator:before { color: #000000; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal li ul li ul { position: relative; width: 100%; top: unset; left: unset; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-horizontal li ul li ul li:last-child > a { border-bottom-width: 1px; } } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-vertical li { position: relative; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-vertical li a { display: block; text-align: left; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-vertical li ul { display: none; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-vertical li ul li { position: relative; display: block; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-vertical li ul li a { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: transparent; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-vertical li ul li:last-child > a { border-bottom-width: 0; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-vertical li ul li .sa-el-simple-menu-indicator { border: 1px solid #00000080; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-vertical li ul li .sa-el-simple-menu-indicator:before { color: #000000; } .sa-el-simple-menu-container .sa-el-simple-menu.sa-el-simple-menu-vertical li ul li ul li:last-child > a { border-bottom-width: 1px; } @media screen and (min-width: 992px) { .sa-el-simple-menu-container.sa-el-simple-menu-align-center { text-align: center; } } @media screen and (min-width: 992px) { .sa-el-simple-menu-container.sa-el-simple-menu-align-center .sa-el-simple-menu.sa-el-simple-menu-horizontal { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } } @media screen and (max-width: 991px) { .sa-el-simple-menu-container.sa-el-simple-menu-align-center .sa-el-simple-menu > li > a { text-align: center; } } @media screen and (min-width: 992px) { .sa-el-simple-menu-container.sa-el-simple-menu-align-right { text-align: right; } } @media screen and (min-width: 992px) { .sa-el-simple-menu-container.sa-el-simple-menu-align-right .sa-el-simple-menu.sa-el-simple-menu-horizontal { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } } @media screen and (max-width: 991px) { .sa-el-simple-menu-container.sa-el-simple-menu-align-right .sa-el-simple-menu.sa-el-simple-menu-horizontal > li > a { text-align: right; } } .sa-el-simple-menu-container.sa-el-simple-menu-align-right .sa-el-simple-menu.sa-el-simple-menu-horizontal > li > .sa-el-simple-menu-indicator { right: initial; left: 10px; } .sa-el-simple-menu-container.sa-el-simple-menu-align-right .sa-el-simple-menu.sa-el-simple-menu-horizontal > li:last-child a { border-right: none; } .sa-el-simple-menu-container.sa-el-simple-menu-align-right .sa-el-simple-menu.sa-el-simple-menu-vertical > li > a { text-align: right; } .sa-el-simple-menu-container.sa-el-simple-menu-align-right .sa-el-simple-menu.sa-el-simple-menu-vertical > li > .sa-el-simple-menu-indicator { right: initial; left: 10px; } .sa-el-simple-menu-container.sa-el-simple-menu-dropdown-align-center .sa-el-simple-menu li ul li a { text-align: center; } .sa-el-simple-menu-container.sa-el-simple-menu-dropdown-align-right .sa-el-simple-menu li ul li a { text-align: right; } .sa-el-simple-menu-container.sa-el-simple-menu-dropdown-align-right .sa-el-simple-menu li ul li > .sa-el-simple-menu-indicator { right: initial; left: 10px; } /*---------------------- Single Product ----------------------*/ .sa-el-post-block-grid { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; max-width: 1170px; margin: 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .sa-el-post-block-item { overflow: hidden; margin: 10px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 10px 0px rgba(110, 123, 140, 0.3); box-shadow: 0px 0px 10px 0px rgba(110, 123, 140, 0.3); -webkit-box-flex: 1; -webkit-flex: 1 1 30%; -ms-flex: 1 1 30%; flex: 1 1 30%; } .sa-el-post-block-item-holder { height: 100%; width: 100%; } .sa-el-post-block-item-holder-inner { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; height: 100%; } .sa-el-post-block-item .sa-el-entry-thumbnail { background-color: #f0f0f0; position: relative; height: 160px; -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; } .sa-el-post-block-item .sa-el-entry-thumbnail img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .sa-el-post-block .sa-el-entry-wrapper { padding: 15px; } .sa-el-post-block .sa-el-entry-title { font-size: 1em; margin: 5px 0 0; } .sa-el-post-block .sa-el-entry-header .sa-el-entry-meta .sa-el-posted-by { display: inline-block; } .sa-el-post-block .sa-el-entry-meta { line-height: 1; } .sa-el-entry-meta > span { font-size: 12px; line-height: 1.2; padding-bottom: 5px; } .sa-el-post-block .sa-el-entry-header .sa-el-entry-meta span.sa-el-posted-on { padding-left: 5px; } .sa-el-post-block .sa-el-entry-header .sa-el-entry-meta span.sa-el-posted-on::before { content: '\f111'; font-family: FontAwesome; color: inherit; opacity: .4; font-size: .8em; padding-right: 7px; } .sa-el-post-block .sa-el-entry-footer .sa-el-entry-meta { padding-left: 8px; } .sa-el-post-block .sa-el-entry-footer { padding: 0 15px 15px; } .post-block-style-overlay.sa-el-post-block .sa-el-entry-footer { padding: 10px 15px 15px 0; } @media only screen and (min-width: 768px) { .sa-el-post-block-grid .sa-el-post-block-item:nth-child(1), .sa-el-post-block-grid .sa-el-post-block-item:nth-child(2) { -webkit-box-flex: 1; -webkit-flex: 1 1 40%; -ms-flex: 1 1 40%; flex: 1 1 40%; } .sa-el-post-block-grid .sa-el-post-block-item:nth-child(6), .sa-el-post-block-grid .sa-el-post-block-item:nth-child(7), .sa-el-post-block-grid .sa-el-post-block-item:nth-child(14), .sa-el-post-block-grid .sa-el-post-block-item:nth-child(15), .sa-el-post-block-grid .sa-el-post-block-item:nth-child(22), .sa-el-post-block-grid .sa-el-post-block-item:nth-child(23) { -webkit-box-flex: 1; -webkit-flex: 1 1 40%; -ms-flex: 1 1 40%; flex: 1 1 40%; } } @media only screen and (max-width: 480px) { .sa-el-post-block-item { width: 100%; -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; } } .sa-el-entry-media:hover .sa-el-entry-overlay.zoom-in { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1; } .sa-el-entry-media:hover .sa-el-entry-overlay.fade-in { visibility: visible; opacity: 1; } .sa-el-entry-media:hover .sa-el-entry-overlay.slide-up { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; } .sa-el-post-block-item-holder .sa-el-entry-media { overflow: hidden; } .sa-el-entry-overlay.none { background: none !important; } .sa-el-entry-overlay.none > i { display: none; } .sa-el-post-block.post-block-style-overlay .sa-el-entry-thumbnail { height: 300px; } .sa-el-post-block.post-block-style-overlay .sa-el-post-block-item-holder-inner { position: relative; } .sa-el-post-block.post-block-style-overlay .sa-el-entry-wrapper { position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .sa-el-post-block .sa-el-entry-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .sa-el-single-product { position: relative; overflow: hidden; display: block; margin: 0 auto; } .sa-el-single-product-media { position: relative; } .sa-el-single-product-thumb img { width: 100%; display: block; } .sa-el-single-product-thumb-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.25s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.2s ease-in-out, -webkit-transform 0.25s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: opacity 0.2s ease-in-out, transform 0.25s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.2s ease-in-out, transform 0.25s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.2s ease-in-out, transform 0.25s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.25s cubic-bezier(0.19, 1, 0.22, 1); } .sa-el-single-product-thumb-overlay:hover { opacity: 1; } .sa-el-single-product-thumb-overlay > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .sa-el-single-product-thumb-overlay > a > span { text-align: center; -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; } .sa-el-single-product-details { padding: 10px 20px 30px; margin: 0; } .sa-el-single-product-details > h2 { font-size: 1.3em; margin: 0; padding: .5em; } .sa-el-single-product-details > p { margin: 0 0 1.5em; font-size: 14px; } a.sa-el-single-product-btn { padding: 10px 20px; font-size: 14px; -o-transition: color .5s ease; transition: color .5s ease; -webkit-transition: color .5s ease; -moz-transition: color .5s ease; } /* ----------------------------- Post Block Overlay Style ----------------------------- */ .post-block-style-overlay .sa-el-entry-wrapper { -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .post-block-style-overlay .sa-el-entry-wrapper.slide-up { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .post-block-style-overlay .sa-el-entry-media { overflow: hidden; } .post-block-style-overlay .sa-el-post-block-item:hover .sa-el-entry-wrapper.slide-up { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .post-block-style-overlay .sa-el-entry-wrapper.fade-in { visibility: hidden; opacity: 0; } .post-block-style-overlay .sa-el-post-block-item:hover .sa-el-entry-wrapper.fade-in { visibility: visible; opacity: 1; } .post-block-style-overlay .sa-el-entry-wrapper.zoom-in { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); visibility: hidden; opacity: 0; } .post-block-style-overlay .sa-el-post-block-item:hover .sa-el-entry-wrapper.zoom-in { visibility: visible; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .post-block-style-overlay .sa-el-entry-wrapper.none { display: none; } /* Step_Flow */ .sa-el-step-flow>.elementor-widget-container { padding: 30px; text-align: center } .sa-el-step-arrow, .sa-el-step-arrow:after { position: absolute; display: inline-block; border-top: 1px solid #ddd } .sa-el-step-arrow { left: calc(100% + 20px); top: 49%; width: 100px } .sa-el-step-arrow:after { top: -2px; right: 5px; width: 12px; height: 12px; border-right: 1px solid #ddd; color: #ddd; content: ""; -webkit-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%) } .sa-el-steps-icon { position: relative; display: inline-block; margin-bottom: 2rem; padding: 40px; border-radius: 50%; background-color: #e9ecf0; box-shadow: 0 2px 6px -2px #989898; color: #8056ee; text-align: center; font-size: 46px } .sa-el-steps-icon i { position: relative; display: block; width: 1em; height: 1em } .sa-el-steps-icon i:before { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .sa-el-steps-icon .sa-el-steps-label { position: absolute; top: 10px; right: 0; overflow: hidden; padding: 3px 8px; max-width: 200%; border-style: none; border-width: 0px 0px 0px 0px; border-color: #8056ee; border-radius: 20px; background-color: #8056ee; color: #fff; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; line-height: 1 } .sa-el-steps-title { margin-top: 0; margin-bottom: 30px; font-weight: 700; font-size: 16px } .sa-el-steps-title a { display: block; color: #562dd4 } .sa-el-steps-title a:hover { color: #242424 } .sa-el-step-description { margin: 0; color: #616161; font-weight: 400; font-size: 16px; line-height: 1.5 }/*---------------------------- Sa Tabs ----------------------------*/ .sa_el_tabs { display: block; } .sa_el_tabs .sa_el_tabs_nav>ul { position: relative; padding: 0px; margin: 0px; list-style-type: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 1; } .sa_el_tabs .sa_el_tabs_nav>ul li { position: relative; padding: 1em 1.5em; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .sa_el_tabs .sa_el_tabs_nav>ul li:after { content: ""; position: absolute; bottom: -10px; left: 0px; right: 0px; margin: 0 auto; z-index: 1; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #444; border-bottom: 0px; display: none; } .sa_el_tabs.active-caret-on .sa_el_tabs_nav>ul li.active:after, .sa_el_tabs.active-caret-on .sa_el_tabs_nav>ul li.active-default:after { display: none; } .sa_el_tabs .sa_el_tabs_nav>ul li.active:after, .sa_el_tabs .sa_el_tabs_nav>ul li.active-default:after { display: block; } .sa_el_tabs_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .sa_el_tabs .sa_el_tabs_content>div { display: none; opacity: 0; } .sa_el_tabs .sa_el_tabs_content>div.active, .sa_el_tabs .sa_el_tabs_content>div.active-default { display: block; width: 100%; padding: 1em; opacity: 1; -webkit-animation: fadeIn linear 0.3s; animation: fadeIn linear 0.3s; } .sa_el_inline_icon li a .fa { margin-right: 10px; line-height: 1; } .sa_el_tab_top_icon li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; } .sa_el_tab_top_icon li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; } .sa_el_tab_top_icon li .fa, .sa_el_tab_top_icon li .sa_el_tab_title { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; line-height: 1; } .sa_el_tab_top_icon li a .sa_el_tab_title { margin-top: 10px; } .sa_el_tabs.sa_el_tabs_vertical { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .sa_el_tabs.sa_el_tabs_vertical .sa_el_tabs_nav { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .sa_el_tabs.sa_el_tabs_vertical .sa_el_tabs_nav>ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; } .sa_el_tabs.sa_el_tabs_vertical .sa_el_tabs_nav>ul>li { width: 100%; -webkit-box-pack: start; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start; } .sa_el_tabs.sa_el_tabs_vertical .sa_el_tabs_nav>ul li::after { bottom: auto !important; right: -10px; top: calc(50% - 10px); left: auto !important; border-left: 10px solid #444; border-right: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } @media only screen and (max-width: 767px) { .sa_el_tabs .sa_el_tabs_nav>ul { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sa_el_tabs .sa_el_tabs_nav>ul li { -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; } .sa_el_tabs.sa_el_tabs_vertical { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sa_el_tabs.sa_el_tabs_vertical div.sa_el_tabs_nav { -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; } .sa_el_tabs.sa_el_tabs_vertical ul { -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; } .sa_el_tabs.sa_el_tabs_vertical ul li { -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; } div.sa_el_tabs.sa_el_tabs_vertical div.sa_el_tabs_nav>ul li::after { border-left-color: transparent !important; bottom: -20px !important; left: 0 !important; right: 0 !important; top: auto !important; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top-color: #444 !important; } }.sa-el-team-member>.elementor-widget-container { padding: 1.25rem; } .sa-el-team-member-figure { display: inline-block; margin: 0 0 1.5rem !important; } .sa-el-team-member-figure img { width: 100%; height: 100%; vertical-align: bottom; } .sa-el-team-member-name { margin-top: 0; margin-bottom: .5rem; color: #151515; font-size: 18px; } .sa-el-team-member-position { margin-bottom: 1.5rem; color: #7f7f7f; font-size: 14px; } .sa-el-team-member-bio { margin-bottom: 1.5rem; font-size: 14px; line-height: 1.6; } .sa-el-team-member-links>a { display: inline-block; color: #9895ad; text-align: center; line-height: 1; -webkit-transition: all .2s; transition: all .2s; } .sa-el-team-member-links>a:hover, .sa-el-team-member-links>a:focus { color: #222; } .sa-el-team-member-links>a>i { width: 1em; height: 1em; } .sa-el-team-member-links>a:not(:last-child) { margin-right: .3rem; }/*---------------------------- Testimonials Styles ----------------------------*/ .sa-el-testimonial-slider { position: relative; } .testimonial-star-rating { padding: 0; margin: 0; } .testimonial-star-rating li { list-style: none; display: inline-block; } .testimonial-star-rating li i { color: #d8d8d8; } .rating-five .testimonial-star-rating li i { color: #FB644E; } .rating-one .testimonial-star-rating li:first-child i { color: #FB644E; } .rating-two .testimonial-star-rating li:nth-child(1) i, .rating-two .testimonial-star-rating li:nth-child(2) i { color: #FB644E; } .rating-three .testimonial-star-rating li:nth-child(1) i, .rating-three .testimonial-star-rating li:nth-child(2) i, .rating-three .testimonial-star-rating li:nth-child(3) i { color: #FB644E; } .rating-four .testimonial-star-rating li:nth-child(1) i, .rating-four .testimonial-star-rating li:nth-child(2) i, .rating-four .testimonial-star-rating li:nth-child(3) i, .rating-four .testimonial-star-rating li:nth-child(4) i { color: #FB644E; } .sa-el-testimonial-image img { max-width: 100%; } .sa-el-testimonial-image { padding: 10px 0px 0px 0px; } .sa-el-testimonial-image>figure { display: block; margin: 0; } .testimonial-avatar-rounded figure img { border-radius: 50%; height: auto; } .sa-el-testimonial-content { margin: 0; padding: 10px; } .sa-el-testimonial-item>figure { margin: 0 auto; padding: 0 20px; } .sa-el-testimonial-item .center-text { text-align: center; } .sa-el-testimonial-item .right-text { text-align: right; } .sa-el-testimonial-item .left-text { text-align: left; } .sa-el-testimonial-item .justify-text { text-align: justify; } .sa-el-testimonial-content .sa-el-testimonial-text { font-size: 100%; font-style: italic; line-height: 1.5; margin-top: 0px; margin-bottom: 10px; word-wrap: break-word; } .sa-el-testimonial-content .sa-el-testimonial-user { display: inline-block; font-family: inherit; font-size: 105%; font-style: italic; font-weight: normal; line-height: 1.5; margin-top: 0; margin-bottom: 0; margin-right: 5px; } .sa-el-testimonial-content .sa-el-testimonial-user-company { display: inline-block; font-family: inherit; font-size: 90%; font-style: italic; font-weight: lighter; line-height: 1.75; margin-bottom: 0; margin-top: 1px; } .sa-el-testimonial-image { position: relative; } .sa-el-testimonial-slider.default-style .sa-el-testimonial-align-centered .sa-el-testimonial-image figure img { margin: 0 auto; } .sa-el-testimonial-slider.default-style .sa-el-testimonial-align-left .sa-el-testimonial-image figure img, .sa-el-testimonial-slider.default-style .sa-el-testimonial-align-right .sa-el-testimonial-image figure img, .sa-el-testimonial-slider.classic-style .sa-el-testimonial-align-left .sa-el-testimonial-image figure img, .sa-el-testimonial-slider.classic-style .sa-el-testimonial-align-right .sa-el-testimonial-image figure img, .sa-el-testimonial-slider.middle-style .sa-el-testimonial-align-left .sa-el-testimonial-image figure img, .sa-el-testimonial-slider.middle-style .sa-el-testimonial-align-right .sa-el-testimonial-image figure img { margin: 0; } .sa-el-testimonial-slider.default-style .sa-el-testimonial-align-right .sa-el-testimonial-image figure, .sa-el-testimonial-slider.classic-style .sa-el-testimonial-align-right .sa-el-testimonial-image figure, .sa-el-testimonial-slider.middle-style .sa-el-testimonial-align-right .sa-el-testimonial-image figure { text-align: right; } .sa-el-testimonial-slider.default-style .sa-el-testimonial-align-left .sa-el-testimonial-image figure, .sa-el-testimonial-slider.classic-style .sa-el-testimonial-align-left .sa-el-testimonial-image figure, .sa-el-testimonial-slider.middle-style .sa-el-testimonial-align-left .sa-el-testimonial-image figure { text-align: left; } .sa-el-testimonial-slider.default-style .sa-el-testimonial-align-right .default-style-testimonial-content, .sa-el-testimonial-slider.classic-style .sa-el-testimonial-align-right .testimonial-classic-style-content, .sa-el-testimonial-slider.middle-style .sa-el-testimonial-align-right .middle-style-content, .sa-el-testimonial-slider.middle-style .sa-el-testimonial-align-right .sa-el-testimonial-text { text-align: right; } .sa-el-testimonial-slider.default-style .sa-el-testimonial-align-center .default-style-testimonial-content, .sa-el-testimonial-slider.classic-style .sa-el-testimonial-align-center .testimonial-classic-style-content, .sa-el-testimonial-slider.middle-style .sa-el-testimonial-align-center .middle-style-content, .sa-el-testimonial-slider.middle-style .sa-el-testimonial-align-center .sa-el-testimonial-text { text-align: center; } .sa-el-testimonial-slider.default-style .sa-el-testimonial-align-left .default-style-testimonial-content, .sa-el-testimonial-slider.classic-style .sa-el-testimonial-align-left .testimonial-classic-style-content, .sa-el-testimonial-slider.middle-style .sa-el-testimonial-align-left .middle-style-content, .sa-el-testimonial-slider.middle-style .sa-el-testimonial-align-left .sa-el-testimonial-text { text-align: left; } .sa-el-testimonial-slider.icon-img-left-content .sa-el-testimonial-text>p, .sa-el-testimonial-slider.icon-img-right-content .sa-el-testimonial-text>p { margin: 0px; } .icon-img-left-content .sa-el-testimonial-image { float: left; width: 30%; } .icon-img-left-content .sa-el-testimonial-content { float: left; width: 70%; text-align: left; } .icon-img-left-content.sa-el-testimonial-item { overflow: hidden; position: relative; } .icon-img-left-content .sa-el-testimonial-quote { position: absolute; right: 0; } .icon-img-left-content .sa-el-testimonial-text { margin-top: 0; } .sa-el-testimonial-align-centered .sa-el-testimonial-user, .sa-el-testimonial-align-centered .sa-el-testimonial-user-company { float: none; text-align: center; } .sa-el-testimonial-align-centered .sa-el-testimonial-image>figure img { display: block; margin-left: auto !important; margin-right: auto !important; } .icon-img-right-content .sa-el-testimonial-image { float: right; width: 30%; } .icon-img-right-content .sa-el-testimonial-content { float: right; width: 70%; text-align: right; } .icon-img-right-content.sa-el-testimonial-item { overflow: hidden; position: relative; } .icon-img-right-content .sa-el-testimonial-quote { position: absolute; } .icon-img-right-content .sa-el-testimonial-text { margin-top: 0; } .sa-el-testimonial-item { position: relative; } .classic-style.testimonial-alignment-center .sa-el-testimonial-image, .default-style.testimonial-alignment-center .sa-el-testimonial-image { text-align: center; } .classic-style.testimonial-alignment-right .sa-el-testimonial-image, .default-style.testimonial-alignment-right .sa-el-testimonial-image { text-align: right; } .classic-style.testimonial-alignment-center .sa-el-testimonial-image>figure, .default-style.testimonial-alignment-center .sa-el-testimonial-image>figure { text-align: center; } .sa-el-testimonial-slider.icon-img-left-content .sa-el-testimonial-align-centered .sa-el-testimonial-content { text-align: center; } .sa-el-testimonial-slider.icon-img-left-content .sa-el-testimonial-align-left .sa-el-testimonial-content { text-align: left; } .sa-el-testimonial-slider.icon-img-left-content .sa-el-testimonial-align-right .sa-el-testimonial-content { text-align: right; } .sa-el-testimonial-slider.icon-img-right-content .sa-el-testimonial-align-centered .sa-el-testimonial-content { text-align: center; } .sa-el-testimonial-slider.icon-img-right-content .sa-el-testimonial-align-left .sa-el-testimonial-content { text-align: left; } .sa-el-testimonial-slider.icon-img-right-content .sa-el-testimonial-align-right .sa-el-testimonial-content { text-align: right; } span.sa-el-testimonial-quote { position: absolute; right: 10px; top: 10px; } .sa-el-testimonial-item.left .sa-el-testimonial-image { text-align: left; } .sa-el-testimonial-item.center .sa-el-testimonial-image { text-align: center; } .sa-el-testimonial-item.right .sa-el-testimonial-image { text-align: right; } .sa-el-testimonial-inline-bio .sa-el-testimonial-image { float: left; } .sa-el-testimonial-inline-bio .bio-text { padding-top: 10px; } .sa-el-testimonial-content.sa-el-testimonial-inline-bio { overflow: hidden; margin-bottom: 0; padding-bottom: 0; } .sa-el-testimonial-inline-bio .testimonial-star-rating, .sa-el-testimonial-inline-bio .bio-text { float: left; width: 65%; } .sa-el-testimonial-content.sa-el-testimonial-inline-bio { text-align: left !important; } .testimonial-inline-style .sa-el-testimonial-image { float: left; max-width: 100%; padding: 0; margin-right: 15px; } .testimonial-inline-style { overflow: hidden; text-align: left; } .content-top-icon-title-inline .sa-el-testimonial-text, .content-top-icon-title-inline .sa-el-testimonial-align-left .sa-el-testimonial-text { text-align: left; } .content-top-icon-title-inline .sa-el-testimonial-align-centered .sa-el-testimonial-text { text-align: center; } .content-top-icon-title-inline .sa-el-testimonial-align-right .sa-el-testimonial-text { text-align: right; } .content-bottom-icon-title-inline .sa-el-testimonial-text, .content-bottom-icon-title-inline .sa-el-testimonial-align-left .sa-el-testimonial-text { text-align: left; } .content-bottom-icon-title-inline .sa-el-testimonial-align-centered .sa-el-testimonial-text { text-align: center; } .content-bottom-icon-title-inline .sa-el-testimonial-align-right .sa-el-testimonial-text { text-align: right; }.sa-el-toggle-switch-inner { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .sa-el-toggle-center .sa-el-toggle-switch-inner { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .sa-el-toggle-right .sa-el-toggle-switch-inner { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .sa-el-toggle-switch-container { display: inline-block; font-size: 26px; line-height: 1; margin: 0 15px; overflow: hidden; } .sa-el-toggle-switch-round { -webkit-border-radius: 1.31em; border-radius: 1.31em; } .sa-el-toggle-switch-round .sa-el-toggle-slider:before { -webkit-border-radius: 50%; border-radius: 50%; } .sa-el-toggle-switch { position: relative; display: inline-block; width: 2.31em; height: 1.29em; margin: 0; vertical-align: middle; } .sa-el-toggle-switch input { display: none; } .sa-el-toggle-content-wrap.primary .sa-el-toggle-secondary-wrap { display: none; } .sa-el-toggle-content-wrap.secondary .sa-el-toggle-primary-wrap { display: none; } .sa-el-toggle-content-wrap .elementor-section-stretched { left: 0 !important; width: 100% !important; } .sa-el-toggle-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; } .sa-el-toggle-slider:before { position: absolute; content: ""; height: 1em; width: 1em; left: 0.16em; bottom: 0.15em; background-color: white; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; } .sa-el-toggle-switch-on .sa-el-toggle-slider { background-color: #F15540; -webkit-box-shadow: 0 0 1px #F15540; box-shadow: 0 0 1px #F15540; } .sa-el-toggle-switch-on .sa-el-toggle-slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Tooltip */ .sa-el-tooltip { position: relative; display: inline-block; min-width: 150px; text-align: center; padding: 12px 20px; font-size: .93rem; color: #4b00ff; line-height: 1; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sa-el-tooltip .sa-el-tooltip-text { display: block; width: 100%; visibility: hidden; background-color: black; color: #fff; text-align: center; border-radius: 4px; padding: 10px; position: absolute; z-index: 1; font-size: .93rem; line-height: 1.3; } .sa-el-tooltip .sa-el-tooltip-text::after { content: ""; position: absolute; border-width: 5px; border-style: solid; } .sa-el-tooltip:hover .sa-el-tooltip-text { visibility: visible; } .sa-el-tooltip .sa-el-tooltip-text.sa-el-tooltip-left { top: 50%; right: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-right: 10px; } .sa-el-tooltip:hover .sa-el-tooltip-text.sa-el-tooltip-left { -webkit-animation: tooltipLeftIn 300ms ease-in-out; animation: tooltipLeftIn 300ms ease-in-out; } .sa-el-tooltip .sa-el-tooltip-text.sa-el-tooltip-left::after { top: calc(50% - 5px); left: 100%; border-color: transparent transparent transparent black; } .sa-el-tooltip .sa-el-tooltip-text.sa-el-tooltip-right { top: 50%; left: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-left: 10px; } .sa-el-tooltip:hover .sa-el-tooltip-text.sa-el-tooltip-right { -webkit-animation: tooltipRightIn 300ms linear; animation: tooltipRightIn 300ms linear; } .sa-el-tooltip .sa-el-tooltip-text.sa-el-tooltip-right::after { top: calc(50% - 5px); right: 100%; border-color: transparent black transparent transparent; } .sa-el-tooltip .sa-el-tooltip-text.sa-el-tooltip-top { bottom: calc(100%); left: 0; right: 0; margin: 0 auto 10px auto; } .sa-el-tooltip .sa-el-tooltip-text.sa-el-tooltip-top::after { margin-top: 0px; top: 100%; left: calc( 50% - 5px); border-color: black transparent transparent transparent; } .sa-el-tooltip:hover .sa-el-tooltip-text.sa-el-tooltip-top { -webkit-animation: tooltipTopIn 300ms linear; animation: tooltipTopIn 300ms linear; } .sa-el-tooltip .sa-el-tooltip-text.sa-el-tooltip-bottom { top: 100%; left: 0; right: 0; margin: 10px auto 0px auto; } .sa-el-tooltip .sa-el-tooltip-text.sa-el-tooltip-bottom::after { margin-top: 0px; bottom: 100%; left: calc( 50% - 5px); border-color: transparent transparent black transparent; } .sa-el-tooltip:hover .sa-el-tooltip-text.sa-el-tooltip-bottom { -webkit-animation: tooltipBottomIn 300ms linear; animation: tooltipBottomIn 300ms linear; } .sa-el-tooltip-align-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .sa-el-tooltip-align-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .sa-el-tooltip-align-center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .sa-el-tooltip-align-justify .sa-el-tooltip { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @-webkit-keyframes tooltipRightIn { 0% { opacity: 0; left: 105%; } 100% { opacity: 1; left: 100%; } } @keyframes tooltipRightIn { 0% { opacity: 0; left: 105%; } 100% { opacity: 1; left: 100%; } } @-webkit-keyframes tooltipLeftIn { 0% { opacity: 0; right: 105%; } 100% { opacity: 1; right: 100%; } } @keyframes tooltipLeftIn { 0% { opacity: 0; right: 105%; } 100% { opacity: 1; right: 100%; } } @-webkit-keyframes tooltipTopIn { 0% { opacity: 0; bottom: 110%; } 100% { opacity: 1; bottom: 100%; } } @keyframes tooltipTopIn { 0% { opacity: 0; bottom: 110%; } 100% { opacity: 1; bottom: 100%; } } @-webkit-keyframes tooltipBottomIn { 0% { opacity: 0; top: 110%; } 100% { opacity: 1; top: 100%; } } @keyframes tooltipBottomIn { 0% { opacity: 0; top: 110%; } 100% { opacity: 1; top: 100%; } }