/* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ .swiper-container-wrap .swiper-slide, .swiper-container .swiper-slide { text-align: center; } .swiper-container-wrap .swiper-slide img, .swiper-container .swiper-slide img { width: auto; } .swiper-container-wrap-dots-outside .swiper-pagination, .swiper-container-dots-outside .swiper-pagination { position: static; } .swiper-container-wrap .swiper-button-next, .swiper-container-wrap .swiper-button-prev, .swiper-container .swiper-button-next, .swiper-container .swiper-button-prev { background: transparent; font-size: 20px; height: auto; line-height: 1; margin: 0; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: auto; } .swiper-container-wrap .swiper-button-next .fa, .swiper-container-wrap .swiper-button-prev .fa, .swiper-container .swiper-button-next .fa, .swiper-container .swiper-button-prev .fa { vertical-align: top; } .swiper-container-wrap .swiper-pagination { bottom: 10px; left: 0; width: 100%; } .swiper-container-wrap-dots-outside .swiper-pagination { position: static; } .swiper-container-wrap .swiper-pagination-bullet { background: #ccc; margin: 0 4px; opacity: 1; height: 8px; width: 8px; } .swiper-container-wrap .swiper-pagination-bullet-active { background: #000; } .swiper-container-3d .swiper-slide { -o-transition-property: all; transition-property: all; -webkit-transition-property: all; } .sa-el-alert-warning { background: #fff6ee; color: #faa05a; padding: 5px; margin: 0; }/* 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-notbar { position: fixed; z-index: 9999; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: #6ec1e4; } .sa-el-notbar-template .sa-el-notbar { display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; justify-content: center; } .sa-el-notbar-outer-container { overflow: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sa-el-notbar-outer-container .sa-el-notbar-top.sa-el-notbar-relative, .sa-el-notbar-outer-container .sa-el-notbar-edit-top.sa-el-notbar-relative { position: relative; } .sa-el-notbar.sa-el-notbar-wide { width: 100%; left: 0; } .sa-el-notbar button.sa-el-notbar-close { padding: 0; background: transparent; line-height: 0.5; padding: 5px; } .sa-el-notbar .sa-el-notbar-text-container { padding: 5px 7px; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; align-items: center; } .sa-el-notbar .sa-el-notbar-icon-text-container { display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-grow: 2; flex-grow: 2; align-items: center; } .sa-el-notbar .sa-el-notbar-custom-image { width: 30px; height: 30px } .sa-el-notbar .sa-el-notbar-custom-image, .sa-el-notbar .sa-el-notbar-icon { margin-right: 5px; margin-left: 5px; } .sa-el-notbar .sa-el-notbar-icon, .sa-el-notbar .sa-el-notbar-close { border: none; color: #54595f; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sa-el-notbar-outer-container .sa-el-notbar-edit-top.sa-el-notbar-fixed { top: 32px; } .elementor-element-edit-mode.elementor-widget-sa-el-notbar .sa-el-notbar-outer-container .sa-el-notbar-edit-top.sa-el-notbar-fixed, .sa-el-notbar-outer-container .sa-el-notbar-top.sa-el-notbar-fixed { top: 0; } .sa-el-notbar.sa-el-notbar-bottom { bottom: 0px; } .sa-el-notbar.sa-el-notbar-middle { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .sa-el-notbar-text-container .sa-el-notbar-text { margin: 0; display: inline-block; color: #54595f; } .sa-el-notbar-text-container .sa-el-notbar-text * { margin-bottom: 0; } .sa-el-notbar-close-container { cursor: pointer; } .sa-el-notbar .sa-el-clearfix { clear: both; } .sa-el-business-hours .sa-el-business-day, .sa-el-business-hours .sa-el-business-timing { float: left; width: 50%; } .sa-el-business-hours .sa-el-business-timing { text-align: right; } .sa-el-business-hours .sa-el-business-timing, .sa-el-business-hours .sa-el-business-day{ font-family: "Roboto", Sans-serif; font-weight: 500; }  .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-circle-menu-container { z-index: 99; position: relative } .sa-el-circle-menu-container .sa-el-menu-icon { font-size: 14px } .sa-el-circle-menu li.sa-el-toggle-icon { display: block !important; width: 50px !important; height: 50px !important; text-align: center !important; line-height: 50px !important; position: relative !important; z-index: 1000 !important; border-radius: 50% !important; transition: all 500ms ease !important; vertical-align: middle; transform-origin: center; background: #1e87f0; color: #fff } .sa-el-circle-menu li { background: #000; color: #fff; font-size: 25px } .sa-el-circle-menu li a { text-decoration: none; color: #fff; width: 100% } .circleMenu-open>li:first-child { transform: rotate(315deg); transform-origin: center } .sa-el-position-top { top: 0; right: 0; left: 0 } .sa-el-position-bottom { bottom: 0; right: 0; left: 0 } .sa-el-position-left { top: 0; bottom: 0; right: 0 } .sa-el-position-right { top: 0; bottom: 0; left: 0 } .sa-el-position-top-left { top: 0; right: 0 } .sa-el-position-top-right { top: 0; left: 0 } .sa-el-position-bottom-left { bottom: 0; right: 0 } .sa-el-position-bottom-right { bottom: 0; left: 0 } .sa-el-position-center { top: 50%; right: 50%; transform: translate(50%, -50%); width: -moz-max-content; width: max-content; max-width: 100%; box-sizing: border-box } [class*='sa-el-position-center-left'], [class*='sa-el-position-center-right'] { top: 50%; transform: translateY(-50%) } .sa-el-position-center-left { right: 0 } .sa-el-position-center-right { left: 0 } .sa-el-position-center-left-out { left: 100%; width: -moz-max-content; width: max-content } .sa-el-position-center-right-out { right: 100%; width: -moz-max-content; width: max-content } .sa-el-position-top-center, .sa-el-position-bottom-center { right: 50%; transform: translateX(50%); width: -moz-max-content; width: max-content; max-width: 100%; box-sizing: border-box } .sa-el-position-top-center { top: 0 } .sa-el-position-bottom-center { bottom: 0 } .sa-el-position-cover { position: absolute; top: 0; bottom: 0; right: 0; left: 0 } .sa-el-position-relative { position: relative !important } .sa-el-position-absolute { position: absolute !important } .sa-el-position-fixed { position: fixed !important } .sa-el-position-z-index { z-index: 1 } .sa-el-position-small { max-width: calc(100% - (15px * 2)); margin: 15px } .sa-el-position-small.sa-el-position-center { transform: translate(50%, -50%) translate(15px, -15px) } .sa-el-position-small[class*='sa-el-position-center-left'], .sa-el-position-small[class*='sa-el-position-center-right'] { transform: translateY(-50%) translateY(-15px) } .sa-el-position-small.sa-el-position-top-center, .sa-el-position-small.sa-el-position-bottom-center { transform: translateX(50%) translateX(15px) } .sa-el-position-medium { max-width: calc(100% - (30px * 2)); margin: 30px } .sa-el-position-medium.sa-el-position-center { transform: translate(50%, -50%) translate(30px, -30px) } .sa-el-position-medium[class*='sa-el-position-center-left'], .sa-el-position-medium[class*='sa-el-position-center-right'] { transform: translateY(-50%) translateY(-30px) } .sa-el-position-medium.sa-el-position-top-center, .sa-el-position-medium.sa-el-position-bottom-center { transform: translateX(50%) translateX(30px) } .sa-el-position-large { max-width: calc(100% - (30px * 2)); margin: 30px } .sa-el-position-large.sa-el-position-center { transform: translate(50%, -50%) translate(30px, -30px) } .sa-el-position-large[class*='sa-el-position-center-left'], .sa-el-position-large[class*='sa-el-position-center-right'] { transform: translateY(-50%) translateY(-30px) } .sa-el-position-large.sa-el-position-top-center, .sa-el-position-large.sa-el-position-bottom-center { transform: translateX(50%) translateX(30px) } @media (min-width:1200px) { .sa-el-position-large { max-width: calc(100% - (50px * 2)); margin: 50px } .sa-el-position-large.sa-el-position-center { transform: translate(50%, -50%) translate(50px, -50px) } .sa-el-position-large[class*='sa-el-position-center-left'], .sa-el-position-large[class*='sa-el-position-center-right'] { transform: translateY(-50%) translateY(-50px) } .sa-el-position-large.sa-el-position-top-center, .sa-el-position-large.sa-el-position-bottom-center { transform: translateX(50%) translateX(50px) } } .sa-el-ct-wrapper * { box-sizing:border-box; margin:0; outline: 0; } article.sa-el-ct-wrapper{ width:100%; max-width:1000px; margin:0 auto; position:relative; } .sa-el-ct-wrapper th{ position: relative; } .sa-el-ct-wrapper ul { display:none; top:0px; z-index:10; padding-bottom:14px; } .sa-el-ct-wrapper li { list-style:none; flex:1; position: relative; } .sa-el-ct-wrapper li:hover { cursor: pointer; } .sa-el-ct-wrapper li:last-child { } .sa-el-ct-wrapper .sa-el-ct-heading { width:100%; padding: 10px; background:#FFF; font-size:20px; font-weight:bold; height:60px; color:#999; text-align:center; } .sa-el-ct-wrapper li.sa-el-ct-heading .sa-el-ct-heading-inner{ position: absolute; align-self: center; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; } .sa-el-ct-wrapper li.sa-el-ct-heading.active { background:#F5F5F5; } .sa-el-ct-wrapper table { border-collapse:collapse; table-layout:fixed; width:100%; } .sa-el-ct-wrapper th { background:#F5F5F5; display:none; } .sa-el-ct-wrapper td,.sa-el-ct-wrapper th { height:53px; vertical-align: middle; } .sa-el-ct-wrapper table{ border:none; } .sa-el-ct-wrapper table tr td:first-child,.sa-el-ct-wrapper table tr td:last-child, .sa-el-ct-wrapper td,.sa-el-ct-wrapper td,.sa-el-ct-wrapper th { border:1px solid #DDD; padding:10px; empty-cells:show; } .sa-el-ct-wrapper td,.sa-el-ct-wrapper th { text-align:left; } .sa-el-ct-wrapper td+td, .sa-el-ct-wrapper th+th { text-align:center; } .sa-el-ct-wrapper tr:first-child{ background: none !important; } .sa-el-ct-wrapper ul li:nth-child(1){ display: table-cell; } .sa-el-ct-wrapper tr td:nth-child(2){ display: table-cell; } .sa-el-ct-wrapper td:nth-child(1) { display:table-cell; } .sa-el-ct-wrapper td{ display:none; } .sa-el-ct-wrapper .sep { background:#F5F5F5; font-weight:bold; } .sa-el-ct-price-wrapper { display: flex; justify-content: center; } .sa-el-ct-tt-type-icon .sa-el-ct-feature .tooltip{ float: right; } .sa-el-ct-wrapper .tooltiptext::before{ content: ''; border-width: 5px 5px 0 5px; border-color: #fff; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; bottom: -10px; width: 0; height: 0; border-style: solid; position: absolute; margin: 5px; left: 42%; } .sa-el-ct-wrapper .sa-el-ct-price { font-size:28px; font-weight:bold; line-height: 1em;} .sa-el-ct-wrapper .sa-el-ct-currency { align-self: flex-start; margin-right: 3px} .sa-el-ct-wrapper .sa-el-ct-fractional-price { align-self: flex-start; margin-left: 3px} .sa-el-ct-wrapper .sa-el-ct-duration { align-self: flex-start; } .sa-el-ct-wrapper .sa-el-ct-original-price{ margin-right: 5px; text-decoration: line-through; align-self: flex-end; } .sa-el-ct-wrapper .tick { font-size:18px; color:#2CA01C; } .sa-el-ct-wrapper .hide { border:0 !important; background:none; } .sa-el-ct-ribbons-yes .sa-el-ct-ribbons-wrapper { position: absolute; top: 0; /* -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg);*/ width: 100px; overflow: hidden; height: 100px; z-index: 998; padding: 8px 12px; } .sa-el-ct-ribbons-h-top.sa-el-ct-ribbons-yes .sa-el-ct-ribbons-wrapper{ position: absolute; top: 0; width: 100%; overflow: hidden; height: 50px; z-index: 999; padding: 8px 12px; } .sa-el-ct-ribbons-h-top.sa-el-ct-ribbons-yes .sa-el-ct-ribbons-wrapper-top{ background-color: rgba(63,195,135,0.8); color: #fff; transform: translateY(-100%); position: absolute; width: 100%; top: 0; left: 0; } .sa-el-ct-ribbons-h-left.sa-el-ct-ribbons-yes .sa-el-ct-ribbons-wrapper { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); left: 0; right: auto; } .sa-el-ct-ribbons-h-right.sa-el-ct-ribbons-yes .sa-el-ct-ribbons-wrapper { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(90deg); left: auto; right: 0; } .sa-el-ct-ribbons-yes .sa-el-ct-ribbons-wrapper span.sa-el-ct-ribbons-inner { position: absolute; text-align: center; left: 0; top: 0; width: 200%; -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg); -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg); transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg); margin-top: 35px; font-size: 13px; line-height: 2; font-weight: 800; text-transform: uppercase; background: rgba(63,195,135,0.8); padding: 8px 12px; color: #ffffff; } .sa-el-ct-wrapper .tooltip { position: relative; display: inline-block; } .sa-el-ct-wrapper .tooltip .tooltiptext { visibility: hidden; min-width: 120px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 120%; left: 50%; margin-left: -60px; } .sa-el-ct-wrapper .tooltip:hover .tooltiptext { visibility: visible; } .sa-el-ct-heading-tooltip{ text-decoration-line: underline; text-decoration-style: dotted; } .sa-el-ct-btn{ padding: 10px 15px 10px 15px; color: #fff; display: inline-block; line-height: 1em; } .sa-el-ct-btn:hover{ color: #fff; } .sa-el-ct-wrapper i.fa.fa-check{ color: #38f146; } .sa-el-ct-wrapper i.fa.fa-close{ color: #ff0000; } .sa-el-ct-wrapper tr:last-child td:first-child{ background: none !important; border:none !important; } .sa-el-ct-wrapper tr:last-child{ background: none !important; } @media (min-width: 767px) { .sa-el-ct-wrapper td,.sa-el-ct-wrapper th { width: 330px; } .sa-el-ct-wrapper td+td,.sa-el-ct-wrapper th+th { width: auto; } } .sa-el-tab-format-all .sa-el-ct-wrapper ul{ display: flex; } @media (min-width: 1023px) { .sa-el-tab-format-tab-mob .sa-el-ct-wrapper td, .sa-el-tab-format-tab-mob .sa-el-ct-wrapper th, .sa-el-tab-format-mobile .sa-el-ct-wrapper td, .sa-el-tab-format-mobile .sa-el-ct-wrapper th { display: table-cell !important; } } @media (max-width: 1023px) { .sa-el-tab-format-tab-mob .sa-el-ct-wrapper ul{ display: flex; } .sa-el-tab-format-all .sa-el-ct-wrapper td+td,.sa-el-tab-format-all .sa-el-ct-wrapper th+th { display: none; } } @media (max-width: 1023px) and (min-width: 768px) { .sa-el-tab-format-mobile .sa-el-ct-wrapper td, .sa-el-tab-format-mobile .sa-el-ct-wrapper th { display: table-cell !important; } } @media (max-width: 767px) { .sa-el-tab-format-mobile .sa-el-ct-wrapper ul{ display: flex; } } input, textarea, select{ outline: none !important; } .sa-el-contact-form-7.sa-el-contact-form-7-align-right{ margin: 0 0 0 auto; } .sa-el-contact-form-7.sa-el-contact-form-7-align-left{ margin: 0 auto 0 0; } .sa-el-contact-form-7.sa-el-contact-form-7-align-center{ margin: 0 auto; } .sa-el-contact-form-7.sa-el-contact-form-btn-align-center input.wpcf7-submit { margin-left: auto !important; margin-right: auto !important; display: block; float: none; } .sa-el-contact-form-7.sa-el-contact-form-btn-align-left input.wpcf7-submit { float: left; width: auto; } .sa-el-contact-form-7.sa-el-contact-form-btn-align-right input.wpcf7-submit { float: right; width: auto; } .sa-el-contact-form-7 textarea, .sa-el-contact-form-7 input[type="text"], .sa-el-contact-form-7 input[type="password"], .sa-el-contact-form-7 input[type="datetime"], .sa-el-contact-form-7 input[type="datetime-local"], .sa-el-contact-form-7 input[type="date"], .sa-el-contact-form-7 input[type="month"], .sa-el-contact-form-7 input[type="time"], .sa-el-contact-form-7 input[type="week"], .sa-el-contact-form-7 input[type="number"], .sa-el-contact-form-7 input[type="email"], .sa-el-contact-form-7 input[type="url"], .sa-el-contact-form-7 input[type="search"], .sa-el-contact-form-7 input[type="tel"], .sa-el-contact-form-7 input[type="color"], .sa-el-contact-form-7 .uneditable-input { transition: border linear 0.2s, box-shadow linear 0.2s; } .sa-el-contact-form-7 .wpcf7-form::before, .sa-el-contact-form-7 .wpcf7-form::after { content: " "; clear: both; display: table; } .sa-el-contact-form-7 .wpcf7-form:after { clear: both; content: ""; font-size: 0; height: 0; display: block; visibility: hidden; } .sa-el-contact-form-7 .wpcf7-form label, .sa-el-contact-form-7 .wpcf7-form .wpcf7-form-control-wrap { display: block; } .sa-el-contact-form-7 .wpcf7-form p { margin-bottom: 0; } .sa-el-contact-form-7.labels-hide .wpcf7-form label { display: none; } .sa-el-contact-form-7-title { margin-bottom: 10px; } .sa-el-contact-form-7-description { margin-bottom: 20px; } .sa-el-contact-form-7-button-full-width .wpcf7-form-control.wpcf7-submit { width: 100%; } .sa-el-contact-form-7-wrapper { margin: 0 auto; } .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; } !function(s){s.fn.recliner = function(l){var n, o, r = s(window), a = this, i = this.selector; l = s.extend({attrib:"data-src", throttle:300, threshold:100, printable:!0, live:!0, getScript:!1}, l); function e(t){t.removeClass("lazy-loading"), t.addClass("lazy-loaded"), t.trigger("lazyshow")}function d(){var i = void 0 !== window.innerHeight?window.innerHeight:r.height(), e = window.innerHeight + window.scrollY >= document.body.offsetHeight, t = a.filter(function(){var t = s(this); if ("none" != t.css("display")){var n = r.scrollTop(), o = n + i, a = t.offset().top; return a + t.height() >= n - l.threshold && a <= o + l.threshold || e}}); n = t.trigger("lazyload"), a = a.not(n)}function c(t){t.one("lazyload", function(){!function(t){var n = s(t), o = n.attr(l.attrib), a = n.prop("tagName"); o?(n.addClass("lazy-loading"), /^(IMG|IFRAME|AUDIO|EMBED|SOURCE|TRACK|VIDEO)$/.test(a)?(n.attr("src", o), n[0].onload = function(t){e(n)}):n.data("script")?s.getScript(o, function(t){e(n)}):n.load(o, function(t){e(n)})):e(n)}(this)}), d()}return r.on("scroll.lazy resize.lazy lookup.lazy", function(t){o && clearTimeout(o), o = setTimeout(function(){r.trigger("lazyupdate")}, l.throttle)}), r.on("lazyupdate.lazy", function(t){d()}), l.live && s(document).on("ajaxSuccess.lazy", function(){var t = s(i).not(".lazy-loaded").not(".lazy-loading"); a = a.add(t), c(t)}), l.printable && window.matchMedia && window.matchMedia("print").addListener(function(t){t.matches && s(i).trigger("lazyload")}), c(this), this}, s.fn.derecliner = function(t){var n = s(window); n.off("scroll.lazy resize.lazy lookup.lazy"), n.off("lazyupdate.lazy"), s(document).off("ajaxSuccess.lazy")}}(jQuery);.sa-el-document-viewer iframe { border: none } iframe[data-src]:not(.lazy-loaded) { background: rgba(152, 152, 152, 0.07); background-image: url('https://www.sa-elementor-addons.com/wp-content/uploads/2019/11/loading.svg'); background-repeat: no-repeat; background-position: center }/* 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-document-viewer iframe { border: none } iframe[data-src]:not(.lazy-loaded) { background: rgba(152, 152, 152, 0.07); background-image: url('https://www.sa-elementor-addons.com/wp-content/uploads/2019/11/loading.svg'); background-repeat: no-repeat; background-position: center } iframe.sa-el-cover { pointer-events: none } .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; }/*------------------------------ Image Scroller ------------------------------*/ .sa-el-image-scroller { position: relative; overflow: auto; line-height: 0; } .sa-el-image-scroller img { margin: 0; padding: 0; border: 0; -webkit-border-radius: 0; border-radius: 0; } .sa-el-image-scroller.sa-el-image-scroller-horizontal img { width: inherit; max-width: unset; max-height: 100%; } .sa-el-image-scroller.sa-el-image-scroller-vertical img { width: 100%; max-width: 100%; height: auto; } .sa-el-image-scroller.sa-el-image-scroller-hover { overflow: hidden; } .sa-el-image-scroller.sa-el-image-scroller-hover img { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }  .sa-el-image-separator-container{ position: absolute; width: 100%; z-index: 2; top: auto; } .sa-el-image-separator-link{ position: absolute; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; text-decoration: none; } a.sa-el-image-separator-link:hover, a.sa-el-image-separator-link:visited, a.sa-el-image-separator-link:focus, a.sa-el-image-separator-link:active { box-shadow: none !important; outline: none !important; border: none !important; text-decoration: none !important; } .sa-el-image-separator-container .img-responsive { display: inline-block; }/* ------------------------ 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; } .sa-el-inline-svg { display: inline-block } .sa-el-inline-svg svg { min-width: 20px } .sa-el-inline-svg--custom-width { width: 100% } .sa-el-inline-svg--custom-width svg { width: 100%; height: auto; display: block } .sa-el-inline-svg--custom-color svg { fill: currentColor; stroke: currentColor } .sa-el-inline-svg circle:not([stroke]), .sa-el-inline-svg ellipse:not([stroke]), .sa-el-inline-svg polygon:not([stroke]), .sa-el-inline-svg path:not([stroke]), .sa-el-inline-svg rect:not([stroke]) { stroke: none } .sa-el-inline-svg circle:not([stroke-width]), .sa-el-inline-svg ellipse:not([stroke-width]), .sa-el-inline-svg polygon:not([stroke-width]), .sa-el-inline-svg path:not([stroke-width]), .sa-el-inline-svg rect:not([stroke-width]) { stroke-width: 2px } .sa-el-inline-svg circle:not([stroke-linecap]), .sa-el-inline-svg ellipse:not([stroke-linecap]), .sa-el-inline-svg polygon:not([stroke-linecap]), .sa-el-inline-svg path:not([stroke-linecap]), .sa-el-inline-svg rect:not([stroke-linecap]) { stroke-linecap: butt } .sa-el-inline-svg circle:not([stroke-dasharray]), .sa-el-inline-svg ellipse:not([stroke-dasharray]), .sa-el-inline-svg polygon:not([stroke-dasharray]), .sa-el-inline-svg path:not([stroke-dasharray]), .sa-el-inline-svg rect:not([stroke-dasharray]) { stroke-dasharray: none } .sa-el-inline-svg circle:not([stroke-miterlimit]), .sa-el-inline-svg ellipse:not([stroke-miterlimit]), .sa-el-inline-svg polygon:not([stroke-miterlimit]), .sa-el-inline-svg path:not([stroke-miterlimit]), .sa-el-inline-svg rect:not([stroke-miterlimit]) { stroke-miterlimit: 4 }@-webkit-keyframes loaderSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes loaderSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.sa-el-load-more-button-wrap{display:flex}.sa-el-load-more-button{display:flex;align-items:center;justify-content:center;padding:1em 2em;border:0 solid;font-size:16px;overflow:hidden}.sa-el-load-more-button .button__loader{left:-100%;top:auto;margin-right:5px;transition:all .2s}.sa-el-load-more-button>span{margin-left:-20px}.sa-el-load-more-button.button--loading>span{margin-left:0}.sa-el-load-more-button.button--loading .button__loader{left:0}.sa-el-btn-loader{border-radius:50%;width:20px;height:20px;font-size:10px;position:relative;text-indent:-9999em;border-top:4px solid rgba(255,255,255,.2);border-right:4px solid rgba(255,255,255,.2);border-bottom:4px solid rgba(255,255,255,.2);border-left:4px solid #fff;transform:translateZ(0);-webkit-animation:loaderSpin 1.1s infinite linear;animation:loaderSpin 1.1s infinite linear}.sa-el-btn-loader:after{border-radius:50%;width:20px;height:20px} .sa-el-insta-grid { width: 100%; margin: auto; } .sa-el-insta-grid .sa-el-insta-box { display: inline-block; } .sa-el-col-1 .sa-el-insta-feed { float: none; width: 100%; } .sa-el-col-2 .sa-el-insta-feed { float: left; width: 50%; } .sa-el-col-3 .sa-el-insta-feed { float: left; width: 33.3333%; } .sa-el-col-4 .sa-el-insta-feed { float: left; width: 25%; } .sa-el-col-5 .sa-el-insta-feed { float: left; width: 20%; } .sa-el-col-6 .sa-el-insta-feed { float: left; width: 16.6666%; } .sa-el-instagram-feed .sa-el-insta-feed { cursor: pointer; position: relative; } .sa-el-insta-feed-wrap { display: block; position: relative; overflow: hidden; } .sa-el-insta-img-wrap { -webkit-transform: scaleX(1) scaleY(1) translateZ(0px); transform: scaleX(1) scaleY(1) translateZ(0px); -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; display: grid; } .sa-el-insta-feed:hover .sa-el-insta-img-wrap { -webkit-transform: scaleX(1.1) scaleY(1.1) translateZ(0px); transform: scaleX(1.1) scaleY(1.1) translateZ(0px); } .sa-el-insta-feed .sa-el-insta-info-wrap { bottom: 0; font-size: 14px; left: 0; line-height: 1.5; opacity: 0; overflow: hidden; padding: 20px; position: absolute; right: 0; text-align: center; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -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-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateY(25%); -ms-transform: translateY(25%); transform: translateY(25%); -webkit-transition: all 0.4s ease 0.2s; -o-transition: all 0.4s ease 0.2s; transition: all 0.4s ease 0.2s; z-index: 2; } .sa-el-insta-info-wrap .sa-el-insta-info-wrap-inner { width: 100%; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .sa-el-insta-feed .sa-el-insta-feed-wrap::after { background-color: rgba(0, 0, 0, 0.75); bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 1; -webkit-transition: all 0.4s ease 0.2s; -o-transition: all 0.4s ease 0.2s; transition: all 0.4s ease 0.2s; } .sa-el-insta-feed:hover .sa-el-insta-feed-wrap::after { opacity: 1; } .sa-el-insta-feed:hover .sa-el-insta-info-wrap { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .sa-el-insta-likes-comments > p { color: #fbd800; } .sa-el-insta-feed-wrap > a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } .sa-el-insta-img-wrap > img { max-width: 100%; min-width: 100%; width: 100%; } .sa-el-insta-likes-comments { 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-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .sa-el-insta-likes-comments > p { padding: 10px; margin: 0; } .sa-el-insta-likes-comments .x-icon { padding-right: 5px; font-size: 16px; } .sa-el-instagram-feed .sa-el-load-more-button-wrap { 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; text-align: center; margin-top: 15px; } .sa-el-load-more-button-wrap.no-pagination { display: none; } @media only screen and (max-width: 979px) { .sa-el-col-1 .sa-el-insta-feed, .sa-el-col-2 .sa-el-insta-feed, .sa-el-col-3 .sa-el-insta-feed, .sa-el-col-4 .sa-el-insta-feed, .sa-el-col-5 .sa-el-insta-feed, .sa-el-col-6 .sa-el-insta-feed { width: 33.3333%; } } @media only screen and (max-width: 480px) { .sa-el-col-1 .sa-el-insta-feed, .sa-el-col-2 .sa-el-insta-feed, .sa-el-col-3 .sa-el-insta-feed, .sa-el-col-4 .sa-el-insta-feed, .sa-el-col-5 .sa-el-insta-feed, .sa-el-col-6 .sa-el-insta-feed { float: none; width: 50%; } .sa-el-insta-feed .sa-el-insta-info-wrap { padding: 10px; } .sa-el-instagram-feed .sa-el-insta-likes-comments > p { font-size: 11px; } .sa-el-insta-likes-comments .x-icon { font-size: 12px; } } /* * 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-logo-grid-wrapper:after{display:block;clear:both;content:""}.sa-el-logo-grid-item{float:left;overflow:hidden;height:180px;border-color:#e7e7e7}.sa-el-logo-grid-figure{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-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin:0;padding:30px;width:100%;height:100%}.sa-el-logo-grid-img{max-height:100%}@media (min-width:1025px){.sa-el-logo-grid--col-2 .sa-el-logo-grid-item{width:calc(100%/2)}.sa-el-logo-grid--col-3 .sa-el-logo-grid-item{width:calc(100%/3)}.sa-el-logo-grid--col-4 .sa-el-logo-grid-item{width:calc(100%/4)}.sa-el-logo-grid--col-5 .sa-el-logo-grid-item{width:calc(100%/5)}.sa-el-logo-grid--col-6 .sa-el-logo-grid-item{width:calc(100%/6)}}@media (max-width:1024px) and (min-width:768px){.sa-el-logo-grid--col--tablet2 .sa-el-logo-grid-item{width:calc(100%/2)}.sa-el-logo-grid--col--tablet3 .sa-el-logo-grid-item{width:calc(100%/3)}.sa-el-logo-grid--col--tablet4 .sa-el-logo-grid-item{width:calc(100%/4)}.sa-el-logo-grid--col--tablet5 .sa-el-logo-grid-item{width:calc(100%/5)}.sa-el-logo-grid--col--tablet6 .sa-el-logo-grid-item{width:calc(100%/6)}}@media (max-width:767px){.sa-el-logo-grid--col--mobile2 .sa-el-logo-grid-item{width:calc(100%/2)}.sa-el-logo-grid--col--mobile3 .sa-el-logo-grid-item{width:calc(100%/3)}.sa-el-logo-grid--col--mobile4 .sa-el-logo-grid-item{width:calc(100%/4)}.sa-el-logo-grid--col--mobile5 .sa-el-logo-grid-item{width:calc(100%/5)}.sa-el-logo-grid--col--mobile6 .sa-el-logo-grid-item{width:calc(100%/6)}}.sa-el-logo-grid--tictactoe .sa-el-logo-grid-item{border-width:2px 2px 0 0;border-style:solid}@media (min-width:1025px){.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col-2 .sa-el-logo-grid-item:nth-child(2n){border-right-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col-2 .sa-el-logo-grid-item:nth-child(-n+2){border-top-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col-3 .sa-el-logo-grid-item:nth-child(3n){border-right-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col-3 .sa-el-logo-grid-item:nth-child(-n+3){border-top-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col-4 .sa-el-logo-grid-item:nth-child(4n){border-right-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col-4 .sa-el-logo-grid-item:nth-child(-n+4){border-top-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col-5 .sa-el-logo-grid-item:nth-child(5n){border-right-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col-5 .sa-el-logo-grid-item:nth-child(-n+5){border-top-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col-6 .sa-el-logo-grid-item:nth-child(6n){border-right-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col-6 .sa-el-logo-grid-item:nth-child(-n+6){border-top-width:0!important}}@media (max-width:1024px) and (min-width:768px){.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col--tablet2 .sa-el-logo-grid-item:nth-child(2n){border-right-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col--tablet2 .sa-el-logo-grid-item:nth-child(-n+2){border-top-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col--tablet3 .sa-el-logo-grid-item:nth-child(3n){border-right-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col--tablet3 .sa-el-logo-grid-item:nth-child(-n+3){border-top-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col--tablet4 .sa-el-logo-grid-item:nth-child(4n){border-right-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col--tablet4 .sa-el-logo-grid-item:nth-child(-n+4){border-top-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col--tablet5 .sa-el-logo-grid-item:nth-child(5n){border-right-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col--tablet5 .sa-el-logo-grid-item:nth-child(-n+5){border-top-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col--tablet6 .sa-el-logo-grid-item:nth-child(6n){border-right-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col--tablet6 .sa-el-logo-grid-item:nth-child(-n+6){border-top-width:0!important}}@media (max-width:767px){.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col--mobile2 .sa-el-logo-grid-item:nth-child(2n){border-right-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col--mobile2 .sa-el-logo-grid-item:nth-child(-n+2){border-top-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col--mobile3 .sa-el-logo-grid-item:nth-child(3n){border-right-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col--mobile3 .sa-el-logo-grid-item:nth-child(-n+3){border-top-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col--mobile4 .sa-el-logo-grid-item:nth-child(4n){border-right-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col--mobile4 .sa-el-logo-grid-item:nth-child(-n+4){border-top-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col--mobile5 .sa-el-logo-grid-item:nth-child(5n){border-right-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col--mobile5 .sa-el-logo-grid-item:nth-child(-n+5){border-top-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col--mobile6 .sa-el-logo-grid-item:nth-child(6n){border-right-width:0!important}.sa-el-logo-grid--tictactoe.sa-el-logo-grid--col--mobile6 .sa-el-logo-grid-item:nth-child(-n+6){border-top-width:0!important}}.sa-el-logo-grid--border .sa-el-logo-grid-item{border-width:0 2px 2px 0;border-style:solid}.sa-el-logo-grid--border .sa-el-logo-grid-item:first-child{border-top-left-radius:10px}.sa-el-logo-grid--border .sa-el-logo-grid-item:last-child{border-bottom-right-radius:10px}@media (min-width:1025px){.sa-el-logo-grid--border.sa-el-logo-grid--col-2 .sa-el-logo-grid-item:nth-child(-n+2){border-top-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col-2 .sa-el-logo-grid-item:nth-child(2n+1){border-left-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col-2 .sa-el-logo-grid-item:nth-child(2){border-top-right-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col-2 .sa-el-logo-grid-item:nth-last-child(2){border-bottom-left-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col-3 .sa-el-logo-grid-item:nth-child(-n+3){border-top-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col-3 .sa-el-logo-grid-item:nth-child(3n+1){border-left-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col-3 .sa-el-logo-grid-item:nth-child(3){border-top-right-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col-3 .sa-el-logo-grid-item:nth-last-child(3){border-bottom-left-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col-4 .sa-el-logo-grid-item:nth-child(-n+4){border-top-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col-4 .sa-el-logo-grid-item:nth-child(4n+1){border-left-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col-4 .sa-el-logo-grid-item:nth-child(4){border-top-right-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col-4 .sa-el-logo-grid-item:nth-last-child(4){border-bottom-left-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col-5 .sa-el-logo-grid-item:nth-child(-n+5){border-top-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col-5 .sa-el-logo-grid-item:nth-child(5n+1){border-left-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col-5 .sa-el-logo-grid-item:nth-child(5){border-top-right-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col-5 .sa-el-logo-grid-item:nth-last-child(5){border-bottom-left-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col-6 .sa-el-logo-grid-item:nth-child(-n+6){border-top-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col-6 .sa-el-logo-grid-item:nth-child(6n+1){border-left-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col-6 .sa-el-logo-grid-item:nth-child(6){border-top-right-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col-6 .sa-el-logo-grid-item:nth-last-child(6){border-bottom-left-radius:10px}}@media (max-width:1024px) and (min-width:768px){.sa-el-logo-grid--border.sa-el-logo-grid--col--tablet2 .sa-el-logo-grid-item:nth-child(-n+2){border-top-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col--tablet2 .sa-el-logo-grid-item:nth-child(2n+1){border-left-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col--tablet2 .sa-el-logo-grid-item:nth-child(2){border-top-right-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col--tablet2 .sa-el-logo-grid-item:nth-last-child(2){border-bottom-left-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col--tablet3 .sa-el-logo-grid-item:nth-child(-n+3){border-top-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col--tablet3 .sa-el-logo-grid-item:nth-child(3n+1){border-left-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col--tablet3 .sa-el-logo-grid-item:nth-child(3){border-top-right-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col--tablet3 .sa-el-logo-grid-item:nth-last-child(3){border-bottom-left-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col--tablet4 .sa-el-logo-grid-item:nth-child(-n+4){border-top-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col--tablet4 .sa-el-logo-grid-item:nth-child(4n+1){border-left-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col--tablet4 .sa-el-logo-grid-item:nth-child(4){border-top-right-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col--tablet4 .sa-el-logo-grid-item:nth-last-child(4){border-bottom-left-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col--tablet5 .sa-el-logo-grid-item:nth-child(-n+5){border-top-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col--tablet5 .sa-el-logo-grid-item:nth-child(5n+1){border-left-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col--tablet5 .sa-el-logo-grid-item:nth-child(5){border-top-right-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col--tablet5 .sa-el-logo-grid-item:nth-last-child(5){border-bottom-left-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col--tablet6 .sa-el-logo-grid-item:nth-child(-n+6){border-top-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col--tablet6 .sa-el-logo-grid-item:nth-child(6n+1){border-left-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col--tablet6 .sa-el-logo-grid-item:nth-child(6){border-top-right-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col--tablet6 .sa-el-logo-grid-item:nth-last-child(6){border-bottom-left-radius:10px}}@media (max-width:767px){.sa-el-logo-grid--border.sa-el-logo-grid--col--mobile2 .sa-el-logo-grid-item:nth-child(-n+2){border-top-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col--mobile2 .sa-el-logo-grid-item:nth-child(2n+1){border-left-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col--mobile2 .sa-el-logo-grid-item:nth-child(2){border-top-right-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col--mobile2 .sa-el-logo-grid-item:nth-last-child(2){border-bottom-left-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col--mobile3 .sa-el-logo-grid-item:nth-child(-n+3){border-top-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col--mobile3 .sa-el-logo-grid-item:nth-child(3n+1){border-left-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col--mobile3 .sa-el-logo-grid-item:nth-child(3){border-top-right-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col--mobile3 .sa-el-logo-grid-item:nth-last-child(3){border-bottom-left-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col--mobile4 .sa-el-logo-grid-item:nth-child(-n+4){border-top-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col--mobile4 .sa-el-logo-grid-item:nth-child(4n+1){border-left-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col--mobile4 .sa-el-logo-grid-item:nth-child(4){border-top-right-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col--mobile4 .sa-el-logo-grid-item:nth-last-child(4){border-bottom-left-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col--mobile5 .sa-el-logo-grid-item:nth-child(-n+5){border-top-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col--mobile5 .sa-el-logo-grid-item:nth-child(5n+1){border-left-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col--mobile5 .sa-el-logo-grid-item:nth-child(5){border-top-right-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col--mobile5 .sa-el-logo-grid-item:nth-last-child(5){border-bottom-left-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col--mobile6 .sa-el-logo-grid-item:nth-child(-n+6){border-top-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col--mobile6 .sa-el-logo-grid-item:nth-child(6n+1){border-left-width:2px}.sa-el-logo-grid--border.sa-el-logo-grid--col--mobile6 .sa-el-logo-grid-item:nth-child(6){border-top-right-radius:10px}.sa-el-logo-grid--border.sa-el-logo-grid--col--mobile6 .sa-el-logo-grid-item:nth-last-child(6){border-bottom-left-radius:10px}}.sa-el-logo-grid--box .sa-el-logo-grid-wrapper{margin:-.5rem}.sa-el-logo-grid--box .sa-el-logo-grid-item{margin:.5rem;border-width:2px;border-style:solid;border-radius:.5rem}@media (min-width:1025px){.sa-el-logo-grid--box.sa-el-logo-grid--col-2 .sa-el-logo-grid-item{width:calc((100%/2) - 1rem)}.sa-el-logo-grid--box.sa-el-logo-grid--col-3 .sa-el-logo-grid-item{width:calc((100%/3) - 1rem)}.sa-el-logo-grid--box.sa-el-logo-grid--col-4 .sa-el-logo-grid-item{width:calc((100%/4) - 1rem)}.sa-el-logo-grid--box.sa-el-logo-grid--col-5 .sa-el-logo-grid-item{width:calc((100%/5) - 1rem)}.sa-el-logo-grid--box.sa-el-logo-grid--col-6 .sa-el-logo-grid-item{width:calc((100%/6) - 1rem)}}@media (max-width:1024px) and (min-width:768px){.sa-el-logo-grid--box.sa-el-logo-grid--col--tablet2 .sa-el-logo-grid-item{width:calc((100%/2) - 1rem)}.sa-el-logo-grid--box.sa-el-logo-grid--col--tablet3 .sa-el-logo-grid-item{width:calc((100%/3) - 1rem)}.sa-el-logo-grid--box.sa-el-logo-grid--col--tablet4 .sa-el-logo-grid-item{width:calc((100%/4) - 1rem)}.sa-el-logo-grid--box.sa-el-logo-grid--col--tablet5 .sa-el-logo-grid-item{width:calc((100%/5) - 1rem)}.sa-el-logo-grid--box.sa-el-logo-grid--col--tablet6 .sa-el-logo-grid-item{width:calc((100%/6) - 1rem)}}@media (max-width:767px){.sa-el-logo-grid--box.sa-el-logo-grid--col--mobile2 .sa-el-logo-grid-item{width:calc((100%/2) - 1rem)}.sa-el-logo-grid--box.sa-el-logo-grid--col--mobile3 .sa-el-logo-grid-item{width:calc((100%/3) - 1rem)}.sa-el-logo-grid--box.sa-el-logo-grid--col--mobile4 .sa-el-logo-grid-item{width:calc((100%/4) - 1rem)}.sa-el-logo-grid--box.sa-el-logo-grid--col--mobile5 .sa-el-logo-grid-item{width:calc((100%/5) - 1rem)}.sa-el-logo-grid--box.sa-el-logo-grid--col--mobile6 .sa-el-logo-grid-item{width:calc((100%/6) - 1rem)}}.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-person-container { position: relative; overflow: hidden; } .sa-el-person-image-container { text-align: center; } .sa-el-person-zoomout-effect .sa-el-person-image-container img, .sa-el-person-scale-effect .sa-el-person-image-container img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .sa-el-person-sepia-effect .sa-el-person-image-container img { -webkit-filter: sepia(30%); filter: sepia(30%); } .sa-el-person-bright-effect .sa-el-person-image-container img { -webkit-filter: brightness(1); filter: brightness(1); } .sa-el-person-trans-effect .sa-el-person-image-container img { -webkit-transform: translateX(-15px) scale(1.1); transform: translateX(-15px) scale(1.1); } .sa-el-person-zoomin-effect:hover .sa-el-person-image-container img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .sa-el-person-zoomout-effect:hover .sa-el-person-image-container img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .sa-el-person-scale-effect:hover .sa-el-person-image-container img { -webkit-transform: scale(1.3) rotate(5deg); -moz-transform: scale(1.3) rotate(5deg); -ms-transform: scale(1.3) rotate(5deg); -o-transform: scale(1.3) rotate(5deg); transform: scale(1.3) rotate(5deg); } .sa-el-person-grayscale-effect:hover .sa-el-person-image-container img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } .sa-el-person-blur-effect:hover .sa-el-person-image-container img { -webkit-filter: blur(3px); -moz-filter: blur(3px); -ms-filter: blur(3px); -o-filter: blur(3px); filter: blur(3px); } .sa-el-person-sepia-effect:hover .sa-el-person-image-container img { -webkit-filter: sepia(0%); filter: sepia(0%); } .sa-el-person-bright-effect:hover .sa-el-person-image-container img { -webkit-filter: brightness(1.2); filter: brightness(1.2); } .sa-el-person-trans-effect:hover .sa-el-person-image-container img { -webkit-transform: translateX(0px) scale(1.1); transform: translateX(0px) scale(1.1); } .sa-el-person-container .sa-el-person-image-container img { width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .sa-el-person-info { position: absolute; top: auto; right: 0; left: 0; width: 100%; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -ms-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; transition: all 500ms ease 0s; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .sa-el-person-container:hover .sa-el-person-info { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); bottom: -1px !important; } .sa-el-person-info-container { padding: 30px 15px; } .sa-el-person-name { margin: 0 0 5px; font-weight: 700; } .sa-el-person-title { margin: 0 0 20px; padding: 0; } .sa-el-person-content { margin: 0 0 30px; } ul.sa-el-person-social-list { margin: 0px !important; padding: 0; } .sa-el-person-social-list .sa-el-person-list-item { display: inline; list-style: none; } .sa-el-person-social-list li, .sa-el-person-social-list li i { position: relative; bottom: 0px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sa-el-person-social-list li:hover { bottom: 5px; } .sa-el-person-social-list li:hover a { box-shadow: none; } .sa-el-person-social-list li a:focus { box-shadow: none; outline: none; } .sa-el-person-social-list li i { font-size: 18px; margin: 0 5px; } .elementor-widget-sa-el-addon-person .elementor-widget-container { display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; justify-content: center; } .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-single-post .sa-el-single-post-item .sa-el-single-post-excerpt { margin-top: 20px; color: #e5e5e5 } .sa-el-single-post .sa-el-single-post-item .sa-el-single-post-excerpt p { margin: 0 } .sa-el-single-post .sa-el-single-post-item .sa-el-single-post-link { color: #444 } .sa-el-single-post .sa-el-single-post-item .sa-el-single-post-link:hover { color: #000 } .sa-el-single-post .sa-el-single-post-item .sa-el-single-post-desc .sa-el-single-post-meta { margin-bottom: 10px; margin-top: 0; color: #999 } .sa-el-single-post .sa-el-single-post-item .sa-el-single-post-desc .sa-el-single-post-meta * { font-size: 13px; font-weight: 400 } .sa-el-single-post .sa-el-single-post-item .sa-el-single-post-desc a { color: inherit; text-decoration: none } .sa-el-single-post .sa-el-single-post-item .sa-el-single-post-thumbnail img { width: 100% } .sa-el-single-post .sa-el-single-post-tag-wrap span { padding: 4px 8px; color: #fff; border-radius: 3px; font-weight: 400; text-transform: uppercase; font-size: 10px } .sa-el-single-post .sa-el-single-post-tag-wrap span+span { margin-left: 5px } .sa-el-single-post .sa-el-single-post-item .sa-el-single-post-title { color: #ffffff } .sa-el-single-post .sa-el-single-post-item .sa-el-single-post-link:hover .sa-el-single-post-title { opacity: .7 } .sa-el-single-post .sa-el-single-post-item .sa-el-overlay-primary { transition: all .25s ease-in-out; opacity: .5 } .sa-el-single-post .sa-el-single-post-item:hover .sa-el-overlay-primary { opacity: 1 } .elementor-widget-sa-el-single-post .elementor-widget-container { overflow: hidden } .elementor-widget-sa-el-advanced-icon-box.sa-el-link-icon-on-hover-yes .sa-el-scroll-image .sa-el-single-post-link { opacity: 0; transition: opacity 350ms cubic-bezier(.24, .85, .58, 1) } .elementor-widget-sa-el-advanced-icon-box.sa-el-link-icon-on-hover-yes .sa-el-scroll-image:hover .sa-el-advanced-icon-box-readmore { opacity: 1 } .sa-el-overlay-primary{ color: rgba(255, 255, 255, 0.7); background: rgba(34, 34, 34, 0.8); } .sa-el-position-medium.sa-el-position-center { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) translate(-30px, -30px); } .sa-el-text-center{ text-align: center; } .sa-el-position-cover{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; } @media screen and (max-width:767px) { .sa-el-single-post .sa-el-single-post-title { font-size: 1.3rem; line-height: 1 } } /*---------------------- 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; }  .sa-el-ep-grid { display: flex; flex-wrap: wrap } .sa-el-ep-grid .sa-el-ep-grid-item { word-break: break-word } .sa-el-ep-grid-1 .sa-el-ep-grid-item { width: 100% } .sa-el-ep-grid-2 .sa-el-ep-grid-item { width: 50% } .sa-el-ep-grid-3 .sa-el-ep-grid-item { width: 33.33333% } .sa-el-ep-grid-4 .sa-el-ep-grid-item { width: 25% } .sa-el-ep-grid-5 .sa-el-ep-grid-item { width: 20% } .sa-el-ep-grid-6 .sa-el-ep-grid-item { width: 16.66667% } .sa-el-ep-grid-7 .sa-el-ep-grid-item { width: 14.28571% } .sa-el-ep-grid-8 .sa-el-ep-grid-item { width: 12.5% } .sa-el-ep-grid-9 .sa-el-ep-grid-item { width: 11.11111% } .sa-el-ep-grid-10 .sa-el-ep-grid-item { width: 10% } .sa-el-ep-grid-11 .sa-el-ep-grid-item { width: 9.09091% } .sa-el-ep-grid-12 .sa-el-ep-grid-item { width: 8.33333% } @media (max-width:1024px) { .sa-el-ep-grid-tablet-1 .sa-el-ep-grid-item { width: 100% } .sa-el-ep-grid-tablet-2 .sa-el-ep-grid-item { width: 50% } .sa-el-ep-grid-tablet-3 .sa-el-ep-grid-item { width: 33.33333% } .sa-el-ep-grid-tablet-4 .sa-el-ep-grid-item { width: 25% } .sa-el-ep-grid-tablet-5 .sa-el-ep-grid-item { width: 20% } .sa-el-ep-grid-tablet-6 .sa-el-ep-grid-item { width: 16.66667% } .sa-el-ep-grid-tablet-7 .sa-el-ep-grid-item { width: 14.28571% } .sa-el-ep-grid-tablet-8 .sa-el-ep-grid-item { width: 12.5% } .sa-el-ep-grid-tablet-9 .sa-el-ep-grid-item { width: 11.11111% } .sa-el-ep-grid-tablet-10 .sa-el-ep-grid-item { width: 10% } .sa-el-ep-grid-tablet-11 .sa-el-ep-grid-item { width: 9.09091% } .sa-el-ep-grid-tablet-12 .sa-el-ep-grid-item { width: 8.33333% } } @media (max-width:767px) { .sa-el-ep-grid-mobile-1 .sa-el-ep-grid-item { width: 100% } .sa-el-ep-grid-mobile-2 .sa-el-ep-grid-item { width: 50% } .sa-el-ep-grid-mobile-3 .sa-el-ep-grid-item { width: 33.33333% } .sa-el-ep-grid-mobile-4 .sa-el-ep-grid-item { width: 25% } .sa-el-ep-grid-mobile-5 .sa-el-ep-grid-item { width: 20% } .sa-el-ep-grid-mobile-6 .sa-el-ep-grid-item { width: 16.66667% } .sa-el-ep-grid-mobile-7 .sa-el-ep-grid-item { width: 14.28571% } .sa-el-ep-grid-mobile-8 .sa-el-ep-grid-item { width: 12.5% } .sa-el-ep-grid-mobile-9 .sa-el-ep-grid-item { width: 11.11111% } .sa-el-ep-grid-mobile-10 .sa-el-ep-grid-item { width: 10% } .sa-el-ep-grid-mobile-11 .sa-el-ep-grid-item { width: 9.09091% } .sa-el-ep-grid-mobile-12 .sa-el-ep-grid-item { width: 8.33333% } } .fa-moimir, .fa-liveinternet, .fa-instapaper, .fa-surfingbird, .fa-livejournal, .fa-blogger, .fa-baidu, .fa-buffer, .fa-evernote, .fa-line, .fa-viber { font-family: 'social-share' } .fa-moimir:before, .fa-liveinternet:before, .fa-instapaper:before, .fa-surfingbird:before, .fa-livejournal:before, .fa-blogger:before, .fa-baidu:before, .fa-buffer:before, .fa-evernote:before, .fa-line:before, .fa-viber:before { vertical-align: middle } .fa-moimir:before { content: "\e900" } .fa-liveinternet:before { content: "\e902" } .fa-instapaper:before { content: "\e903" } .fa-surfingbird:before { content: "\e904" } .fa-livejournal:before { content: "\e905" } .fa-blogger:before { content: "\f37d" } .fa-baidu:before { content: "\e907" } .fa-buffer:before { content: "\e901" } .fa-evernote:before { content: "\e909" } .fa-line:before { content: "\e90a" } .fa-viber:before { content: "\e908" } .sa-el-social-share-button { cursor: pointer } .elementor-widget-sa_el_social_share .sa-el-ep-grid { overflow: hidden } .sa-el-social-share-buttons-align-right .sa-el-ep-grid { justify-content: flex-end } .sa-el-social-share-buttons-align-left .sa-el-ep-grid { justify-content: flex-start } .sa-el-social-share-buttons-align-center .sa-el-ep-grid { justify-content: center } .sa-el-social-share-buttons-align-justify .sa-el-ep-grid { justify-content: space-between } .sa-el-social-share-buttons-style-boxed .sa-el-social-share-text, .sa-el-social-share-buttons-style-minimal .sa-el-social-share-text, .sa-el-social-share-buttons-style-gradient .sa-el-social-share-text { padding-left: .9em } .sa-el-social-share-buttons-style-flat .sa-el-social-share, .sa-el-social-share-buttons-style-flat .sa-el-social-share:hover, .sa-el-social-share-buttons-style-gradient .sa-el-social-share, .sa-el-social-share-buttons-style-gradient .sa-el-social-share:hover { color: #fff } .sa-el-social-share-buttons-style-minimal.sa-el-social-share-buttons-shape-rounded .sa-el-social-share-icon { border-radius: .5em } .sa-el-social-share-buttons-style-minimal.sa-el-social-share-buttons-shape-circle .sa-el-social-share-icon { border-radius: 99.9em } .sa-el-social-share-buttons-style-minimal .sa-el-social-share-text { color: #222 } .sa-el-social-share-buttons-view-text .sa-el-social-share-text { padding-left: 1.3em } .sa-el-social-share-buttons-view-text .sa-el-social-share-icon, .sa-el-social-share-buttons-view-text .sa-el-social-share-text, .sa-el-social-share-buttons-view-icon .sa-el-social-share-icon, .sa-el-social-share-buttons-view-icon .sa-el-social-share-text { flex-grow: 1; justify-content: center } .sa-el-social-share-buttons-shape-rounded .sa-el-social-share-button { border-radius: .5em } .sa-el-social-share-buttons-shape-circle .sa-el-social-share-button { border-radius: 99.9em } .sa-el-social-share-button { overflow: hidden; font-size: 10px; display: flex; align-items: center; justify-content: flex-start; transition-duration: .2s; transition-property: filter, background-color, border-color; height: 4.2em; cursor: pointer } .sa-el-social-share-icon, .sa-el-social-share-text { transition-property: color, background-color; transition-duration: .2s } .sa-el-social-share-icon { display: flex; align-self: stretch; justify-content: center; align-items: center; width: 4.2em; position: relative } .sa-el-social-share-icon i { font-size: 1.5em } .sa-el-social-share-text { font-size: 1.3em; padding-right: 1.3em; align-self: stretch; flex-grow: 1; align-items: center; display: flex; font-weight: 100 } .sa-el-social-share-title { font-weight: bold; flex-shrink: 0 } .sa-el-social-share-title+.sa-el-social-share-counter { margin-left: .5em; flex-shrink: 0 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-vkontakte, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-vkontakte { background-color: #45668e } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-facebook, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-facebook { background-color: #3b5998 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-odnoklassniki, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-odnoklassniki { background-color: #F4731C } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-moimir, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-moimir { background-color: #168DE2 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-googleplus, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-googleplus { background-color: #dd4b39 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-linkedin, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-linkedin { background-color: #0077b5 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-twitter, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-twitter { background-color: #1DA1F2 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-livejournal, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-livejournal { background-color: #00B0EA } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-tumblr, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-tumblr { background-color: #35465c } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-blogger, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-blogger { background-color: #F06A35 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-pinterest, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-pinterest { background-color: #bd081c } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-digg, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-digg { background-color: #005be2 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-evernote, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-evernote { background-color: #2DBE60 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-reddit, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-reddit { background-color: #ff4500 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-delicious, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-delicious { background-color: #3399ff } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-stumbleupon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-stumbleupon { background-color: #EB4924 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-pocket, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-pocket { background-color: #EF3F56 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-surfingbird, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-surfingbird { background-color: #25B1F6 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-liveinternet, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-liveinternet { background-color: #5382C4 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-buffer, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-buffer { background-color: #1B1B1B } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-instapaper, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-instapaper { background-color: #000000 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-xing, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-xing { background-color: #026466 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-wordpress, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-wordpress { background-color: #21759b } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-baidu, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-baidu { background-color: #2319DC } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-renren, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-renren { background-color: #237EC5 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-weibo, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-weibo { background-color: #E6162D } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-skype, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-skype { background-color: #00AFF0 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-telegram, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-telegram { background-color: #2CA5E0 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-viber, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-viber { background-color: #834995 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-whatsapp, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-whatsapp { background-color: #25d366 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-flat .sa-el-social-share-button-line, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button-line { background-color: #00B900 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-vkontakte, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-vkontakte { color: #45668e } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-facebook, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-facebook { color: #3b5998 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-odnoklassniki, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-odnoklassniki { color: #F4731C } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-moimir, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-moimir { color: #168DE2 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-googleplus, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-googleplus { color: #dd4b39 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-linkedin, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-linkedin { color: #0077b5 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-twitter, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-twitter { color: #1DA1F2 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-livejournal, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-livejournal { color: #00B0EA } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-tumblr, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-tumblr { color: #35465c } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-blogger, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-blogger { color: #F06A35 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-pinterest, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-pinterest { color: #bd081c } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-digg, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-digg { color: #005be2 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-evernote, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-evernote { color: #2DBE60 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-reddit, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-reddit { color: #ff4500 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-delicious, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-delicious { color: #3399ff } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-stumbleupon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-stumbleupon { color: #EB4924 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-pocket, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-pocket { color: #EF3F56 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-surfingbird, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-surfingbird { color: #25B1F6 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-liveinternet, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-liveinternet { color: #5382C4 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-buffer, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-buffer { color: #1B1B1B } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-instapaper, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-instapaper { color: #000000 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-xing, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-xing { color: #026466 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-wordpress, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-wordpress { color: #21759b } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-baidu, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-baidu { color: #2319DC } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-renren, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-renren { color: #237EC5 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-weibo, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-weibo { color: #E6162D } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-skype, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-skype { color: #00AFF0 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-telegram, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-telegram { color: #2CA5E0 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-viber, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-viber { color: #834995 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-whatsapp, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-whatsapp { color: #25d366 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-framed .sa-el-social-share-button-line, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-line { color: #00B900 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-vkontakte .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-vkontakte .sa-el-social-share-icon { background-color: #45668e } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-facebook .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-facebook .sa-el-social-share-icon { background-color: #3b5998 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-odnoklassniki .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-odnoklassniki .sa-el-social-share-icon { background-color: #F4731C } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-moimir .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-moimir .sa-el-social-share-icon { background-color: #168DE2; color: #FFAF32 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-googleplus .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-googleplus .sa-el-social-share-icon { background-color: #dd4b39 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-linkedin .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-linkedin .sa-el-social-share-icon { background-color: #0077b5 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-twitter .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-twitter .sa-el-social-share-icon { background-color: #1DA1F2 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-livejournal .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-livejournal .sa-el-social-share-icon { background-color: #00B0EA } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-tumblr .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-tumblr .sa-el-social-share-icon { background-color: #35465c } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-blogger .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-blogger .sa-el-social-share-icon { background-color: #F06A35 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-pinterest .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-pinterest .sa-el-social-share-icon { background-color: #bd081c } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-digg .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-digg .sa-el-social-share-icon { background-color: #005be2 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-evernote .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-evernote .sa-el-social-share-icon { background-color: #2DBE60 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-reddit .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-reddit .sa-el-social-share-icon { background-color: #ff4500 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-delicious .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-delicious .sa-el-social-share-icon { background-color: #3399ff } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-stumbleupon .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-stumbleupon .sa-el-social-share-icon { background-color: #EB4924 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-pocket .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-pocket .sa-el-social-share-icon { background-color: #EF3F56 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-surfingbird .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-surfingbird .sa-el-social-share-icon { background-color: #25B1F6 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-liveinternet .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-liveinternet .sa-el-social-share-icon { background-color: #5382C4 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-buffer .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-buffer .sa-el-social-share-icon { background-color: #1B1B1B } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-instapaper .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-instapaper .sa-el-social-share-icon { background-color: #000000 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-xing .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-xing .sa-el-social-share-icon { background-color: #026466 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-wordpress .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-wordpress .sa-el-social-share-icon { background-color: #21759b } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-baidu .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-baidu .sa-el-social-share-icon { background-color: #2319DC } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-renren .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-renren .sa-el-social-share-icon { background-color: #237EC5 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-weibo .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-weibo .sa-el-social-share-icon { background-color: #E6162D } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-skype .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-skype .sa-el-social-share-icon { background-color: #00AFF0 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-telegram .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-telegram .sa-el-social-share-icon { background-color: #2CA5E0 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-viber .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-viber .sa-el-social-share-icon { background-color: #834995 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-whatsapp .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-whatsapp .sa-el-social-share-icon { background-color: #25d366 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-line .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-line .sa-el-social-share-icon { background-color: #00B900 } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button .sa-el-social-share-icon, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button .sa-el-social-share-icon { color: #fff } .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button-moimir .sa-el-social-share-icon .fa-moimir:before, .sa-el-social-share-buttons-color-original.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button-moimir .sa-el-social-share-icon .fa-moimir:before { color: #FFAF32 } .sa-el-social-share-buttons-style-framed .sa-el-social-share-button, .sa-el-social-share-buttons-style-boxed .sa-el-social-share-button { border-style: solid } .sa-el-social-share-buttons-style-gradient .sa-el-social-share-text { background: linear-gradient(135deg, rgba(0, 0, 0, 0.12) 0, rgba(0, 0, 0, 0) 100%) } .sa-el-social-share-buttons-style-gradient.sa-el-social-share-buttons-view-icon .sa-el-social-share-icon { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.12), transparent) } .sa-el-social-share-buttons-color-original .sa-el-social-share-button:hover { filter: saturate(1.2) brightness(1.1) } .sa-el-social-share-buttons-color-custom.sa-el-social-share-buttons-style-flat .sa-el-social-share-button, .sa-el-social-share-buttons-color-custom.sa-el-social-share-buttons-style-gradient .sa-el-social-share-button { background-color: #666 } .sa-el-social-share-buttons-color-custom.sa-el-social-share-buttons-style-framed .sa-el-social-share-button, .sa-el-social-share-buttons-color-custom.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button, .sa-el-social-share-buttons-color-custom.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button { color: #666; border-color: #666 } .sa-el-social-share-buttons-color-custom.sa-el-social-share-buttons-style-boxed .sa-el-social-share-button .sa-el-social-share-icon, .sa-el-social-share-buttons-color-custom.sa-el-social-share-buttons-style-minimal .sa-el-social-share-button .sa-el-social-share-icon { background-color: #666 } .sa-el-social-share-buttons-color-custom.sa-el-social-share-buttons-style-boxed .sa-el-social-share-icon, .sa-el-social-share-buttons-color-custom.sa-el-social-share-buttons-style-minimal .sa-el-social-share-icon { color: #fff }/* 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%; } } .sa-el-unfold-container, .sa-el-unfold-wrap .sa-el-button i, .sa-el-unfold-wrap .sa-el-button span { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sa-el-unfold-container .sa-el-unfold-heading { margin-bottom: 5px; border-color: #000; } .sa-el-unfold-container .sa-el-unfold-before { margin-right: 5px; } .sa-el-unfold-container .sa-el-unfold-after { margin-left: 5px; } .sa-el-unfold-container { padding: 10px 10px 0 10px; } .sa-el-unfold-folder { position: relative; overflow: hidden; } .sa-el-unfold-gradient { position: absolute; width: 100%; left: 0; right: 0; bottom: 0; max-height: 100%; visibility: hidden; opacity: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sa-el-unfold-gradient.toggled { visibility: visible; opacity: 1; } .sa-el-button { display: inline-block; position: relative; overflow: hidden; cursor: pointer; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -ms-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } .sa-el-button-sm { padding: 12px 24px; font-size: 14px; line-height: 1; } .sa-el-button-md { padding: 14px 26px; font-size: 16px; line-height: 1.2; } .sa-el-button-lg { padding: 16px 28px; font-size: 18px; line-height: 1.3333; } .sa-el-button-block { font-size: 15px; line-height: 1; padding: 12px 24px; width: 100%; text-align: center; } .sa-el-button-text { display: inline-block; width: 100%; }/* Video Box */ .sa-el-video-box-container { position: relative; height: 0; } .sa-el-aspect-ratio-11 .sa-el-video-box-container { padding-bottom: 100%; } .sa-el-aspect-ratio-169 .sa-el-video-box-container { padding-bottom: 56.25%; } .sa-el-aspect-ratio-43 .sa-el-video-box-container { padding-bottom: 75%; } .sa-el-aspect-ratio-32 .sa-el-video-box-container { padding-bottom: 66.6666%; } .sa-el-aspect-ratio-219 .sa-el-video-box-container { padding-bottom: 42.8571%; } .sa-el-video-box-image-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-background-size: cover; background-size: cover; background-position: 50%; cursor: pointer; } .sa-el-video-box-play-icon-container { position: absolute; z-index: 1; cursor: pointer; transform: translate(-50%, -50%); background: rgba(252, 252, 252, 0.35); } .sa-el-video-box-description-container { position: absolute; z-index: 1; padding: 5px; text-align: center; cursor: pointer; transform: translate(-50%, -50%); } .sa-el-video-box-text { margin-top: 0 !important; margin-bottom: 0 !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sa-el-video-box-play-icon { padding: 15px; transform: translateX(4%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sa-el-video-box-video-container { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; -webkit-transition: opacity 0.8s ease-in-out; -moz-transition: opacity 0.8s ease-in-out; -o-transition: opacity 0.8s ease-in-out; -ms-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out; overflow: hidden; cursor: pointer; } .sa-el-video-box-container[data-overlay="true"][data-type="self"] .sa-el-video-box-video-container { opacity: 0; visibility: hidden; } .sa-el-video-box-video-container iframe, .sa-el-video-box-video-container video { max-width: 100%; width: 100%; height: 100%; margin: 0; line-height: 1; border: none; } .sa-el-video-box-video-container video { -o-object-fit: contain; object-fit: contain; }.elementor-element.sa-el-prallax-multi { overflow: hidden; } .elementor-element .sa-el-parallax-layer { position: absolute; display: block; width: 100%; height: 100%; background-repeat: no-repeat; overflow: hidden; pointer-events: none; } .elementor-section.sa-el-particles-section .elementor-container { z-index: 1; } .elementor-section.sa-el-particles-section > canvas { position: absolute; top: 0; }