8889841c@charset "UTF-8"; /*! Theme Name: Sala Theme URI: https://wp.getuxper.com/ Author: Uxper Author URI: http://uxper.co/ Description: Sala – Unique WordPress Theme is top-notch technology & creative IT theme. By using this theme anyone can build for Startup, Apps, SaaS, IT services... Version: 1.0.0 Tested up to: 5.4 Requires PHP: 7.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: sala Tags: agency, app landing, business, corporate, ecommerce, marketing, saas theme, seo, software theme, startup */ .sala-image, .sala-swiper-slider:hover .swiper-nav-button, .sala-swiper:hover .swiper-nav-button, .sala-swiper-slider .swiper-pagination-bullet:before, .sala-swiper .swiper-pagination-bullet:before, .sala-swiper-slider.pagination-style-05 .swiper-pagination-bullet:after, .sala-swiper.pagination-style-05 .swiper-pagination-bullet:after, .page-scroll-up, .page-scroll-up i, .sala-grid-wrapper.filter-style-01 .filter-counter, .sala-grid-pagination .navigation-buttons .nav-link, .sala-accordion .accordion-header, .sala-accordion .accordion-title, .sala-accordion .accordion-icon, .elementor-widget-sala-icon-box .sala-icon-box, .elementor-widget-sala-icon-box .sala-icon-box:before, .elementor-widget-sala-icon-box .icon, .elementor-widget-sala-icon-box .heading, .elementor-widget-sala-icon-box .description, .elementor-widget-sala-icon-box .icon-box-button, .elementor-widget-sala-icon-box .heading-divider:after, .elementor-widget-sala-icon-box.sala-icon-box-style-02 .sala-icon-box:after, .sala-icon .icon, .svg-defs-gradient .stop-a, .svg-defs-gradient .stop-b, .elementor-widget-sala-image-carousel .image img, .sala-list .icon, .sala-list .text, .sala-modern-carousel-style-01 .slide-image, .sala-modern-carousel-style-02 .slide-image, .sala-modern-carousel-style-02 .slide-button:after, .sala-modern-carousel-style-03 .slide-button:after, .sala-popup-video .icon:before, .sala-popup-video .video-overlay, .sala-social-networks .link-icon, .sala-social-networks .link-text, .sala-team-member-style-01 .photo, .sala-team-member-style-01 .overlay, .sala-team-member-style-01 .social-networks, .sala-team-member-style-01 .social-networks a, .sala-team-member-style-02 .photo, .sala-team-member-style-02 .overlay, .sala-team-member-style-02 .info, .sala-team-member-style-02 .social-networks, .sala-team-member-style-02 .social-networks a, .sala-team-member-style-03 .photo, .sala-team-member-style-03 .overlay, .sala-team-member-style-03 .info, .sala-team-member-style-03 .social-networks, .sala-team-member-style-03 .social-networks a, .sala-ele-button .button-text, .sala-ele-button.style-flat:before, .sala-ele-button.style-flat:after, .sala-ele-button.style-border:before, .sala-ele-button.style-border:after, .sala-ele-button.style-thick-border:before, .sala-ele-button.style-thick-border:after { transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); } .sala-social-networks ul::after { content: ""; display: table; clear: both; } .sala_breadcrumb a { position: relative; } .sala_breadcrumb a:after { content: ""; width: 0; height: 1px; position: absolute; left: auto; right: 0; bottom: 0; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; background: currentColor; } .sala_breadcrumb a:hover:after { width: 100%; left: 0; right: auto; } .growl.growl .growl-close:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome 5 Pro"; font-weight: 300; } .sala-grid-sorting .ordering .sala-fake-select-current .label:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome 5 Pro"; font-weight: 400; } .container { margin-left: auto; margin-right: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; max-width: 1200px; } .container-fluid { margin-left: auto; margin-right: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; } .row { display: flex; flex-wrap: wrap; margin-left: -0.9375rem; margin-right: -0.9375rem; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 { position: relative; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; } .col-xs-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xs-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xs-3 { flex: 0 0 25%; max-width: 25%; } .col-xs-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xs-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xs-6 { flex: 0 0 50%; max-width: 50%; } .col-xs-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xs-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xs-9 { flex: 0 0 75%; max-width: 75%; } .col-xs-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xs-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xs-12 { flex: 0 0 100%; max-width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-right-0 { margin-right: 0%; } .col-xs-offset-right-1 { margin-right: 8.33333%; } .col-xs-offset-right-2 { margin-right: 16.66667%; } .col-xs-offset-right-3 { margin-right: 25%; } .col-xs-offset-right-4 { margin-right: 33.33333%; } .col-xs-offset-right-5 { margin-right: 41.66667%; } .col-xs-offset-right-6 { margin-right: 50%; } .col-xs-offset-right-7 { margin-right: 58.33333%; } .col-xs-offset-right-8 { margin-right: 66.66667%; } .col-xs-offset-right-9 { margin-right: 75%; } .col-xs-offset-right-10 { margin-right: 83.33333%; } .col-xs-offset-right-11 { margin-right: 91.66667%; } .col-xs-offset-right-12 { margin-right: 100%; } @media (min-width: 544px) { .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-right-0 { margin-right: 0%; } .col-sm-offset-right-1 { margin-right: 8.33333%; } .col-sm-offset-right-2 { margin-right: 16.66667%; } .col-sm-offset-right-3 { margin-right: 25%; } .col-sm-offset-right-4 { margin-right: 33.33333%; } .col-sm-offset-right-5 { margin-right: 41.66667%; } .col-sm-offset-right-6 { margin-right: 50%; } .col-sm-offset-right-7 { margin-right: 58.33333%; } .col-sm-offset-right-8 { margin-right: 66.66667%; } .col-sm-offset-right-9 { margin-right: 75%; } .col-sm-offset-right-10 { margin-right: 83.33333%; } .col-sm-offset-right-11 { margin-right: 91.66667%; } .col-sm-offset-right-12 { margin-right: 100%; } } @media (min-width: 768px) { .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-right-0 { margin-right: 0%; } .col-md-offset-right-1 { margin-right: 8.33333%; } .col-md-offset-right-2 { margin-right: 16.66667%; } .col-md-offset-right-3 { margin-right: 25%; } .col-md-offset-right-4 { margin-right: 33.33333%; } .col-md-offset-right-5 { margin-right: 41.66667%; } .col-md-offset-right-6 { margin-right: 50%; } .col-md-offset-right-7 { margin-right: 58.33333%; } .col-md-offset-right-8 { margin-right: 66.66667%; } .col-md-offset-right-9 { margin-right: 75%; } .col-md-offset-right-10 { margin-right: 83.33333%; } .col-md-offset-right-11 { margin-right: 91.66667%; } .col-md-offset-right-12 { margin-right: 100%; } } @media (min-width: 992px) { .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-right-0 { margin-right: 0%; } .col-lg-offset-right-1 { margin-right: 8.33333%; } .col-lg-offset-right-2 { margin-right: 16.66667%; } .col-lg-offset-right-3 { margin-right: 25%; } .col-lg-offset-right-4 { margin-right: 33.33333%; } .col-lg-offset-right-5 { margin-right: 41.66667%; } .col-lg-offset-right-6 { margin-right: 50%; } .col-lg-offset-right-7 { margin-right: 58.33333%; } .col-lg-offset-right-8 { margin-right: 66.66667%; } .col-lg-offset-right-9 { margin-right: 75%; } .col-lg-offset-right-10 { margin-right: 83.33333%; } .col-lg-offset-right-11 { margin-right: 91.66667%; } .col-lg-offset-right-12 { margin-right: 100%; } } @media (min-width: 1200px) { .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .col-xl-pull-0 { right: auto; } .col-xl-pull-1 { right: 8.33333%; } .col-xl-pull-2 { right: 16.66667%; } .col-xl-pull-3 { right: 25%; } .col-xl-pull-4 { right: 33.33333%; } .col-xl-pull-5 { right: 41.66667%; } .col-xl-pull-6 { right: 50%; } .col-xl-pull-7 { right: 58.33333%; } .col-xl-pull-8 { right: 66.66667%; } .col-xl-pull-9 { right: 75%; } .col-xl-pull-10 { right: 83.33333%; } .col-xl-pull-11 { right: 91.66667%; } .col-xl-pull-12 { right: 100%; } .col-xl-push-0 { left: auto; } .col-xl-push-1 { left: 8.33333%; } .col-xl-push-2 { left: 16.66667%; } .col-xl-push-3 { left: 25%; } .col-xl-push-4 { left: 33.33333%; } .col-xl-push-5 { left: 41.66667%; } .col-xl-push-6 { left: 50%; } .col-xl-push-7 { left: 58.33333%; } .col-xl-push-8 { left: 66.66667%; } .col-xl-push-9 { left: 75%; } .col-xl-push-10 { left: 83.33333%; } .col-xl-push-11 { left: 91.66667%; } .col-xl-push-12 { left: 100%; } .col-xl-offset-0 { margin-left: 0%; } .col-xl-offset-1 { margin-left: 8.33333%; } .col-xl-offset-2 { margin-left: 16.66667%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-offset-4 { margin-left: 33.33333%; } .col-xl-offset-5 { margin-left: 41.66667%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-offset-7 { margin-left: 58.33333%; } .col-xl-offset-8 { margin-left: 66.66667%; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-offset-10 { margin-left: 83.33333%; } .col-xl-offset-11 { margin-left: 91.66667%; } .col-xl-offset-12 { margin-left: 100%; } .col-xl-offset-right-0 { margin-right: 0%; } .col-xl-offset-right-1 { margin-right: 8.33333%; } .col-xl-offset-right-2 { margin-right: 16.66667%; } .col-xl-offset-right-3 { margin-right: 25%; } .col-xl-offset-right-4 { margin-right: 33.33333%; } .col-xl-offset-right-5 { margin-right: 41.66667%; } .col-xl-offset-right-6 { margin-right: 50%; } .col-xl-offset-right-7 { margin-right: 58.33333%; } .col-xl-offset-right-8 { margin-right: 66.66667%; } .col-xl-offset-right-9 { margin-right: 75%; } .col-xl-offset-right-10 { margin-right: 83.33333%; } .col-xl-offset-right-11 { margin-right: 91.66667%; } .col-xl-offset-right-12 { margin-right: 100%; } } @media (min-width: 1920px) { .col-xxl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xxl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xxl-3 { flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xxl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xxl-6 { flex: 0 0 50%; max-width: 50%; } .col-xxl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xxl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xxl-9 { flex: 0 0 75%; max-width: 75%; } .col-xxl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xxl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xxl-12 { flex: 0 0 100%; max-width: 100%; } .col-xxl-pull-0 { right: auto; } .col-xxl-pull-1 { right: 8.33333%; } .col-xxl-pull-2 { right: 16.66667%; } .col-xxl-pull-3 { right: 25%; } .col-xxl-pull-4 { right: 33.33333%; } .col-xxl-pull-5 { right: 41.66667%; } .col-xxl-pull-6 { right: 50%; } .col-xxl-pull-7 { right: 58.33333%; } .col-xxl-pull-8 { right: 66.66667%; } .col-xxl-pull-9 { right: 75%; } .col-xxl-pull-10 { right: 83.33333%; } .col-xxl-pull-11 { right: 91.66667%; } .col-xxl-pull-12 { right: 100%; } .col-xxl-push-0 { left: auto; } .col-xxl-push-1 { left: 8.33333%; } .col-xxl-push-2 { left: 16.66667%; } .col-xxl-push-3 { left: 25%; } .col-xxl-push-4 { left: 33.33333%; } .col-xxl-push-5 { left: 41.66667%; } .col-xxl-push-6 { left: 50%; } .col-xxl-push-7 { left: 58.33333%; } .col-xxl-push-8 { left: 66.66667%; } .col-xxl-push-9 { left: 75%; } .col-xxl-push-10 { left: 83.33333%; } .col-xxl-push-11 { left: 91.66667%; } .col-xxl-push-12 { left: 100%; } .col-xxl-offset-0 { margin-left: 0%; } .col-xxl-offset-1 { margin-left: 8.33333%; } .col-xxl-offset-2 { margin-left: 16.66667%; } .col-xxl-offset-3 { margin-left: 25%; } .col-xxl-offset-4 { margin-left: 33.33333%; } .col-xxl-offset-5 { margin-left: 41.66667%; } .col-xxl-offset-6 { margin-left: 50%; } .col-xxl-offset-7 { margin-left: 58.33333%; } .col-xxl-offset-8 { margin-left: 66.66667%; } .col-xxl-offset-9 { margin-left: 75%; } .col-xxl-offset-10 { margin-left: 83.33333%; } .col-xxl-offset-11 { margin-left: 91.66667%; } .col-xxl-offset-12 { margin-left: 100%; } .col-xxl-offset-right-0 { margin-right: 0%; } .col-xxl-offset-right-1 { margin-right: 8.33333%; } .col-xxl-offset-right-2 { margin-right: 16.66667%; } .col-xxl-offset-right-3 { margin-right: 25%; } .col-xxl-offset-right-4 { margin-right: 33.33333%; } .col-xxl-offset-right-5 { margin-right: 41.66667%; } .col-xxl-offset-right-6 { margin-right: 50%; } .col-xxl-offset-right-7 { margin-right: 58.33333%; } .col-xxl-offset-right-8 { margin-right: 66.66667%; } .col-xxl-offset-right-9 { margin-right: 75%; } .col-xxl-offset-right-10 { margin-right: 83.33333%; } .col-xxl-offset-right-11 { margin-right: 91.66667%; } .col-xxl-offset-right-12 { margin-right: 100%; } } .col-xs-first { order: -1; } .col-xs-last { order: 1; } @media (min-width: 544px) { .col-sm-first { order: -1; } .col-sm-last { order: 1; } } @media (min-width: 768px) { .col-md-first { order: -1; } .col-md-last { order: 1; } } @media (min-width: 992px) { .col-lg-first { order: -1; } .col-lg-last { order: 1; } } @media (min-width: 1200px) { .col-xl-first { order: -1; } .col-xl-last { order: 1; } } @media (min-width: 1920px) { .col-xxl-first { order: -1; } .col-xxl-last { order: 1; } } .row-xs-top { align-items: flex-start; } .row-xs-center { align-items: center; } .row-xs-bottom { align-items: flex-end; } @media (min-width: 544px) { .row-sm-top { align-items: flex-start; } .row-sm-center { align-items: center; } .row-sm-bottom { align-items: flex-end; } } @media (min-width: 768px) { .row-md-top { align-items: flex-start; } .row-md-center { align-items: center; } .row-md-bottom { align-items: flex-end; } } @media (min-width: 992px) { .row-lg-top { align-items: flex-start; } .row-lg-center { align-items: center; } .row-lg-bottom { align-items: flex-end; } } @media (min-width: 1200px) { .row-xl-top { align-items: flex-start; } .row-xl-center { align-items: center; } .row-xl-bottom { align-items: flex-end; } } @media (min-width: 1920px) { .row-xxl-top { align-items: flex-start; } .row-xxl-center { align-items: center; } .row-xxl-bottom { align-items: flex-end; } } .row-xs-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 544px) { .row-sm-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 768px) { .row-md-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 992px) { .row-lg-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 1200px) { .row-xl-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 1920px) { .row-xxl-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .row-xs-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } @media (min-width: 544px) { .row-sm-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } } @media (min-width: 768px) { .row-md-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } } @media (min-width: 992px) { .row-lg-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } } @media (min-width: 1200px) { .row-xl-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } } @media (min-width: 1920px) { .row-xxl-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } } .col-xs-top { align-self: flex-start; } .col-xs-center { align-self: center; } .col-xs-bottom { align-self: flex-end; } @media (min-width: 544px) { .col-sm-top { align-self: flex-start; } .col-sm-center { align-self: center; } .col-sm-bottom { align-self: flex-end; } } @media (min-width: 768px) { .col-md-top { align-self: flex-start; } .col-md-center { align-self: center; } .col-md-bottom { align-self: flex-end; } } @media (min-width: 992px) { .col-lg-top { align-self: flex-start; } .col-lg-center { align-self: center; } .col-lg-bottom { align-self: flex-end; } } @media (min-width: 1200px) { .col-xl-top { align-self: flex-start; } .col-xl-center { align-self: center; } .col-xl-bottom { align-self: flex-end; } } @media (min-width: 1920px) { .col-xxl-top { align-self: flex-start; } .col-xxl-center { align-self: center; } .col-xxl-bottom { align-self: flex-end; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 544px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media (min-width: 1920px) { .d-xxl-none { display: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } /*-------------------------------------*\ HINT.css - A CSS tooltip library \*-------------------------------------*/ /** * HINT.css is a tooltip library made in pure CSS. * * Source: https://github.com/chinchang/hint.css * Demo: http://kushagragour.in/lab/hint/ * */ /** * source: hint-core.scss * * Defines the basic styling for the tooltip. * Each tooltip is made of 2 parts: * 1) body (:after) * 2) arrow (:before) * * Classes added: * 1) hint */ [class*="hint--"] { position: relative; display: inline-block; /** * tooltip arrow */ /** * tooltip body */ } [class*="hint--"]:before, [class*="hint--"]:after { position: absolute; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: hidden; opacity: 0; z-index: 1000000; pointer-events: none; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; transition-delay: 0ms; } [class*="hint--"]:hover:before, [class*="hint--"]:hover:after { visibility: visible; opacity: 1; } [class*="hint--"]:hover:before, [class*="hint--"]:hover:after { -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; transition-delay: 100ms; } [class*="hint--"]:before { content: ''; position: absolute; background: transparent; border: 6px solid transparent; z-index: 1000001; } [class*="hint--"]:after { background: #383838; color: white; padding: 8px 10px; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 12px; white-space: nowrap; } [class*="hint--"][aria-label]:after { content: attr(aria-label); } [class*="hint--"][data-hint]:after { content: attr(data-hint); } [aria-label='']:before, [aria-label='']:after, [data-hint='']:before, [data-hint='']:after { display: none !important; } /** * source: hint-position.scss * * Defines the positoning logic for the tooltips. * * Classes added: * 1) hint--top * 2) hint--bottom * 3) hint--left * 4) hint--right */ /** * set default color for tooltip arrows */ .hint--top-left:before { border-top-color: #383838; } .hint--top-right:before { border-top-color: #383838; } .hint--top:before { border-top-color: #383838; } .hint--bottom-left:before { border-bottom-color: #383838; } .hint--bottom-right:before { border-bottom-color: #383838; } .hint--bottom:before { border-bottom-color: #383838; } .hint--left:before { border-left-color: #383838; } .hint--right:before { border-right-color: #383838; } /** * top tooltip */ .hint--top:before { margin-bottom: -11px; } .hint--top:before, .hint--top:after { bottom: 100%; left: 50%; } .hint--top:before { left: calc(50% - 6px); } .hint--top:after { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .hint--top:hover:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } .hint--top:hover:after { -webkit-transform: translateX(-50%) translateY(-8px); -moz-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); } /** * bottom tooltip */ .hint--bottom:before { margin-top: -11px; } .hint--bottom:before, .hint--bottom:after { top: 100%; left: 50%; } .hint--bottom:before { left: calc(50% - 6px); } .hint--bottom:after { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .hint--bottom:hover:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } .hint--bottom:hover:after { -webkit-transform: translateX(-50%) translateY(8px); -moz-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); } /** * right tooltip */ .hint--right:before { margin-left: -11px; margin-bottom: -6px; } .hint--right:after { margin-bottom: -14px; } .hint--right:before, .hint--right:after { left: 100%; bottom: 50%; } .hint--right:hover:before { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px); } .hint--right:hover:after { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px); } /** * left tooltip */ .hint--left:before { margin-right: -11px; margin-bottom: -6px; } .hint--left:after { margin-bottom: -14px; } .hint--left:before, .hint--left:after { right: 100%; bottom: 50%; } .hint--left:hover:before { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); } .hint--left:hover:after { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); } /** * top-left tooltip */ .hint--top-left:before { margin-bottom: -11px; } .hint--top-left:before, .hint--top-left:after { bottom: 100%; left: 50%; } .hint--top-left:before { left: calc(50% - 6px); } .hint--top-left:after { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); } .hint--top-left:after { margin-left: 12px; } .hint--top-left:hover:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } .hint--top-left:hover:after { -webkit-transform: translateX(-100%) translateY(-8px); -moz-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px); } /** * top-right tooltip */ .hint--top-right:before { margin-bottom: -11px; } .hint--top-right:before, .hint--top-right:after { bottom: 100%; left: 50%; } .hint--top-right:before { left: calc(50% - 6px); } .hint--top-right:after { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } .hint--top-right:after { margin-left: -12px; } .hint--top-right:hover:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } .hint--top-right:hover:after { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } /** * bottom-left tooltip */ .hint--bottom-left:before { margin-top: -11px; } .hint--bottom-left:before, .hint--bottom-left:after { top: 100%; left: 50%; } .hint--bottom-left:before { left: calc(50% - 6px); } .hint--bottom-left:after { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); } .hint--bottom-left:after { margin-left: 12px; } .hint--bottom-left:hover:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } .hint--bottom-left:hover:after { -webkit-transform: translateX(-100%) translateY(8px); -moz-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); } /** * bottom-right tooltip */ .hint--bottom-right:before { margin-top: -11px; } .hint--bottom-right:before, .hint--bottom-right:after { top: 100%; left: 50%; } .hint--bottom-right:before { left: calc(50% - 6px); } .hint--bottom-right:after { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } .hint--bottom-right:after { margin-left: -12px; } .hint--bottom-right:hover:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } .hint--bottom-right:hover:after { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } /** * source: hint-sizes.scss * * Defines width restricted tooltips that can span * across multiple lines. * * Classes added: * 1) hint--small * 2) hint--medium * 3) hint--large * */ .hint--small:after, .hint--medium:after, .hint--large:after { white-space: normal; line-height: 1.4em; word-wrap: break-word; } .hint--small:after { width: 80px; } .hint--medium:after { width: 150px; } .hint--large:after { width: 300px; } /** * source: hint-theme.scss * * Defines basic theme for tooltips. * */ [class*="hint--"] { /** * tooltip body */ } [class*="hint--"]:after { text-shadow: 0 -1px 0px black; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); } /** * source: hint-color-types.scss * * Contains tooltips of various types based on color differences. * * Classes added: * 1) hint--error * 2) hint--warning * 3) hint--info * 4) hint--success * */ /** * Error */ .hint--error:after { background-color: #b34e4d; text-shadow: 0 -1px 0px #592726; } .hint--error.hint--top-left:before { border-top-color: #b34e4d; } .hint--error.hint--top-right:before { border-top-color: #b34e4d; } .hint--error.hint--top:before { border-top-color: #b34e4d; } .hint--error.hint--bottom-left:before { border-bottom-color: #b34e4d; } .hint--error.hint--bottom-right:before { border-bottom-color: #b34e4d; } .hint--error.hint--bottom:before { border-bottom-color: #b34e4d; } .hint--error.hint--left:before { border-left-color: #b34e4d; } .hint--error.hint--right:before { border-right-color: #b34e4d; } /** * Warning */ .hint--warning:after { background-color: #c09854; text-shadow: 0 -1px 0px #6c5328; } .hint--warning.hint--top-left:before { border-top-color: #c09854; } .hint--warning.hint--top-right:before { border-top-color: #c09854; } .hint--warning.hint--top:before { border-top-color: #c09854; } .hint--warning.hint--bottom-left:before { border-bottom-color: #c09854; } .hint--warning.hint--bottom-right:before { border-bottom-color: #c09854; } .hint--warning.hint--bottom:before { border-bottom-color: #c09854; } .hint--warning.hint--left:before { border-left-color: #c09854; } .hint--warning.hint--right:before { border-right-color: #c09854; } /** * Info */ .hint--info:after { background-color: #3986ac; text-shadow: 0 -1px 0px #1a3c4d; } .hint--info.hint--top-left:before { border-top-color: #3986ac; } .hint--info.hint--top-right:before { border-top-color: #3986ac; } .hint--info.hint--top:before { border-top-color: #3986ac; } .hint--info.hint--bottom-left:before { border-bottom-color: #3986ac; } .hint--info.hint--bottom-right:before { border-bottom-color: #3986ac; } .hint--info.hint--bottom:before { border-bottom-color: #3986ac; } .hint--info.hint--left:before { border-left-color: #3986ac; } .hint--info.hint--right:before { border-right-color: #3986ac; } /** * Success */ .hint--success:after { background-color: #458746; text-shadow: 0 -1px 0px #1a321a; } .hint--success.hint--top-left:before { border-top-color: #458746; } .hint--success.hint--top-right:before { border-top-color: #458746; } .hint--success.hint--top:before { border-top-color: #458746; } .hint--success.hint--bottom-left:before { border-bottom-color: #458746; } .hint--success.hint--bottom-right:before { border-bottom-color: #458746; } .hint--success.hint--bottom:before { border-bottom-color: #458746; } .hint--success.hint--left:before { border-left-color: #458746; } .hint--success.hint--right:before { border-right-color: #458746; } /** * source: hint-always.scss * * Defines a persisted tooltip which shows always. * * Classes added: * 1) hint--always * */ .hint--always:after, .hint--always:before { opacity: 1; visibility: visible; } .hint--always.hint--top:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--top:after { -webkit-transform: translateX(-50%) translateY(-8px); -moz-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); } .hint--always.hint--top-left:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--top-left:after { -webkit-transform: translateX(-100%) translateY(-8px); -moz-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px); } .hint--always.hint--top-right:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--top-right:after { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--bottom:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--bottom:after { -webkit-transform: translateX(-50%) translateY(8px); -moz-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); } .hint--always.hint--bottom-left:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--bottom-left:after { -webkit-transform: translateX(-100%) translateY(8px); -moz-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); } .hint--always.hint--bottom-right:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--bottom-right:after { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--left:before { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); } .hint--always.hint--left:after { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); } .hint--always.hint--right:before { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px); } .hint--always.hint--right:after { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px); } /** * source: hint-rounded.scss * * Defines rounded corner tooltips. * * Classes added: * 1) hint--rounded * */ .hint--rounded:after { border-radius: 4px; } /** * source: hint-effects.scss * * Defines various transition effects for the tooltips. * * Classes added: * 1) hint--no-animate * 2) hint--bounce * */ .hint--no-animate:before, .hint--no-animate:after { -webkit-transition-duration: 0ms; -moz-transition-duration: 0ms; transition-duration: 0ms; } .hint--bounce:before, .hint--bounce:after { -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); -moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); } .hint--no-shadow:before, .hint--no-shadow:after { text-shadow: initial; box-shadow: initial; } *, *:before, *:after { box-sizing: inherit; } html { box-sizing: border-box; font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* firefox font smoothing css */ } body { -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 1.75; color: #555555; font-family: "Sofia Pro"; font-style: normal; font-stretch: normal; font-weight: normal; letter-spacing: normal; margin: 0; background-color: #ffffff; } body.dark { background-color: #111111; } body.dark mark { color: #fff; } h1, h2, h3, h4, h5, h6 { clear: both; color: #111111; margin: 0 0 18px; } h1 { font-size: 48px; } h2 { font-size: 36px; } h3 { font-size: 28px; } h4 { font-size: 24px; } h5 { font-size: 18px; } h6 { font-size: 16px; } p:last-child { margin-bottom: 0; } img { display: block; border: none; max-width: 100%; height: auto; } a { color: #111111; text-decoration: none; } a:hover { color: #0057fc; text-decoration: none; } a:focus { text-decoration: none; color: inherit; outline: none; } a, button, input, svg { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } button { cursor: pointer; } button:focus { outline: 0; } input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], input[type="search"], input[type="url"], textarea { font-size: 15px; color: #2a2a2a; width: 100%; outline: none; border: 1px solid #f9f9f9; background-color: #f9f9f9; border-radius: 5px; padding: 0 20px; min-height: 48px; } button, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus { border-color: #0057fc; color: #1a1a1a; background-color: #fff; } input[type="submit"], button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="submit"]:focus { outline: 0; } select { font-size: 15px; font-weight: 400; letter-spacing: 0em; color: #7e7e7e; padding: 3px 35px 3px 20px; min-height: 56px; max-width: 100%; width: 100%; outline: none; border: 1px solid #f7f7f7; border-radius: 5px; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAELY03+AAAABGdBTUEAALGPC/xhBQAAAFFJREFUCB1tTsERwCAIC9MyhnQMprUJPTw9mweGmACWmQFggGSSQCT02lLUCaayAuTubrcNeNr5TaRAZyhd6A1q2hnkQ8IPKl3G/tyPoHaMfwHyzSNHeemKDAAAAABJRU5ErkJggg==) no-repeat center right 20px; background-color: #f7f7f7; -moz-appearance: none; -webkit-appearance: none; } select:focus { color: #777; border-color: #0057fc; background-color: #fff; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { border-color: #5d5d5d; } @-webkit-keyframes autofill { to { color: #666 !important; background: #fff !important; } } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, select:-webkit-autofill, textarea:-webkit-autofill { -webkit-animation-name: autofill; -webkit-animation-fill-mode: both; } figure { margin-bottom: 0; } ul { padding-left: 0; margin-bottom: 0; margin-left: 0; } .rtl { direction: rtl; } .align-center { text-align: center; } .align-left { text-align: left; } .align-right { text-align: right; } .bottom-30 { margin-bottom: 30px; } @media only screen and (min-width: 1200px) { .container { max-width: 1200px; } } /* Headings */ h1, h2, h3, h4, h5, h6, caption, th, strong { color: #111111; } .bypostauthor { font-weight: 500; } .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6, .post-content .h1, .post-content .h2, .post-content .h3, .post-content .h4, .post-content .h5, .post-content .h6, .comment-list h1, .comment-list h2, .comment-list h3, .comment-list h4, .comment-list h5, .comment-list h6, .comment-list .h1, .comment-list .h2, .comment-list .h3, .comment-list .h4, .comment-list .h5, .comment-list .h6, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content .h1, .entry-content .h2, .entry-content .h3, .entry-content .h4, .entry-content .h5, .entry-content .h6 { margin-bottom: 1.425rem; } .post-content:not(.elementor-content) a, .page .entry-content a { font-weight: 500; text-decoration: none; } hr { margin-bottom: 1.325em; height: 1px; border: 0; background-color: #cccccc; } .screen-reader-text { position: absolute !important; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; } .screen-reader-text:focus { top: 5px; left: 5px; z-index: 100000; display: block; clip: auto !important; padding: 15px 23px 14px; width: auto; height: auto; border-radius: 3px; background-color: #f1f1f1; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); color: #21759b; text-decoration: none; font-weight: 700; font-size: 15px; line-height: normal; /* Above WP toolbar. */ } /* Text elements */ p { margin-bottom: 1.625em; margin-top: 0; } ul, ol { margin: 0 0 1.625em 0; padding-left: 1.225rem; } li > ul, li > ol { margin-top: 10px; padding-left: 2rem; } ul { list-style: square; } ol { list-style-type: decimal; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } ol li + li, ul li + li { margin: 10px 0 0; } .comment-list ul ul, .comment-list ol ol, .comment-list ul ol, .comment-list ol ul { margin-bottom: 0; } .comment-list ul { list-style: square; } .comment-list ol { list-style-type: decimal; } .comment-list ol ol { list-style: upper-alpha; } .comment-list ol ol ol { list-style: lower-roman; } .comment-list ol ol ol ol { list-style: lower-alpha; } dt { color: #111111; font-weight: 500; } dd { margin: 0 0 1.625rem; } strong { font-weight: 700; } cite, em, i { font-style: italic; } cite { border: 0; } big { font-size: 131.25%; } button, input, optgroup, select, textarea { margin: 0; color: inherit; font: inherit; } .wp-block-button, .wp-block-cover, .wp-block-media-text { margin-bottom: 1.325em; } .wp-block-cover p:not(.has-text-color), .wp-block-cover.has-left-content .wp-block-cover-text strong { color: #fff; } .wp-block-gallery { margin-left: 0; } .wp-block-group.has-background { padding: 20px; margin-bottom: 1.325em; } .post-content a.wp-block-button__link { text-decoration: none; } .post-content figure { margin-bottom: 1.625em; } .post-content figure.wp-block-pullquote { padding: 0; margin-top: 1.625em; margin-bottom: 1.625em; text-align: left; } .post-content figure.wp-block-pullquote.has-background { padding: 3em 0; } .post-content select { min-height: 56px; border-radius: 5px; } .wp-block-archives-dropdown, .wp-block-categories-list { margin-bottom: 1rem; } .wp-block-archives-dropdown ul.children, .wp-block-categories-list ul.children { margin-top: 0.625rem; } .wp-block-archives-list li + li, .wp-block-categories-list li + li { margin-top: 0.825rem; } .wp-block-archives-list li a, .wp-block-categories-list li a { text-decoration: none; } .gallery { margin-left: -10px; margin-right: -10px; display: flex; flex-wrap: wrap; } .gallery-item { display: inline-block; width: 100%; vertical-align: top; margin: 0; padding-left: 10px; padding-right: 10px; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .post-content figcaption.gallery-caption { padding: 10px 0; } .gallery-caption { display: block; margin-top: 0.8em; } .mceContentBody blockquote, .mceContentBody blockquote p { margin: 0 3em; font-weight: normal; font-style: italic !important; font-family: Georgia, "Bitstream Charter", serif !important; } .mceContentBody blockquote em, .mceContentBody blockquote i, .mceContentBody blockquote cite { font-style: normal; } .mceContentBody blockquote cite { color: #666666; text-transform: uppercase; letter-spacing: .05em; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; } blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter { clear: both; margin-top: 0.4em; margin-bottom: 1.6em; } blockquote.alignleft, .wp-caption.alignleft, img.alignleft { margin: 0.4em 1.6em 1.6em 0; } blockquote.alignright, .wp-caption.alignright, img.alignright { margin: 0.4em 0 1.6em 1.6em; } blockquote { font-weight: normal; background: #f8f8f8; font-size: 18px; font-style: italic; line-height: 30px; background: none; border-left: 4px solid #0057fc; padding: 5px 20px; position: relative; margin-left: 0; } blockquote cite { font-style: normal; margin-top: 1.4rem; display: block; } blockquote > p:last-child { margin-bottom: 0; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { margin-bottom: 1.325em; } pre { margin-top: 1.325em; margin-bottom: 1.625em; padding: 1.625em; background: #f4f4f4; font: 13px "Courier 10 Pitch", Courier, monospace; line-height: 1.5; white-space: pre-line; } code, kbd, samp, var { font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym, dfn { border-bottom: 1px dotted #666666; cursor: help; } address { display: block; margin: 0 0 1.325em; } sup, sub { position: relative; height: 0; vertical-align: baseline; font-size: 75%; line-height: 1; } sup { top: -.5em; } sub { bottom: 1ex; } dt { margin-bottom: 0.3rem; } /* Alignment */ .alignleft { float: left; margin-right: 1.325em; } .alignright { float: right; margin-left: 1.325em; } .alignright ~ p { clear: both; } .aligncenter { display: block; clear: both; margin-right: auto; margin-left: auto; } /* Tables */ table { margin: 0 0 1.5em; width: 100%; border-spacing: 0; border-collapse: collapse; } td, th { border: 1px solid #eee; padding: 10px; text-align: center; vertical-align: middle; } /* Images */ img[class*="wp-image-"] { height: auto; } img.size-full { width: auto; /* Prevent stretching of full-size images in IE8 */ } img.wp-smiley { margin-top: 0; margin-bottom: 0; padding: 0; border: 0; } img.alignleft, img.alignright, img.aligncenter { margin-top: 1.325em; margin-bottom: 1.625em; } .wp-caption { max-width: 100%; margin-top: .4em; margin-bottom: 1.325em; margin-left: 0; margin-right: 0; border: 0; } .wp-caption img { display: block; } .wp-caption .wp-caption-text, .wp-caption-dd { position: relative; margin: .6em 0 .6em 0; text-align: left; } .post-content .wp-caption .wp-caption-text, .post-content .wp-caption-dd, .post-content figcaption, .entry-content .wp-caption .wp-caption-text, .entry-content .wp-caption-dd, .entry-content figcaption { margin-top: 0; margin-bottom: 0; padding: 6px 10px; } .wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img { border-color: #eee; background: #fff; } .entry-content:before { content: ""; display: table; } .entry-content:after { content: ""; display: table; clear: both; } .page-links { clear: both; } .page-links .post-page-numbers { font-size: 15px; display: inline-block; height: 40px; line-height: 40px; padding: 0 10px; text-align: center; } .page-links .post-page-numbers.current { min-width: 40px; background: #0057fc; color: #fff; border-radius: 30px; } .page-links .post-page-numbers.current:hover { background: #0057fc; color: #fff; } .post-password-form input { height: 48px; } .post-password-form input[type=submit] { background: #0057fc; border: 1px solid #0057fc; color: #fff; vertical-align: top; padding-left: 15px; padding-right: 15px; font-weight: 500; cursor: pointer; } .post-password-form p:last-child { display: flex; align-items: flex-end; } .post-password-form label input { background: #f8f8f8; outline: 0; } .comments-title, .comment-reply-title { font-size: 24px; font-weight: 600; line-height: 1.67; } #comments .comments-title { margin-bottom: 30px; } #comments .comment-list { margin-left: 0; padding-left: 0; list-style-type: none; margin-bottom: 0; } #comments .comment-list li.comment, #comments .comment-list li.trackback, #comments .comment-list li.pingback { padding-top: 25px; padding-bottom: 25px; border-top: 1px solid #eee; } #comments .comment-list > li.comment:first-child, #comments .comment-list > li.trackback:first-child, #comments .comment-list > li.pingback:first-child { border-top: 0; padding-top: 0; } #comments .comment-list > li.comment:last-child, #comments .comment-list > li.trackback:last-child, #comments .comment-list > li.pingback:last-child { border-bottom: 1px solid #eee; } #comments .comment-list ol.children { margin: 0 0 0 60px; padding-left: 0; list-style-type: none; } #comments .comment-list + #respond, #comments .comment-list #respond { margin-top: 30px; } #comments .comment-author { display: flex; align-items: flex-start; justify-content: space-between; } #comments .comment-author .entry-avatar img { display: block; border-radius: 50%; } #comments .comment-author .entry-avatar + .entry-detail { padding-left: 20px; } #comments .comment-author .entry-detail .author-name { font-size: 16px; font-weight: 500; line-height: 1.75; color: #1a1a1a; } #comments .comment-author .entry-detail .comment-time { font-size: 14px; line-height: 1.57; color: #aaaaaa; font-style: italic; } #comments .comment-content { margin-top: 30px; } #comments .comment-content p:last-child { margin-bottom: 0; } #comments .comment-content ul, #comments .comment-content ol { margin-left: 0; } #comments .comment-meta { display: flex; font-size: 16px; flex: 1; justify-content: flex-end; margin-top: 5px; } #comments .comment-meta > a { display: flex; align-items: center; margin-right: 20px; } #comments .comment-meta > a:last-child { margin-right: 0; } #comments .comment-meta i { font-size: 13px; font-style: normal; margin-right: 5px; } #comments .no-comments { margin-top: 30px; margin-bottom: 0; text-align: center; margin-bottom: 60px; } #respond .comment-reply-title { margin-bottom: 15px; } #respond .comment-reply-title small { margin-left: 5px; } #commentform p { margin-bottom: 30px; } #commentform p.comment-notes { width: 100%; color: #999999; } #commentform label { margin-bottom: 0; } #commentform .comment-form-comment { display: flex; } #commentform textarea, #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"] { width: 100%; resize: none; } #commentform .form-submit { margin-bottom: 0; } #commentform .logged-in-as { margin-bottom: 30px; } #commentform .logged-in-as, #commentform .comment-notes, #commentform .comment-form-cookies-consent, #commentform .form-submit { padding-left: 15px; padding-right: 15px; } #commentform .comment-form-cookies-consent label, #commentform .comment-form-cookies-consent input { cursor: pointer; } #commentform .comment-form-cookies-consent:hover input { border-color: #0057fc; } #commentform #wp-comment-cookies-consent { position: relative; outline: 0; -webkit-appearance: none; -moz-appearance: none; height: 15px; width: 15px; margin-bottom: 0; margin-right: 5px; vertical-align: -2px; border: 1px solid #ddd; background-color: #fff; color: #565a5c; } #commentform #wp-comment-cookies-consent:checked:before { content: "\f00c"; font-size: 14px; line-height: 1; position: absolute; top: -1px; width: 14px; display: inline-block; font-weight: 700; font-family: "Font Awesome 5 Pro"; color: #0057fc; } #commentform .form-submit { flex: 0 0 100%; } #commentform .sala-button { background-color: #0057fc; } #commentform .sala-button:hover { background-color: #1043B2; } .wp-block-latest-comments { padding-left: 0; } .wp-block-latest-comments li { margin-bottom: 1.325em; } .wp-block-latest-comments .avatar { margin-right: 20px; } .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt { margin-left: 60px; } .wp-block-latest-posts.is-grid li { margin-bottom: 1.325rem; } .wp-block-latest-posts { padding-left: 0; } .wp-block-latest-posts li + li { margin-top: 1.325em; } .wp-block-calendar { font-weight: 500; max-width: 420px; margin-bottom: 1.625em; } .wp-block-calendar thead tr th { color: #111111; padding: 5px; font-weight: 700; background-color: #fff; } .wp-block-calendar thead th, .wp-block-calendar tbody td { text-align: center; } .wp-block-calendar tbody tr > td#today { color: #fff; background: #0057fc; } .wp-block-calendar table caption { font-size: 14px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 10px; } .wp-block-calendar .wp-calendar-nav { text-align: left; } .wp-block-categories-dropdown, .wp-block-archives-dropdown, .wp-block-categories-list { margin-bottom: 1.325em; } .wp-block-categories-dropdown select, .wp-block-archives-dropdown select, .wp-block-categories-list select { max-width: 320px; } .wp-block-latest-comments__comment-date { font-size: 13px; margin-top: 5px; } .wp-block-latest-comments__comment-excerpt p { font-size: 15px; } .wp-block-search { max-width: 400px; margin-bottom: 1.625em; } .wp-block-search label { display: none; } .wp-block-search .wp-block-search__input { height: 50px; border-radius: 0; background: #F8F8F8; border-color: #F8F8F8; padding-left: 15px; padding-right: 15px; } .wp-block-search .wp-block-search__button { color: #fff; margin-left: 0; background: #0057fc; border-color: #0057fc; padding-left: 20px; padding-right: 20px; } .wp-block-tag-cloud a { font-size: 15px !important; padding: 8px 15px; border-radius: 3px; background-color: #F8F8F8; color: #7E7E7E; display: inline-block; margin-bottom: 10px; margin-right: 6px; } .wp-block-tag-cloud a:hover { background: #0057fc; color: #fff !important; } form p label:last-child { margin-bottom: 0; } form select[name="select_element"] { max-width: 400px; } form #text_field, form #text_area { max-width: 400px; width: 100%; } @media only screen and (max-width: 767px) { .has-large-font-size { font-size: 20px; } .has-large-font-size { font-size: 20px; } #comments .comment-list ol.children { margin: 0 0 0 30px; } .blocks-gallery-grid.alignleft, .blocks-gallery-grid.alignright, .wp-block-gallery.alignleft, .wp-block-gallery.alignright { float: none; max-width: 100%; } #comments .comment-author { flex-wrap: wrap; justify-content: flex-start; } #comments .comment-meta { flex: 100%; justify-content: flex-start; margin-top: 10px; } #comments .comment-content { margin-top: 20px; } } .site-content { position: relative; z-index: 2; padding-top: 80px; padding-bottom: 100px; } .site-header.header-float + .page-title { padding-top: 100px; } .error404 .site-content { padding-top: 180px; } body.home .site-content, .page-title + .site-content { padding-top: 0; } .boxed .site-content { max-width: 870px; width: 100%; margin-left: auto; margin-right: auto; } #secondary, #primary { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; width: 100%; } #primary { flex: 1; max-width: 100%; } body.archive.no-sidebar #primary { flex-basis: 100%; max-width: 100%; } #secondary .inner-sidebar { height: 100%; } .site-logo a { display: block; line-height: normal; } .grid { display: grid; grid-column-gap: 30px; grid-row-gap: 30px; list-style-type: none; } .sala-portfolio-metro.sala-grid.loaded .grid-sizer { display: none; } .sala-grid { display: grid; justify-content: center; align-content: center; grid-column-gap: 30px; grid-row-gap: 60px; } .sala-grid .grid-sizer { display: none; } .sala-grid .grid-item { opacity: 0; display: flex; align-items: center; -webkit-transform: translate3d(0, 30px, 0); -moz-transform: translate3d(0, 30px, 0); -o-transform: translate3d(0, 30px, 0); -ms-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } .sala-grid .grid-item.animate { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; transition: transform 1s ease-in-out, opacity 1s linear; } .sala-grid.loaded { display: block; } .sala-grid.loaded .grid-sizer { display: block; } .form-control.field-underline { font-size: 16px; line-height: 1.63; border: 0; border-bottom: 1px solid #1a1a1a; border-radius: 0; padding: 0 0 11px; min-height: auto; background: transparent; } .bg-overlay { background: rgba(11, 11, 11, 0.6); position: fixed; z-index: 5; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .sala-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; z-index: 10; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .sala-popup .inner-popup { position: fixed; z-index: 5; top: 150px; left: 15px; right: 15px; margin: 0 auto; background: #fff; padding: 30px; border-radius: 3px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .sala-popup.open { opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .sala-popup.open .inner-popup { top: 100px; opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .open .bg-overlay { opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .page-title-blog .entry-title { font-size: 64px; font-weight: 600; line-height: 1.31; font-family: "Sofia Pro"; color: #fff; } .page-title-blog .sub-title > p { font-size: 24px; line-height: 1.58; color: #fff; margin-bottom: 0; } mark { background-color: transparent; } .loading-effect { display: none; position: relative; bottom: -2px; } .loading-effect .golo-dual-ring { width: 28px; height: 28px; } .loading-effect .golo-dual-ring:after { width: 24px; height: 24px; border-width: 3px; } p.msg { display: none; color: #20d706; margin-bottom: 10px; } p.msg.text-error { color: red; } p.msg.text-warning { color: yellow; } .page-404-content { padding-top: 120px; padding-bottom: 120px; } .page-404-content .row-404 { align-items: center; } .page-404-content .error-404-title { color: #111111; font-size: 56px; font-weight: 600; line-height: 1.24; margin-bottom: 25px; } .page-404-content .error-404-text { font-size: 18px; line-height: 1.33em; max-width: 410px; } .page-404-content .error-404-text p { margin: 0; } .page-404-content .error-404-text a { color: #0057fc; display: inline-block; } .site-header.header-float + .page-404-content { padding-top: 180px; } #sala-login label, #sala-register label, #forgot-form label, #reset-form label { font-size: 16px; color: #111111; margin-bottom: 8px; display: block; } #sala-login label a, #sala-register label a, #forgot-form label a, #reset-form label a { color: #999999; } #sala-login label a:hover, #sala-register label a:hover, #forgot-form label a:hover, #reset-form label a:hover { color: #111111; } #sala-login label[for="ip_password"], #sala-register label[for="ip_password"], #forgot-form label[for="ip_password"], #reset-form label[for="ip_password"] { display: flex; justify-content: space-between; } #sala-login input, #sala-register input, #forgot-form input, #reset-form input { background-color: #f9f9f9; } #sala-login label.error, #sala-register label.error, #forgot-form label.error, #reset-form label.error { color: red; margin-top: 4px; } #sala-login .form-group, #sala-register .form-group, #forgot-form .form-group, #reset-form .form-group { margin-bottom: 20px; } #sala-login button, #sala-register button, #forgot-form button, #reset-form button { height: 42px; line-height: 36px; border-radius: 3px; background-color: #0057fc; border: 1px solid #0057fc; color: #fff; font-size: 16px; padding: 0 28px; } #sala-login button:hover, #sala-register button:hover, #forgot-form button:hover, #reset-form button:hover { background-color: #1043B2; } #sala-login .rememberme, #sala-login .accept-account label[for="ip_accept_account"], #sala-register .rememberme, #sala-register .accept-account label[for="ip_accept_account"], #forgot-form .rememberme, #forgot-form .accept-account label[for="ip_accept_account"], #reset-form .rememberme, #reset-form .accept-account label[for="ip_accept_account"] { position: relative; padding-left: 25px; color: #555555; cursor: pointer; } #sala-login .rememberme input, #sala-login .accept-account label[for="ip_accept_account"] input, #sala-register .rememberme input, #sala-register .accept-account label[for="ip_accept_account"] input, #forgot-form .rememberme input, #forgot-form .accept-account label[for="ip_accept_account"] input, #reset-form .rememberme input, #reset-form .accept-account label[for="ip_accept_account"] input { opacity: 0; visibility: hidden; position: absolute; } #sala-login .rememberme span:before, #sala-login .accept-account label[for="ip_accept_account"] span:before, #sala-register .rememberme span:before, #sala-register .accept-account label[for="ip_accept_account"] span:before, #forgot-form .rememberme span:before, #forgot-form .accept-account label[for="ip_accept_account"] span:before, #reset-form .rememberme span:before, #reset-form .accept-account label[for="ip_accept_account"] span:before { content: ''; width: 16px; height: 16px; border: 1px solid #111111; border-radius: 3px; display: block; position: absolute; top: 4px; left: 0; } #sala-login .rememberme span:after, #sala-login .accept-account label[for="ip_accept_account"] span:after, #sala-register .rememberme span:after, #sala-register .accept-account label[for="ip_accept_account"] span:after, #forgot-form .rememberme span:after, #forgot-form .accept-account label[for="ip_accept_account"] span:after, #reset-form .rememberme span:after, #reset-form .accept-account label[for="ip_accept_account"] span:after { content: '\f00c'; font-family: 'Font Awesome 5 Pro'; position: absolute; left: 2px; top: 2px; font-size: 12px; display: none; } #sala-login .rememberme input:checked ~ span:before, #sala-login .accept-account label[for="ip_accept_account"] input:checked ~ span:before, #sala-register .rememberme input:checked ~ span:before, #sala-register .accept-account label[for="ip_accept_account"] input:checked ~ span:before, #forgot-form .rememberme input:checked ~ span:before, #forgot-form .accept-account label[for="ip_accept_account"] input:checked ~ span:before, #reset-form .rememberme input:checked ~ span:before, #reset-form .accept-account label[for="ip_accept_account"] input:checked ~ span:before { border-color: #111111; background-color: #111111; } #sala-login .rememberme input:checked ~ span:after, #sala-login .accept-account label[for="ip_accept_account"] input:checked ~ span:after, #sala-register .rememberme input:checked ~ span:after, #sala-register .accept-account label[for="ip_accept_account"] input:checked ~ span:after, #forgot-form .rememberme input:checked ~ span:after, #forgot-form .accept-account label[for="ip_accept_account"] input:checked ~ span:after, #reset-form .rememberme input:checked ~ span:after, #reset-form .accept-account label[for="ip_accept_account"] input:checked ~ span:after { display: block; color: #fff; } #sala-login .password-input, #sala-register .password-input, #forgot-form .password-input, #reset-form .password-input { position: relative; } #sala-login .password-input input, #sala-register .password-input input, #forgot-form .password-input input, #reset-form .password-input input { padding-right: 50px; } #sala-login .password-input .show-password-input::before, #sala-register .password-input .show-password-input::before, #forgot-form .password-input .show-password-input::before, #reset-form .password-input .show-password-input::before { content: '\f06e'; font-family: 'Font Awesome 5 Pro'; position: absolute; top: 12px; right: 15px; cursor: pointer; } #sala-login .password-input .show-password-input.display-password:before, #sala-register .password-input .show-password-input.display-password:before, #forgot-form .password-input .show-password-input.display-password:before, #reset-form .password-input .show-password-input.display-password:before { content: '\f070'; } #sala-login .accept-account label a, #sala-register .accept-account label a, #forgot-form .accept-account label a, #reset-form .accept-account label a { color: #0057fc; } #sala-login .accept-account label, #sala-register .accept-account label, #forgot-form .accept-account label, #reset-form .accept-account label { display: flex; flex-wrap: wrap; } #sala-login .accept-account label span, #sala-register .accept-account label span, #forgot-form .accept-account label span, #reset-form .accept-account label span { order: 1; } #sala-login .accept-account label label, #sala-register .accept-account label label, #forgot-form .accept-account label label, #reset-form .accept-account label label { order: 2; margin-left: -25px; } .reset-form .button-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .reset-form .generate-password { border: 1px solid #0057fc; border-radius: 25px; padding: 9px 25px; font-size: 15px; line-height: 20px; font-weight: 500; color: #0057fc; } .reset-form .generate-password:hover { color: #fff; background-color: #0057fc; } .reset-form .control-password { position: relative; margin-bottom: 25px; } .reset-form .control-password span { position: absolute; top: 0; right: 0; bottom: 0; line-height: 25px; padding: 0 10px; cursor: pointer; } .reset-form .control-password span i { vertical-align: -10px; } .reset-form .control-password span.active i:before { content: '\f070'; } .form-group .nice-select, .woocommerce-ordering .nice-select { border: 0; padding-left: 0; padding-right: 20px; } .form-group .nice-select .list, .woocommerce-ordering .nice-select .list { left: auto; right: 0; z-index: 999; } .form-group .nice-select:after, .woocommerce-ordering .nice-select:after { border-bottom: 1px solid #111111; border-right: 1px solid #111111; height: 7px; width: 7px; right: 3px; margin-top: -6px; } .form-group .nice-select span, .woocommerce-ordering .nice-select span { color: #111111; font-size: 16px; font-weight: 500; } @media (min-width: 1200px) { .sidebar-left .inner-sidebar { padding-right: 30px; } .sidebar-right .inner-sidebar { padding-left: 30px; } .container.container-boxed { max-width: 1030px; } } @media (max-width: 1200px) { .sidebar-right { padding-top: 60px; } } @media (min-width: 992px) { #secondary { flex: 0 0 30%; max-width: 30%; } } @media (max-width: 992px) { #secondary, #secondary.sidebar-blog-archive { padding-top: 40px; flex: 0 0 100%; max-width: 100%; } } @media (max-width: 576px) { .page-404-content { padding: 40px 0; } .page-404-content .error-404-text { margin-bottom: 30px; } .page-404-content .error-404-title { font-size: 40px; } .site-header.header-float + .page-404-content { padding-top: 40px; } .area-404 h2 { font-size: 32px; } .area-404 h3 { font-size: 18px; } .area-404 p { font-size: 16px; margin-bottom: 10px; } .site-content { padding-bottom: 30px; } } .accent-color { color: #0057fc; } .accent-color-hover:hover { color: #0057fc; } .accent-background { background: #0057fc; } .primary-color { color: #111111; } .primary-background { background: #111111; } .body-font { font-family: "Sofia Pro"; } .heading-font { font-family: "Sofia Pro"; } .icon-small { font-size: 16px; } .icon-medium { font-size: 18px; } .icon-large { font-size: 24px; } .inline { display: inline; } .fullwidth { width: 100%; } .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .align-justify { text-align: justify; } .align-justify a { width: 100%; } /* Hover Animate */ .sala-animate-zoom-in .sala-image { overflow: hidden; } .sala-animate-zoom-in .sala-image img { width: 100%; -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); } .sala-animate-zoom-in .sala-image .swiper-inner { -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); } .sala-animate-zoom-in .sala-image .swiper-inner img { transform: none !important; transition: none !important; } .sala-animate-zoom-in .sala-box:hover .sala-image img, .sala-animate-zoom-in .sala-box:hover .sala-image .swiper-inner { transform: scale3d(1.1, 1.1, 1.1); } .sala-animate-zoom-out .sala-image { overflow: hidden; } .sala-animate-zoom-out .sala-image img { width: 100%; -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -webkit-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); -o-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .sala-animate-zoom-out .sala-image .swiper-inner { -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -webkit-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); -o-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .sala-animate-zoom-out .sala-image .swiper-inner img { transform: none !important; transition: none !important; } .sala-animate-zoom-out .sala-box:hover .sala-image img, .sala-animate-zoom-out .sala-box:hover .sala-image .swiper-inner { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .sala-animate-move-up .sala-box .sala-image { -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); -moz-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); -o-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); } .sala-animate-move-up .sala-box:hover .sala-image { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .sala-animate-move-up-drop-shadow .sala-box .sala-image { position: relative; -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); -moz-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); -o-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); } .sala-animate-move-up-drop-shadow .sala-box .sala-image:after { content: ''; position: absolute; bottom: 0; top: 50%; left: 10%; right: 10%; box-shadow: 0 10px 50px rgba(51, 51, 51, 0.22); z-index: -1; opacity: 0; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .sala-animate-move-up-drop-shadow .sala-box:hover .sala-image { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .sala-animate-move-up-drop-shadow .sala-box:hover .sala-image:after { opacity: 1; } .sala-col-custom > .elementor-container { width: 100%; max-width: 100%; flex-wrap: nowrap; overflow: hidden; } .sala-col-auto { display: flex !important; flex: 1; } .sala-col-100 { flex: 0 0 100px; } .uxper-column.uxper-col-10, .column-wrap[data-col="10"], .column-wrap[data-col="10"] { width: 10%; } .uxper-column.uxper-col-11, .column-wrap[data-col="11"], .column-wrap[data-col="11"] { width: 11.111%; } .uxper-column.uxper-col-12, .column-wrap[data-col="12"], .column-wrap[data-col="12"] { width: 12.5%; } .uxper-column.uxper-col-14, .column-wrap[data-col="14"], .column-wrap[data-col="14"] { width: 14.285%; } .uxper-column.uxper-col-16, .column-wrap[data-col="16"], .column-wrap[data-col="16"] { width: 16.666%; } .uxper-column.uxper-col-20, .column-wrap[data-col="20"], .column-wrap[data-col="20"] { width: 20%; } .uxper-column.uxper-col-25, .column-wrap[data-col="25"], .column-wrap[data-col="25"] { width: 25%; } .uxper-column.uxper-col-30, .column-wrap[data-col="30"], .column-wrap[data-col="30"] { width: 30%; } .uxper-column.uxper-col-33, .column-wrap[data-col="33"], .column-wrap[data-col="33"] { width: 33.333%; } .uxper-column.uxper-col-40, .column-wrap[data-col="40"], .column-wrap[data-col="40"] { width: 40%; } .uxper-column.uxper-col-50, .column-wrap[data-col="50"], .column-wrap[data-col="50"] { width: 50%; } .uxper-column.uxper-col-60, .column-wrap[data-col="60"], .column-wrap[data-col="60"] { width: 60%; } .uxper-column.uxper-col-66, .column-wrap[data-col="66"], .column-wrap[data-col="66"] { width: 66.666%; } .uxper-column.uxper-col-70, .column-wrap[data-col="70"], .column-wrap[data-col="70"] { width: 70%; } .uxper-column.uxper-col-75, .column-wrap[data-col="75"], .column-wrap[data-col="75"] { width: 75%; } .uxper-column.uxper-col-80, .column-wrap[data-col="80"], .column-wrap[data-col="80"] { width: 80%; } .uxper-column.uxper-col-83, .column-wrap[data-col="83"], .column-wrap[data-col="83"] { width: 83.333%; } .uxper-column.uxper-col-90, .column-wrap[data-col="90"], .column-wrap[data-col="90"] { width: 90%; } .uxper-column.uxper-col-100, .column-wrap[data-col="100"], .column-wrap[data-col="100"] { width: 100%; } .column-wrap[data-gap="0"], .column-wrap[data-gap="0"] { column-gap: unset; } .uxper-column.uxper-gap-10, .column-wrap[data-gap="10"], .column-wrap[data-gap="10"] { column-gap: 10px; } .uxper-column.uxper-gap-20, .column-wrap[data-gap="20"], .column-wrap[data-gap="20"] { column-gap: 20px; } .uxper-column.uxper-gap-30, .column-wrap[data-gap="30"], .column-wrap[data-gap="30"] { column-gap: 30px; } .uxper-column.uxper-gap-35, .column-wrap[data-gap="35"], .column-wrap[data-gap="35"] { column-gap: 35px; } .uxper-column.uxper-gap-40, .column-wrap[data-gap="40"], .column-wrap[data-gap="40"] { column-gap: 40px; } .uxper-column.uxper-gap-50, .column-wrap[data-gap="50"], .column-wrap[data-gap="50"] { column-gap: 50px; } .uxper-column.uxper-gap-60, .column-wrap[data-gap="60"], .column-wrap[data-gap="60"] { column-gap: 60px; } .uxper-column.uxper-gap-70, .column-wrap[data-gap="70"], .column-wrap[data-gap="70"] { column-gap: 70px; } .uxper-column.uxper-gap-80, .column-wrap[data-gap="80"], .column-wrap[data-gap="80"] { column-gap: 80px; } .uxper-column.uxper-gap-90, .column-wrap[data-gap="90"], .column-wrap[data-gap="90"] { column-gap: 90px; } .uxper-column.uxper-gap-100, .column-wrap[data-gap="100"], .column-wrap[data-gap="100"] { column-gap: 100px; } @media only screen and (min-width: 1200px) { .hidden-on-desktop { display: none !important; } .grid-lg-1 { grid-template-columns: repeat(1, 1fr); } .grid-lg-2 { grid-template-columns: repeat(2, 1fr); } .grid-lg-3 { grid-template-columns: repeat(3, 1fr); } .grid-lg-4 { grid-template-columns: repeat(4, 1fr); } .grid-lg-5 { grid-template-columns: repeat(5, 1fr); } .grid-lg-6 { grid-template-columns: repeat(6, 1fr); } } @media only screen and (min-width: 768px) { .fullheight { height: 100%; } } @media only screen and (min-width: 767px) and (max-width: 1199px) { .hidden-on-tablet { display: none !important; } .grid-md-1 { grid-template-columns: repeat(1, 1fr); } .grid-md-2 { grid-template-columns: repeat(2, 1fr); } .grid-md-3 { grid-template-columns: repeat(3, 1fr); } .grid-md-4 { grid-template-columns: repeat(4, 1fr); } .grid-md-5 { grid-template-columns: repeat(5, 1fr); } .grid-md-6 { grid-template-columns: repeat(6, 1fr); } .column-wrap[data-md-col="auto"] { width: auto; } .column-wrap[data-md-col="0"] { width: 0%; } .column-wrap[data-md-col="10"] { width: 10%; } .column-wrap[data-md-col="20"] { width: 20%; } .column-wrap[data-md-col="30"] { width: 30%; } .column-wrap[data-md-col="40"] { width: 40%; } .column-wrap[data-md-col="50"] { width: 50%; } .column-wrap[data-md-col="60"] { width: 60%; } .column-wrap[data-md-col="70"] { width: 70%; } .column-wrap[data-md-col="80"] { width: 80%; } .column-wrap[data-md-col="90"] { width: 90%; } .column-wrap[data-md-col="100"] { width: 100%; } } @media only screen and (max-width: 767px) { .hidden-on-mobile { display: none !important; } .grid-sm-1 { grid-template-columns: repeat(1, 1fr); } .grid-sm-2 { grid-template-columns: repeat(2, 1fr); } .grid-sm-3 { grid-template-columns: repeat(3, 1fr); } .grid-sm-4 { grid-template-columns: repeat(4, 1fr); } .grid-sm-5 { grid-template-columns: repeat(5, 1fr); } .grid-sm-6 { grid-template-columns: repeat(6, 1fr); } .column-wrap[data-sm-col="auto"], .column-wrap[data-sm-col="0"] { width: auto; } .column-wrap[data-sm-col="0"] { width: 0%; } .column-wrap[data-sm-col="10"] { width: 10%; } .column-wrap[data-sm-col="20"] { width: 20%; } .column-wrap[data-sm-col="30"] { width: 30%; } .column-wrap[data-sm-col="40"] { width: 40%; } .column-wrap[data-sm-col="50"] { width: 50%; } .column-wrap[data-sm-col="60"] { width: 60%; } .column-wrap[data-sm-col="70"] { width: 70%; } .column-wrap[data-sm-col="80"] { width: 80%; } .column-wrap[data-sm-col="90"] { width: 90%; } .column-wrap[data-sm-col="100"] { width: 100%; } .sala-col-custom > .elementor-container { flex-wrap: wrap; } .sala-col-custom > .elementor-container .sala-col-100 { flex: 0 0 100%; } } .hide { display: none; } .show { display: inline-block !important; } .padding-lr-0 { padding-left: 0 !important; padding-right: 0 !important; } body.sala-dark-scheme { background-color: #111111; color: #cccccc; } body.sala-dark-scheme .site-main-logo { display: none; } body.sala-dark-scheme .site-dark-logo { display: block; } body.sala-dark-scheme .elementor .elementor-section.background-2, body.sala-dark-scheme .widget .tagcloud a, body.sala-dark-scheme .widget_text .mc4wp-form, body.sala-dark-scheme .woocommerce .cart.shop_table tbody tr, body.sala-dark-scheme .cart_totals, body.sala-dark-scheme .woocommerce .action-form .updated-cart button, body.sala-dark-scheme .woocommerce .action-form .updated-cart button:disabled, body.sala-dark-scheme .woocommerce-info, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields input, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields textarea, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields .select2-selection, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .woocommerce-additional-fields input, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .woocommerce-additional-fields textarea, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .woocommerce-additional-fields .select2-selection, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .shipping_address input, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .shipping_address textarea, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .shipping_address .select2-selection, body.sala-dark-scheme .select2-dropdown, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .shop-table-wrap, body.sala-dark-scheme .woocommerce-error, body.sala-dark-scheme .elementor .elementor-section .background-3 .elementor-widget-wrap, body.sala-dark-scheme .sala-contact-form-7 input[type="submit"], body.sala-dark-scheme .portfolio-related, body.sala-dark-scheme .elementor .elementor-section .sala-table.style-02 tbody tr, body.sala-dark-scheme pre, body.sala-dark-scheme .product-quantity .entry-quantity, body.sala-dark-scheme .elementor .elementor-element.background-2 > .elementor-widget-container, body.sala-dark-scheme .woocommerce-message, body.sala-dark-scheme .woocommerce-notice--success.woocommerce-thankyou-order-received, body.sala-dark-scheme .woocommerce .woocommerce-customer-details address, body.sala-dark-scheme .sala-blog-masonry .sala-blog-box-background.post .post-detail, body.sala-dark-scheme .area-menu .inner-menu, body.sala-dark-scheme .main-menu.desktop-menu .children, body.sala-dark-scheme header.site-header.header-light, body.sala-dark-scheme .page-title-01 .page-title-bg, body.sala-dark-scheme .site-content.no-sidebar .post-share .share-list a, body.sala-dark-scheme .growl.growl.growl-default, body.sala-dark-scheme.single .post-author-bio, body.sala-dark-scheme .sala-blog-background.sala-blog .inner-post-wrap, body.sala-dark-scheme .post-author.post-author-bio { background-color: #252428; } body.sala-dark-scheme .main-menu .background-2 .elementor-widget-wrap { background-color: #252428 !important; } body.sala-dark-scheme .main-menu .elementor-widget-wrap { background-color: #111111 !important; } body.sala-dark-scheme.woocommerce-account.logged-in .woocommerce address { background-color: #252428; color: #cccccc; } body.sala-dark-scheme.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link { background-color: #252428; border-color: #333333; margin: 0; } body.sala-dark-scheme.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a { color: #cccccc; } body.sala-dark-scheme.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active { background-color: #111111; } body.sala-dark-scheme.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row input, body.sala-dark-scheme.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input { background-color: #252428; } body.sala-dark-scheme.woocommerce-account.logged-in .woocommerce .woocommerce-EditAccountForm fieldset legend { color: #ffffff; } body.sala-dark-scheme.woocommerce-account.logged-in .woocommerce fieldset { border-color: #333333; margin-bottom: 20px; } body.sala-dark-scheme .woocommerce-info, body.sala-dark-scheme .sala-mailchimp-form-style-03 .sala-mailchimp-form input { border-color: #252428; } body.sala-dark-scheme .sala-mailchimp-form-style-03 .sala-mailchimp-form input[type='email']::-webkit-input-placeholder { color: #eeeeee; } body.sala-dark-scheme .sala-mailchimp-form-style-03 .sala-mailchimp-form input[type='email']:-moz-placeholder { color: #eeeeee; } body.sala-dark-scheme .sala-mailchimp-form-style-03 .sala-mailchimp-form input[type='email']::-moz-placeholder { color: #eeeeee; } body.sala-dark-scheme .sala-mailchimp-form-style-03 .sala-mailchimp-form input[type='email']:-ms-input-placeholder { color: #eeeeee; } body.sala-dark-scheme .sala-mailchimp-form-style-03 .sala-mailchimp-form input[type='email']:focus { background-color: #252428; } body.sala-dark-scheme .elementor .elementor-section .background-1 .elementor-widget-container, body.sala-dark-scheme .sala-pricing-plan .toggle-wrap .switch.active .slider:before, body.sala-dark-scheme .elementor .elementor-section .testimonial-item, body.sala-dark-scheme .sala-mailchimp-form-style-02 .sala-mailchimp-form input[type="submit"], body.sala-dark-scheme .elementor .elementor-section .elementor-column.background-1 .elementor-widget-wrap, body.sala-dark-scheme:not(.elementor-editor-active) .sala-grid .grid-item.type-portfolio::before, body.sala-dark-scheme:not(.elementor-editor-active) .sala-grid .grid-item.type-portfolio::after { background-color: #111111; } body.sala-dark-scheme .elementor .elementor-section .elementor-element.color-1 .testimonial-item { background-color: transparent; } body.sala-dark-scheme .elementor-widget-button.text-underline .elementor-button-text, body.sala-dark-scheme .sala-pricing-plan .toggle-wrap .switch .slider, body.sala-dark-scheme .woocommerce .inner-action-form .coupon button { border-color: #ffffff; } body.sala-dark-scheme .sala-pricing-plan .toggle-wrap .switch .slider:before, body.sala-dark-scheme .sala-pricing-plan .toggle-wrap .switch.active .slider, body.sala-dark-scheme .elementor .elementor-section .sala-button:before, body.sala-dark-scheme .woocommerce .inner-action-form .coupon button, body.sala-dark-scheme #commentform .sala-button, body.sala-dark-scheme .text-rotate:after, body.sala-dark-scheme .socials-rotate li:after, body.sala-dark-scheme .sala-mailchimp-form-style-02 .sala-mailchimp-form input, body.sala-dark-scheme.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:after, body.sala-dark-scheme .sala-swiper-slider .swiper-pagination-bullet:hover:before, body.sala-dark-scheme .sala-swiper-slider .swiper-pagination-bullet.swiper-pagination-bullet-active:before, body.sala-dark-scheme .sala-swiper .swiper-pagination-bullet:hover:before, body.sala-dark-scheme .sala-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:before { background-color: #ffffff; } body.sala-dark-scheme .sala-image-box.style-03 svg > *, body.sala-dark-scheme .elementor-shape .elementor-shape-fill { fill: #111111; } body.sala-dark-scheme .heading-description h6, body.sala-dark-scheme .heading-description h5, body.sala-dark-scheme .heading-description h4, body.sala-dark-scheme .heading-description h5, body.sala-dark-scheme .heading-description h2, body.sala-dark-scheme .widget a, body.sala-dark-scheme .sala-blog .post-excerpt p, body.sala-dark-scheme .sala-pagination li .page-numbers, body.sala-dark-scheme .woocommerce nav.woocommerce-pagination li .page-numbers, body.sala-dark-scheme .post-author .entry-bio, body.sala-dark-scheme .post-author .head-author span, body.sala-dark-scheme .elementor .elementor-element div.description, body.sala-dark-scheme .widget_recent_entries li span, body.sala-dark-scheme .woocommerce-info:before, body.sala-dark-scheme .woocommerce-error, body.sala-dark-scheme .woocommerce-info, body.sala-dark-scheme .woocommerce-message, body.sala-dark-scheme.single .portfolio-excerpt p, body.sala-dark-scheme .elementor .elementor-element .elementor-icon-box-description, body.sala-dark-scheme.woocommerce div.product div.summary .product_meta > span span, body.sala-dark-scheme.woocommerce div.product div.summary .product_meta > span a, body.sala-dark-scheme.woocommerce div.product .woocommerce-tabs p, body.sala-dark-scheme.woocommerce #reviews #review_form_wrapper .comment-form-rating label { color: #cccccc; } body.sala-dark-scheme .sala-blog-categories li a, body.sala-dark-scheme .sala-blog .post-categories li a, body.sala-dark-scheme .sala-blog .post-title a, body.sala-dark-scheme .sala-button.line, body.sala-dark-scheme .widget > ul > li, body.sala-dark-scheme .widget > ul > li a, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields > h3, body.sala-dark-scheme .sala-portfolio-widget .inner-portfolio-wrap .portfolio-taxonomy li a, body.sala-dark-scheme .sala-portfolio .portfolio-taxonomy li:after, body.sala-dark-scheme .sala-contact-form-7 input[type="submit"]:hover, body.sala-dark-scheme .elementor .elementor-element .elementor-star-rating__title, body.sala-dark-scheme .elementor .elementor-element .accordion-title, body.sala-dark-scheme.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row label, body.sala-dark-scheme.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label, body.sala-dark-scheme.single .thankyou, body.sala-dark-scheme ul.portfolio-taxonomy li a, body.sala-dark-scheme.woocommerce .woocommerce-breadcrumb a, body.sala-dark-scheme.woocommerce div.product .woocommerce-product-rating a, body.sala-dark-scheme.woocommerce div.product p.price, body.sala-dark-scheme.woocommerce div.product span.price, body.sala-dark-scheme.woocommerce div.product div.summary .social-share .list-social-icon span, body.sala-dark-scheme.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, body.sala-dark-scheme.woocommerce #reviews #review_form_wrapper .comment-reply-title, body.sala-dark-scheme .woocommerce ul.order_details li strong, body.sala-dark-scheme .woocommerce .woocommerce-order-details__title, body.sala-dark-scheme .woocommerce .woocommerce-column__title, body.sala-dark-scheme .woocommerce .woocommerce-order-details .order_details thead th, body.sala-dark-scheme .woocommerce .woocommerce-order-details .order_details tbody td.product-name a, body.sala-dark-scheme .woocommerce .woocommerce-order-details .order_details .amount, body.sala-dark-scheme .woocommerce .woocommerce-order-details .order_details tfoot tr th, body.sala-dark-scheme .woocommerce .woocommerce-order-details .order_details tbody td.product-name strong, body.sala-dark-scheme .woocommerce .woocommerce-order-details .order_details tfoot td, body.sala-dark-scheme .woocommerce .woocommerce-order-details .order_details tfoot th, body.sala-dark-scheme .woocommerce .woocommerce-customer-details address, body.sala-dark-scheme .page-title .sala_breadcrumb a, body.sala-dark-scheme .page-title .sala_breadcrumb li, body.sala-dark-scheme #page-title .heading { color: #ffffff; } body.sala-dark-scheme .sala-blog .post-categories li a:hover, body.sala-dark-scheme .sala-blog .post-title a:hover, body.sala-dark-scheme .sala-blog .btn-readmore a, body.sala-dark-scheme .sala-portfolio-widget .inner-portfolio-wrap .portfolio-taxonomy li a:hover, body.sala-dark-scheme.single .portfolio-meta .portfolio-meta-item .content a:hover, body.sala-dark-scheme ul.portfolio-taxonomy li a:hover, body.sala-dark-scheme.woocommerce .woocommerce-breadcrumb a:hover, body.sala-dark-scheme.woocommerce div.product .woocommerce-product-rating a:hover, body.sala-dark-scheme.woocommerce div.product div.summary .product_meta > span a:hover, body.sala-dark-scheme.woocommerce div.product div.summary .social-share .list-social-icon a:hover i, body.sala-dark-scheme .sala-portfolio-widget .inner-portfolio-wrap .portfolio-title a:hover, body.sala-dark-scheme .woocommerce .woocommerce-order-details .order_details tbody td.product-name a:hover { color: #0057fc; } body.sala-dark-scheme input[type="text"], body.sala-dark-scheme input[type="email"], body.sala-dark-scheme input[type="tel"], body.sala-dark-scheme input[type="password"], body.sala-dark-scheme input[type="number"], body.sala-dark-scheme input[type="search"], body.sala-dark-scheme input[type="url"], body.sala-dark-scheme textarea, body.sala-dark-scheme .woocommerce .inner-action-form .coupon input { background-color: #252428; border-color: #333333; color: #cccccc; } body.sala-dark-scheme .woocommerce .cart.shop_table tbody tr td.product-quantity input { background-color: transparent; color: #ffffff; } body.sala-dark-scheme .nice-select { background-color: transparent; } body.sala-dark-scheme .nice-select span { color: #ffffff; } body.sala-dark-scheme .nice-select .list { background-color: #252428; } body.sala-dark-scheme .nice-select .option:hover, body.sala-dark-scheme .nice-select .option.focus, body.sala-dark-scheme .nice-select .option.selected.focus { background-color: #111111; } body.sala-dark-scheme svg path[fill="#000"] { fill: #ffffff; } body.sala-dark-scheme svg path[fill="#F8F9FC"] { fill: #252428; } body.sala-dark-scheme svg path[fill="#111111"] { fill: #ffffff; } body.sala-dark-scheme svg path[stroke="#111"] { stroke: #ffffff; } body.sala-dark-scheme svg rect[stroke="#111"] { stroke: #ffffff; } body.sala-dark-scheme svg g[fill="#191919"] { fill: #ffffff; } body.sala-dark-scheme svg g[fill="#F9F9F9"] { fill: #252428; } body.sala-dark-scheme svg g[fill="#F8F9FC"] { fill: #252428; } body.sala-dark-scheme svg g[fill="#111111"] { fill: #ffffff; } body.sala-dark-scheme svg circle[fill="#F8F9FC"] { fill: #252428; } body.sala-dark-scheme .opc2 { opacity: 0.2; } body.sala-dark-scheme .sala-contact-form-7 label, body.sala-dark-scheme p, body.sala-dark-scheme .woocommerce .cart.shop_table thead tr th, body.sala-dark-scheme .woocommerce .cart.shop_table tbody tr td.product-price, body.sala-dark-scheme .woocommerce .cart.shop_table tbody tr td.product-subtotal, body.sala-dark-scheme .product-quantity .btn-quantity, body.sala-dark-scheme .woocommerce .cart.shop_table tbody tr td.product-name a, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout label, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout #order_review table thead tr th, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout #order_review table tfoot tr.cart-subtotal td .amount, body.sala-dark-scheme .sala-accordion .accordion-icons .accordion-icon i, body.sala-dark-scheme.single .portfolio-meta .portfolio-meta-item .title, body.sala-dark-scheme .sala-mailchimp-form-style-03 .sala-mailchimp-form input[type='email'], body.sala-dark-scheme .sala-blog-action .result-count { color: #eeeeee; } body.sala-dark-scheme .sala-swiper-slider .swiper-pagination-bullet:before, body.sala-dark-scheme .sala-swiper .swiper-pagination-bullet:before { border-color: #eeeeee; } body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields input, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields textarea, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields .select2-selection, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .woocommerce-additional-fields input, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .woocommerce-additional-fields textarea, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .woocommerce-additional-fields .select2-selection, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .shipping_address input, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .shipping_address textarea, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .shipping_address .select2-selection, body.sala-dark-scheme .select2-container--default .select2-selection--single .select2-selection__rendered, body.sala-dark-scheme.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: #999999; } body.sala-dark-scheme .woocommerce .cart.shop_table tbody tr td.product-remove a, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .shop-table-wrap table tbody td, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .shop-table-wrap table tbody td strong, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .shop-table-wrap table tfoot th, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .shop-table-wrap table tbody td:last-child, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .shop-table-wrap table tbody td:last-child span, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .shop-table-wrap table tfoot tr.order-total th, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .shop-table-wrap table tfoot tr.order-total td, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .shop-table-wrap table tfoot tr.order-total td strong, body.sala-dark-scheme .woocommerce .checkout.woocommerce-checkout .shop-table-wrap table tfoot tr.order-total td span { color: #eeeeee !important; } body.sala-dark-scheme .sala-table.style-02 thead th, body.sala-dark-scheme .elementor .elementor-element .testimonial-item, body.sala-dark-scheme .select2-dropdown, body.sala-dark-scheme .select2-container--default .select2-search--dropdown .select2-search__field, body.sala-dark-scheme .woocommerce form.checkout_coupon, body.sala-dark-scheme .elementor .elementor-element .sala-icon-box, body.sala-dark-scheme .elementor .elementor-element .sala-image-box, body.sala-dark-scheme .sala-accordion-style-02 .sala-accordion .accordion-section, body.sala-dark-scheme .elementor .elementor-element .sala-list .item, body.sala-dark-scheme .elementor .elementor-element .sala-pricing-features li, body.sala-dark-scheme td, body.sala-dark-scheme th, body.sala-dark-scheme .products.related, body.sala-dark-scheme.woocommerce table.shop_attributes, body.sala-dark-scheme.woocommerce table.shop_attributes td, body.sala-dark-scheme.woocommerce table.shop_attributes th, body.sala-dark-scheme .woocommerce table.shop_table td, body.sala-dark-scheme .woocommerce table.shop_table, body.sala-dark-scheme .sala-blog-masonry .sala-blog-box .post-detail, body.sala-dark-scheme .sala-blog-masonry .sala-blog-box-background .post-detail, body.sala-dark-scheme .sala-mailchimp-form-style-02 form input[type="submit"], body.sala-dark-scheme .elementor .elementor-section.border-01, body.sala-dark-scheme .elementor .elementor-section .elementor-element.border-01 .elementor-widget-container, body.sala-dark-scheme .area-menu .menu, body.sala-dark-scheme .comments-area, body.sala-dark-scheme .sala-blog-boxed.sala-blog .inner-post-wrap, body.sala-dark-scheme .sala-blog-background.sala-blog .inner-post-wrap, body.sala-dark-scheme.single .portfolio-meta .portfolio-meta-item, body.sala-dark-scheme .elementor .elementor-section .elementor-element.border-01 .sala-form-location .field-select .form-input, body.sala-dark-scheme .elementor .elementor-section .elementor-element.border-01 .sala-form-location .field-select .form-input::after, body.sala-dark-scheme .elementor .elementor-section .elementor-element.border-01 > .elementor-element-populated, body.sala-dark-scheme .elementor .elementor-section .accordion-section:hover, body.sala-dark-scheme .elementor .elementor-section .accordion-section.active { border-color: #333333; } body.sala-dark-scheme .sala-accordion-style-02 .sala-accordion .accordion-section:hover { background-color: #333333; } body.sala-dark-scheme th, body.sala-dark-scheme td, body.sala-dark-scheme #sala-login label, body.sala-dark-scheme #sala-register label, body.sala-dark-scheme #forgot-form label, body.sala-dark-scheme #reset-form label, body.sala-dark-scheme .elementor .elementor-element .list-header .text, body.sala-dark-scheme h1, body.sala-dark-scheme h2, body.sala-dark-scheme h3, body.sala-dark-scheme h4, body.sala-dark-scheme h5, body.sala-dark-scheme h6, body.sala-dark-scheme .heading-font, body.sala-dark-scheme strong, body.sala-dark-scheme b, body.sala-dark-scheme a, body.sala-dark-scheme mark, body.sala-dark-scheme .elementor-element span, body.sala-dark-scheme .elementor-element .testimonial-item div.text, body.sala-dark-scheme header.site-header.header-light .site-menu:not(.mobile-menu) .menu > li > a, body.sala-dark-scheme .sala-form-location .field-select .field-icon, body.sala-dark-scheme .sala-form-location .field-select .form-input, body.sala-dark-scheme .elementor .elementor-element .accordion-section.active .accordion-title, body.sala-dark-scheme .elementor .elementor-element .accordion-section.active .accordion-content, body.sala-dark-scheme .elementor .elementor-element .accordion-header:hover .accordion-title { color: #ffffff; } body.sala-dark-scheme .elementor .elementor-element .title, body.sala-dark-scheme .elementor .elementor-element .price-wrap-inner > div, body.sala-dark-scheme .elementor .elementor-element .pricing-description, body.sala-dark-scheme .elementor .elementor-element .sala-pricing-features li, body.sala-dark-scheme .elementor .elementor-element .testimonial-item .name, body.sala-dark-scheme .elementor .elementor-element .swiper-pagination-bullet.swiper-pagination-bullet-active, body.sala-dark-scheme .elementor .elementor-element div.elementor-counter-title, body.sala-dark-scheme .elementor .elementor-element .elementor-heading-title, body.sala-dark-scheme .elementor .elementor-element .elementor-image-box-title { color: #ffffff; } body.sala-dark-scheme .elementor .elementor-element .testimonial-item .position, body.sala-dark-scheme .elementor .elementor-element .testimonial-item .text, body.sala-dark-scheme .elementor .elementor-element .swiper-pagination-bullet, body.sala-dark-scheme .elementor .elementor-element .swiper-pagination-bullet:hover, body.sala-dark-scheme .elementor .elementor-element .elementor-image-box-description { color: #cccccc; } body.sala-dark-scheme .elementor .elementor-element.color-2 i { color: #ffffff; } body.sala-dark-scheme .elementor .elementor-element.background-white-60-left { background-image: linear-gradient(90deg, #111111 60%, #FFDD0F 60%); } body.sala-dark-scheme .elementor .elementor-element.background-white-60-right { background-image: linear-gradient(90deg, #FFDD0F 40%, #111111 40%); } body.sala-dark-scheme .elementor .elementor-element.background-white-left { background-image: linear-gradient(90deg, #111111 50%, #FFDD0F 50%); } body.sala-dark-scheme .elementor .elementor-element.background-white-right { background-image: linear-gradient(90deg, #FFDD0F 50%, #111111 50%); } body.sala-dark-scheme .elementor .elementor-element .shape-divider.layout-01 { background: radial-gradient(circle at 224% 25%, rgba(255, 255, 255, 0) 67%, rgba(255, 255, 255, 0) 50%, #111111 50%, #111111 100%) !important; } body.sala-dark-scheme .elementor .elementor-element .shape-divider.layout-02 { background: radial-gradient(circle at -224% 25%, rgba(255, 255, 255, 0) 67%, rgba(255, 255, 255, 0) 50%, #111111 50%, #111111 100%) !important; } body.sala-dark-scheme .sala-table.style-02 thead span, body.sala-dark-scheme #sala-login .rememberme, body.sala-dark-scheme #sala-login .accept-account label[for="ip_accept_account"], body.sala-dark-scheme #sala-register .rememberme, body.sala-dark-scheme #sala-register .accept-account label[for="ip_accept_account"], body.sala-dark-scheme #forgot-form .rememberme, body.sala-dark-scheme #forgot-form .accept-account label[for="ip_accept_account"], body.sala-dark-scheme #reset-form .rememberme, body.sala-dark-scheme #reset-form .accept-account label[for="ip_accept_account"], body.sala-dark-scheme .woocommerce .inner-cart-total table.shop_table th, body.sala-dark-scheme .woocommerce .inner-cart-total table.shop_table td, body.sala-dark-scheme .woocommerce .inner-cart-total table.shop_table tr.order-total th, body.sala-dark-scheme.single .portfolio-meta .portfolio-meta-item .content, body.sala-dark-scheme.single .portfolio-meta .portfolio-meta-item .content a, body.sala-dark-scheme.woocommerce .woocommerce-result-count, body.sala-dark-scheme.woocommerce .woocommerce-ordering, body.sala-dark-scheme.single .portfolio-slider .block-heading p { color: #cccccc; } body.sala-dark-scheme #sala-login .rememberme span:before, body.sala-dark-scheme #sala-login .accept-account label[for="ip_accept_account"] span:before, body.sala-dark-scheme #sala-register .rememberme span:before, body.sala-dark-scheme #sala-register .accept-account label[for="ip_accept_account"] span:before, body.sala-dark-scheme #forgot-form .rememberme span:before, body.sala-dark-scheme #forgot-form .accept-account label[for="ip_accept_account"] span:before, body.sala-dark-scheme #reset-form .rememberme span:before, body.sala-dark-scheme #reset-form .accept-account label[for="ip_accept_account"] span:before, body.sala-dark-scheme .sala-mailchimp-form-style-02 .sala-mailchimp-form input, body.sala-dark-scheme .nice-select:after { border-color: #ffffff; } body.sala-dark-scheme #sala-login input, body.sala-dark-scheme #sala-register input, body.sala-dark-scheme #forgot-form input, body.sala-dark-scheme #reset-form input { border: 1px solid #252428; background-color: #252428; color: #cccccc; } body.sala-dark-scheme .post-tags a, body.sala-dark-scheme .woocommerce .inner-action-form .coupon button, body.sala-dark-scheme #commentform .sala-button, body.sala-dark-scheme .sala-button.style-flat, body.sala-dark-scheme .elementor-element .sala-button.style-flat span.button-text, body.sala-dark-scheme .elementor .elementor-element.color-1 .elementor-heading-title, body.sala-dark-scheme .elementor .elementor-section .elementor-element.color-1 .testimonial-item .text, body.sala-dark-scheme .elementor .elementor-section .elementor-element.color-1 .testimonial-item .name, body.sala-dark-scheme .elementor .elementor-section .elementor-element.color-1 .testimonial-item .position, body.sala-dark-scheme .elementor-element.color-1 span, body.sala-dark-scheme .elementor-element.color-1 p, body.sala-dark-scheme .elementor-element.color-1 div.elementor-counter-title { color: #111111; } body.sala-dark-scheme .sala-mode-switcher-wrap .sala-mode-switcher .sala-mode-switcher-toddler-item p, body.sala-dark-scheme .sala-mode-switcher-wrap .sala-mode-switcher .sala-mode-switcher-item p { color: #555555; } @media only screen and (max-width: 768px) { body.sala-dark-scheme .woocommerce table.shop_table_responsive tr td::before, body.sala-dark-scheme .woocommerce-page table.shop_table_responsive tr td::before { color: #eeeeee; } } .widget .widget-title, .widget h2 { font-size: 18px; line-height: 1.44; font-weight: 500; margin-bottom: 20px; } .widget ul { margin: 0; padding: 0; list-style-type: none; } .widget li + li { margin-top: 12px; } .widget.widget_text a { color: #0057fc; } .site-content .widget + .widget { margin-top: 32px; } .widget_nav_menu ul ul, .widget_pages ul ul, .widget_categories ul ul, .widget_product_categories ul ul, .widget_archive ul ul { margin-left: 10px; } .widget_nav_menu li + li, .widget_pages li + li, .widget_categories li + li, .widget_product_categories li + li, .widget_archive li + li { margin-top: 12px; } .widget_nav_menu > ul > li, .widget_nav_menu ul.menu > li, .widget_pages > ul > li, .widget_pages ul.menu > li, .widget_categories > ul > li, .widget_categories ul.menu > li, .widget_product_categories > ul > li, .widget_product_categories ul.menu > li, .widget_archive > ul > li, .widget_archive ul.menu > li { position: relative; } .widget_nav_menu li ul, .widget_pages li ul, .widget_categories li ul, .widget_product_categories li ul, .widget_archive li ul { margin-top: 20px; margin-bottom: 20px; } .widget_nav_menu li ul li, .widget_pages li ul li, .widget_categories li ul li, .widget_product_categories li ul li, .widget_archive li ul li { padding-top: 20px; border-top: 1px solid #d8d8d8; } .widget_recent_comments .comment-author-link { position: relative; padding-left: 25px; } .widget_recent_comments .comment-author-link:before { content: '\f27a'; font-size: 14px; font-weight: 300; font-family: 'Font Awesome 5 Pro'; line-height: 0; position: absolute; top: 12px; left: 0; } .widget_recent_entries li { display: flex; flex-wrap: wrap; } .widget_recent_entries li a { order: 2; width: 100%; display: block; } .widget_recent_entries li span { order: 1; width: 100%; display: block; font-size: 14px; color: #999999; } #secondary .widget .mc4wp-form { padding: 24px; border-radius: 3px; background-color: #111111; } #secondary .widget .mc4wp-form h4 { font-size: 24px; font-weight: 600; color: #fff; margin-bottom: 12px; } #secondary .widget .mc4wp-form p { color: #cccccc; margin-bottom: 15px; } #secondary .widget .mc4wp-form input:focus { border: 1px solid #f7f7f7; } #secondary .widget .mc4wp-form input { height: 48px; min-height: 48px; line-height: normal; padding: 0 20px; } #secondary .widget .mc4wp-form input[type="submit"] { border-radius: 3px; background-color: #0057fc; border: 1px solid #0057fc; width: 100%; text-align: center; color: #fff; cursor: pointer; } #secondary .widget .mc4wp-form input[type="submit"]:hover { background-color: #1043B2; border-color: #1043B2; } .widget_calendar caption { font-size: 14px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 10px; } .widget_calendar td, .widget_calendar th { padding: 5px; } .widget_calendar #today { background-color: #0057fc; color: #fff; } section.widget:not(.widget_elementor-library) { max-width: 420px; } .widget + .widget { margin-top: 40px; } .widget a { font-weight: 500; color: #111111; } .widget li { font-weight: 500; color: #555555; } .widget ul, .widget ol { padding-left: 0; margin-bottom: 0; } .widget .widget-title, .widget h2 { font-size: 24px; margin-bottom: 20px; font-weight: 600; } .widget select { height: 42px; padding: 7px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); max-width: 300px; } .widget .screen-reader-text { display: none; } .listing-posts .post + .post { margin-top: 20px; } .listing-posts .post .inner-post-wrap { display: flex; flex-wrap: wrap; align-items: center; } .listing-posts .post .inner-post-wrap .post-categories { margin-bottom: 0; } .listing-posts .post .inner-post-wrap .post-categories a { font-size: 14px; line-height: 19px; text-transform: uppercase; border-bottom: 1px solid #0057fc; } .listing-posts .post .entry-post-thumbnail { flex: 0 0 140px; } .listing-posts .post .entry-post-thumbnail img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); min-height: 140px; object-fit: cover; } .listing-posts .post .entry-post-thumbnail + .entry-post-detail { padding-left: 20px; } .listing-posts .post .entry-post-detail { flex: 1; } .listing-posts .post .post-categories li { margin-bottom: 0; } .listing-posts .post .post-title { font-size: 16px; font-weight: 500; line-height: 1.5; margin-bottom: 10px; } .listing-posts .post .post-title a { display: inline-block; } .listing-posts .post .post-date { font-size: 14px; font-style: italic; } .sala-widget-popular_posts .listing-posts .post .inner-post-wrap .post-categories { margin-bottom: 10px; } .sala-widget-popular_posts .listing-posts .post .inner-post-wrap .post-categories li { display: inline-block; } @media (max-width: 992px) { section.widget:not(.widget_elementor-library) { max-width: 100%; } } .widget_rss li + li { margin-top: 25px; } .widget_rss li a { font-weight: 500; line-height: 1.5; font-size: 18px; } .widget_rss .rsswidget { display: inline-block; } .widget_rss .rss-date { font-size: 14px; display: block; position: relative; margin: 5px 0 8px; padding-left: 20px; } .widget_rss .rss-date:before { content: '\f133'; font-weight: 300; font-family: 'Font Awesome 5 Pro'; line-height: 0; position: absolute; top: 11px; left: 0; } .widget_rss .rssSummary { margin-bottom: 5px; } .widget_rss .rss-widget-icon { display: block; margin-right: 5px; } .widget_search, .widget_product_search, .search-form { position: relative; } .widget_search form, .widget_product_search form, .search-form form { position: relative; } .widget_search .search-field, .widget_product_search .search-field, .search-form .search-field { width: 100%; padding-right: 72px; } .widget_search .search-btn-text, .widget_product_search .search-btn-text, .search-form .search-btn-text { display: none; } .widget_search .search-btn-icon, .widget_product_search .search-btn-icon, .search-form .search-btn-icon { font-size: 15px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .widget_search .search-submit, .widget_product_search .search-submit, .search-form .search-submit { position: absolute; top: 0; right: 0; padding: 0; border: 0; width: 48px; height: 48px; line-height: 48px; border-radius: 5px; text-align: center; box-shadow: none; transform: none; background: transparent; } .widget_search .search-submit:hover, .widget_product_search .search-submit:hover, .search-form .search-submit:hover { background-color: #0057fc; color: #fff; } .widget_search .search-submit:hover i, .widget_product_search .search-submit:hover i, .search-form .search-submit:hover i { color: #fff; } .widget .tagcloud { margin: -5px; } .widget .tagcloud a { display: block; float: left; font-size: 15px !important; line-height: 1.5; padding: 7px 15px 6px; border-radius: 3px; background: #f7f7f7; border: 0; margin: 5px; overflow: hidden; } .widget .tagcloud a:hover { background-color: #0057fc; color: #fff; } .widget .tagcloud:after { content: ""; display: table; clear: both; } .sala-swiper-slider, .sala-swiper { position: relative; z-index: 1; } .sala-swiper-slider:hover .swiper-nav-button, .sala-swiper:hover .swiper-nav-button { opacity: 1; visibility: visible; } .sala-swiper-slider .swiper-inner, .sala-swiper .swiper-inner { position: relative; } .sala-swiper-slider .swiper-container, .sala-swiper .swiper-container { width: 100%; } .sala-swiper-slider .swiper-slide, .sala-swiper .swiper-slide { box-sizing: border-box; text-align: left; overflow: visible; } .sala-swiper-slider.v-stretch > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide, .sala-swiper.v-stretch > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide { height: auto; } .sala-swiper-slider.v-stretch > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide > div, .sala-swiper.v-stretch > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide > div { height: 100%; } .sala-swiper-slider.v-top > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide, .sala-swiper.v-top > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide { display: flex; align-self: start; } .sala-swiper-slider.v-middle > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide, .sala-swiper.v-middle > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide { display: flex; align-self: center; } .sala-swiper-slider.v-bottom > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide, .sala-swiper.v-bottom > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide { display: flex; align-self: flex-end; } .sala-swiper-slider.h-left > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide, .sala-swiper.h-left > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide { display: flex; justify-content: flex-start; } .sala-swiper-slider.h-center > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide, .sala-swiper.h-center > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide { display: flex; justify-content: center; } .sala-swiper-slider.h-right > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide, .sala-swiper.h-right > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide { display: flex; justify-content: flex-end; } .sala-swiper-slider[data-autoplay='1'] .swiper-wrapper, .sala-swiper[data-autoplay='1'] .swiper-wrapper { transition-timing-function: linear !important; } .sala-swiper-slider.highlight-centered-items .swiper-slide, .sala-swiper.highlight-centered-items .swiper-slide { transition: opacity .25s linear; } .sala-swiper-slider.highlight-centered-items .swiper-slide:not(.swiper-slide-active), .sala-swiper.highlight-centered-items .swiper-slide:not(.swiper-slide-active) { opacity: .4; } .sala-swiper-slider:not(.bullets-v-align-below) .swiper-pagination-container, .sala-swiper:not(.bullets-v-align-below) .swiper-pagination-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; } .sala-swiper-slider .swiper-pagination-container .container, .sala-swiper-slider .swiper-pagination-container .row, .sala-swiper-slider .swiper-pagination-container .col-md-12, .sala-swiper .swiper-pagination-container .container, .sala-swiper .swiper-pagination-container .row, .sala-swiper .swiper-pagination-container .col-md-12 { height: 100%; } .sala-swiper-slider .swiper-pagination-wrap, .sala-swiper .swiper-pagination-wrap { height: 100%; display: flex; align-items: flex-end; justify-content: center; } .sala-swiper-slider .swiper-pagination-inner, .sala-swiper .swiper-pagination-inner { pointer-events: auto; } .sala-swiper-slider .swiper-pagination, .sala-swiper .swiper-pagination { position: relative; user-select: none; outline: none; width: auto; } .sala-swiper-slider .swiper-pagination.swiper-pagination-progressbar, .sala-swiper .swiper-pagination.swiper-pagination-progressbar { width: 100%; height: 3px; left: 0; top: 0; background: #bbb; } .sala-swiper-slider .swiper-pagination.swiper-pagination-custom, .sala-swiper .swiper-pagination.swiper-pagination-custom { top: auto; left: auto; bottom: auto; right: auto; } .sala-swiper-slider.bullets-v-align-below .swiper-pagination-wrap, .sala-swiper.bullets-v-align-below .swiper-pagination-wrap { position: static; margin-top: 40px; } .sala-swiper-slider .swiper-pagination-bullets, .sala-swiper .swiper-pagination-bullets { font-size: 0; } .sala-swiper-slider .swiper-pagination-bullet, .sala-swiper .swiper-pagination-bullet { display: inline-block; vertical-align: middle; box-sizing: border-box; margin: 0 5px; width: 20px; height: 20px; border: 0; border-radius: 0; background: transparent; opacity: 1; position: relative; outline: none; color: #d8d8d8; } .sala-swiper-slider .swiper-pagination-bullet:hover, .sala-swiper-slider .swiper-pagination-bullet.swiper-pagination-bullet-active, .sala-swiper .swiper-pagination-bullet:hover, .sala-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active { color: #0057fc; } .sala-swiper-slider .swiper-pagination-bullet:hover:before, .sala-swiper-slider .swiper-pagination-bullet.swiper-pagination-bullet-active:before, .sala-swiper .swiper-pagination-bullet:hover:before, .sala-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:before { width: 10px; height: 10px; background-color: #111111; } .sala-swiper-slider .swiper-pagination-bullet.swiper-pagination-bullet-active, .sala-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active { cursor: default; } .sala-swiper-slider .swiper-pagination-bullet:before, .sala-swiper .swiper-pagination-bullet:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 100%; width: 10px; height: 10px; background: transparent; border: 2px solid #111111; z-index: 1; } .sala-swiper-slider .swiper-pagination-bullet:only-child, .sala-swiper .swiper-pagination-bullet:only-child { visibility: hidden; } .sala-swiper-slider .fraction, .sala-swiper .fraction { display: inline-block; } .sala-swiper-slider.bullets-vertical .swiper-pagination-bullet, .sala-swiper.bullets-vertical .swiper-pagination-bullet { display: block; margin: 0; } .sala-swiper-slider.bullets-vertical .swiper-pagination-bullet + .swiper-pagination-bullet, .sala-swiper.bullets-vertical .swiper-pagination-bullet + .swiper-pagination-bullet { margin-top: 10px; } .sala-swiper-slider.pagination-style-02 .swiper-pagination-bullet, .sala-swiper.pagination-style-02 .swiper-pagination-bullet { width: 22px; margin: 0 4px; } .sala-swiper-slider.pagination-style-02 .swiper-pagination-bullet:before, .sala-swiper.pagination-style-02 .swiper-pagination-bullet:before { border-radius: 0; width: 22px; height: 4px; } .sala-swiper-slider.pagination-style-03 .fraction, .sala-swiper.pagination-style-03 .fraction { font-size: 18px; font-weight: 500; color: #2d2d2d; } .sala-swiper-slider.pagination-style-03 .fraction *, .sala-swiper.pagination-style-03 .fraction * { display: inline-block; vertical-align: middle; } .sala-swiper-slider.pagination-style-03 .fraction .separator, .sala-swiper.pagination-style-03 .fraction .separator { width: 40px; height: 1px; background: #ababab; margin-left: 13px; margin-right: 13px; } .sala-swiper-slider.pagination-style-04 .swiper-pagination-inner, .sala-swiper.pagination-style-04 .swiper-pagination-inner { width: 94px; height: 94px; line-height: 94px; border-radius: 50%; background: #fff; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05); } .sala-swiper-slider.pagination-style-04 .fraction, .sala-swiper.pagination-style-04 .fraction { font-size: 17px; font-weight: 500; color: #0057fc; letter-spacing: 1.31px; } .sala-swiper-slider.pagination-style-04 .fraction div, .sala-swiper.pagination-style-04 .fraction div { display: inline-block; } .sala-swiper-slider.pagination-style-04 .swiper-pagination-inner, .sala-swiper.pagination-style-04 .swiper-pagination-inner { position: relative; } .sala-swiper-slider.pagination-style-04 .swiper-alt-arrow-button, .sala-swiper.pagination-style-04 .swiper-alt-arrow-button { position: absolute; width: 21px; height: 21px; left: 50%; top: 50%; z-index: 12; background-position: center; background-repeat: no-repeat; cursor: pointer; } .sala-swiper-slider.pagination-style-04 .swiper-alt-arrow-prev, .sala-swiper.pagination-style-04 .swiper-alt-arrow-prev { transform: translate(-10px, -35px); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAAAXNSR0IArs4c6QAAAJZJREFUGBltjUEKwyAURNVCs4klTREUWnsAz5P75LRZZCMFCVoj1lkk2LSz8H/nzfAJOWgYhpNS6ol5QOTHsNZq7/1lmqbGOfeqC19hKaUIIdwQWNe16boul8KyFfawEKKNMT42gJlSajnnS9Ebf4bHGHMuQGM/Cj44fDaOI5vnWeec9yt1AT44crTv+3sxrnXg304ptR/PET/We1JFoAAAAABJRU5ErkJggg=="); } .sala-swiper-slider.pagination-style-04 .swiper-alt-arrow-next, .sala-swiper.pagination-style-04 .swiper-alt-arrow-next { transform: translate(-10px, 15px); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAAAXNSR0IArs4c6QAAAKBJREFUGBmFjb0KwyAUhWsaqoUMUcgQ6FLo5iv4TL6tW6FLiWKGhiIWgmK9BUNxaO9y7s93zkWMsVNKie7+FELo0Ugpp7ZtX79YuAOHAOKcH7TWl/xhX5tyYhzH8aqUWj8wAMMwdCGEcw3n1Ns8zw72W5L3fu37PsUYu2LAGBtr7VLmDYaFc85TSo/5AyaEPI0xUwFBm+8BeiHEHUDQ+vYGfjU7ajWU+XYAAAAASUVORK5CYII="); } .sala-swiper-slider.pagination-style-04.bullets-horizontal .swiper-alt-arrow-prev, .sala-swiper.pagination-style-04.bullets-horizontal .swiper-alt-arrow-prev { transform: translate(-40px, -11px) rotate(-90deg); } .sala-swiper-slider.pagination-style-04.bullets-horizontal .swiper-alt-arrow-next, .sala-swiper.pagination-style-04.bullets-horizontal .swiper-alt-arrow-next { transform: translate(20px, -11px) rotate(-90deg); } .sala-swiper-slider.pagination-style-05 .swiper-pagination-bullet, .sala-swiper.pagination-style-05 .swiper-pagination-bullet { width: 32px; height: 32px; margin: 0 4px; color: #2d2d2d; } .sala-swiper-slider.pagination-style-05 .swiper-pagination-bullet:before, .sala-swiper.pagination-style-05 .swiper-pagination-bullet:before { width: 6px; height: 6px; } .sala-swiper-slider.pagination-style-05 .swiper-pagination-bullet:after, .sala-swiper.pagination-style-05 .swiper-pagination-bullet:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 16px; height: 16px; opacity: 0; border: 1px solid transparent; border-radius: 50%; } .sala-swiper-slider.pagination-style-05 .swiper-pagination-bullet:hover:after, .sala-swiper-slider.pagination-style-05 .swiper-pagination-bullet.swiper-pagination-bullet-active:after, .sala-swiper.pagination-style-05 .swiper-pagination-bullet:hover:after, .sala-swiper.pagination-style-05 .swiper-pagination-bullet.swiper-pagination-bullet-active:after { opacity: 1; border-color: currentColor; } .sala-swiper-slider.pagination-style-05 .swiper-pagination-bullet.swiper-pagination-bullet-active, .sala-swiper.pagination-style-05 .swiper-pagination-bullet.swiper-pagination-bullet-active { color: #0057fc; } .sala-swiper-slider.pagination-style-05 .swiper-pagination-bullet.swiper-pagination-bullet-active:after, .sala-swiper.pagination-style-05 .swiper-pagination-bullet.swiper-pagination-bullet-active:after { opacity: .5; width: 100%; height: 100%; } .sala-swiper-slider.pagination-style-06 .fraction, .sala-swiper.pagination-style-06 .fraction { font-size: 24px; font-weight: 500; letter-spacing: 3.2px; color: #0057fc; } .sala-swiper-slider.pagination-style-06 .fraction *, .sala-swiper.pagination-style-06 .fraction * { display: inline-block; vertical-align: top; } .sala-swiper-slider.pagination-style-06 .fraction .current, .sala-swiper.pagination-style-06 .fraction .current { font-size: 60px; line-height: 1; } .sala-swiper-slider .swiper-nav-buttons-wrap, .sala-swiper .swiper-nav-buttons-wrap { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; } .sala-swiper-slider .swiper-nav-buttons-wrap .container, .sala-swiper-slider .swiper-nav-buttons-wrap .row, .sala-swiper-slider .swiper-nav-buttons-wrap .col-md-12, .sala-swiper .swiper-nav-buttons-wrap .container, .sala-swiper .swiper-nav-buttons-wrap .row, .sala-swiper .swiper-nav-buttons-wrap .col-md-12 { height: 100%; } .sala-swiper-slider .swiper-nav-buttons, .sala-swiper .swiper-nav-buttons { display: flex; align-items: center; justify-content: space-between; height: 100%; } .sala-swiper-slider .swiper-nav-button, .sala-swiper .swiper-nav-button { transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.25s linear 2s, opacity 0.25s linear 2s; background-image: none; text-align: center; user-select: none; outline: none; width: 48px; height: 48px; font-size: 24px; color: #5d5d5d; border: 1px solid #ddd; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.01); opacity: 0; visibility: hidden; transform: none; position: relative; top: auto; left: auto; right: auto; bottom: auto; margin: 10px; pointer-events: auto; } .sala-swiper-slider .swiper-nav-button.swiper-button-disabled, .sala-swiper .swiper-nav-button.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .sala-swiper-slider .swiper-nav-button:hover, .sala-swiper .swiper-nav-button:hover { border-color: #0057fc; background: #0057fc; color: #fff; } .sala-swiper-slider .swiper-nav-button i, .sala-swiper .swiper-nav-button i { font-family: 'Font Awesome 5 Pro'; font-weight: 900; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #dddddd; } .sala-swiper-slider .swiper-nav-button:after, .sala-swiper .swiper-nav-button:after { display: none; } .sala-swiper-slider.nav-show-always .swiper-nav-button, .sala-swiper.nav-show-always .swiper-nav-button { opacity: 1; visibility: visible; } .sala-swiper-slider .swiper-button-prev i:before, .sala-swiper .swiper-button-prev i:before { content: '\f104'; font-weight: 400; } .sala-swiper-slider .swiper-button-next i:before, .sala-swiper .swiper-button-next i:before { content: '\f105'; font-weight: 400; } .sala-swiper-slider .nav-button-text, .sala-swiper .nav-button-text { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; } .sala-swiper-slider.nav-style-02 .swiper-nav-button, .sala-swiper.nav-style-02 .swiper-nav-button { border: 1px solid #eee; height: 50px; width: 60px; border-radius: 0; } .sala-swiper-slider.nav-style-02 .nav-button-text, .sala-swiper.nav-style-02 .nav-button-text { display: block; } .sala-swiper-slider.nav-style-02 .nav-button-icon, .sala-swiper.nav-style-02 .nav-button-icon { display: none; } .sala-swiper-slider.nav-style-03 .swiper-nav-button, .sala-swiper.nav-style-03 .swiper-nav-button { border: 0; height: 46px; width: 46px; } @media (max-width: 1199px) { .swiper-nav-buttons-wrap { display: none; } } @media (max-width: 766px) { .sala-swiper[data-sm-items='auto'] .swiper-slide { width: auto !important; } .sala-swiper[data-sm-items='auto'] .swiper-slide img { width: auto; } } @media (min-width: 767px) { .sala-swiper[data-md-items='auto'] .swiper-slide { width: auto !important; } .sala-swiper[data-md-items='auto'] .swiper-slide img { width: auto; } } @media (min-width: 1024px) { .sala-swiper[data-lg-items='auto'] .swiper-slide { width: auto !important; } .sala-swiper[data-lg-items='auto'] .swiper-slide img { width: auto; } } .sala-mode-switcher-wrap { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(90deg) translate(0%, -180%); -ms-transform: rotate(90deg) translate(0%, -180%); transform: rotate(90deg) translate(0%, -180%); position: fixed; top: 50%; right: 0; 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; z-index: 50; min-height: 56px; } .sala-mode-switcher-wrap .sala-mode-switcher { font-weight: 500; font-size: .94em; 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-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 104px; height: 28px; background-color: #ddddde; -webkit-border-radius: 14px; border-radius: 14px; cursor: pointer; } .sala-mode-switcher-wrap .sala-mode-switcher > div { width: 52px; } .sala-mode-switcher-wrap .sala-mode-switcher .sala-mode-switcher-item { position: relative; } .sala-mode-switcher-wrap .sala-mode-switcher .sala-mode-switcher-item, .sala-mode-switcher-wrap .sala-mode-switcher .sala-mode-switcher-toddler-item { width: 100%; height: 100%; text-align: center; 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; padding: 0 8px; line-height: 1.4; margin: 0; } .sala-mode-switcher-wrap .sala-mode-switcher .sala-mode-switcher.sala-dark-scheme .sala-mode-switcher-toddler { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; } .sala-mode-switcher-wrap .sala-mode-switcher .sala-mode-switcher-toddler { position: absolute; top: 14px; right: 0; min-width: 52px; height: 28px; -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; } .sala-mode-switcher-wrap .sala-mode-switcher .sala-mode-switcher-toddler-wrap { position: relative; height: 100%; } .sala-mode-switcher-wrap .sala-mode-switcher .sala-mode-switcher-toddler-item { position: absolute; background-color: #fff; width: 100%; -webkit-border-radius: 14px; border-radius: 14px; -webkit-box-shadow: -1px 0 4px rgba(23, 22, 26, 0.05); box-shadow: -1px 0 4px rgba(23, 22, 26, 0.05); } .sala-mode-switcher-wrap .sala-mode-switcher.sala-dark-scheme .sala-mode-switcher-toddler { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; } .sala-mode-switcher-wrap .sala-mode-switcher.sala-dark-scheme .sala-mode-switcher-toddler .sala-mode-switcher-toddler-item.sala-dark-scheme { z-index: 1; } /** * ============================================== * Dot Falling * ============================================== */ .dot-falling { position: relative; left: -9999px; width: 10px; height: 10px; border-radius: 5px; background-color: #0057fc; color: #0057fc; box-shadow: 9999px 0 0 0 #0057fc; animation: dotFalling 1s infinite linear; animation-delay: 0.1s; } .dot-falling::before, .dot-falling::after { content: ""; display: inline-block; position: absolute; top: 0; } .dot-falling::before { width: 10px; height: 10px; border-radius: 5px; background-color: #0057fc; color: #0057fc; animation: dotFallingBefore 1s infinite linear; animation-delay: 0s; } .dot-falling::after { width: 10px; height: 10px; border-radius: 5px; background-color: #0057fc; color: #0057fc; animation: dotFallingAfter 1s infinite linear; animation-delay: 0.2s; } @keyframes dotFalling { 0% { box-shadow: 9999px -15px 0 0 rgba(152, 128, 255, 0); } 25%, 50%, 75% { box-shadow: 9999px 0 0 0 #0057fc; } 100% { box-shadow: 9999px 15px 0 0 rgba(152, 128, 255, 0); } } @keyframes dotFallingBefore { 0% { box-shadow: 9984px -15px 0 0 rgba(152, 128, 255, 0); } 25%, 50%, 75% { box-shadow: 9984px 0 0 0 #0057fc; } 100% { box-shadow: 9984px 15px 0 0 rgba(152, 128, 255, 0); } } @keyframes dotFallingAfter { 0% { box-shadow: 10014px -15px 0 0 rgba(152, 128, 255, 0); } 25%, 50%, 75% { box-shadow: 10014px 0 0 0 #0057fc; } 100% { box-shadow: 10014px 15px 0 0 rgba(152, 128, 255, 0); } } /** * ============================================== * Dot Fire * ============================================== */ .dot-fire { position: relative; left: -9999px; width: 10px; height: 10px; border-radius: 5px; background-color: #0057fc; color: #0057fc; box-shadow: 9999px 22.5px 0 -5px #0057fc; animation: dotFire 1.5s infinite linear; animation-delay: -0.85s; } .dot-fire::before, .dot-fire::after { content: ""; display: inline-block; position: absolute; top: 0; width: 10px; height: 10px; border-radius: 5px; background-color: #0057fc; color: #0057fc; } .dot-fire::before { box-shadow: 9999px 22.5px 0 -5px #0057fc; animation: dotFire 1.5s infinite linear; animation-delay: -1.85s; } .dot-fire::after { box-shadow: 9999px 22.5px 0 -5px #0057fc; animation: dotFire 1.5s infinite linear; animation-delay: -2.85s; } @keyframes dotFire { 1% { box-shadow: 9999px 22.5px 0 -5px #0057fc; } 50% { box-shadow: 9999px -5.625px 0 2px #0057fc; } 100% { box-shadow: 9999px -22.5px 0 -5px #0057fc; } } /** * ============================================== * Dot Spin * ============================================== */ .dot-spin { position: relative; width: 10px; height: 10px; border-radius: 5px; background-color: transparent; color: transparent; box-shadow: 0 -18px 0 0 #0057fc, 12.72984px -12.72984px 0 0 #0057fc, 18px 0 0 0 #0057fc, 12.72984px 12.72984px 0 0 rgba(152, 128, 255, 0), 0 18px 0 0 rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 0 rgba(152, 128, 255, 0), -18px 0 0 0 rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 0 rgba(152, 128, 255, 0); animation: dotSpin 1.5s infinite linear; } @keyframes dotSpin { 0%, 100% { box-shadow: 0 -18px 0 0 #0057fc, 12.72984px -12.72984px 0 0 #0057fc, 18px 0 0 0 #0057fc, 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); } 12.5% { box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 0 #0057fc, 18px 0 0 0 #0057fc, 12.72984px 12.72984px 0 0 #0057fc, 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); } 25% { box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 #0057fc, 12.72984px 12.72984px 0 0 #0057fc, 0 18px 0 0 #0057fc, -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); } 37.5% { box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 0 #0057fc, 0 18px 0 0 #0057fc, -12.72984px 12.72984px 0 0 #0057fc, -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); } 50% { box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 #0057fc, -12.72984px 12.72984px 0 0 #0057fc, -18px 0 0 0 #0057fc, -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); } 62.5% { box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 0 #0057fc, -18px 0 0 0 #0057fc, -12.72984px -12.72984px 0 0 #0057fc; } 75% { box-shadow: 0 -18px 0 0 #0057fc, 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 #0057fc, -12.72984px -12.72984px 0 0 #0057fc; } 87.5% { box-shadow: 0 -18px 0 0 #0057fc, 12.72984px -12.72984px 0 0 #0057fc, 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 0 #0057fc; } } .sala-ldef-loading { box-sizing: unset; } /* sala circle */ .sala-ldef-circle { display: inline-block; transform: translateZ(1px); } .sala-ldef-circle > span { display: inline-block; width: 51px; height: 51px; margin: 6px; border-radius: 50%; background: #fff; animation: sala-ldef-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite; } @keyframes sala-ldef-circle { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 0% { transform: rotateY(0deg); } 50% { transform: rotateY(1800deg); animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 100% { transform: rotateY(3600deg); } } /* sala dual ring */ .sala-ldef-dual-ring { display: inline-block; width: 64px; height: 64px; } .sala-ldef-dual-ring:after { content: " "; display: block; width: 46px; height: 46px; margin: 1px; border-radius: 50%; border: 5px solid #fff; border-color: #fff transparent #fff transparent; animation: sala-ldef-dual-ring 1.2s linear infinite; } @keyframes sala-ldef-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* sala facebook */ .sala-ldef-facebook { display: inline-block; position: relative; width: 64px; height: 64px; } .sala-ldef-facebook span { display: inline-block; position: absolute; left: 6px; width: 13px; background: #fff; animation: sala-ldef-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite; } .sala-ldef-facebook span:nth-child(1) { left: 6px; animation-delay: -0.24s; } .sala-ldef-facebook span:nth-child(2) { left: 26px; animation-delay: -0.12s; } .sala-ldef-facebook span:nth-child(3) { left: 45px; animation-delay: 0; } @keyframes sala-ldef-facebook { 0% { top: 6px; height: 51px; } 50%, 100% { top: 19px; height: 26px; } } /* sala heart */ .sala-ldef-heart { display: inline-block; position: relative; width: 64px; height: 64px; transform: rotate(45deg) !important; transform-origin: 32px 32px; } .sala-ldef-heart span { top: 22px; left: 25px; position: absolute; width: 26px; height: 26px; background: #fff; animation: sala-ldef-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1); } .sala-ldef-heart span:after, .sala-ldef-heart span:before { content: " "; position: absolute; display: block; width: 26px; height: 26px; background: #fff; } .sala-ldef-heart span:before { left: -17px; border-radius: 50% 0 0 50%; } .sala-ldef-heart span:after { top: -17px; border-radius: 50% 50% 0 0; } @keyframes sala-ldef-heart { 0% { transform: scale(0.95); } 5% { transform: scale(1.1); } 39% { transform: scale(0.85); } 45% { transform: scale(1); } 60% { transform: scale(0.95); } 100% { transform: scale(0.9); } } /* sala ring */ .sala-ldef-ring { display: inline-block; position: relative; width: 64px; height: 64px; } .sala-ldef-ring span { box-sizing: border-box; display: block; position: absolute; width: 51px; height: 51px; margin: 6px; border: 6px solid #fff; border-radius: 50%; animation: sala-ldef-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #fff transparent transparent transparent; } .sala-ldef-ring span:nth-child(1) { animation-delay: -0.45s; } .sala-ldef-ring span:nth-child(2) { animation-delay: -0.3s; } .sala-ldef-ring span:nth-child(3) { animation-delay: -0.15s; } @keyframes sala-ldef-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* sala roller */ .sala-ldef-roller { display: inline-block; position: relative; width: 64px; height: 64px; } .sala-ldef-roller span { display: block; animation: sala-ldef-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 32px 32px; } .sala-ldef-roller span:after { content: " "; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #fff; margin: -3px 0 0 -3px; } .sala-ldef-roller span:nth-child(1) { animation-delay: -0.036s; } .sala-ldef-roller span:nth-child(1):after { top: 50px; left: 50px; } .sala-ldef-roller span:nth-child(2) { animation-delay: -0.072s; } .sala-ldef-roller span:nth-child(2):after { top: 54px; left: 45px; } .sala-ldef-roller span:nth-child(3) { animation-delay: -0.108s; } .sala-ldef-roller span:nth-child(3):after { top: 57px; left: 39px; } .sala-ldef-roller span:nth-child(4) { animation-delay: -0.144s; } .sala-ldef-roller span:nth-child(4):after { top: 58px; left: 32px; } .sala-ldef-roller span:nth-child(5) { animation-delay: -0.18s; } .sala-ldef-roller span:nth-child(5):after { top: 57px; left: 25px; } .sala-ldef-roller span:nth-child(6) { animation-delay: -0.216s; } .sala-ldef-roller span:nth-child(6):after { top: 54px; left: 19px; } .sala-ldef-roller span:nth-child(7) { animation-delay: -0.252s; } .sala-ldef-roller span:nth-child(7):after { top: 50px; left: 14px; } .sala-ldef-roller span:nth-child(8) { animation-delay: -0.288s; } .sala-ldef-roller span:nth-child(8):after { top: 45px; left: 10px; } @keyframes sala-ldef-roller { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* sala default */ .sala-ldef-default { display: inline-block; position: relative; width: 64px; height: 64px; } .sala-ldef-default span { position: absolute; width: 5px; height: 5px; background: #fff; border-radius: 50%; animation: sala-ldef-default 1.2s linear infinite; } .sala-ldef-default span:nth-child(1) { animation-delay: 0s; top: 29px; left: 53px; } .sala-ldef-default span:nth-child(2) { animation-delay: -0.1s; top: 18px; left: 50px; } .sala-ldef-default span:nth-child(3) { animation-delay: -0.2s; top: 9px; left: 41px; } .sala-ldef-default span:nth-child(4) { animation-delay: -0.3s; top: 6px; left: 29px; } .sala-ldef-default span:nth-child(5) { animation-delay: -0.4s; top: 9px; left: 18px; } .sala-ldef-default span:nth-child(6) { animation-delay: -0.5s; top: 18px; left: 9px; } .sala-ldef-default span:nth-child(7) { animation-delay: -0.6s; top: 29px; left: 6px; } .sala-ldef-default span:nth-child(8) { animation-delay: -0.7s; top: 41px; left: 9px; } .sala-ldef-default span:nth-child(9) { animation-delay: -0.8s; top: 50px; left: 18px; } .sala-ldef-default span:nth-child(10) { animation-delay: -0.9s; top: 53px; left: 29px; } .sala-ldef-default span:nth-child(11) { animation-delay: -1s; top: 50px; left: 41px; } .sala-ldef-default span:nth-child(12) { animation-delay: -1.1s; top: 41px; left: 50px; } @keyframes sala-ldef-default { 0%, 20%, 80%, 100% { transform: scale(1); } 50% { transform: scale(1.5); } } /* sala ellipsis */ .sala-ldef-ellipsis { display: inline-block; position: relative; width: 64px; height: 64px; } .sala-ldef-ellipsis span { position: absolute; top: 27px; width: 11px; height: 11px; border-radius: 50%; background: #fff; animation-timing-function: cubic-bezier(0, 1, 1, 0); } .sala-ldef-ellipsis span:nth-child(1) { left: 6px; animation: sala-ldef-ellipsis1 0.6s infinite; } .sala-ldef-ellipsis span:nth-child(2) { left: 6px; animation: sala-ldef-ellipsis2 0.6s infinite; } .sala-ldef-ellipsis span:nth-child(3) { left: 26px; animation: sala-ldef-ellipsis2 0.6s infinite; } .sala-ldef-ellipsis span:nth-child(4) { left: 45px; animation: sala-ldef-ellipsis3 0.6s infinite; } @keyframes sala-ldef-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes sala-ldef-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes sala-ldef-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(19px, 0); } } /* sala grid */ .sala-ldef-grid { display: inline-block; position: relative; width: 64px; height: 64px; } .sala-ldef-grid span { position: absolute; width: 13px; height: 13px; border-radius: 50%; background: #fff; animation: sala-ldef-grid 1.2s linear infinite; } .sala-ldef-grid span:nth-child(1) { top: 6px; left: 6px; animation-delay: 0s; } .sala-ldef-grid span:nth-child(2) { top: 6px; left: 26px; animation-delay: -0.4s; } .sala-ldef-grid span:nth-child(3) { top: 6px; left: 45px; animation-delay: -0.8s; } .sala-ldef-grid span:nth-child(4) { top: 26px; left: 6px; animation-delay: -0.4s; } .sala-ldef-grid span:nth-child(5) { top: 26px; left: 26px; animation-delay: -0.8s; } .sala-ldef-grid span:nth-child(6) { top: 26px; left: 45px; animation-delay: -1.2s; } .sala-ldef-grid span:nth-child(7) { top: 45px; left: 6px; animation-delay: -0.8s; } .sala-ldef-grid span:nth-child(8) { top: 45px; left: 26px; animation-delay: -1.2s; } .sala-ldef-grid span:nth-child(9) { top: 45px; left: 45px; animation-delay: -1.6s; } @keyframes sala-ldef-grid { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } /* sala hourglass */ .sala-ldef-hourglass { display: inline-block; position: relative; width: 64px; height: 64px; } .sala-ldef-hourglass:after { content: " "; display: block; border-radius: 50%; width: 0; height: 0; margin: 6px; box-sizing: border-box; border: 26px solid #fff; border-color: #fff transparent #fff transparent; animation: sala-ldef-hourglass 1.2s infinite; } @keyframes sala-ldef-hourglass { 0% { transform: rotate(0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 50% { transform: rotate(900deg); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { transform: rotate(1800deg); } } /* sala ripple */ .sala-ldef-ripple { display: inline-block; position: relative; width: 64px; height: 64px; } .sala-ldef-ripple span { position: absolute; border: 4px solid #fff; opacity: 1; border-radius: 50%; animation: sala-ldef-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .sala-ldef-ripple span:nth-child(2) { animation-delay: -0.5s; } @keyframes sala-ldef-ripple { 0% { top: 28px; left: 28px; width: 0; height: 0; opacity: 1; } 100% { top: -1px; left: -1px; width: 58px; height: 58px; opacity: 0; } } /* sala spinner */ .sala-ldef-spinner { color: official; display: inline-block; position: relative; width: 64px; height: 64px; } .sala-ldef-spinner span { display: block; transform-origin: 32px 32px; animation: sala-ldef-spinner 1.2s linear infinite; } .sala-ldef-spinner span:after { content: " "; display: block; position: absolute; top: 3px; left: 29px; width: 5px; height: 14px; border-radius: 20%; background: #fff; } .sala-ldef-spinner span:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s; } .sala-ldef-spinner span:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; } .sala-ldef-spinner span:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; } .sala-ldef-spinner span:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; } .sala-ldef-spinner span:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; } .sala-ldef-spinner span:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; } .sala-ldef-spinner span:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; } .sala-ldef-spinner span:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s; } .sala-ldef-spinner span:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s; } .sala-ldef-spinner span:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; } .sala-ldef-spinner span:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s; } .sala-ldef-spinner span:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; } @keyframes sala-ldef-spinner { 0% { opacity: 1; } 100% { opacity: 0; } } .page-scroll-up { position: fixed; right: 30px; bottom: -60px; z-index: 999; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); background-color: #0057fc; display: block; padding: 0; width: 60px; height: 60px; border-radius: 50%; text-align: center; font-size: 25px; line-height: 60px; cursor: pointer; opacity: 0; visibility: hidden; overflow: hidden; } .page-scroll-up i { font-size: 32px; position: absolute; top: 50%; left: 50%; color: #fff; } .page-scroll-up .arrow-top { transform: translate(-50%, -50%); } .page-scroll-up .arrow-bottom { transform: translate(-50%, 80px); } .page-scroll-up.show { bottom: 30px; opacity: 1; visibility: visible; } .page-scroll-up:hover .arrow-top { transform: translate(-50%, -80px); } .page-scroll-up:hover .arrow-bottom { transform: translate(-50%, -50%); } .sala-skeleton-loading .post-detail > div, .sala-skeleton-loading .post-thumbnail a, .sala-skeleton-loading .post-detail .entry-detail > div, .sala-skeleton-loading .post-detail .entry-detail > span, .sala-skeleton-loading .entry-thumbnail a { position: relative; overflow: hidden; background-color: #DDDBDD; } .sala-skeleton-loading .post-detail > div:before, .sala-skeleton-loading .post-thumbnail a:before, .sala-skeleton-loading .post-detail .entry-detail > div:before, .sala-skeleton-loading .post-detail .entry-detail > span:before, .sala-skeleton-loading .entry-thumbnail a:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #DDDBDD; z-index: 999; } .sala-skeleton-loading .post-detail > div::after, .sala-skeleton-loading .post-thumbnail a::after, .sala-skeleton-loading .post-detail .entry-detail > div::after, .sala-skeleton-loading .post-detail .entry-detail > span::after, .sala-skeleton-loading .entry-thumbnail a::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translateX(-100%); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0)); animation: shimmer 3s infinite; z-index: 999; } @keyframes shimmer { 100% { transform: translateX(100%); } } .sala-content-protected-box { position: fixed; top: 50%; left: 50%; z-index: 99999; transform: translate(-50%, -50%); width: 300px; border: 1px solid #e1b3b3; border-radius: 8px; padding: 10px 15px; background: #ffeded; box-shadow: 0 0 40px #ffeded; display: none; } .sala-content-protected-box .alert-label { font-weight: 700; } #growls-br { right: 15px !important; bottom: 15px !important; } .growl.growl { opacity: 1; font-size: 14px; border-radius: 5px; } .growl.growl.growl-default { color: #696969; background: #fff; box-shadow: 0 0 30px rgba(51, 51, 51, 0.1); } .growl.growl.growl-large { padding: 19px 30px 18px; } .growl.growl.growl-large .growl-close { margin-right: -29px; margin-top: -9px; } .growl.growl .growl-message { line-height: 1.72; } .growl.growl .growl-message i { font-size: 48px; margin-bottom: 15px; } .growl.growl .growl-close { position: relative; height: 30px; width: 30px; line-height: 30px; text-align: center; margin-right: -10px; margin-top: -6px; font-size: 0; } .growl.growl .growl-close:before { content: '\f00d'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 16px; } #sala-button-cookie-notice-ok { font-size: 15px; margin-top: 17px; } .comments-area { padding-top: 40px; margin-top: 40px; border-top: 1px solid #eee; } #commentform textarea { height: 150px; padding: 19px 20px 3px; } .sala-pagination, .woocommerce nav.woocommerce-pagination { display: flex; } .sala-pagination.left, .woocommerce nav.woocommerce-pagination.left { justify-content: flex-start; } .sala-pagination.center, .woocommerce nav.woocommerce-pagination.center { justify-content: center; } .sala-pagination.right, .woocommerce nav.woocommerce-pagination.right { justify-content: flex-end; } .sala-pagination.loadmore i, .woocommerce nav.woocommerce-pagination.loadmore i { margin-right: 5px; } .sala-pagination .sala-loader, .woocommerce nav.woocommerce-pagination .sala-loader { display: none; padding: 2rem 0; } .sala-pagination ul, .woocommerce nav.woocommerce-pagination ul { padding-left: 0; border: 0; margin: 0; } .sala-pagination ul li, .woocommerce nav.woocommerce-pagination ul li { list-style: none; display: inline-block; padding: 0; border: 0; margin-right: 15px; margin-top: 0; } .sala-pagination ul li a, .sala-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 50%; display: block; } .sala-pagination ul li a.prev, .sala-pagination ul li a.next, .woocommerce nav.woocommerce-pagination ul li a.prev, .woocommerce nav.woocommerce-pagination ul li a.next { width: auto; padding: 0 10px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .sala-pagination ul li a.next i, .woocommerce nav.woocommerce-pagination ul li a.next i { margin-left: 10px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .sala-pagination ul li a.next:hover i, .woocommerce nav.woocommerce-pagination ul li a.next:hover i { margin-left: 20px; } .sala-pagination ul li a.prev i, .woocommerce nav.woocommerce-pagination ul li a.prev i { margin-right: 10px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .sala-pagination ul li a.prev:hover i, .woocommerce nav.woocommerce-pagination ul li a.prev:hover i { margin-right: 20px; } .sala-pagination ul li:last-child, .woocommerce nav.woocommerce-pagination ul li:last-child { margin-right: 0; } .sala-pagination li .page-numbers, .woocommerce nav.woocommerce-pagination li .page-numbers { font-size: 18px; font-weight: 500; color: #5a5a5a; display: inline-block; position: relative; background-color: transparent; text-align: center; border-radius: 30px; padding: 0; } .sala-pagination ul li .page-numbers.current, .woocommerce nav.woocommerce-pagination ul li .page-numbers.current { color: #fff; background-color: #0057fc; } .sala-pagination ul li a:focus, .sala-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover { color: #0057fc; } .sala-pagination li .page-numbers.current:hover, .woocommerce nav.woocommerce-pagination li .page-numbers.current:hover { color: #fff; } .sala-pagination-messages { display: none; text-align: center; } .woocommerce nav.woocommerce-pagination { justify-content: center; } @media (max-width: 767px) { .sala-pagination ul li, .woocommerce nav.woocommerce-pagination ul li { margin-right: 10px; } .sala-pagination, .woocommerce nav.woocommerce-pagination { margin-top: 0; } } .page-loading-effect { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999999; overflow: hidden; transition: opacity .5s; } .page-loading-effect .page-loading-inner { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } body.loaded .page-loading-effect { opacity: 0; } .sala-button { display: inline-block; border: 1px solid transparent; text-align: center; font-weight: 500; cursor: pointer; } .sala-button.size-xs { font-size: 10px; padding: 3px 10px; } .sala-button.size-s { font-size: 13px; padding: 5px 25px; } .sala-button.size-m { font-size: 15px; padding: 7px 32px; } .sala-button.size-l { font-size: 18px; padding: 10px 40px; } .sala-button.size-xl { font-size: 28px; padding: 12px 45px; } .sala-button.uppercase { text-transform: uppercase; } .sala-button.wide { display: block; width: 100%; } .sala-button.underline { font-size: 15px; font-weight: 500; line-height: 1; letter-spacing: 2px; position: relative; background-color: transparent; color: #111111; padding: 0 0 10px; border-radius: 0; border-bottom: 1px solid #111111; } .sala-button.underline:hover { background-color: transparent; color: #0057fc; border-color: #0057fc; } .sala-button.line { color: #111111; background-color: transparent; border: 1px solid #111111; } .sala-button.line:hover { border-color: #0057fc; } .sala-button.full-filled { color: #fff; background-color: #0057fc; border: 1px solid #0057fc; } .sala-button.sala-loadmore-button { padding: 0; border: 0; text-transform: inherit; } .sala-button.sala-loadmore-button i { height: 40px; width: 40px; text-align: center; line-height: 40px; color: #fff; background-color: #111111; border-radius: 50%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .sala-button.sala-loadmore-button:hover { background-color: inherit; color: #0057fc; } .sala-button.sala-loadmore-button:hover i { background-color: #0057fc; } .hover-icon-right .elementor-button-icon { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .hover-icon-right .elementor-button:hover .elementor-align-icon-right { margin-left: 18px !important; } .page-title { position: relative; } .page-title .page-title-heading { -ms-word-wrap: break-word; word-wrap: break-word; margin-bottom: 8px; } .page-title .heading { margin-bottom: 0; } .page-title-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center; background-size: cover; } .page-title-bg:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #f8f8f8; } .page-title-inner { position: relative; z-index: 1; padding-top: 100px; padding-bottom: 80px; } .sala_breadcrumb { margin: 0; padding: 0; } .sala_breadcrumb li { display: inline-block; margin: 0; } .sala_breadcrumb li + li { position: relative; padding-left: 30px; } .sala_breadcrumb li + li:before { content: '/'; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); } .sala_breadcrumb a { display: block; } .title-bar-has-post-title .entry-title { display: none; } .page-title-01 .heading { font-size: 64px; line-height: 1.31; text-align: center; } .page-title-01 .page-title-inner > .container { max-width: 970px; } .page-title-01 .page-breadcrumb { position: absolute; top: 12px; left: 0; width: 100%; } .page-title-03 .page-title-inner .container { max-width: 970px; } .page-title-03 .heading { text-align: center; } .page-title-03 .page-breadcrumb { margin-top: 11px; } .page-title-03 .page-title-meta { margin-top: 15px; text-align: center; } .page-title-03 .page-title-meta > div { display: inline-block; padding: 5px 10px; } .page-title-03 .page-title-meta .post-author img { width: 32px; vertical-align: middle; border-radius: 50%; } .page-title-03 .page-title-meta .meta-icon { font-size: 14px; margin-right: 7px; } .page-title-04 .page-title-inner { padding-top: 40px; padding-bottom: 100px; } .page-title-04 .heading, .page-title-04 .excerpt { text-align: center; } .page-title-04 .excerpt { font-size: 18px; } .page-title-04 .page-title-bg:before { background-color: transparent; } @media (max-width: 767px) { .page-title-heading .heading { font-size: 32px; } } header.site-header { display: flex; align-items: center; position: relative; z-index: 3; color: #111111; background-color: #fff; min-height: 100px; } header.site-header .sala-builder { width: 100%; } header.site-header .row { margin: 0 auto; flex-wrap: nowrap; padding: 0; } header.site-header .container-fluid { padding-left: 35px; padding-right: 35px; } header.site-header.header-sticky.scroll { position: -webkit-sticky; position: sticky; top: -100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } header.site-header.header-sticky.on { position: -webkit-sticky; position: sticky; width: 100%; top: 0; left: 0; z-index: 10; -webkit-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } header.site-header.header-sticky.on.has-wpadminbar { top: 32px; } header.site-header.header-sticky.header-float.on { position: fixed; } header.site-header.header-float:not(.on) { background: transparent !important; position: absolute; z-index: 10; width: 100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } header.site-header.header-light { background-color: #fff; color: #111111; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.05); } header.site-header.header-light .site-menu:not(.mobile-menu) .menu > li > a { color: #111111; } header.site-header.header-light .header-button a { color: #fff; } header.site-header.header-dark { background-color: #111111; color: #fff; } header.site-header.header-dark .column-wrap a { color: #fff; } header.site-header.header-dark .main-menu.desktop-menu .children.simple-menu, header.site-header.header-dark .main-menu.desktop-menu .children .elementor-widget-wrap { background-color: #151419 !important; } header.site-header.header-dark .main-menu.desktop-menu .elementor-widget-heading .elementor-heading-title { color: #fff !important; } header.site-header.header-dark svg path[fill="#111111"] { fill: #ffffff; } header.site-header.header-dark svg g[fill="#111111"] { fill: #ffffff; } header.site-header.header-dark .area-menu .menu { border-color: #333333; } header.site-header .column-wrap { display: flex; align-items: center; } header.site-header .column-wrap > div { padding: 0 15px; } header.site-header .center-header { justify-content: center; } header.site-header .right-header { justify-content: flex-end; } header.site-header.header-fullwidth .row { margin-left: 0; margin-right: 0; } header.site-header.header-fullwidth .column-wrap { padding: 0; } header.site-header.header-fullwidth .sala-builder.container-fluid { padding-left: 0; padding-right: 0; } header.site-header.header-01 .site-logo { padding-right: 30px; } header.site-header.header-01 .main-menu.desktop-menu .menu > li > a { padding-top: 40px; padding-bottom: 40px; } .header-lang { font-size: 15px; font-weight: 500; text-transform: uppercase; line-height: 1.6; } .header-lang .chosen-lang { position: relative; z-index: 1; } .header-lang select { text-transform: uppercase; background: transparent; border: 0; outline: 0; cursor: pointer; padding-right: 17px; padding-left: 0; -webkit-appearance: none; -moz-appearance: none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .header-lang .inner-lang { position: relative; } .header-lang .inner-lang .chosen-lang:before { content: "\f107"; font-size: 12px; font-weight: 400; font-family: "Font Awesome 5 Pro"; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .header-lang .inner-lang:hover select, .header-lang .inner-lang:hover:before { color: #0057fc; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .header-device { display: flex; } .header-device.line > span { display: inline-block; width: 1px; height: 30px; background: #0d0909; } .header-contact ul { display: flex; flex-wrap: wrap; list-style-type: none; margin: 0; padding: 0; } .header-contact ul li { display: flex; align-items: center; margin-right: 25px; margin-top: 0; } .header-contact ul li:last-child { margin-right: 0; } .header-contact a { display: flex; align-items: center; } .header-contact a i { font-size: 16px; } .header-contact a span { font-size: 15px; font-weight: 500; } .header-contact i + span { margin-left: 8px; } .header-search-icon .icon-search a { display: flex; justify-content: center; align-items: center; } .header-button-01.icon-on-mobile .sala-button i { display: none; } .minicart a.toggle { font-size: 24px; display: inline-flex; align-items: center; } .minicart a.toggle i { font-size: 16px; } .minicart a.toggle span.cart-count { font-size: 18px; font-weight: 500; margin-left: 5px; color: #0057fc; position: relative; top: -1px; } .minicart .area-menu .inner-menu { -ms-overflow-style: none; scrollbar-width: none; } .minicart .area-menu .inner-menu::-webkit-scrollbar { display: none; } .minicart .widget_shopping_cart_content { padding: 100px 50px 0; } .minicart .widget_shopping_cart_content .inner-product h4 a, .minicart .widget_shopping_cart_content span, .minicart .widget_shopping_cart_content strong { color: #ffffff; } .minicart .widget_shopping_cart_content .woocommerce-mini-cart li { border-color: #333333; } .minicart .widget_shopping_cart_content .woocommerce-mini-cart__buttons a { height: 60px; line-height: 60px; padding: 0 20px; text-align: center; display: block; } .minicart .widget_shopping_cart_content .woocommerce-mini-cart__buttons a:hover { background-color: #333333; } .minicart .widget_shopping_cart_content .woocommerce-mini-cart__buttons a.checkout { background-color: #0057fc; color: #ffffff; } .minicart .widget_shopping_cart_content .woocommerce-mini-cart__buttons a.checkout:hover { background-color: #1043B2; } @media only screen and (max-width: 1199px) { header.site-header.header-02 .main-row .left-header { padding-left: 15px; } } @media only screen and (max-width: 1024px) { header.site-header.header-04 .main-row { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 991px) { header.site-header .container-fluid { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 600px) { header.site-header.header-sticky.on.has-wpadminbar { top: 0; } } @media only screen and (max-width: 479px) { header.site-header .column-wrap > div { padding: 0 10px; } header.site-header.header-02 .main-row .left-header { padding-left: 15px; } .header-button-01.icon-on-mobile .sala-button i { display: inline-block; vertical-align: -4px; margin-left: 3px; } .header-button-01 .sala-button { font-size: 0; letter-spacing: inherit; width: 40px; height: 40px; line-height: 40px; text-align: center; justify-content: center; padding: 0 !important; } .header-button-01 .sala-button i { font-size: 15px; margin: 0; } header.site-header.header-01 .site-logo { padding: 0 10px; } } .site-menu .menu { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style-type: none; } .site-menu .menu a { display: block; } .toggle-sub-menu { position: relative; margin-left: 17px; } .toggle-sub-menu:before { content: "\f107"; font-size: 12px; font-weight: 400; font-family: "Font Awesome 5 Pro"; display: inline-block; position: absolute; top: 50%; right: 0; margin-top: 1px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .children .menu-item-wrap { display: block; } .children .toggle-sub-menu { position: absolute; top: 50%; right: 0; } .children .toggle-sub-menu:before { content: "\f105"; } .main-menu.desktop-menu li { position: relative; margin-top: 0; } .main-menu.desktop-menu li a { display: flex; } .main-menu.desktop-menu .menu > li > a { font-size: 15px; font-weight: 500; line-height: 20px; padding: 20px; } .main-menu.desktop-menu .menu > li > a .menu-item-wrap { position: relative; } .main-menu.desktop-menu .menu > li > a .menu-item-wrap:after { content: ''; position: absolute; left: 0; top: 100%; width: 100%; border-top-width: .143em; border-top-style: solid; transform: scaleX(0); transform-origin: right center; transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86); border-color: #0057fc; } .main-menu.desktop-menu .menu > li > a .menu-item-wrap:hover:after { transform: scaleX(1); transform-origin: left center; } .main-menu.desktop-menu .children { font-size: 16px; min-width: 240px; background: #fff; padding-top: 10px; padding-bottom: 10px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); } .main-menu.desktop-menu .children li { padding: 0; } .main-menu.desktop-menu .children li a { font-weight: normal; padding: 8px 30px; } .main-menu.desktop-menu .children li a .text { position: relative; } .main-menu.desktop-menu .children li a .text:after { content: ''; position: absolute; left: 0; top: 100%; width: 100%; border-top-width: 1px; border-top-style: solid; transform: scaleX(0); transform-origin: right center; transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .main-menu.desktop-menu .children li a .text:hover:after { transform: scaleX(1); transform-origin: left center; } .main-menu.desktop-menu .children .children { top: -15px; left: 100%; } .main-menu.desktop-menu .sub-menu li a .menu-item-title { position: relative; } .main-menu.desktop-menu .sub-menu li a .menu-item-title:after { content: ''; position: absolute; left: 0; top: 100%; width: 100%; border-top-width: 1px; border-top-style: solid; transform: scaleX(0); transform-origin: right center; transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .main-menu.desktop-menu .sub-menu li a .menu-item-title:hover:after { transform: scaleX(1); transform-origin: left center; } .main-menu.desktop-menu .menu ul { display: none; margin: 0; padding: 0; list-style-type: none; } .main-menu.desktop-menu .menu ul.simple-menu { padding-top: 15px; padding-bottom: 18px; } .main-menu.desktop-menu .sm-simple { position: static; } .main-menu.desktop-menu .sm-simple > li { display: inline-block; } .main-menu.desktop-menu .sm-simple .children.show-animation { animation: show-animation .25s; } .main-menu.desktop-menu .sm-simple .children.hide-animation { animation: hide-animation .25s; } .main-menu.desktop-menu .sm-simple .mega-menu ul { position: static; display: block; width: auto; border: 0; background: transparent; box-shadow: none; } .main-menu.desktop-menu .children { display: block; position: absolute; left: 0; z-index: 2; } .hover-line { position: relative; } .hover-line:after { content: ''; position: absolute; left: 0; top: 100%; width: 100%; border-top-width: 1px; border-top-style: solid; transform: scaleX(0); transform-origin: right center; transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .hover-line:hover:after { transform: scaleX(1); transform-origin: left center; } .canvas-menu { display: inline-block; } .canvas-menu .header-element { padding: 25px; } .canvas-menu .area-menu .inner-menu::-webkit-scrollbar { display: none; } .canvas-menu a.icon-menu { font-size: 24px; display: flex; } .canvas-menu.canvas-left .area-menu { left: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .canvas-menu.canvas-right .area-menu { right: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .canvas-menu.canvas-center .bg-overlay { display: none; } .canvas-menu.canvas-center .area-menu { display: flex; align-items: center; background: #fff; text-align: center; width: 100%; left: 0; right: 0; opacity: 0; visibility: hidden; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .canvas-menu.canvas-center .area-menu .btn-back-menu { left: 50%; transform: translateX(-50px); } .canvas-menu.canvas-center .area-menu .header-element { text-align: center; } .canvas-menu.canvas-center .area-menu .inner-menu { position: static; display: flex; align-items: center; flex-direction: column; padding-top: 30px; padding-bottom: 30px; height: auto; } .canvas-menu.canvas-center .area-menu .inner-menu .entry-top, .canvas-menu.canvas-center .area-menu .inner-menu .entry-bottom { width: 100%; } .canvas-menu.skin-dark .area-menu a { color: #fff; } .canvas-menu.skin-dark .area-menu, .canvas-menu.skin-dark .area-menu .inner-menu { background: #111111; } .canvas-menu.skin-dark .bg-overlay { background: rgba(255, 255, 255, 0.8); } .canvas-menu.skin-light .area-menu a, .canvas-menu.skin-light .elementor-heading-title, .canvas-menu.skin-light .sala-list .text, .canvas-menu.skin-light .sala-list a { color: #1a1a1a !important; } .canvas-menu.skin-light .area-menu, .canvas-menu.skin-light .area-menu .inner-menu { background: #fff; } .canvas-menu.skin-light .bg-overlay { background: rgba(255, 255, 255, 0.8); } .canvas-menu.active .bg-overlay { opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .canvas-menu.active .area-menu { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .canvas-menu.active.canvas-center .area-menu { opacity: 1; visibility: visible; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .area-menu { position: fixed; top: 0; z-index: 6; height: 100vh; width: 100%; z-index: 5; font-size: 15px; font-weight: 500; color: #1a1a1a; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .area-menu .btn-close { position: absolute; top: 36px; right: 36px; font-size: 32px; z-index: 1; color: #fff; } .area-menu .btn-back-menu { position: absolute; top: 18px; left: 10%; text-align: center; font-size: 24px !important; border-radius: 50%; z-index: 1; color: #cccccc; display: none; } .area-menu .btn-back-menu i { font-weight: 300; } .area-menu .inner-menu { position: relative; top: 0; left: 0; z-index: 6; background: #111111; padding-bottom: 60px; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; -ms-touch-action: auto; touch-action: auto; } .area-menu .menu { display: block; padding: 100px 10%; margin-bottom: 0; position: relative; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .area-menu .menu ul { margin: 0; padding: 0; } .area-menu .menu li { list-style: none; display: block; margin-top: 10px; margin-bottom: 0; line-height: inherit; } .area-menu .menu li:first-child { margin-top: 0; } .area-menu .menu li a { display: block; color: #ffffff; font-size: 32px; font-weight: 600; } .area-menu .menu .sub-menu, .area-menu .menu .children { margin-top: 25px; padding-left: 22px; display: none; } .area-menu .top-mb-menu { display: flex; padding: 25px; border-bottom: 1px solid #eeeeee; } .area-menu .account a + a { margin-left: 25px; } .area-menu .account .user-control { display: none; position: relative; top: 0; opacity: 1; visibility: visible; padding-top: 0; } .area-menu .account .user-control .inner-control { box-shadow: none; padding: 0; } .area-menu .account .user-control .inner-control ul li { padding-left: 0; padding-right: 0; } .area-menu .account .user-control .inner-control .logout { display: inline-block; padding: 0; border: 0; } .area-menu .account.active .user-control { display: block; } .area-menu .mb-destinations { padding: 25px; } .area-menu .add-place { padding-top: 25px; padding-left: 25px; padding-right: 25px; } .area-menu .add-place svg { position: relative; bottom: -2px; } .area-menu .dropdown-select { display: block; } .area-menu .dropdown-select ul li a { padding-top: 10px; padding-bottom: 10px; } .area-menu .dropdown-select ul li:last-child a { padding-bottom: 0; } .area-menu .dropdown-select .entry-select { display: none; position: relative; margin-top: 0; padding: 0; opacity: 1; visibility: visible; max-width: inherit; min-width: inherit; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .area-menu .dropdown-select.active .entry-select { margin-top: 10px; margin-bottom: 0; display: block; } .main-menu.mobile-menu .account .user-control { text-align: left; } .main-menu.mobile-menu .dropdown-categories ul.entry-select { padding-left: 10px; } .main-menu.mobile-menu .site-logo { padding: 25px; margin-right: 0; } .main-menu.mobile-menu .site-logo img { max-width: 100px; } .admin-bar .area-menu .inner-menu { top: 32px; } .mobile-menu .sub-menu .elementor .elementor-element .elementor-widget-wrap { background-color: transparent; } .mobile-menu .toggle-sub-menu { position: relative; margin-left: 30px; } .mobile-menu .toggle-sub-menu:before { content: "\f054"; font-size: 12px; font-weight: 300; font-family: "Font Awesome 5 Pro"; display: inline-block; position: absolute; top: 50%; right: 0; margin-top: 5px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .canvas-menu .elementor-widget-wrap { background-color: transparent !important; } .canvas-menu .elementor-heading-title, .canvas-menu .sala-list .text, .canvas-menu .sala-list a { color: #ffffff !important; } .canvas-menu .menu .sub-menu, .canvas-menu .menu .children { padding-left: 0; } .canvas-menu .container, .canvas-menu .row > div { padding: 0; } .canvas-menu .row > div, .canvas-menu .elementor-section, .canvas-menu .elementor-section .elementor-container, .canvas-menu .elementor-column, .canvas-menu .elementor-widget-wrap { position: static; } .canvas-menu .elementor-widget-wrap { padding: 0 !important; } .canvas-menu .elementor-container { width: 100%; max-width: 100% !important; display: block !important; } .canvas-menu .elementor-container .elementor-column { width: 100% !important; } .canvas-menu .area-menu .menu ul.sub-menu, .canvas-menu .sala-list-layout-block { position: absolute; top: 0; left: 100%; width: 100%; padding: 100px 10%; display: none; } .canvas-menu .area-menu .menu ul.sub-menu .elementor-heading-title, .canvas-menu .sala-list-layout-block .elementor-heading-title { display: block; color: #ffffff; font-size: 24px; font-weight: 600; text-transform: inherit; position: relative; display: inline-block; padding-right: 30px; cursor: pointer; } .canvas-menu .area-menu .menu ul.sub-menu .elementor-heading-title:before, .canvas-menu .sala-list-layout-block .elementor-heading-title:before { content: "\f054"; font-size: 12px; font-weight: 300; font-family: "Font Awesome 5 Pro"; display: inline-block; position: absolute; top: 50%; right: 0; margin-top: 3px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .canvas-menu .area-menu .menu ul.sub-menu .sala-list .item .text, .canvas-menu .area-menu .menu ul.sub-menu .sala-list .item a, .canvas-menu .sala-list-layout-block .sala-list .item .text, .canvas-menu .sala-list-layout-block .sala-list .item a { display: block; color: #ffffff; font-size: 24px; font-weight: 600; text-transform: inherit; position: relative; display: inline-block; padding-right: 30px; } .canvas-menu .area-menu .menu ul.sub-menu > li > a { display: block; color: #ffffff; font-size: 24px; font-weight: 600; text-transform: inherit; position: relative; display: inline-block; padding-right: 30px; cursor: pointer; } .canvas-menu .entry-bottom { padding: 0 10%; } .canvas-menu .entry-bottom .user-account { display: flex; flex-wrap: wrap; align-items: center; } .canvas-menu .entry-bottom .user-account img { border-radius: 50%; margin-right: 10px; } .canvas-menu .entry-bottom .user-account i { margin-right: 10px; font-size: 24px; } .canvas-menu .entry-bottom > a { color: #fff; display: block; margin-bottom: 10px; } .canvas-menu .entry-bottom .social-links a { color: #fff; font-size: 16px; margin-right: 12px; } .main-menu .elementor-section .elementor-container { box-shadow: 0 90px 60px -30px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 767px) { .area-menu .menu, .canvas-menu .area-menu .menu ul.sub-menu, .canvas-menu .sala-list-layout-block { padding: 100px 10% 50px; } .canvas-menu .area-menu .menu ul.sub-menu .sala-list .item .text, .canvas-menu .area-menu .menu ul.sub-menu .sala-list .item a, .canvas-menu .sala-list-layout-block .sala-list .item .text, .canvas-menu .sala-list-layout-block .sala-list .item a { padding-right: 0; } .canvas-menu .entry-bottom { padding: 0 10%; } } @keyframes show-animation { 0% { transform: translateY(20px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes hide-animation { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(20px); opacity: 0; } } .desktop-menu .sm-simple { position: static; } .desktop-menu .sm-simple:not(.sm-vertical) .has-mega-menu { position: static !important; } .desktop-menu .sm-simple:not(.sm-vertical) .has-mega-menu .mega-menu { left: 0; right: 0 !important; margin-left: 0 !important; max-width: none !important; width: auto !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; } .main-menu.desktop-menu .sm-simple .mega-menu { padding: 30px 0 35px; } .main-menu.desktop-menu .sm-simple .mega-menu a { padding: 0; } .main-menu.desktop-menu .sm-simple .mega-menu .row { margin-left: -15px; margin-right: -15px; } .copyright-text { text-align: center; padding-top: 20px; padding-bottom: 30px; } .sala-blog .post-thumbnail a { display: block; position: relative; overflow: hidden; } .sala-blog .post-thumbnail a img { display: block; width: 100%; -webkit-transform: perspective(1px) translateZ(0); -moz-transform: perspective(1px) translateZ(0); -o-transform: perspective(1px) translateZ(0); -ms-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); } .sala-blog .post-title { -ms-word-break: break-word; word-break: break-word; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; } .sala-blog .post-title .entry-title { margin-bottom: 0; } .sala-blog .post-title .entry-title span { padding: 0 12px; border-radius: 20px; background-color: #0057fc; color: #fff; display: inline-table; margin-left: 8px; font-size: 16px; font-weight: 500; } .sala-blog .post-title a { font-size: 32px; font-weight: 600; line-height: 1.25; display: block; } .sala-blog .post-meta { font-size: 15px; display: flex; flex-wrap: wrap; color: #aaaaaa; align-items: center; } .sala-blog .post-meta > div { position: relative; margin-right: 30px; margin-bottom: 5px; } .sala-blog .post-meta > div:last-child { margin-right: 0; } .sala-blog .post-meta > div:last-child:after { display: none; } .sala-blog .post-meta > div:after { content: ''; height: 4px; width: 4px; border-radius: 50%; background-color: #eeeeee; display: block; position: absolute; right: -17px; top: 11px; } .sala-blog .post-meta .post-time { font-size: 15px; font-weight: 500; color: #aaaaaa; } .sala-blog .post-meta .post-author span { margin-right: 5px; } .sala-blog .post-meta .post-author a { font-weight: 600; color: #555555; } .sala-blog .post-meta .post-author a:hover { color: #0057fc; } .sala-blog .post-meta .post-comment { color: #aaaaaa; font-weight: 500; } .sala-blog .post-meta .post-comment i { font-size: 15px; font-weight: 500; vertical-align: -1px; } .sala-blog .post-categories { padding-left: 0; margin-bottom: 0; position: relative; } .sala-blog .post-categories li { list-style: none; display: inline-block; position: relative; margin-top: 0; } .sala-blog .post-categories li a { font-size: 16px; font-weight: 500; line-height: 1.5; } .sala-blog .post-categories li:after { content: ','; color: #1a1a1a; } .sala-blog .post-categories li:last-child { margin-right: 0; } .sala-blog .post-categories li:last-child:after { content: ''; display: none; } .sala-blog .post-excerpt { margin-top: 12px; } .sala-blog .post-excerpt p { font-size: 16px; color: #555555; } .sala-blog .btn-readmore { margin-top: 24px; } .sala-blog .btn-readmore a { font-size: 16px; font-weight: 500; line-height: 1.5; position: relative; padding-right: 25px; color: #0057fc; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .sala-blog .btn-readmore a:after { content: '\f178'; font-size: 18px; font-weight: normal; font-family: 'Font Awesome 5 Pro'; position: absolute; right: 0; } .sala-blog .btn-readmore a:hover { padding-right: 35px; } .post-item.type-post:hover .post-thumbnail img { -webkit-transform: scale3d(1.1, 1.1, 1.1) translateZ(0); -moz-transform: scale3d(1.1, 1.1, 1.1) translateZ(0); -o-transform: scale3d(1.1, 1.1, 1.1) translateZ(0); -ms-transform: scale3d(1.1, 1.1, 1.1) translateZ(0); transform: scale3d(1.1, 1.1, 1.1) translateZ(0); -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1); -moz-transition: all 1s cubic-bezier(0, 0, 0.2, 1); -o-transition: all 1s cubic-bezier(0, 0, 0.2, 1); transition: all 1s cubic-bezier(0, 0, 0.2, 1); } .post .post-thumbnail { position: relative; } .post .post-thumbnail:before { content: ''; font-size: 18px; font-weight: normal; font-family: 'Font Awesome 5 Pro'; width: 40px; height: 40px; border-radius: 50%; display: block; position: absolute; top: 35px; right: 35px; line-height: 40px; text-align: center; color: #fff; } .post.post_format-post-format-aside .post-thumbnail:before { content: '\f0db'; background-color: #111111; z-index: 1; } .post.post_format-post-format-gallery .post-thumbnail:before { content: '\f302'; background-color: #111111; z-index: 1; } .post.post_format-post-format-image .post-thumbnail:before { content: '\f03e'; background-color: #111111; z-index: 1; } .post.post_format-post-format-audio .post-thumbnail:before { content: '\f028'; background-color: #111111; z-index: 1; } .post.post_format-post-format-video .post-thumbnail:before { content: '\f04b'; background-color: #111111; z-index: 1; } .post.post_format-post-format-link .post-thumbnail:before { content: '\f0c1'; background-color: #111111; z-index: 1; } .post.post_format-post-format-quote .post-thumbnail:before { content: '\f10e'; background-color: #111111; z-index: 1; } .sala-blog-grid .post-thumbnail { margin-bottom: 0; } .sala-blog-grid .post-title a { font-size: 24px; line-height: 1.33; } .sala-blog-grid .post-detail { padding-top: 25px; } .sala-blog-card.sala-blog .post, .sala-blog-card.sala-blog .type-post { position: relative; } .sala-blog-card.sala-blog .post .post-thumbnail, .sala-blog-card.sala-blog .type-post .post-thumbnail { margin-bottom: 0; } .sala-blog-card.sala-blog .post .post-thumbnail + .post-detail, .sala-blog-card.sala-blog .type-post .post-thumbnail + .post-detail { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 24px 24px; background-image: linear-gradient(to bottom, rgba(248, 248, 248, 0), rgba(0, 0, 0, 0.5)); } .sala-blog-card.sala-blog .post .post-thumbnail + .post-detail .post-categories li:after, .sala-blog-card.sala-blog .type-post .post-thumbnail + .post-detail .post-categories li:after { color: #fff; } .sala-blog-card.sala-blog .post .post-thumbnail + .post-detail a, .sala-blog-card.sala-blog .post .post-thumbnail + .post-detail .post-excerpt p, .sala-blog-card.sala-blog .type-post .post-thumbnail + .post-detail a, .sala-blog-card.sala-blog .type-post .post-thumbnail + .post-detail .post-excerpt p { color: #fff; } .sala-blog-card.sala-blog .post .post-thumbnail + .post-detail .post-meta .post-cate, .sala-blog-card.sala-blog .type-post .post-thumbnail + .post-detail .post-meta .post-cate { margin-bottom: 3px; } .sala-blog-card.sala-blog .post .post-thumbnail + .post-detail .btn-readmore, .sala-blog-card.sala-blog .type-post .post-thumbnail + .post-detail .btn-readmore { margin-top: 20px; } .sala-blog-card.sala-blog .post .post-meta .post-time, .sala-blog-card.sala-blog .post .post-meta .post-comment, .sala-blog-card.sala-blog .type-post .post-meta .post-time, .sala-blog-card.sala-blog .type-post .post-meta .post-comment { color: #ffffff; } .sala-blog-card.sala-blog.sala-blog-default .post-thumbnail + .post-detail { padding: 0 48px 48px; } .sala-blog-masonry { margin-bottom: 60px; } .sala-blog-masonry .post-detail { padding-top: 25px; } .sala-blog-masonry .post-thumbnail { margin-bottom: 0; } .sala-blog-masonry .post-title a { font-size: 24px; line-height: 1.33; } .sala-blog-boxed.sala-blog .post-thumbnail, .sala-blog-background.sala-blog .post-thumbnail { margin-bottom: 0; } .sala-blog-boxed.sala-blog .post-title a, .sala-blog-background.sala-blog .post-title a { font-size: 24px; } .sala-blog-boxed.sala-blog .inner-post-wrap, .sala-blog-background.sala-blog .inner-post-wrap { border: solid 1px #eeeeee; } .sala-blog-boxed.sala-blog .post-detail, .sala-blog-background.sala-blog .post-detail { padding: 25px; border-radius: 5px; } .sala-blog-boxed.sala-blog .post-thumbnail + .post-detail, .sala-blog-background.sala-blog .post-thumbnail + .post-detail { border-top: 0; border-radius: 0 0 5px 5px; } .sala-blog-background.sala-blog .inner-post-wrap { background-color: #f9f9f9; border: 0; } .sala-blog-list .sala-box.sticky .inner-post-wrap { display: block; } .sala-blog-list .sala-box.sticky .post-thumbnail { flex: inherit; } .sala-blog-list .sala-box.sticky .post-detail { margin-top: 25px; padding: 0; } .sala-blog-list.sala-blog-boxed.sala-blog .post-detail, .sala-blog-list.sala-blog-background.sala-blog .post-detail { padding: 25px; } .sala-blog-list .inner-post-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; align-items: center; } .sala-blog-list .post-detail { padding: 0; } .sala-blog-list .post-thumbnail + .post-detail { border-left: 0; padding-left: 35px; padding-right: 35px; } .sala-blog-list .post-thumbnail { flex: 0 0 44%; margin-bottom: 0; } .sala-blog-list .post-thumbnail a { height: 100%; } .sala-blog-list .post-thumbnail img { height: 100%; object-fit: cover; } .sala-blog-list .post-title h3 a { font-size: 32px; } .sala-blog-elm .filter-count { display: none; } .sala-blog-elm.show-filter-counter .filter-count { display: inline-block; } .sala-blog-categories { text-align: center; margin-bottom: 30px; } .sala-blog-categories ul { padding-left: 0; overflow: hidden; } .sala-blog-categories li { list-style: none; display: inline-block; margin: 10px 20px; } .sala-blog-categories li a { font-size: 16px; font-weight: 500; line-height: 1.63; text-transform: uppercase; padding-bottom: 10px; border-bottom: 1px solid transparent; } .sala-blog-categories li.active a { display: block; position: relative; color: #0057fc; border-color: #0057fc; } .sala-blog-action { margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; } .sala-blog-action .blog-filter-form { display: -webkit-box; display: -ms-flexbox; display: flex; } .sala-blog-action .blog-filter-form .form-group:not(:last-child) { margin-right: 25px; } .sala-blog-action .result-count { font-size: 16px; font-weight: 500; color: #333333; } .grid-item .inner-post-wrap { width: 100%; } @media (max-width: 767px) { .sala-blog-list .inner-post-wrap { display: block; } .sala-blog-list .post-thumbnail + .post-detail { padding: 20px 0 0 0; } .sala-blog .btn-readmore { margin-top: 10px; } } @media (max-width: 576px) { .sala-blog-action { display: block; margin-bottom: 10px; } .nice-select .list { left: 0; right: auto; } .sala-blog-categories li { margin: 5px; } .sala-blog .post-title a { font-size: 24px; } } .single .site-header.header-float + .site-content.single-post-01 { padding-top: 180px; } .single .inner-post-wrap { margin-bottom: 40px; } .single .post-thumbnail a { display: flex; } .single .comments-area { margin-bottom: 60px; } .single .post-title { margin-bottom: 20px; } .single .post-title .entry-title { font-size: 56px; font-weight: 600; line-height: 1.11; margin-bottom: 0; -ms-word-wrap: break-word; word-wrap: break-word; } .single .post-meta { font-size: 16px; display: flex; flex-wrap: wrap; color: #aaaaaa; align-items: center; } .single .post-meta > div { position: relative; margin-right: 30px; } .single .post-meta > div:last-child { margin-right: 0; } .single .post-meta > div:last-child:after { display: none; } .single .post-meta > div:after { content: ''; height: 4px; width: 4px; border-radius: 50%; background-color: #eeeeee; display: block; position: absolute; right: -17px; top: 11px; } .single .post-meta .post-time { font-size: 15px; font-weight: 500; color: #aaaaaa; } .single .post-meta .post-author span { margin-right: 5px; } .single .post-meta .post-author a { font-weight: 600; color: #555555; } .single .post-meta .post-author a:hover { color: #0057fc; } .single .post-meta .post-comment { color: #aaaaaa; font-weight: 500; } .single .post-meta .post-comment i { font-size: 15px; font-weight: 500; vertical-align: -1px; } .single .post-content { margin-bottom: 68px; } .single .post-content:after { content: ""; display: table; clear: both; } .single .post-categories { padding-left: 0; margin-bottom: 0; } .single .post-categories li { list-style: none; display: inline-block; position: relative; margin-top: 0; } .single .post-categories li a { font-size: 16px; font-weight: 500; line-height: 1.5; } .single .post-categories li:after { content: ','; color: #111111; } .single .post-categories li:last-child { margin-right: 0; } .single .post-categories li:last-child:after { content: ''; display: none; } .single .post-bottom { clear: both; display: flex; flex-wrap: wrap; align-items: flex-start; margin-left: -15px; margin-right: -15px; } .single .post-bottom > div { padding-left: 15px; padding-right: 15px; } .single .site-content.has-sidebar .post-share { display: flex; flex-wrap: wrap; padding: 5px 0; position: static; } .single .site-content.has-sidebar .post-share .share-label { margin-right: 15px; } .single .site-content.has-sidebar .post-share .share-list a { margin-right: 15px; } .single .site-content.has-sidebar .post-share .share-list a:last-child { margin-right: 0; } .single .post-tags { display: flex; flex-wrap: wrap; flex: 1; margin: -4px; } .single .post-tags a, .single .post-tags span { font-size: 15px; font-weight: 500; line-height: 1.6; padding: 7px 20px 8px; margin: 4px; border-radius: 3px; background: #f7f7f7; border: 0; overflow: hidden; } .single .post-tags span { background-color: transparent; padding-left: 0; padding-right: 10px; margin-left: 0; } .single .post-tags a:hover { background-color: #0057fc; color: #fff; } .single .post-tags + .post-share { justify-content: flex-end; flex: 0 0 30%; max-width: 30%; } .single .post-author { display: flex; margin-bottom: 40px; width: 100%; align-items: center; } .single .post-author .inner-left { display: inline-flex; flex: 0 0 60px; } .single .post-author .inner-left + .inner-right { padding-left: 20px; } .single .post-author .entry-avatar { display: inline-block; overflow: hidden; } .single .post-author .entry-avatar a { display: flex; } .single .post-author .entry-avatar img { width: 60px; height: 60px; object-fit: cover; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); } .single .post-author .head-author { display: flex; align-items: center; } .single .post-author .head-author span { color: #555555; margin-right: 5px; } .single .post-author .head-author .entry-title { font-size: 16px; font-weight: 500; margin-bottom: 0; } .single .post-author .entry-bio { margin-bottom: 0; font-size: 16px; color: #555555; } .single .post-author-bio { padding: 25px; background-color: #f9f9f9; } .single .post-author-bio .inner-left { flex: 0 0 100px; } .single .post-author-bio .entry-avatar img { width: 100px; height: 100px; } .single .post-author-bio .head-author { align-items: flex-end; margin-bottom: 10px; } .single .post-author-bio .head-author .entry-title { margin-bottom: 0; } .single .post-author-bio .head-author .list-info { margin-bottom: 0; padding-left: 0; } .single .post-author-bio .head-author .list-info li { list-style: none; display: inline-block; padding-left: 15px; } .container-boxed .content-area { padding-left: 80px; padding-right: 80px; } .heading-post { margin-bottom: 40px; } .post-meta > div { margin-bottom: 20px; } .post-thumbnail { text-align: center; margin-bottom: 24px; } .site-content.no-sidebar .post-share { position: absolute; top: 15px; right: -100px; display: block; text-align: center; padding: 0 !important; } .site-content.no-sidebar .post-share .share-label { transform: rotate(90deg); color: #555555; font-size: 16px; margin-right: 0; margin-bottom: 30px; } .site-content.no-sidebar .post-share .share-list a { display: block; height: 36px; line-height: 36px; width: 36px; text-align: center; background-color: #f9f9f9; border-radius: 50%; padding: 0; margin: 20px auto 0; } .post-related { overflow: hidden; width: 100%; } .post-related .block-heading { margin-bottom: 30px; } .post-related .block-heading .entry-title { font-size: 24px; font-weight: bold; } .post-related .post-title { font-size: 18px; line-height: 28px; margin-bottom: 0; } .post-related .related-post-thumbnail { margin-bottom: 24px; } .post-related .related-post-thumbnail img { height: 290px; width: 100%; object-fit: cover; } .post-related .related-post-thumbnail a { display: flex; } .post-related .related-post-title .entry-title { font-size: 24px; line-height: 1.33; font-weight: 600; margin-bottom: 0; } .post-related .related-post-meta { font-size: 15px; display: flex; flex-wrap: wrap; color: #aaaaaa; align-items: center; } .post-related .related-post-meta > div { position: relative; margin-right: 30px; margin-bottom: 4px; } .post-related .related-post-meta > div:last-child { margin-right: 0; } .post-related .related-post-meta > div:last-child:after { display: none; } .post-related .related-post-meta > div:after { content: ''; height: 4px; width: 4px; border-radius: 50%; background-color: #eeeeee; display: block; position: absolute; right: -17px; top: 11px; } .post-related .related-post-meta .post-time { font-size: 15px; font-weight: 500; color: #aaaaaa; } .post-related .related-post-meta .post-author span { margin-right: 5px; } .post-related .related-post-meta .post-author a { font-weight: 600; color: #555555; } .post-related .related-post-meta .post-author a:hover { color: #0057fc; } .post-related .related-post-meta .post-comment { color: #aaaaaa; font-weight: 500; } .post-related .related-post-meta .post-comment i { font-size: 15px; font-weight: 500; vertical-align: -1px; } .post-related .post-categories { padding-left: 0; margin-bottom: 0; } .post-related .post-categories li { list-style: none; display: inline-block; position: relative; margin-top: 0; } .post-related .post-categories li a { font-size: 16px; font-weight: 500; line-height: 1.5; } .post-related .post-categories li:after { content: ','; } .post-related .post-categories li:last-child { margin-right: 0; } .post-related .post-categories li:last-child:after { content: ''; display: none; } .site-content.single-post-02 { padding-top: 0; } .site-content.single-post-02 .heading-post { background-color: #111111; padding: 284px 0 60px; margin-bottom: 60px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; } .site-content.single-post-02 .heading-post:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); } .site-content.single-post-02 .heading-post .container { position: relative; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .site-content.single-post-02 .heading-post .post-categories li a, .site-content.single-post-02 .heading-post .post-title .entry-title, .site-content.single-post-02 .heading-post .post-categories li:after, .site-content.single-post-02 .heading-post .post-author .head-author a, .site-content.single-post-02 .heading-post .post-meta .post-comment span { color: #fff; } .site-content.single-post-02 .heading-post .post-author .head-author > span, .site-content.single-post-02 .heading-post .post-author .entry-bio { color: #cccccc; } .site-content.single-post-02 .heading-post .post-cate, .site-content.single-post-02 .heading-post .post-meta .post-comment, .site-content.single-post-02 .heading-post .post-author { margin-bottom: 0; } .site-content.single-post-02 .heading-post.fullscreen { height: 100vh; padding: 0; } .site-content.single-post-02 .heading-post.fullscreen .container.container-boxed { height: 100%; } .site-content.single-post-02 .heading-post.fullscreen .container-boxed-inner { position: absolute; bottom: 60px; left: 15px; right: 15px; } @media only screen and (max-width: 992px) { .single .site-header.header-float + .site-content.single-post-01 { padding-top: 120px; padding-bottom: 40px; } .single .post-bottom { margin: 0; } } @media only screen and (max-width: 767px) { .post-title .entry-title { font-size: 42px; } .single .post-bottom { display: block; } .single .post-bottom > div, .single .post-tags { padding: 0; margin: 0; } .single .post-tags + .post-share { justify-content: flex-start; flex: 0 0 100%; max-width: 100%; margin-top: 10px; } .single .comments-area, .single .post-content { margin-bottom: 40px; } #primary { overflow: hidden; } .wp-block-embed__wrapper { word-break: break-word; } .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item { max-width: 100%; margin: 0; } .post-content figcaption { padding: 10px 0; } .post-content iframe { width: 100%; } } @media only screen and (max-width: 576px) { .single .post-title .entry-title { font-size: 32px; } .site-content.single-post-02 .heading-post { margin-bottom: 30px; } .single .post-author-bio { display: block; text-align: center; } .single .post-author-bio .inner-left + .inner-right { padding-left: 0; } .single .post-author-bio .head-author { display: block; } } .sala-portfolio .portfolio-thumbnail a { display: block; position: relative; overflow: hidden; } .sala-portfolio .portfolio-thumbnail a img { display: block; width: 100%; object-fit: cover; -webkit-transform: perspective(1px) translateZ(0); -moz-transform: perspective(1px) translateZ(0); -o-transform: perspective(1px) translateZ(0); -ms-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); } .sala-portfolio.sala-portfolio-metro .portfolio-thumbnail a img { max-height: 500px; height: fit-content; } .sala-portfolio .portfolio-detail { margin-top: 24px; } .sala-portfolio .portfolio-title { -ms-word-break: break-word; word-break: break-word; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; } .sala-portfolio .portfolio-title .entry-title { margin-bottom: 15px; } .sala-portfolio .portfolio-title span { padding: 0 12px; border-radius: 20px; background-color: #0057fc; color: #fff; display: inline-table; margin-left: 8px; list-style: 24px; } .sala-portfolio .portfolio-title a { font-size: 24px; font-weight: 600; line-height: 1.33; display: block; } .sala-portfolio .portfolio-meta { font-size: 15px; display: flex; flex-wrap: wrap; color: #aaaaaa; align-items: center; } .sala-portfolio .portfolio-meta > div { position: relative; margin-right: 30px; margin-bottom: 5px; } .sala-portfolio .portfolio-meta > div:last-child { margin-right: 0; } .sala-portfolio .portfolio-meta > div:last-child:after { display: none; } .sala-portfolio .portfolio-meta > div:after { content: ''; height: 4px; width: 4px; border-radius: 50%; background-color: #eeeeee; display: block; position: absolute; right: -17px; top: 11px; } .sala-portfolio .portfolio-meta .portfolio-time { font-size: 15px; font-weight: 500; color: #aaaaaa; } .sala-portfolio .portfolio-meta .portfolio-author span { margin-right: 5px; } .sala-portfolio .portfolio-meta .portfolio-author a { font-weight: 600; color: #555555; } .sala-portfolio .portfolio-meta .portfolio-author a:hover { color: #0057fc; } .sala-portfolio .portfolio-meta .portfolio-comment { color: #aaaaaa; font-weight: 500; } .sala-portfolio .portfolio-meta .portfolio-comment i { font-size: 15px; font-weight: 500; vertical-align: -1px; } .sala-portfolio .portfolio-taxonomy { padding-left: 0; margin-bottom: 0; position: relative; } .sala-portfolio .portfolio-taxonomy li { list-style: none; display: inline-block; position: relative; margin-top: 0; } .sala-portfolio .portfolio-taxonomy li a { font-size: 15px; font-weight: 500; line-height: 1.6; } .sala-portfolio .portfolio-taxonomy li:after { content: ','; color: #1a1a1a; } .sala-portfolio .portfolio-taxonomy li:last-child { margin-right: 0; } .sala-portfolio .portfolio-taxonomy li:last-child:after { content: ''; display: none; } .sala-portfolio .portfolio-excerpt p { font-size: 16px; color: #555555; } .sala-portfolio .btn-readmore { margin-top: 25px; } .sala-portfolio .btn-readmore a { font-size: 16px; font-weight: 500; line-height: 1.5; position: relative; padding-right: 25px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .sala-portfolio .btn-readmore a:after { content: '\f178'; font-size: 18px; font-weight: normal; font-family: 'Font Awesome 5 Pro'; position: absolute; right: 0; } .sala-portfolio .btn-readmore a:hover { padding-right: 35px; } .post-item.type-portfolio:hover .portfolio-thumbnail img { -webkit-transform: scale3d(1.1, 1.1, 1.1) translateZ(0); -moz-transform: scale3d(1.1, 1.1, 1.1) translateZ(0); -o-transform: scale3d(1.1, 1.1, 1.1) translateZ(0); -ms-transform: scale3d(1.1, 1.1, 1.1) translateZ(0); transform: scale3d(1.1, 1.1, 1.1) translateZ(0); -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1); -moz-transition: all 1s cubic-bezier(0, 0, 0.2, 1); -o-transition: all 1s cubic-bezier(0, 0, 0.2, 1); transition: all 1s cubic-bezier(0, 0, 0.2, 1); } .portfolio .portfolio-thumbnail { position: relative; } .portfolio .portfolio-thumbnail:before { content: ''; font-size: 18px; font-weight: normal; font-family: 'Font Awesome 5 Pro'; width: 40px; height: 40px; border-radius: 50%; display: block; position: absolute; top: 35px; right: 35px; line-height: 40px; text-align: center; color: #fff; } .portfolio.format-aside .portfolio-thumbnail:before { content: '\f0db'; background-color: #111111; z-index: 1; } .portfolio.format-gallery .portfolio-thumbnail:before { content: '\f302'; background-color: #111111; z-index: 1; } .portfolio.format-image .portfolio-thumbnail:before { content: '\f03e'; background-color: #111111; z-index: 1; } .portfolio.format-audio .portfolio-thumbnail:before { content: '\f028'; background-color: #111111; z-index: 1; } .portfolio.format-video .portfolio-thumbnail:before { content: '\f04b'; background-color: #111111; z-index: 1; } .portfolio.format-link .portfolio-thumbnail:before { content: '\f0c1'; background-color: #111111; z-index: 1; } .portfolio.format-quote .portfolio-thumbnail:before { content: '\f10e'; background-color: #111111; z-index: 1; } .sala-portfolio-grid .portfolio-title a { font-size: 24px; line-height: 1.57; } .sala-portfolio-grid .sala-portfolio-card.portfolio { position: relative; } .sala-portfolio-grid .sala-portfolio-card.portfolio .portfolio-thumbnail { margin-bottom: 0; } .sala-portfolio-grid .sala-portfolio-card.portfolio .portfolio-thumbnail + .portfolio-detail { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 24px 26px; } .sala-portfolio-grid .sala-portfolio-card.portfolio .portfolio-thumbnail + .portfolio-detail .portfolio-taxonomy li:after { color: #fff; } .sala-portfolio-grid .sala-portfolio-card.portfolio .portfolio-thumbnail + .portfolio-detail .portfolio-title a { font-size: 24px; } .sala-portfolio-grid .sala-portfolio-card.portfolio .portfolio-thumbnail + .portfolio-detail a, .sala-portfolio-grid .sala-portfolio-card.portfolio .portfolio-thumbnail + .portfolio-detail .portfolio-excerpt p { color: #fff; } .sala-portfolio-grid .sala-portfolio-card.portfolio .portfolio-thumbnail + .portfolio-detail .portfolio-meta .portfolio-cate { margin-bottom: 3px; } .sala-portfolio-grid .sala-portfolio-card.portfolio .portfolio-thumbnail + .portfolio-detail .btn-readmore { margin-top: 20px; } .sala-portfolio-masonry .portfolio-thumbnail { margin-bottom: 0; } .sala-portfolio-masonry .portfolio-title a { font-size: 24px; line-height: 1.57; } .sala-portfolio-masonry .sala-portfolio-box.portfolio .portfolio-detail, .sala-portfolio-masonry .sala-portfolio-box-background.portfolio .portfolio-detail { padding: 25px; border: solid 1px #eeeeee; border-radius: 0 0 5px 5px; } .sala-portfolio-masonry .sala-portfolio-box-background.portfolio .portfolio-detail { background-color: #f9f9f9; border: 0; } .sala-portfolio-taxonomy { text-align: center; margin-bottom: 60px; } .sala-portfolio-taxonomy ul { padding-left: 0; margin: -10px -20px; overflow: hidden; } .sala-portfolio-taxonomy li { list-style: none; display: inline-block; margin: 10px 20px; } .sala-portfolio-taxonomy li a { font-size: 16px; font-weight: 500; line-height: 1.63; padding-bottom: 10px; border-bottom: 1px solid transparent; } .sala-portfolio-taxonomy li.active a { display: block; position: relative; color: #0057fc; border-color: #0057fc; } .sala-portfolio-default .entry-title { font-size: 32px; } .sala-minimal.sala-portfolio .inner-portfolio-wrap, .sala-modern.sala-portfolio .inner-portfolio-wrap { position: relative; overflow: hidden; } .sala-minimal.sala-portfolio .portfolio-detail, .sala-modern.sala-portfolio .portfolio-detail { position: absolute; bottom: 0; left: 0; right: 0; padding: 40px; background-image: linear-gradient(rgba(238, 238, 238, 0), rgba(4, 4, 4, 0.5)); } .sala-minimal.sala-portfolio a, .sala-minimal.sala-portfolio p, .sala-modern.sala-portfolio a, .sala-modern.sala-portfolio p { color: #fff; } .sala-modern.sala-portfolio .portfolio-detail { opacity: 0; visibility: hidden; transition: all 0.3s; bottom: -50px; } .sala-modern.sala-portfolio .sala-box:hover .portfolio-detail { opacity: 1; visibility: visible; bottom: 0; } .sala-portfolio-mosaic { display: grid; grid-gap: 60px; align-items: center; } .sala-portfolio-mosaic .grid-sizer { width: 50%; } .sala-portfolio-mosaic .portfolio:nth-child(4n+1), .sala-portfolio-mosaic .type-portfolio:nth-child(4n+1) { padding-left: 60px; } .sala-portfolio-mosaic .portfolio:nth-child(4n+2), .sala-portfolio-mosaic .type-portfolio:nth-child(4n+2) { padding-right: 60px; } .sala-portfolio-masonry { margin-bottom: 60px; } .sala-portfolio-metro { display: grid; grid-gap: 60px; } .sala-portfolio-metro .inner-portfolio-wrap { width: 100%; } .sala-portfolio-metro .portfolio, .sala-portfolio-metro .type-portfolio { width: 50%; margin-bottom: 60px; } .sala-portfolio-metro .portfolio:nth-child(6n+2), .sala-portfolio-metro .type-portfolio:nth-child(6n+2) { width: calc( 70% - 30px); } .sala-portfolio-metro .portfolio:nth-child(6n+3), .sala-portfolio-metro .type-portfolio:nth-child(6n+3) { width: calc( 30% - 30px); } .sala-portfolio-metro .portfolio:nth-child(6n), .sala-portfolio-metro .type-portfolio:nth-child(6n) { width: calc( 30% - 30px); } .sala-portfolio-metro .portfolio:nth-child(6n+1), .sala-portfolio-metro .type-portfolio:nth-child(6n+1) { width: calc( 70% - 30px); } .sala-portfolio-metro .portfolio:nth-child(6n+4), .sala-portfolio-metro .type-portfolio:nth-child(6n+4) { width: calc( 50% - 30px); } .sala-portfolio-metro .portfolio:nth-child(6n+5), .sala-portfolio-metro .type-portfolio:nth-child(6n+5) { width: calc( 50% - 30px); } @media (max-width: 767px) { .sala-portfolio-taxonomy { margin-bottom: 40px; } .sala-portfolio-taxonomy ul { margin: 0; } .sala-portfolio-taxonomy li { margin: 0 10px 5px; } .sala-grid.sala-portfolio { display: block; grid-gap: 30px; } .sala-grid.sala-portfolio .inner-portfolio-wrap { width: 100%; } .sala-portfolio-mosaic .portfolio:nth-child(4n+2), .sala-portfolio-mosaic .portfolio:nth-child(4n+1), .sala-portfolio-mosaic .type-portfolio:nth-child(4n+1), .sala-portfolio-mosaic .type-portfolio:nth-child(4n+2) { padding: 0; } .sala-grid .grid-item { margin-bottom: 30px !important; } .sala-grid.sala-portfolio-masonry .grid-item { margin-bottom: 0px !important; } .sala-portfolio-metro .portfolio, .sala-portfolio-metro .type-portfolio { width: 100% !important; margin-bottom: 30px; } .sala-minimal.sala-portfolio .portfolio-detail, .sala-modern.sala-portfolio .portfolio-detail { padding: 25px; } } .single .site-header.header-float + .site-content.single-portfolio-01, .single .site-header.header-float + .site-content.single-portfolio-03 { padding-top: 180px; padding-bottom: 0; } .single .site-header.header-float + .site-content.single-portfolio-02 { padding-top: 0; padding-bottom: 0; } .single .inner-portfolio-wrap { margin-bottom: 40px; } .single .portfolio-thumbnail a { display: flex; } .single .portfolio-title { margin-bottom: 10px; text-align: center; max-width: 600px; margin: 0 auto 30px; } .single .portfolio-title h1 { font-size: 56px; font-weight: 600; line-height: 1.1; } .single .portfolio-excerpt { margin-bottom: 40px; } .single .portfolio-excerpt p { color: #555555; font-size: 16px; } .single .portfolio-meta { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; max-width: 640px; margin: 0 auto 80px; justify-content: center; } .single .portfolio-meta .portfolio-meta-item { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; margin-bottom: 0; padding-left: 25px; padding-right: 25px; border-left: 1px solid #eeeeee; } .single .portfolio-meta .portfolio-meta-item .title { display: block; width: 100%; color: #111111; font-size: 16px; font-weight: 500; } .single .portfolio-meta .portfolio-meta-item .content { color: #555555; } .single .portfolio-meta .portfolio-meta-item .content a { color: #555555; } .single .portfolio-meta .portfolio-meta-item .content i { margin-left: 5px; color: #0057fc; } .single .portfolio-meta .portfolio-meta-item .content a:hover { color: #0057fc; } .single .portfolio-content { margin-bottom: 68px; } .single .portfolio-content:after { content: ""; display: table; clear: both; } .single .portfolio-categories { padding-left: 0; margin-bottom: 0; } .single .portfolio-categories li { list-style: none; display: inline-block; position: relative; margin-top: 0; } .single .portfolio-categories li a { font-size: 15px; font-weight: 500; line-height: 1.6; } .single .portfolio-categories li:after { content: ','; color: #111111; } .single .portfolio-categories li:last-child { margin-right: 0; } .single .portfolio-categories li:last-child:after { content: ''; display: none; } .single .portfolio-bottom { clear: both; display: flex; flex-wrap: wrap; align-items: flex-start; margin-left: -15px; margin-right: -15px; } .single .portfolio-bottom > div { padding-left: 15px; padding-right: 15px; } .single .site-content.has-sidebar .portfolio-share { display: flex; flex-wrap: wrap; padding: 5px 0; position: static; } .single .site-content.has-sidebar .portfolio-share .share-label { margin-right: 15px; } .single .site-content.has-sidebar .portfolio-share .share-list a { margin-right: 15px; } .single .site-content.has-sidebar .portfolio-share .share-list a:last-child { margin-right: 0; } .single .portfolio-slider { margin-bottom: 150px; } .single .portfolio-slider .block-heading { text-align: center; max-width: 540px; margin: 0 auto 30px; } .single .portfolio-slider .block-heading h3 { font-size: 40px; line-height: 1.2; margin-bottom: 15px; } .single .portfolio-slider .block-heading p { font-size: 16px; color: #555555; line-height: 1.5; } .single .portfolio-slider .swiper-pagination-container { top: auto; bottom: -70px; } .single .portfolio-video { margin-bottom: 80px; } .single .portfolio-video .entry-title { font-size: 40px; text-align: center; margin-bottom: 30px; } .single .portfolio-video .thumb-preview { position: relative; } .single .portfolio-video .thumb-preview .icon { height: 64px; width: 64px; line-height: 64px; text-align: center; font-size: 24px; background-color: #111111; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; color: #fff; cursor: pointer; } .single .portfolio-video .thumb-preview .icon i { font-weight: 400; padding-left: 5px; } .single .portfolio-video .thumb-preview .icon:after { content: ''; border-color: inherit; width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 0; left: 0; opacity: 0; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); opacity: 1; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-name: video_sc; animation-name: video_sc; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 1s; animation-delay: 1s; } .single .entry-portfolio-video img { width: 100%; max-height: 670px; object-fit: cover; } .single .entry-portfolio-video .bg-overlay { background: rgba(11, 11, 11, 0.9); } .single .entry-portfolio-video .sala-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; opacity: 0; visibility: hidden; transition: all 0.3s; } .single .entry-portfolio-video .sala-popup.open { opacity: 1; visibility: visible; } .single .entry-portfolio-video .sala-popup .embed-responsive { padding: 136px 10vw; height: 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-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } .single .entry-portfolio-video .sala-popup iframe { width: 100%; height: 100%; z-index: 7; } .single .thankyou { font-size: 24px; color: #111111; font-weight: 600; text-align: center; margin-bottom: 100px; } .single .portfolio-tags { display: flex; flex-wrap: wrap; flex: 1; margin: -4px; } .single .portfolio-tags a, .single .portfolio-tags span { font-size: 15px; font-weight: 500; line-height: 1.6; padding: 7px 20px 8px; margin: 4px; border-radius: 3px; background: #f7f7f7; border: 0; overflow: hidden; } .single .portfolio-tags span { background-color: transparent; padding-left: 0; padding-right: 10px; margin-left: 0; } .single .portfolio-tags a:hover { background-color: #0057fc; color: #fff; } .single .portfolio-tags + .portfolio-share { justify-content: flex-end; flex: 0 0 30%; max-width: 30%; } .single .portfolio-author { display: flex; margin-bottom: 40px; width: 100%; align-items: center; } .single .portfolio-author .inner-left { display: inline-flex; flex: 0 0 60px; } .single .portfolio-author .inner-left + .inner-right { padding-left: 20px; } .single .portfolio-author .entry-avatar { display: inline-block; overflow: hidden; } .single .portfolio-author .entry-avatar a { display: flex; } .single .portfolio-author .entry-avatar img { width: 60px; height: 60px; object-fit: cover; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); } .single .portfolio-author .head-author { display: flex; align-items: center; } .single .portfolio-author .head-author span { color: #555555; margin-right: 5px; } .single .portfolio-author .head-author .entry-title { font-size: 16px; font-weight: 500; margin-bottom: 0; } .single .portfolio-author .entry-bio { margin-bottom: 0; font-size: 14px; color: #555555; } .single .portfolio-author-bio { padding: 25px; background-color: #f9f9f9; } .single .portfolio-author-bio .inner-left { flex: 0 0 100px; } .single .portfolio-author-bio .entry-avatar img { width: 100px; height: 100px; } .single .portfolio-author-bio .head-author { align-items: flex-end; margin-bottom: 10px; } .single .portfolio-author-bio .head-author .entry-title { margin-bottom: 0; } .single .portfolio-author-bio .head-author .list-info { margin-bottom: 0; padding-left: 0; } .single .portfolio-author-bio .head-author .list-info li { list-style: none; display: inline-block; padding-left: 15px; } .single .portfolio-paginate { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; } .single .paginate-item { padding: 115px 15px; text-align: center; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #111111; flex: 1; position: relative; } .single .paginate-item:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); } .single .paginate-item span { display: block; width: 100%; font-size: 16px; color: #fff; position: relative; } .single .paginate-item a { font-size: 32px; font-weight: 600; color: #fff; position: relative; } .single-portfolio-01 #primary { padding-left: 0; padding-right: 0; } .single-portfolio-01 .portfolio-excerpt { text-align: center; max-width: 540px; margin: 0 auto 40px; } .container-boxed .content-area { padding-left: 80px; padding-right: 80px; } ul.portfolio-taxonomy { margin: 0; padding-left: 0; } ul.portfolio-taxonomy li { list-style: none; display: inline-block; margin: 0; } ul.portfolio-taxonomy li a:hover { color: #0057fc; } ul.portfolio-taxonomy li:not(:last-child):after { content: ','; } .portfolio-meta > div { margin-bottom: 20px; } .portfolio-thumbnail { text-align: center; } .site-content.no-sidebar .portfolio-share { position: absolute; top: 15px; right: -100px; display: block; text-align: center; padding: 0 !important; } .site-content.no-sidebar .portfolio-share .share-label { transform: rotate(90deg); color: #555555; font-size: 16px; margin-right: 0; margin-bottom: 30px; } .site-content.no-sidebar .portfolio-share .share-list a { display: block; height: 36px; line-height: 36px; width: 36px; text-align: center; background-color: #f9f9f9; border-radius: 50%; padding: 0; margin: 20px auto 0; } .portfolio-related { overflow: hidden; width: 100%; padding: 80px 0; background-color: #f9f9f9; } .portfolio-related .block-heading { margin-bottom: 30px; } .portfolio-related .block-heading .entry-title { font-size: 24px; font-weight: bold; } .portfolio-related .portfolio-title { font-size: 18px; line-height: 28px; margin-bottom: 0; } .portfolio-related .related-portfolio-thumbnail { margin-bottom: 24px; } .portfolio-related .related-portfolio-thumbnail a { display: flex; } .portfolio-related .related-portfolio-title .entry-title { font-size: 24px; line-height: 1.57; font-weight: 700; margin-bottom: 0; } .portfolio-related .related-portfolio-meta { font-size: 15px; display: flex; flex-wrap: wrap; color: #aaaaaa; align-items: center; } .portfolio-related .related-portfolio-meta > div { position: relative; margin-right: 30px; } .portfolio-related .related-portfolio-meta > div:last-child { margin-right: 0; } .portfolio-related .related-portfolio-meta > div:last-child:after { display: none; } .portfolio-related .related-portfolio-meta > div:after { content: ''; height: 4px; width: 4px; border-radius: 50%; background-color: #eeeeee; display: block; position: absolute; right: -17px; top: 11px; } .portfolio-related .related-portfolio-meta .portfolio-time { font-size: 15px; font-weight: 500; color: #aaaaaa; } .portfolio-related .related-portfolio-meta .portfolio-author span { margin-right: 5px; } .portfolio-related .related-portfolio-meta .portfolio-author a { font-weight: 600; color: #555555; } .portfolio-related .related-portfolio-meta .portfolio-author a:hover { color: #0057fc; } .portfolio-related .related-portfolio-meta .portfolio-comment { color: #aaaaaa; font-weight: 500; } .portfolio-related .related-portfolio-meta .portfolio-comment i { font-size: 15px; font-weight: 500; vertical-align: -1px; } .portfolio-related .portfolio-categories { padding-left: 0; margin-bottom: 0; } .portfolio-related .portfolio-categories li { list-style: none; display: inline-block; position: relative; margin-top: 0; } .portfolio-related .portfolio-categories li a { font-size: 15px; font-weight: 500; line-height: 1.6; } .portfolio-related .portfolio-categories li:after { content: ','; } .portfolio-related .portfolio-categories li:last-child { margin-right: 0; } .portfolio-related .portfolio-categories li:last-child:after { content: ''; display: none; } .single-portfolio-02 #primary { padding-left: 0; padding-right: 0; } .single-portfolio-02 .heading-portfolio { display: flex; margin-bottom: 80px; } .single-portfolio-02 .heading-portfolio-left { flex: 1; } .single-portfolio-02 .portfolio-title, .single-portfolio-02 .portfolio-meta { max-width: 100%; margin: 0; flex: 1; } .single-portfolio-02 .portfolio-title { text-align: left; } .single-portfolio-02 .portfolio-excerpt { margin-bottom: 0; } .single-portfolio-02 .portfolio-meta { padding: 0 100px; flex-wrap: wrap; } .single-portfolio-02 .portfolio-meta .portfolio-meta-item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } body.admin-bar .single-portfolio-03 .inner-content-wrap .inner-content-left-wrap { top: 62px; } .single-portfolio-03 #primary { padding-left: 0; padding-right: 0; } .single-portfolio-03 .inner-content-wrap { display: flex; margin-left: -30px; margin-right: -30px; } .single-portfolio-03 .inner-content-wrap .inner-content-left-wrap { position: sticky; top: 0; } .single-portfolio-03 .inner-content-wrap .inner-content-left, .single-portfolio-03 .inner-content-wrap .inner-content-right { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 30px; } .single-portfolio-03 .inner-content-wrap .portfolio-title { max-width: 100%; text-align: left; } .single-portfolio-03 .inner-left-bottom { display: flex; } .single-portfolio-03 .portfolio-meta { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; padding-right: 100px; } .single-portfolio-03 .portfolio-meta .portfolio-meta-item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 15px 0; border-top: 1px solid #eeeeee; border-left: 0; } .single-portfolio-03 .portfolio-meta .portfolio-meta-item:first-child { border-top: 0; padding-top: 0; } .single-portfolio-03 .no-swiper .swiper-wrapper { display: block; } .single-portfolio-03 .no-swiper .swiper-slide { margin-bottom: 30px; } .single-portfolio-03 .portfolio-slider { margin-bottom: 30px; } @keyframes video_sc { 0% { -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); opacity: 1; } 100% { -webkit-box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.5); opacity: 0; } } @-webkit-keyframes video_sc { 0% { background: rgba(0, 0, 0, 0.5); -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { background: rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } @media only screen and (max-width: 767px) { .single .site-header.header-float + .site-content.single-portfolio-01, .single .site-header.header-float + .site-content.single-portfolio-03 { padding-top: 120px; } .single .portfolio-title h1 { font-size: 42px; } .single .portfolio-meta, .single .thankyou, .single-portfolio-02 .heading-portfolio, .single .portfolio-video { margin-bottom: 40px; } .single .portfolio-content { margin-bottom: 0; } .single .paginate-item a { font-size: 18px; } .single .paginate-item { padding: 50px 15px; } .portfolio-related { padding: 40px 0; } .single-portfolio-02 .heading-portfolio { display: block; } .single-portfolio-02 .portfolio-meta { margin: 40px 0; } .single .single-portfolio-02 .entry-portfolio-video img { max-height: 100vh; height: 100vh; } .single-portfolio-03 .inner-content-wrap { display: block; } } @media only screen and (max-width: 576px) { .single .portfolio-title h1 { font-size: 32px; } .single .portfolio-meta .portfolio-meta-item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; border: 0; margin-bottom: 10px; padding-right: 15px; padding-left: 15px; } .single-portfolio-03 .inner-content-wrap .inner-content-left, .single-portfolio-03 .inner-content-wrap .inner-content-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .single .portfolio-meta { flex-wrap: wrap; margin-bottom: 20px; margin-left: -15px; margin-right: -15px; } .single-portfolio-02 .portfolio-meta { padding: 0; } .single-portfolio-03 .inner-left-bottom { display: block; } .single-portfolio-03 .portfolio-meta { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: 0; margin: 0; } .single-portfolio-03 .portfolio-meta .portfolio-meta-item { padding: 0; margin-bottom: 10px; } .sala-portfolio.sala-portfolio-metro .portfolio-thumbnail a img { height: auto; } .portfolio-related .related-portfolio-thumbnail img { height: 290px; width: 100%; object-fit: cover; } } /* Loop Animations */ @keyframes sala-animation-buzz-out { 10% { transform: translateX(3px) rotate(2deg); } 20% { transform: translateX(-3px) rotate(-2deg); } 30% { transform: translateX(3px) rotate(2deg); } 40% { transform: translateX(-3px) rotate(-2deg); } 50% { transform: translateX(2px) rotate(1deg); } 60% { transform: translateX(-2px) rotate(-1deg); } 70% { transform: translateX(2px) rotate(1deg); } 80% { transform: translateX(-2px) rotate(-1deg); } 90% { transform: translateX(1px) rotate(0); } 100% { transform: translateX(-1px) rotate(0); } } @keyframes sala-loop-move-vertical { 0% { transform: translate3d(0, -10px, 0); } 100% { transform: translate3d(0, 10px, 0); } } .loop-move-vertical { animation: 3s sala-loop-move-vertical linear infinite alternate; } @keyframes sala-loop-move-horizontal { 0% { transform: translate3d(-10px, 0, 0); } 100% { transform: translate3d(10px, 0, 0); } } .loop-move-horizontal { animation: 3s sala-loop-move-horizontal linear infinite alternate; } @keyframes sala-loop-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } .loop-rotate { animation: 3s sala-loop-rotate linear infinite; } /* Hover Animations */ .sala-animation-zoom-in .sala-image { overflow: hidden; } .sala-animation-zoom-in .sala-image img { width: 100%; -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); } .sala-animation-zoom-in .sala-image .swiper-inner { -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); } .sala-animation-zoom-in .sala-image .swiper-inner img { transform: none !important; transition: none !important; } .sala-animation-zoom-in .sala-box:hover .sala-image img, .sala-animation-zoom-in .sala-box:hover .sala-image .swiper-inner { transform: scale3d(1.1, 1.1, 1.1); } .sala-animation-zoom-out .sala-image { overflow: hidden; } .sala-animation-zoom-out .sala-image img { width: 100%; -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -webkit-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); -o-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .sala-animation-zoom-out .sala-image .swiper-inner { -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -webkit-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); -o-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .sala-animation-zoom-out .sala-image .swiper-inner img { transform: none !important; transition: none !important; } .sala-animation-zoom-out .sala-box:hover .sala-image img, .sala-animation-zoom-out .sala-box:hover .sala-image .swiper-inner { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .sala-animation-move-up .sala-box .sala-image { transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); } .sala-animation-move-up .sala-box:hover .sala-image { transform: translateY(-10px); } .sala-animation-move-up-drop-shadow .sala-box .sala-image { position: relative; transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); } .sala-animation-move-up-drop-shadow .sala-box .sala-image:after { content: ''; position: absolute; bottom: 0; top: 50%; left: 10%; right: 10%; box-shadow: 0 10px 50px rgba(51, 51, 51, 0.22); z-index: -1; opacity: 0; transition: opacity .3s linear; } .sala-animation-move-up-drop-shadow .sala-box:hover .sala-image { transform: translateY(-10px); } .sala-animation-move-up-drop-shadow .sala-box:hover .sala-image:after { opacity: 1; } /* Entrance Animations */ @keyframes salaAnimationFadeInUp { from { opacity: 0; transform: translate3d(0, 30px, 0); } to { opacity: 1; transform: none; } } .salaFadeInUp { animation-name: salaAnimationFadeInUp; } .salaFadeInUp.animated { animation-duration: 1s; } /* Entrance Animations */ @keyframes salaAnimationFadeInDown { from { opacity: 0; transform: translate3d(0, -30px, 0); } to { opacity: 1; transform: none; } } .salaFadeInDown { animation-name: salaAnimationFadeInDown; } .salaFadeInDown.animated { animation-duration: 1s; } /* Entrance Animations */ @keyframes salaAnimationFadeInleft { from { opacity: 0; transform: translate3d(-30px, 0, 0); } to { opacity: 1; transform: none; } } .salaFadeInLeft { animation-name: salaAnimationFadeInleft; } .salaFadeInLeft.animated { animation-duration: 1s; } /* Entrance Animations */ @keyframes salaAnimationFadeInRight { from { opacity: 0; transform: translate3d(30px, 0, 0); } to { opacity: 1; transform: none; } } .salaFadeInRight { animation-name: salaAnimationFadeInRight; } .salaFadeInRight.animated { animation-duration: 1s; } .sala-elementor-loading:not(.elementor-section-boxed) { overflow: hidden; } .sala-elementor-loading:not(.elementor-section-boxed) .elementor-invisible { visibility: visible; } .sala-elementor-loading:not(.elementor-section-boxed) img, .sala-elementor-loading:not(.elementor-section-boxed) .elementor-video, .sala-elementor-loading:not(.elementor-section-boxed) .slide-bg { transform: scale(1.2); transform-origin: center center; transition: transform 0s .6s; will-change: transform; } .sala-elementor-loading:not(.elementor-section-boxed) > .elementor-widget-container, .sala-elementor-loading:not(.elementor-section-boxed) > .elementor-widget-wrap, .sala-elementor-loading:not(.elementor-section-boxed) > .elementor-container { transition: transform 0.6s cubic-bezier(0.7, 0.085, 0.79, 0.415) 0.35s !important; overflow: hidden; } .sala-elementor-loading:not(.elementor-section-boxed) > .elementor-widget-container:after, .sala-elementor-loading:not(.elementor-section-boxed) > .elementor-widget-wrap:after, .sala-elementor-loading:not(.elementor-section-boxed) > .elementor-container:after { content: ''; background-color: #0057fc; position: absolute; right: 0; top: 0; left: 0; bottom: 0; transform: scaleX(1); transform-origin: right center; transition: transform 0.6s cubic-bezier(0.7, 0.085, 0.79, 0.415); will-change: transform; z-index: 1; } .sala-elementor-loading:not(.elementor-section-boxed) .elementor-wrapper { opacity: 0; transition: transform 0.6s cubic-bezier(0.7, 0.085, 0.79, 0.415) 0.35s; will-change: transform; } .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-up > .elementor-widget-container, .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-up > .elementor-widget-wrap, .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-up > .elementor-container { transform: translate3d(0, 100%, 0) !important; } .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-up > .elementor-widget-container:after, .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-up > .elementor-widget-wrap:after, .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-up > .elementor-container:after { transform-origin: left bottom; } .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-up .elementor-wrapper { transform: translate3d(0, 100%, 0); } .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-left > .elementor-widget-container, .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-left > .elementor-widget-wrap, .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-left > .elementor-container { transform: translate3d(100%, 0, 0) !important; } .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-left > .elementor-widget-container:after, .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-left > .elementor-widget-wrap:after, .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-left > .elementor-container:after { transform-origin: left center; } .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-left .elementor-wrapper { transform: translate3d(100%, 0, 0); } .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-right > .elementor-widget-container, .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-right > .elementor-widget-wrap, .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-right > .elementor-container { transform: translate3d(-100%, 0, 0) !important; } .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-right > .elementor-widget-container:after, .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-right > .elementor-widget-wrap:after, .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-right > .elementor-container:after { transform-origin: right center; } .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-right .elementor-wrapper { transform: translate3d(-100%, 0, 0); } .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-down > .elementor-widget-container, .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-down > .elementor-widget-wrap, .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-down > .elementor-container { transform: translate3d(0, -100%, 0) !important; } .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-down > .elementor-widget-container:after, .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-down > .elementor-widget-wrap:after, .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-down > .elementor-container:after { transform-origin: left top; } .sala-elementor-loading:not(.elementor-section-boxed).sala-slide-in-down .elementor-wrapper { transform: translate3d(0, -100%, 0); } .sala-elementor-loading:not(.elementor-section-boxed).animated img, .sala-elementor-loading:not(.elementor-section-boxed).animated .elementor-video, .sala-elementor-loading:not(.elementor-section-boxed).animated .slide-bg { transform: scale(1); transition: transform 1.3s cubic-bezier(0.34, 0.615, 0.4, 0.985) 0.3s; } .sala-elementor-loading:not(.elementor-section-boxed).animated > .elementor-widget-container, .sala-elementor-loading:not(.elementor-section-boxed).animated > .elementor-widget-wrap, .sala-elementor-loading:not(.elementor-section-boxed).animated > .elementor-container { transform: translate3d(0, 0, 0) !important; transition: transform 0.6s cubic-bezier(0.565, 0.43, 0.24, 0.92) 0.2s !important; } .sala-elementor-loading:not(.elementor-section-boxed).animated > .elementor-widget-container:after, .sala-elementor-loading:not(.elementor-section-boxed).animated > .elementor-widget-wrap:after, .sala-elementor-loading:not(.elementor-section-boxed).animated > .elementor-container:after { transition: transform 0.8s cubic-bezier(0.565, 0.43, 0.24, 0.92) 0.65s; } .sala-elementor-loading:not(.elementor-section-boxed).animated .elementor-wrapper { opacity: 1; transform: translate3d(0, 0, 0); transition: transform 0.6s cubic-bezier(0.565, 0.43, 0.24, 0.92); } .sala-elementor-loading:not(.elementor-section-boxed).animated.sala-slide-in-down > .elementor-widget-container:after, .sala-elementor-loading:not(.elementor-section-boxed).animated.sala-slide-in-down > .elementor-widget-wrap:after, .sala-elementor-loading:not(.elementor-section-boxed).animated.sala-slide-in-down > .elementor-container:after { transform-origin: left bottom; transform: scaleY(0); } .sala-elementor-loading:not(.elementor-section-boxed).animated.sala-slide-in-right > .elementor-widget-container:after, .sala-elementor-loading:not(.elementor-section-boxed).animated.sala-slide-in-right > .elementor-widget-wrap:after, .sala-elementor-loading:not(.elementor-section-boxed).animated.sala-slide-in-right > .elementor-container:after { transform-origin: right center; transform: scaleX(0); } .sala-elementor-loading:not(.elementor-section-boxed).animated.sala-slide-in-left > .elementor-widget-container:after, .sala-elementor-loading:not(.elementor-section-boxed).animated.sala-slide-in-left > .elementor-widget-wrap:after, .sala-elementor-loading:not(.elementor-section-boxed).animated.sala-slide-in-left > .elementor-container:after { transform-origin: left center; transform: scaleX(0); } .sala-elementor-loading:not(.elementor-section-boxed).animated.sala-slide-in-up > .elementor-widget-container:after, .sala-elementor-loading:not(.elementor-section-boxed).animated.sala-slide-in-up > .elementor-widget-wrap:after, .sala-elementor-loading:not(.elementor-section-boxed).animated.sala-slide-in-up > .elementor-container:after { transform-origin: left top; transform: scaleY(0); } .sala-elementor-loading.elementor-section-boxed { overflow: hidden; } .sala-elementor-loading.elementor-section-boxed .elementor-invisible { visibility: visible; } .sala-elementor-loading.elementor-section-boxed:after { content: ''; background-color: #0057fc; position: absolute; right: 0; top: 0; left: 0; bottom: 0; transform: scaleX(1); transform-origin: right center; transition: transform 0.6s cubic-bezier(0.7, 0.085, 0.79, 0.415); will-change: transform; z-index: 1; } .sala-elementor-loading.elementor-section-boxed > .elementor-container { transition: transform 0.6s cubic-bezier(0.7, 0.085, 0.79, 0.415) 0.35s !important; } .sala-elementor-loading.elementor-section-boxed .elementor-wrapper { opacity: 0; transition: transform 0.6s cubic-bezier(0.7, 0.085, 0.79, 0.415) 0.35s; will-change: transform; } .sala-elementor-loading.elementor-section-boxed.sala-slide-in-up:after { transform-origin: left bottom; } .sala-elementor-loading.elementor-section-boxed.sala-slide-in-up > .elementor-container { transform: translate3d(0, 100%, 0) !important; } .sala-elementor-loading.elementor-section-boxed.sala-slide-in-up .elementor-wrapper { transform: translate3d(0, 100%, 0); } .sala-elementor-loading.elementor-section-boxed.sala-slide-in-left:after { transform-origin: left center; } .sala-elementor-loading.elementor-section-boxed.sala-slide-in-left > .elementor-container { transform: translate3d(100%, 0, 0) !important; } .sala-elementor-loading.elementor-section-boxed.sala-slide-in-left .elementor-wrapper { transform: translate3d(100%, 0, 0); } .sala-elementor-loading.elementor-section-boxed.sala-slide-in-right:after { transform-origin: right center; } .sala-elementor-loading.elementor-section-boxed.sala-slide-in-right > .elementor-container { transform: translate3d(-100%, 0, 0) !important; } .sala-elementor-loading.elementor-section-boxed.sala-slide-in-right .elementor-wrapper { transform: translate3d(-100%, 0, 0); } .sala-elementor-loading.elementor-section-boxed.sala-slide-in-down:after { transform-origin: left top; } .sala-elementor-loading.elementor-section-boxed.sala-slide-in-down > .elementor-container { transform: translate3d(0, -100%, 0) !important; } .sala-elementor-loading.elementor-section-boxed.sala-slide-in-down .elementor-wrapper { transform: translate3d(0, -100%, 0); } .sala-elementor-loading.elementor-section-boxed.animated:after { transition: transform 0.8s cubic-bezier(0.565, 0.43, 0.24, 0.92) 0.45s; } .sala-elementor-loading.elementor-section-boxed.animated > .elementor-container { transform: translate3d(0, 0, 0) !important; transition: transform 0.6s cubic-bezier(0.565, 0.43, 0.24, 0.92) 0.2s !important; } .sala-elementor-loading.elementor-section-boxed.animated .elementor-wrapper { opacity: 1; transform: translate3d(0, 0, 0); transition: transform 0.6s cubic-bezier(0.565, 0.43, 0.24, 0.92); } .sala-elementor-loading.elementor-section-boxed.animated.sala-slide-in-down:after { transform-origin: left bottom; transform: scaleY(0); } .sala-elementor-loading.elementor-section-boxed.animated.sala-slide-in-right:after { transform-origin: right center; transform: scaleX(0); } .sala-elementor-loading.elementor-section-boxed.animated.sala-slide-in-left:after { transform-origin: left center; transform: scaleX(0); } .sala-elementor-loading.elementor-section-boxed.animated.sala-slide-in-up:after { transform-origin: left top; transform: scaleY(0); } .sala-view-demo .sala-grid .grid-item { opacity: 1; } /* Entrance Grid Animation */ .sala-grid .grid-item { opacity: 0; transform: translate3d(0, 30px, 0); } .sala-grid .grid-item.animate { transform: none; opacity: 1; transition: transform 1s ease-in-out, opacity 1s linear; } @-webkit-keyframes moveHorizontal { 0% { } 100% { -webkit-transform: translateX(0); opacity: 1; } } @keyframes moveHorizontal { 0% { } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .sala-jump { --float-animation-ease: ease; animation: lqdFIFloatOne 1s var(--float-animation-ease) infinite alternate; } .sala-elementor-loading.sala-jump:not(.elementor-section-boxed) > .elementor-widget-container::after { background-color: transparent; } @keyframes lqdFIFloatOne { 0% { transform: translateY(0); } 100% { transform: translateY(-3%); } } body:not(.elementor-editor-active) .sala-grid .grid-item.type-portfolio { opacity: 1; overflow: hidden; } body:not(.elementor-editor-active) .sala-grid .grid-item.type-portfolio:before, body:not(.elementor-editor-active) .sala-grid .grid-item.type-portfolio:after { content: ''; position: absolute; background-color: #ffffff; z-index: 9; width: 50%; height: 100%; top: 0%; bottom: auto; transition: all 1s; transition-delay: 0.3s; } body:not(.elementor-editor-active) .sala-grid .grid-item.type-portfolio:before { left: 0%; right: auto; } body:not(.elementor-editor-active) .sala-grid .grid-item.type-portfolio:after { right: 0%; left: auto; } body:not(.elementor-editor-active) .sala-grid .grid-item.type-portfolio.animate:before { display: flex; transform: translate3d(-100%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg); transform-style: preserve-3d; } body:not(.elementor-editor-active) .sala-grid .grid-item.type-portfolio.animate:after { display: flex; transform: translate3d(100%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg); transform-style: preserve-3d; } body:not(.elementor-editor-active) .sala-grid .grid-item.type-post { opacity: 0; transform: translate3d(0, 30px, 0); } body:not(.elementor-editor-active) .sala-grid .grid-item.type-post.animate { transform: none; opacity: 1; transition: transform 1s ease-in-out, opacity 1s linear; } .fal, .far { font-family: "Font Awesome 5 Pro" !important; } .elementor-widget-heading .elementor-heading-title { margin-bottom: 0; } .elementor-heading-title mark { position: relative; display: inline-block; z-index: 2; } .elementor-heading-title mark:after { content: ''; position: absolute; bottom: -3px; left: 0; right: 0; height: 4px; background-color: #0057fc; z-index: -1; } .elementor-widget-sala-image-carousel .image img { object-fit: cover; } #img100 img { width: 100%; } body.admin-bar .elementor-element.sticky { position: sticky; top: 72px; } .no-prefix .elementor-counter .elementor-counter-number-prefix { display: none; } .suffix-color .elementor-counter .elementor-counter-number-suffix span { color: #0057fc; } .counter-left .elementor-counter .elementor-counter-title { text-align: left; } .elementor-element.sticky { position: sticky; top: 40px; } .devider-right { position: relative; } .devider-right:after { content: ''; position: absolute; top: 0; right: -90px; bottom: 0; background: radial-gradient(circle at 224% 25%, rgba(255, 255, 255, 0) 67%, rgba(255, 255, 255, 0) 50%, #0057fc 50%, #0057fc 100%); background-size: 200% 200%; height: 100%; width: 200px; z-index: 1; } .text-rotate, .socials-rotate { transform: rotate(90deg); position: relative; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; } .socials-rotate { -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } .text-rotate:after, .socials-rotate li:after { content: ''; height: 1px; width: 64px; display: inline-block; background-color: #111111; position: absolute; left: 100%; top: 8px; margin-left: 10px; } .socials-rotate li { position: relative; } .socials-rotate li:last-child:after { content: ''; display: none; } .socials-rotate li:after { width: 26px; top: 11px; } .fit-screen .elementor-column, .fit-screen .elementor-widget-wrap { position: static; } .elementor-widget-button.text-underline .elementor-button-text { border-bottom: 1px solid #111111; padding-bottom: 2px; } .elementor-invisible { transform-origin: 0 0; } .carousel-visible-right .swiper-container { overflow: visible; } .carousel-visible-right .swiper-slide { opacity: 0; transform: all 0.3s; } .carousel-visible-right .swiper-slide.swiper-slide-visible { opacity: 1; } .carousel-visible-right .swiper-slide.swiper-slide-visible + .swiper-slide { opacity: 1; } .full-half > .elementor-container > .elementor-column:first-child, .full-half > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; } .full-half .content-abs { position: absolute; left: 15px; right: 15px; } .fullheight { height: 100%; } .fullheight > .elementor-widget-container { height: 100%; } .elementor-section .elementor-column > .elementor-widget-wrap > .elementor-element.elementor-absolute { padding: initial; } svg { width: auto; height: auto; max-width: 100%; } .sala-list-footer.sala-list-layout-inline .sala-list { margin-left: 0; margin-right: 0; } .sala-list-footer.sala-list-layout-inline .sala-list .item { margin-bottom: 0; } .site-footer .sala-list a { position: relative; } .site-footer .sala-list a:after { content: ''; position: absolute; left: 0; top: 100%; width: 100%; border-top-width: 1px; border-top-style: solid; transform: scaleX(0); transform-origin: right center; transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .site-footer .sala-list a:hover:after { transform: scaleX(1); transform-origin: left center; } @media only screen and (max-width: 1024px) { .devider-right:after { background-size: 170% 200%; } } @media only screen and (max-width: 767px) { body .devider-right:after { content: ''; display: none; } body .sala-mailchimp-form label:after { display: none; } body .sala-pricing-plan .toggle-wrap .discount .discount-text { left: -105px; top: -50px; } body .sala-mailchimp-form-style-02 .sala-mailchimp-form input { padding: 0 20px; height: 48px; line-height: 48px; } body .sala-mailchimp-form-style-02 form input[type="submit"] { position: static; width: 100%; margin-top: 10px; } body .sala-pricing-style-01 .sala-pricing-currency, body .sala-pricing-style-01 .sala-pricing-price { font-size: 42px; } body .sala-pricing-style-01 .sala-pricing-period { margin-bottom: 0; } } .sala-grid-filter { padding-bottom: 61px; } .sala-grid-filter .container { padding-left: 0; padding-right: 0; } .sala-grid-wrapper .sala-grid-filter-buttons { margin-left: -15px; margin-right: -15px; } .sala-grid-wrapper.filter-style-01 .btn-filter { position: relative; display: inline-block; padding: 0; margin: 5px 17px; color: inherit; border-bottom: 1px solid transparent; } .sala-grid-wrapper.filter-style-01 .btn-filter:hover .filter-counter { visibility: visible; opacity: 1; transform: translate(-50%, -100%); } .sala-grid-wrapper.filter-style-01 .btn-filter.current { border-color: currentColor; } .sala-grid-wrapper.filter-style-01 .btn-filter.current .filter-text { font-weight: 500; } .sala-grid-wrapper.filter-style-01 .filter-text { font-size: 12px; font-weight: 500; line-height: 1.34; text-transform: uppercase; letter-spacing: 1.38px; } .sala-grid-wrapper.filter-style-01 .filter-counter { position: absolute; top: 0; left: 50%; visibility: hidden; margin: 0 auto; min-width: 34px; height: 24px; line-height: 24px; border-radius: 3px; font-size: 12px; background-color: #111; color: #fff; text-align: center; opacity: 0; transform: translate(-50%, -50%); } .sala-grid-wrapper.filter-style-01 .filter-counter:before { position: absolute; right: 0; bottom: -4px; left: 0; display: block; margin: 0 auto; width: 0; height: 0; border-top: 4px solid #111; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .sala-grid-loader { position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: #111; background: rgba(255, 255, 255, 0.3); opacity: 0; visibility: hidden; pointer-events: none; display: flex; align-items: center; justify-content: center; } .sala-grid-loader.show { pointer-events: auto; z-index: 2; opacity: 1; visibility: visible; } .sala-grid-loader .sk-wrap { margin: 0 auto; } .sala-grid-loader .sk-circle { width: 80px; height: 80px; } .sala-infinite-loader { display: none; margin: 0; } .sala-infinite-loader .sk-wrap { margin: 0 auto; } .sala-infinite-loader.show { display: inline-block; } .sala-grid-pagination { padding-top: 50px; text-align: center; } .sala-grid-pagination .pagination-wrapper { display: inline-block; } .sala-grid-pagination .page-pagination { display: inline-block; } .sala-grid-pagination .navigation-buttons { display: flex; align-items: center; color: #111; } .sala-grid-pagination .navigation-buttons .nav-line { width: 150px; height: 1px; flex-shrink: 0; background: currentColor; margin: 0 30px; } .sala-grid-pagination .navigation-buttons .nav-link { user-select: none; cursor: pointer; font-size: 34px; line-height: 1.2; font-weight: 500; } .sala-grid-pagination .navigation-buttons .disabled { opacity: .5; cursor: not-allowed; } .sala-load-more-button.sala-button { min-width: 250px; } .sala-load-more-button.sala-button.style-border { border-color: #eee; } .sala-load-more-button.sala-button.style-border:hover { border-color: transparent; } .sala-grid-messages { margin: 50px 0; text-align: center; } .sala-grid-sorting { margin-bottom: 10px; } .sala-grid-sorting .result-count { margin: 0 0 20px; color: #7e7e7e; } .sala-grid-sorting .result-count .count { font-weight: 500; color: #333; } .sala-grid-sorting .ordering { text-align: right; margin: 0 0 20px; } .sala-grid-sorting .ordering .sala-fake-select-wrap { width: 260px; } .sala-grid-sorting .ordering .sala-fake-select-current .label:before { content: '\f036'; vertical-align: middle; font-size: 16px; } .sala-grid-metro .grid-item-height .sala-box, .sala-grid-metro .grid-item-height .sala-image { height: 100%; } .sala-grid-metro .grid-item-height .sala-image img { width: 100%; height: 100%; object-fit: cover; } .lazy-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; } .lazy-grid .grid-sizer { display: none; } .lazy-grid.loaded { display: block; } .lazy-grid.loaded .grid-sizer { display: block; } @media (max-width: 767.98px) { .sala-grid-wrapper .sala-grid-filter-buttons { display: block; } .sala-grid-sorting { text-align: left; } .sala-grid-sorting .ordering { text-align: left; } } .sala-accordion .accordion-section.active > .accordion-header .closed-icon { display: block; } .sala-accordion .accordion-section.active > .accordion-header .opened-icon { display: none; } .sala-accordion .accordion-header { display: flex; align-items: center; min-height: 60px; cursor: pointer; } .sala-accordion .accordion-title-wrapper { font-size: 0; flex-grow: 1; } .sala-accordion .accordion-title { display: inline-block; margin-bottom: 0; color: inherit; font-size: 18px; } .sala-accordion .accordion-icons { font-size: 20px; color: #8c89a2; flex-shrink: 0; margin: 0 0 0 10px; line-height: 0; } .sala-accordion .accordion-icons .closed-icon { display: none; } .sala-accordion .accordion-content { display: none; color: #7e7e7e; } .sala-accordion.sala-accordion-icon-left .accordion-header { flex-direction: row-reverse; } .sala-accordion.sala-accordion-icon-left .accordion-icons { margin-left: 0; margin: 0 10px 0 0; } .sala-accordion-style-01 .sala-accordion .accordion-section { border-radius: 5px; overflow: hidden; background: #aca7a7; box-shadow: 0 15px 50px rgba(51, 51, 51, 0.1); } .sala-accordion-style-01 .sala-accordion .accordion-section + .accordion-section { margin: 30px 0 0; } .sala-accordion-style-01 .sala-accordion .accordion-header { padding: 10px 20px; } .sala-accordion-style-01 .sala-accordion .accordion-content { line-height: 1.6; padding: 25px 30px; } .sala-accordion-style-02 .sala-accordion .accordion-title { font-weight: 600; } .sala-accordion-style-02 .sala-accordion .accordion-section { border: 1px solid #eee; border-radius: 5px; overflow: hidden; } .sala-accordion-style-02 .sala-accordion .accordion-section + .accordion-section { margin: 30px 0 0; } .sala-accordion-style-02 .sala-accordion .accordion-section.active, .sala-accordion-style-02 .sala-accordion .accordion-section:hover { background-color: #F9F9F9; } .sala-accordion-style-02 .sala-accordion .accordion-section.active { background: #fff; box-shadow: 0 18px 40px rgba(51, 51, 51, 0.1); } .sala-accordion-style-02 .sala-accordion .accordion-header { padding: 10px 20px; } .sala-accordion-style-02 .sala-accordion .accordion-content { padding: 10px 20px 20px; } .sala-accordion-style-03 .sala-accordion .accordion-section { border-bottom: 1px solid #eee; padding: 9px 0; } .sala-accordion-style-03 .sala-accordion .accordion-header { min-height: 64px; } .sala-accordion-style-03 .sala-accordion .accordion-title { font-size: 24px; font-weight: 600; } .sala-accordion-style-03 .sala-accordion .accordion-icons { font-size: 24px; } .sala-accordion-style-03 .sala-accordion .accordion-content { padding: 0 0 25px; } .sala-accordion-style-04 .sala-accordion .accordion-title { font-weight: 600; transition: all 0.3s; } .sala-accordion-style-04 .sala-accordion .accordion-section { border: 1px solid #eee; border-radius: 5px; overflow: hidden; } .sala-accordion-style-04 .sala-accordion .accordion-section + .accordion-section { margin: 10px 0 0; } .sala-accordion-style-04 .sala-accordion .accordion-section:hover, .sala-accordion-style-04 .sala-accordion .accordion-section.active { background: #0057fc; } .sala-accordion-style-04 .sala-accordion .accordion-header { padding: 10px 20px; } .sala-accordion-style-04 .sala-accordion .accordion-content { padding: 10px 20px 20px; } .sala-accordion-style-05 .sala-accordion .accordion-title { font-weight: 600; transition: all 0.3s; } .sala-accordion-style-05 .sala-accordion .accordion-section { border: 1px solid transparent; border-radius: 5px; overflow: hidden; } .sala-accordion-style-05 .sala-accordion .accordion-section + .accordion-section { margin: 10px 0 0; } .sala-accordion-style-05 .sala-accordion .accordion-section:hover, .sala-accordion-style-05 .sala-accordion .accordion-section.active { border-color: #0057fc; } .sala-accordion-style-05 .sala-accordion .accordion-header { padding: 10px 20px; } .sala-accordion-style-05 .sala-accordion .accordion-content { padding: 10px 20px 20px; } body.sala-dark-scheme .accordion-icons { color: #ffffff; } body.sala-dark-scheme .sala-accordion-style-01 .sala-accordion .accordion-section { background: #333333; } body.sala-dark-scheme .sala-accordion-style-02 .sala-accordion .accordion-section { border: 1px solid #333333; } body.sala-dark-scheme .sala-accordion-style-02 .sala-accordion .accordion-section.active, body.sala-dark-scheme .sala-accordion-style-02 .sala-accordion .accordion-section:hover { background-color: #333333; } body.sala-dark-scheme .sala-accordion-style-02 .sala-accordion .accordion-section.active { background: #333333; } body.sala-dark-scheme .sala-accordion-style-03 .sala-accordion .accordion-section { border-bottom: 1px solid #333333; padding: 9px 0; } body.sala-dark-scheme .sala-accordion-style-04 .sala-accordion .accordion-section { border-color: #333333; } @media (max-width: 1024px) { .sala-accordion-style-03 .sala-accordion .accordion-title { font-size: 21px; } } @media (max-width: 767px) { .sala-accordion-style-03 .sala-accordion .accordion-title { font-size: 18px; } } .sala-atropos { display: inline-block; } .sala-atropos > img { width: 100%; } .sala-atropos .atropos-item { position: absolute; top: 0; left: 0; } .sala-circle-progress-chart .chart-number { margin-bottom: 0; } .sala-circle-progress-chart .sala-svg { line-height: 0; } .sala-circle-progress-chart .sala-svg * { stroke: currentColor; } .sala-circle-progress-chart .chart-wrap { line-height: 0; } .sala-circle-progress-chart .chart { position: relative; display: inline-block; width: 214px; height: 214px; } .sala-circle-progress-chart .chart canvas { position: absolute; top: 0; left: 0; } .sala-circle-progress-chart .inner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .sala-circle-progress-chart .chart-number { font-size: 24px; font-weight: 500; color: #111; margin-bottom: 0; } .wpcf7 .wpcf7-response-output { margin: 30px 0 0; padding: 15px 20px; border: 0; color: #fff; } .wpcf7 .wpcf7-validation-errors { background: #f0ad4e; } .wpcf7 .wpcf7-mail-sent-ok { background: #5cb85c; } .wpcf7 .wpcf7-not-valid-tip { margin-top: 5px; color: #d9534f; font-size: 12px; } .sala-contact-form-7 .wpcf7-form p { position: relative; } .sala-contact-form-7 .wpcf7-form br { display: none; } .sala-contact-form-7 label, .sala-contact-form-7 span { display: block; } .sala-contact-form-7 label { font-size: 16px; color: #111111; } .sala-contact-form-7 input, .sala-contact-form-7 input[type="tel"], .sala-contact-form-7 textarea { border-radius: 0; border: 0; width: 100%; resize: none; height: 42px; line-height: 42px; min-height: auto; padding: 0 15px; margin-top: 8px; } .sala-contact-form-7 input::-webkit-input-placeholder, .sala-contact-form-7 textarea::-webkit-input-placeholder { /* Edge */ color: #999999; } .sala-contact-form-7 input:-ms-input-placeholder, .sala-contact-form-7 textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999999; } .sala-contact-form-7 input::placeholder, .sala-contact-form-7 textarea::placeholder { color: #999999; } .sala-contact-form-7 input[type="submit"] { padding: 0 28px; border-radius: 3px; background-color: #111111; font-size: 16px; font-weight: 500; width: auto; border: 0; color: #fff; cursor: pointer; margin-top: 0; height: auto; line-height: normal; } .sala-contact-form-7 textarea { height: 80px; } .sala-contact-form-7 .wpcf7-textarea { height: 150px; } .sala-contact-form-7 .ajax-loader { display: none !important; } .sala-contact-form-7 .form-submit { text-align: center; display: flex; } .sala-button-align-start .form-submit { justify-content: flex-start; } .sala-button-align-center .form-submit { justify-content: center; } .sala-button-align-end .form-submit { justify-content: flex-end; } .sala-button-align-stretch .form-submit input[type='submit'], .sala-button-align-stretch .form-submit button { text-align: center; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .sala-contact-form-style-01 form { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .sala-contact-form-style-01 form p:nth-child(2), .sala-contact-form-style-01 form p:nth-child(3), .sala-contact-form-style-01 form p:nth-child(4), .sala-contact-form-style-01 form p:nth-child(5) { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 15px; } .sala-contact-form-style-01 form p:nth-child(6), .sala-contact-form-style-01 form p:nth-child(7) { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 15px; } .sala-contact-form-style-01 form p.form-submit { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: auto; } @media only screen and (max-width: 576px) { .sala-contact-form-style-01 form p:nth-child(2), .sala-contact-form-style-01 form p:nth-child(3), .sala-contact-form-style-01 form p:nth-child(4), .sala-contact-form-style-01 form p:nth-child(5) { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 15px; } } .sala-flip-box { min-height: 280px; position: relative; -webkit-perspective: 1000px; perspective: 1000px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; /** * Default back side background is dark then * Reset all buttons style to light skin. */ } .sala-flip-box .layer { position: absolute; width: 100%; height: 100%; -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; text-align: center; } .sala-flip-box .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .sala-flip-box .layer-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; } .sala-flip-box .layer-content { padding: 35px; width: 100%; } .sala-flip-box .image { margin: 0 0 20px 0; display: inline-block; width: 100%; } .sala-flip-box .image img { width: 50%; } .sala-flip-box .sala-icon-wrap, .sala-flip-box .heading-wrap { line-height: 0; } .sala-flip-box .sala-icon-wrap { margin-bottom: 30px; } .sala-flip-box .sala-icon-view { display: inline-block; font-size: 60px; } .sala-flip-box .icon { color: #fff; } .sala-flip-box .sala-svg-icon { width: 60px; } .sala-flip-box .heading { display: inline-block; color: #fff; font-size: 26px; margin-bottom: 0; } .sala-flip-box .description-wrap { margin-top: 20px; } .sala-flip-box .description { color: #fff; font-size: 16px; line-height: 1.875; } .sala-flip-box .sala-button-wrapper { margin: 40px 0 0; } .sala-flip-box .sala-button.style-flat { color: #111; } .sala-flip-box .sala-button.style-flat:hover { color: #fff; } .sala-flip-box .sala-button.style-flat:before { background: #fff; } .sala-flip-box .sala-button.style-text { color: #fff; padding-bottom: 0; } .sala-flip-box .sala-button.style-left-line, .sala-flip-box .sala-button.style-bottom-line { color: #fff; } .sala-flip-box .sala-button.style-left-line .button-content-wrapper:before, .sala-flip-box .sala-button.style-bottom-line .button-content-wrapper:before { background: rgba(255, 255, 255, 0.4); } .sala-flip-box .sala-button.style-left-line .button-content-wrapper:after, .sala-flip-box .sala-button.style-bottom-line .button-content-wrapper:after { background: #fff; } .sala-flip-box .sala-button.style-border, .sala-flip-box .sala-button.style-thick-border { border-color: #fff; color: #fff; } .sala-flip-box .sala-button.style-border:hover, .sala-flip-box .sala-button.style-thick-border:hover { color: #111; } .sala-flip-box .sala-button.style-border:after, .sala-flip-box .sala-button.style-thick-border:after { background: #fff; } @media (max-device-width: 1024px) { .sala-flip-box { cursor: pointer; } } .front-side { background-color: #111; } .back-side { background-color: #5758e0; box-shadow: 0 40px 40px -40px rgba(51, 51, 51, 0.13); display: block; } .elementor-flip-box__button.elementor-button { cursor: pointer; -ms-flex-item-align: center; align-self: center; margin-left: auto; margin-right: auto; border: solid 2px white; color: white; background: transparent; } .elementor-flip-box__button.elementor-button:hover { background: transparent; text-decoration: none; } .sala-flip-box--3d .layer-inner { -webkit-transform: translateZ(90px) scale(0.91); transform: translateZ(90px) scale(0.91); } .sala-flip-box--3d .overlay { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(0.1px); transform: translateZ(0.1px); } .sala-flip-box--effect-flip .sala-flip-box { -webkit-perspective: 1000px; perspective: 1000px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .sala-flip-box--effect-flip .sala-flip-box:hover .back-side { -webkit-transform: none; -ms-transform: none; transform: none; } .sala-flip-box--effect-flip .layer { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .sala-flip-box--effect-flip .front-side { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 1; } .sala-flip-box--effect-flip.sala-flip-box--direction-right .back-side { -webkit-transform: rotateX(0) rotateY(-180deg); transform: rotateX(0) rotateY(-180deg); } .sala-flip-box--effect-flip.sala-flip-box--direction-right .sala-flip-box:hover .front-side { -webkit-transform: rotateX(0) rotateY(180deg); transform: rotateX(0) rotateY(180deg); } .sala-flip-box--effect-flip.sala-flip-box--direction-left .back-side { -webkit-transform: rotateX(0) rotateY(180deg); transform: rotateX(0) rotateY(180deg); } .sala-flip-box--effect-flip.sala-flip-box--direction-left .sala-flip-box:hover .front-side { -webkit-transform: rotateX(0) rotateY(-180deg); transform: rotateX(0) rotateY(-180deg); } .sala-flip-box--effect-flip.sala-flip-box--direction-up .back-side { -webkit-transform: rotateX(-180deg) rotateY(0); transform: rotateX(-180deg) rotateY(0); } .sala-flip-box--effect-flip.sala-flip-box--direction-up .sala-flip-box:hover .front-side { -webkit-transform: rotateX(180deg) rotateY(0); transform: rotateX(180deg) rotateY(0); } .sala-flip-box--effect-flip.sala-flip-box--direction-down .back-side { -webkit-transform: rotateX(180deg) rotateY(0); transform: rotateX(180deg) rotateY(0); } .sala-flip-box--effect-flip.sala-flip-box--direction-down .sala-flip-box:hover .front-side { -webkit-transform: rotateX(-180deg) rotateY(0); transform: rotateX(-180deg) rotateY(0); } .sala-flip-box--effect-push .front-side { -webkit-transform: none; -ms-transform: none; transform: none; } .sala-flip-box--effect-push.sala-flip-box--direction-right .sala-flip-box:hover .front-side { -webkit-transform: translateX(100%) translateY(0); -ms-transform: translateX(100%) translateY(0); transform: translateX(100%) translateY(0); } .sala-flip-box--effect-push.sala-flip-box--direction-left .sala-flip-box:hover .front-side { -webkit-transform: translateX(-100%) translateY(0); -ms-transform: translateX(-100%) translateY(0); transform: translateX(-100%) translateY(0); } .sala-flip-box--effect-push.sala-flip-box--direction-up .sala-flip-box:hover .front-side { -webkit-transform: translateX(0) translateY(-100%); -ms-transform: translateX(0) translateY(-100%); transform: translateX(0) translateY(-100%); } .sala-flip-box--effect-push.sala-flip-box--direction-down .sala-flip-box:hover .front-side { -webkit-transform: translateX(0) translateY(100%); -ms-transform: translateX(0) translateY(100%); transform: translateX(0) translateY(100%); } .sala-flip-box--effect-slide .sala-flip-box, .sala-flip-box--effect-push .sala-flip-box { overflow: hidden; } .sala-flip-box--effect-slide .sala-flip-box:hover .back-side, .sala-flip-box--effect-push .sala-flip-box:hover .back-side { -webkit-transform: none; -ms-transform: none; transform: none; } .sala-flip-box--effect-slide.sala-flip-box--direction-right .back-side, .sala-flip-box--effect-push.sala-flip-box--direction-right .back-side { -webkit-transform: translateX(-100%) translateY(0); -ms-transform: translateX(-100%) translateY(0); transform: translateX(-100%) translateY(0); } .sala-flip-box--effect-slide.sala-flip-box--direction-left .back-side, .sala-flip-box--effect-push.sala-flip-box--direction-left .back-side { -webkit-transform: translateX(100%) translateY(0); -ms-transform: translateX(100%) translateY(0); transform: translateX(100%) translateY(0); } .sala-flip-box--effect-slide.sala-flip-box--direction-up .back-side, .sala-flip-box--effect-push.sala-flip-box--direction-up .back-side { -webkit-transform: translateX(0) translateY(100%); -ms-transform: translateX(0) translateY(100%); transform: translateX(0) translateY(100%); } .sala-flip-box--effect-slide.sala-flip-box--direction-down .back-side, .sala-flip-box--effect-push.sala-flip-box--direction-down .back-side { -webkit-transform: translateX(0) translateY(-100%); -ms-transform: translateX(0) translateY(-100%); transform: translateX(0) translateY(-100%); } .sala-flip-box--effect-zoom-out .sala-flip-box .front-side { -webkit-transition: opacity 0.35s, width 0.1ms, -webkit-transform 0.7s; transition: opacity 0.35s, width 0.1ms, -webkit-transform 0.7s; -o-transition: transform 0.7s, opacity 0.35s, width 0.1ms; transition: transform 0.7s, opacity 0.35s, width 0.1ms; transition: transform 0.7s, opacity 0.35s, width 0.1ms, -webkit-transform 0.7s; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); z-index: 1; width: 100%; } .sala-flip-box--effect-zoom-out .sala-flip-box:hover .front-side { width: 0; opacity: 0; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-transition: opacity 0.7s 0.1s, width 0.1ms 0.7s, -webkit-transform 0.8s; transition: opacity 0.7s 0.1s, width 0.1ms 0.7s, -webkit-transform 0.8s; -o-transition: transform 0.8s, opacity 0.7s 0.1s, width 0.1ms 0.7s; transition: transform 0.8s, opacity 0.7s 0.1s, width 0.1ms 0.7s; transition: transform 0.8s, opacity 0.7s 0.1s, width 0.1ms 0.7s, -webkit-transform 0.8s; } .sala-flip-box--effect-zoom-in .sala-flip-box .back-side { -webkit-transition: opacity 0.5s 0.2s, -webkit-transform 0.7s; transition: opacity 0.5s 0.2s, -webkit-transform 0.7s; -o-transition: transform 0.7s, opacity 0.5s 0.2s; transition: transform 0.7s, opacity 0.5s 0.2s; transition: transform 0.7s, opacity 0.5s 0.2s, -webkit-transform 0.7s; opacity: 0; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .sala-flip-box--effect-zoom-in .sala-flip-box:hover .back-side { -webkit-transition: opacity 0.5s, -webkit-transform 0.7s; transition: opacity 0.5s, -webkit-transform 0.7s; -o-transition: transform 0.7s, opacity 0.5s; transition: transform 0.7s, opacity 0.5s; transition: transform 0.7s, opacity 0.5s, -webkit-transform 0.7s; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .sala-flip-box--effect-fade .sala-flip-box .back-side { opacity: 0; } .sala-flip-box--effect-fade .sala-flip-box:hover .back-side { opacity: 1; } .sala-form-location .field-select { position: relative; margin-bottom: 18px; } .sala-form-location .field-select:after { content: ''; display: block; clear: both; } .sala-form-location .field-select .field-icon { position: absolute; top: 10px; left: 20px; z-index: 2; font-size: 24px; font-weight: 900; color: #111111; } .sala-form-location .field-select .form-input { height: auto; line-height: normal; padding: 20px 56px; border-color: #111111; font-size: 16px; font-weight: 500; color: #111111; border-radius: 3px; width: 100%; } .sala-form-location .field-select .form-input:after { border-bottom: 2px solid #111; border-right: 2px solid #111; height: 10px; width: 10px; margin-top: -8px; } .sala-form-location .form-submit button { width: 100%; background-color: #0057fc; border: 1px solid #0057fc; border-radius: 3px; } .sala-gradation { margin: 0 -15px; display: flex; flex-wrap: wrap; } .sala-gradation.column-1 .item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } .sala-gradation.column-2 .item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } .sala-gradation.column-3 .item { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; width: 33.3333%; } .sala-gradation.column-4 .item { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; } .sala-gradation.column-5 .item { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; } .sala-gradation.column-6 .item { -webkit-box-flex: 0; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; max-width: 16.6667%; width: 16.6667%; } .sala-gradation .count-wrap .count { text-align: center; line-height: 40px; height: 40px; background-color: #0057fc; display: inline-block; border-radius: 50%; width: 100%; font-size: 18px; font-weight: 500; color: #ffffff; } .sala-gradation .title { font-size: 24px; font-weight: 600; line-height: 1.33; margin-bottom: 0; } .sala-gradation .title ~ .description { margin-top: 9px; } .sala-gradation-style-01 .sala-gradation { margin: 0 -60px; } .sala-gradation-style-01 .sala-gradation .item { padding: 0 60px; position: relative; display: flex; justify-content: space-between; margin-bottom: 40px; flex-basis: auto; } .sala-gradation-style-01 .sala-gradation .item .count-wrap { width: 40px; margin-right: 20px; } .sala-gradation-style-01 .sala-gradation .item:after { content: ''; height: 1px; -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; max-width: 40px; width: 40px; background-color: #0057fc; display: block; position: absolute; top: 20px; right: -20px; } .sala-gradation-style-01 .sala-gradation .item:last-child:after { content: ''; display: none; } .sala-gradation-style-01 .sala-gradation.column-1 .item:after { content: ''; display: none; } .sala-gradation-style-01 .sala-gradation.column-2 .item:nth-child(2n):after { content: ''; display: none; } .sala-gradation-style-01 .sala-gradation.column-3 .item:nth-child(3n):after { content: ''; display: none; } .sala-gradation-style-01 .sala-gradation.column-4 .item:nth-child(4n):after { content: ''; display: none; } .sala-gradation-style-01 .sala-gradation.column-5 .item:nth-child(5n):after { content: ''; display: none; } .sala-gradation-style-01 .sala-gradation.column-6 .item:nth-child(6n):after { content: ''; display: none; } .sala-gradation-style-02 .item { padding: 0 15px; position: relative; display: flex; justify-content: space-between; margin-bottom: 30px; } .sala-gradation-style-02 .count-wrap { -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; max-width: 40px; margin-right: 20px; } .sala-gradation-style-02 .content-wrap { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 40px); flex: 0 0 calc(100% - 40px); max-width: calc(100% - 40px); } .elementor-widget-sala-icon-box .sala-icon-box { position: relative; display: block; width: 100%; /** * Hover background */ } .elementor-widget-sala-icon-box .sala-icon-box:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; visibility: hidden; opacity: 0; } .elementor-widget-sala-icon-box .sala-icon-box:hover:before { visibility: visible; opacity: 1; } .elementor-widget-sala-icon-box .sala-icon-box ul { margin: 0; } .elementor-widget-sala-icon-box .icon-box-wrapper { position: relative; z-index: 1; text-align: center; } .elementor-widget-sala-icon-box .icon-box-wrapper .sala-icon-wrap { margin: 0 auto; } .elementor-widget-sala-icon-box .heading, .elementor-widget-sala-icon-box .description { display: inline-block; } .elementor-widget-sala-icon-box .heading { font-size: 20px; margin-bottom: 0; } .elementor-widget-sala-icon-box .heading a { color: inherit; } .elementor-widget-sala-icon-box .sala-icon-box .sala-icon { color: #333; } .elementor-widget-sala-icon-box .sala-icon-box:hover .heading-divider:after { width: 100%; } .elementor-widget-sala-icon-box .heading-divider-wrap { margin-top: 27px; } .elementor-widget-sala-icon-box .heading-divider { position: relative; height: 3px; } .elementor-widget-sala-icon-box .heading-divider:before, .elementor-widget-sala-icon-box .heading-divider:after { content: ''; position: absolute; left: 0; top: 0; } .elementor-widget-sala-icon-box .heading-divider:before { width: 100%; height: 1px; top: 1px; background: #eee; } .elementor-widget-sala-icon-box .heading-divider:after { width: 0; height: 3px; left: 50%; transform: translate(-50%, 0); background: #111; } .elementor-widget-sala-icon-box .heading-wrap + .description-wrap { margin-top: 10px; } .elementor-widget-sala-icon-box .description { font-size: 15px; line-height: 1.74; } .elementor-widget-sala-icon-box .icon-box-content { flex-grow: 1; } .elementor-widget-sala-icon-box .sala-button-wrapper { margin: 34px 0 0; line-height: 0; } .elementor-widget-sala-icon-box.sala-icon-box-style-01 .sala-icon-box { padding: 32px 37px 48px; background: #fff; border-radius: 5px; } .elementor-widget-sala-icon-box.sala-icon-box-style-01 .sala-icon-box:hover { box-shadow: 0 0 40px rgba(51, 51, 51, 0.1); } .elementor-widget-sala-icon-box.sala-icon-box-style-01 .sala-icon-box .heading { font-size: 24px; font-weight: 500; line-height: 1.34; } .elementor-widget-sala-icon-box.sala-icon-box-style-01 .sala-icon-box .sala-button.style-text { color: #8c89a2; } .elementor-widget-sala-icon-box.sala-icon-box-style-01 .sala-icon, .elementor-widget-sala-icon-box.sala-icon-box-style-01 .sala-icon-view { font-size: 56px; } .elementor-widget-sala-icon-box.sala-icon-box-style-01 .heading-wrap + .description-wrap { margin-top: 18px; } .elementor-widget-sala-icon-box.sala-icon-box-style-02 .sala-icon-box { padding: 51px 35px 50px; } .elementor-widget-sala-icon-box.sala-icon-box-style-02 .sala-icon-box:after { pointer-events: none; content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #111; opacity: 0; visibility: hidden; } .elementor-widget-sala-icon-box.sala-icon-box-style-02 .sala-icon-box:hover { background: #fff; box-shadow: 0 16px 40px #ededed; } .elementor-widget-sala-icon-box.sala-icon-box-style-02 .sala-icon-box:hover:after { opacity: 1; visibility: visible; } .elementor-widget-sala-icon-box.sala-icon-box-style-03 .sala-icon-box .sala-icon-view, .elementor-widget-sala-icon-box.sala-icon-box-style-03 .sala-icon-box .sala-icon { font-size: 48px; } .elementor-widget-sala-icon-box.sala-icon-box-style-03 .sala-icon-box .heading { font-size: 24px; font-weight: 600; line-height: 1.5; } .elementor-widget-sala-icon-box.sala-icon-box-style-03 .sala-icon-box .description-wrap { margin-top: 12px; } @media (min-width: 768px) { .elementor-widget-sala-icon-box.elementor-position-left .icon-box-wrapper, .elementor-widget-sala-icon-box.elementor-position-right .icon-box-wrapper { display: flex; } .elementor-widget-sala-icon-box.elementor-position-left .sala-icon-wrap, .elementor-widget-sala-icon-box.elementor-position-right .sala-icon-wrap { display: inline-flex; flex: 0 0 auto; } .elementor-widget-sala-icon-box.elementor-position-left .heading-wrap + .description-wrap, .elementor-widget-sala-icon-box.elementor-position-right .heading-wrap + .description-wrap { margin-top: 17px; } .elementor-widget-sala-icon-box.elementor-position-left.sala-icon-box-style-03 .heading-wrap + .description-wrap, .elementor-widget-sala-icon-box.elementor-position-right.sala-icon-box-style-03 .heading-wrap + .description-wrap { margin-top: 10px; } .elementor-widget-sala-icon-box.elementor-position-right .icon-box-wrapper { text-align: right; flex-direction: row-reverse; } .elementor-widget-sala-icon-box.elementor-position-right .sala-icon-wrap { margin-left: 20px; } .elementor-widget-sala-icon-box.elementor-position-right.sala-icon-box-style-03 .sala-icon-wrap { margin-left: 35px; } .elementor-widget-sala-icon-box.elementor-position-left .icon-box-wrapper { text-align: left; flex-direction: row; } .elementor-widget-sala-icon-box.elementor-position-left .sala-icon-wrap { margin-right: 20px; } .elementor-widget-sala-icon-box.elementor-position-left.sala-icon-box-style-03 .sala-icon-wrap { margin-right: 35px; } .elementor-widget-sala-icon-box.elementor-position-top .sala-icon-wrap { margin-bottom: 24px; } .elementor-widget-sala-icon-box.elementor-vertical-align-top .icon-box-wrapper { align-items: flex-start; } .elementor-widget-sala-icon-box.elementor-vertical-align-middle .icon-box-wrapper { align-items: center; } .elementor-widget-sala-icon-box.elementor-vertical-align-bottom .icon-box-wrapper { align-items: flex-end; } } @media (max-width: 767px) { .elementor-widget-sala-icon-box .sala-icon-wrap { margin-left: auto !important; margin-right: auto !important; margin-bottom: 15px; } } @media (max-width: 767px) { .elementor-widget-sala-icon-box.sala-icon-box-style-01 .sala-icon-box { padding: 41px 30px 25px; } } .sala-icon-wrap { line-height: 0; } .sala-icon-view { display: inline-block; font-size: 60px; } .sala-icon { display: inline-block; text-align: center; font-size: 60px; line-height: 1; transition: all 0.3s; color: #818a91; } .sala-icon i, .sala-icon svg { width: 1em; height: 1em; position: relative; display: block; } .sala-icon i { background: inherit; } .sala-icon i:before { position: absolute; left: 50%; transform: translateX(-50%); } .sala-icon svg.svg-defs-gradient { position: absolute !important; width: 0 !important; height: 0 !important; } .sala-solid-icon svg *[stroke^="#"], .sala-solid-icon svg *[stroke^="url(#"] { stroke: currentColor; } .sala-solid-icon svg *[fill^="#"], .sala-solid-icon svg *[fill^="url(#"] { fill: currentColor; } .sala-icon-view.second { display: none !important; } .sala-view-stacked .sala-icon-view { padding: 0; text-align: center; background-color: #111; } .sala-view-bubble .sala-icon-view { position: relative; display: inline-block; padding-bottom: 21px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; } .sala-view-bubble .sala-icon-view { border-radius: 50%; background-image: linear-gradient(-225deg, rgba(241, 212, 211, 0.17) 15%, rgba(223, 169, 168, 0.17) 85%); } .sala-view-bubble .sala-icon-view.first { padding: .84em; } .sala-view-bubble .sala-icon-view.second { display: inline-block !important; padding: .28em; position: relative; bottom: 21px; margin-left: 22px; } .sala-shape-circle .sala-icon-view { border-radius: 50%; } .sala-image-box.image-position-left .content-wrap, .sala-image-box.image-position-right .content-wrap { display: flex; } .sala-image-box.image-position-right .sala-image { order: 2; } .sala-image-box.image-position-right .content { order: 1; } .sala-image-box.content-alignment-middle .content-wrap { align-items: center; } .sala-image-box.content-alignment-top .content-wrap { align-items: flex-start; } .sala-image-box.content-alignment-bottom .content-wrap { align-items: flex-end; } .sala-image-box .title { margin-bottom: 0; } .sala-image-box .description.divider { position: relative; padding-left: 32px; } .sala-image-box .description.divider:before { content: ''; height: 1px; width: 24px; background-color: #555555; display: block; position: absolute; top: 12px; left: 0; } .sala-image-box .sala-image img { display: inline-block; } .sala-image-box.style-02 .content-wrap { position: relative; } .sala-image-box.style-02 .content { position: absolute; left: 0; bottom: 0; right: 0; padding: 15px; } .sala-image-box.style-02 .content:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); } .sala-image-box.style-03 { text-align: center; padding: 90px 70px 90px 70px; background-color: #FFDD0F; position: relative; width: 100%; } .sala-image-box.style-03 svg { position: absolute; top: 0; left: 0; right: 0; } .sala-image-box.style-03 svg > * { fill: #fff; } .sala-image-box.style-03 .sala-image img { display: inline-block; } .job-item-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; } .job-item { background-color: #f9f9f9; padding: 32px; margin-bottom: 12px; } .job-item p { font-size: 18px; } .job-item h3 { font-size: 24px; font-weight: 600 !important; line-height: 1.33; margin-bottom: 8px; } .job-item h3 a { font-size: 24px; font-weight: 600 !important; line-height: 1.33; } .job-button a { font-size: 16px; background-color: #0057fc; padding: 9px 28px 9px 28px; color: #ffffff; border-radius: 3px; } .job-button a:hover { color: #ffffff; } .sala-list { font-size: 0; max-width: 100%; } .sala-list .item { font-size: 0; } .sala-list .list-header { display: flex; align-items: center; } .sala-list .link { display: inline-block; padding: 0; transition: none; } .sala-list .icon { flex-shrink: 0; font-size: 14px; margin-right: 10px; line-height: 1; } .sala-list .text { font-size: 15px; margin-bottom: 0; } .sala-list .badge { display: inline-block; border-radius: 2px; padding: 4px 8px 3px; background: #333; color: #fff; font-size: 11px; line-height: 1; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin: 0 0 0 7px; } .sala-list-layout-inline .sala-list { margin-left: -15px; margin-right: -15px; } .sala-list-layout-inline .sala-list .item { display: inline-block; padding: 0 15px; margin-bottom: 12px; } .sala-list-layout-columns .sala-list { position: relative; min-height: 1px; display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .sala-list-layout-columns .item { padding: 0 15px; flex-grow: 1; flex: 1 1 50%; } .sala-list-layout-columns .item:nth-child(2) ~ .item { margin-top: 11px; } .sala-list-style-icon-border .sala-icon { border: 2px solid currentColor; border-radius: 50%; padding: 0.313em; } .sala-mailchimp-form { max-width: 470px; width: 100%; display: inline-block; margin: 0 auto; } .sala-mailchimp-form label { display: block; position: relative; } .sala-mailchimp-form label:after { content: '\f061'; font-family: "Font Awesome 5 Pro"; font-weight: 500; position: absolute; right: 20px; top: 20px; font-size: 24px; color: #fff; z-index: 1; } .sala-mailchimp-form input { border-radius: 3px; border: solid 1px #fff; background-color: transparent; padding: 0 60px 0 30px; height: 80px; line-height: 78px; color: #fff; font-size: 16px; position: relative; z-index: 2; } .sala-mailchimp-form input[type="email"]:focus { background-color: transparent; border-color: #fff; color: #fff; } .sala-mailchimp-form input[type='email']::-webkit-input-placeholder { color: #fff; font-size: 16px; } .sala-mailchimp-form input[type='email']:-moz-placeholder { color: #fff; font-size: 16px; } .sala-mailchimp-form input[type='email']::-moz-placeholder { color: #fff; font-size: 16px; } .sala-mailchimp-form input[type='email']:-ms-input-placeholder { color: #fff; font-size: 16px; } .sala-mailchimp-form .mc4wp-alert.mc4wp-success { color: #41ff41; } .sala-mailchimp-form .mc4wp-alert.mc4wp-error { color: #ff3e3e; } .sala-mailchimp-form .mc4wp-alert.mc4wp-error a { color: #0057fc; } .sala-mailchimp-form-style-02 input[type='email']::-webkit-input-placeholder, .sala-mailchimp-form-style-03 input[type='email']::-webkit-input-placeholder { color: #111111; font-size: 16px; } .sala-mailchimp-form-style-02 input[type='email']:-moz-placeholder, .sala-mailchimp-form-style-03 input[type='email']:-moz-placeholder { color: #111111; font-size: 16px; } .sala-mailchimp-form-style-02 input[type='email']::-moz-placeholder, .sala-mailchimp-form-style-03 input[type='email']::-moz-placeholder { color: #111111; font-size: 16px; } .sala-mailchimp-form-style-02 input[type='email']:-ms-input-placeholder, .sala-mailchimp-form-style-03 input[type='email']:-ms-input-placeholder { color: #111111; font-size: 16px; } .sala-mailchimp-form-style-02 .mc4wp-form-fields h4, .sala-mailchimp-form-style-02 .mc4wp-form-fields p.desc, .sala-mailchimp-form-style-03 .mc4wp-form-fields h4, .sala-mailchimp-form-style-03 .mc4wp-form-fields p.desc { display: none; margin: 0; } .sala-mailchimp-form-style-02 .mc4wp-form-fields p, .sala-mailchimp-form-style-03 .mc4wp-form-fields p { margin: 0; } .sala-mailchimp-form-style-02 input[type="email"]:focus, .sala-mailchimp-form-style-03 input[type="email"]:focus { background-color: #fff; color: #111111; } .sala-mailchimp-form-style-02 .sala-mailchimp-form, .sala-mailchimp-form-style-03 .sala-mailchimp-form { max-width: 500px; } .sala-mailchimp-form-style-02 .sala-mailchimp-form input, .sala-mailchimp-form-style-03 .sala-mailchimp-form input { background-color: #fff; height: 60px; line-height: 60px; padding: 0 160px 0 30px; color: #111111; } .sala-mailchimp-form-style-02 form, .sala-mailchimp-form-style-03 form { position: relative; } .sala-mailchimp-form-style-02 form input[type="submit"], .sala-mailchimp-form-style-03 form input[type="submit"] { position: absolute; top: 5px; right: 6px; cursor: pointer; padding: 0 34px; height: 48px; line-height: 48px; color: #fff; border-color: #111111; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .sala-mailchimp-form-style-02 form input[type="submit"]:focus, .sala-mailchimp-form-style-02 form input[type="submit"]:hover, .sala-mailchimp-form-style-03 form input[type="submit"]:focus, .sala-mailchimp-form-style-03 form input[type="submit"]:hover { background-color: #1043B2; color: #fff; } .sala-mailchimp-form-style-03 .sala-mailchimp-form input { background-color: #f8f8f8; height: 48px; line-height: 48px; padding: 0 114px 0 16px; } .sala-mailchimp-form-style-03 input[type="email"]:focus { background-color: #f8f8f8; } .sala-mailchimp-form-style-03 form input[type="submit"] { position: absolute; top: 0; right: 0; cursor: pointer; padding: 0 16px; height: 48px; line-height: 48px; color: #fff; border-color: #0057fc; background-color: #0057fc; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .sala-mailchimp-form-style-03 .sala-mailchimp-form label:after { display: none; } .sala-modern-carousel .swiper-slide { overflow: visible !important; } .sala-modern-carousel .slide-tags { margin-bottom: 10px; } .sala-modern-carousel .slide-tag { display: inline-block; font-size: 12px; font-weight: 500; line-height: 1.4; text-transform: uppercase; letter-spacing: 1.38px; color: #1a1a1a; padding: 7px 13px 5px; margin-bottom: 5px; } .sala-modern-carousel .description-wrap { margin-top: 10px; } .sala-modern-carousel .slide-button.left-icon .button-icon { margin-right: 5px; } .sala-modern-carousel .slide-button.right-icon .button-icon { margin-left: 5px; } .sala-modern-carousel-style-01 .swiper-inner { margin: 0 -30px -60px; } .sala-modern-carousel-style-01 .swiper-container { padding: 0 30px 60px; } .sala-modern-carousel-style-01 .slide-wrapper { display: block; height: 100%; } .sala-modern-carousel-style-01 .slide-wrapper:hover .slide-image { box-shadow: 0 60px 40px -40px rgba(51, 51, 51, 0.41); } .sala-modern-carousel-style-01 .sala-icon { font-size: 36px; width: 120px; height: 120px; line-height: 120px; border: solid 1px #eeeeee; border-radius: 50%; margin: 0 auto; } .sala-modern-carousel-style-01 .slide-image { position: relative; height: 100%; } .sala-modern-carousel-style-01 .slide-image img { object-fit: cover; height: 100%; } .sala-modern-carousel-style-01 .slide-overlay { position: absolute; bottom: 0; left: 0; right: 0; height: 50%; background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, #000 100%); } .sala-modern-carousel-style-01 .slide-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: flex-end; } .sala-modern-carousel-style-01 .slide-layers { padding: 30px 35px 38px; } .sala-modern-carousel-style-01 .title { font-size: 22px; line-height: 1.46; color: #fff; margin-bottom: 0; } .sala-modern-carousel-style-01 .description { color: #fff; } .sala-modern-carousel-style-01 .button-wrap { margin: 10px 0 0; } .sala-modern-carousel-style-01 .slide-button { font-size: 14px; font-weight: 700; color: #fff; } .sala-modern-carousel-style-02 .swiper-inner { margin: 0 -30px -40px; } .sala-modern-carousel-style-02 .swiper-container { padding: 0 30px 40px; } .sala-modern-carousel-style-02 .swiper-slide-visible .slide-wrapper { box-shadow: 0 10px 30px rgba(51, 51, 51, 0.1); } .sala-modern-carousel-style-02 .sala-icon { font-size: 36px; width: 120px; height: 120px; line-height: 120px; border: solid 1px #eeeeee; border-radius: 50%; margin: 0 auto; } .sala-modern-carousel-style-02 .slide-wrapper { display: block; height: 100%; background: #fff; border-radius: 5px; } .sala-modern-carousel-style-02 .slide-wrapper:hover .slide-button { color: #fff; } .sala-modern-carousel-style-02 .slide-wrapper:hover .slide-button:after { transform: none; } .sala-modern-carousel-style-02 .slide-image { position: relative; border-radius: 5px 5px 0 0; overflow: hidden; } .sala-modern-carousel-style-02 .slide-layers { padding: 30px 35px 86px; } .sala-modern-carousel-style-02 .title { font-size: 24px; font-weight: 600; line-height: 1.34; margin-bottom: 0; } .sala-modern-carousel-style-02 .button-wrap { position: absolute; bottom: 0; left: 0; right: 0; border-radius: 0 0 5px 5px; overflow: hidden; } .sala-modern-carousel-style-02 .slide-button { display: inline-flex; align-items: center; justify-content: center; text-align: center; height: 56px; width: 100%; font-size: 14px; font-weight: 700; border-radius: 0 0 5px 5px; text-align: center; border: 0; border-top: 1px solid #eee; } .sala-modern-carousel-style-02 .slide-button .button-content-wrapper { position: relative; z-index: 1; } .sala-modern-carousel-style-02 .slide-button:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: translateY(100%); background: #20ad96; } .sala-modern-carousel-style-03 .sala-box { text-align: center; } .sala-modern-carousel-style-03 .sala-icon { font-size: 36px; width: 120px; height: 120px; line-height: 120px; border: solid 1px #eeeeee; border-radius: 50%; margin: 0 auto; } .sala-modern-carousel-style-03 .title { font-size: 14px; font-weight: 500; color: #5a5a5a; text-transform: uppercase; margin-bottom: 10px; } .sala-modern-carousel-style-03 .description { font-size: 16px; color: #1a1a1a; } .sala-modern-carousel-style-03 .button-wrap { position: absolute; bottom: 0; left: 0; right: 0; border-radius: 0 0 5px 5px; overflow: hidden; } .sala-modern-carousel-style-03 .slide-button { display: inline-flex; align-items: center; justify-content: center; text-align: center; height: 56px; width: 100%; font-size: 14px; font-weight: 700; border-radius: 0 0 5px 5px; text-align: center; border: 0; border-top: 1px solid #eee; } .sala-modern-carousel-style-03 .slide-button .button-content-wrapper { position: relative; z-index: 1; } .sala-modern-carousel-style-03 .slide-button:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: translateY(100%); background: #20ad96; } .elementor-widget-sala-modern-menu .mb-menu { display: none; margin-right: 0; } .elementor-widget-sala-modern-menu .desktop-menu { display: flex; } .elementor-nav-menu__align-center.elementor-widget-sala-modern-menu .desktop-menu { justify-content: center; } .elementor-nav-menu__align-left.elementor-widget-sala-modern-menu .desktop-menu { justify-content: start; } .elementor-nav-menu__align-right.elementor-widget-sala-modern-menu .desktop-menu { justify-content: end; } .elementor-nav-menu__align-justify.elementor-widget-sala-modern-menu .desktop-menu { justify-content: center; } .elementor-widget-sala-modern-menu .site-menu.main-menu .sub-menu li { padding: 0; } .elementor-widget-sala-modern-menu .elementor-nav-menu--layout-dropdown.desktop-menu { display: none; } .elementor-widget-sala-modern-menu .elementor-nav-menu--layout-dropdown.mb-menu { display: flex; } @media only screen and (max-width: 1024px) { .sala-modern-menu-tablet .desktop-menu { display: none; } .sala-modern-menu-tablet .mb-menu { display: flex; } } @media only screen and (max-width: 991px) { .sala-modern-menu-tablet_small .desktop-menu { display: none; } .sala-modern-menu-tablet_small .mb-menu { display: flex; } } @media only screen and (max-width: 767px) { .sala-modern-menu-mobile .desktop-menu { display: none; } .sala-modern-menu-mobile .mb-menu { display: flex; } } @media only screen and (max-width: 479px) { .sala-modern-menu-mobile_small .desktop-menu { display: none; } .sala-modern-menu-mobile_small .mb-menu { display: flex; } } .elementor-widget-sala-image-layers .elementor-widget-container { font-size: 0; } .elementor-widget-sala-image-layers .artboard { display: inline-block; max-width: 100%; max-height: 100%; } .elementor-widget-sala-image-layers .layers-wrapper { position: relative; width: 100%; height: 100%; } .elementor-widget-sala-image-layers .layer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; display: flex; } .elementor-widget-sala-image-layers .static-layer { position: static; top: auto; left: auto; right: auto; bottom: auto; } @keyframes video-bounce-up { 0% { transform: scale(1, 1); } 25% { transform: scale(1.15, 1.15); } 50% { transform: scale(0.85, 0.85); } 100% { transform: scale(1, 1); } } .sala-popup-video { position: relative; } .sala-popup-video .video-link { display: inline-flex; flex-direction: column; width: 100%; } .sala-popup-video .video-poster { position: relative; } .sala-popup-video .video-play-icon { width: 64px; height: 64px; line-height: 64px; background: #fff; position: relative; border-radius: 50%; text-align: center; } .sala-popup-video .video-play-icon i { color: #0057fc; font-weight: 500; font-size: 24px; vertical-align: -4px; padding-left: 4px; } .sala-popup-video .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1; margin-left: 2px; z-index: 2; } .sala-popup-video .icon:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; transform: translate(-50%, -50%); border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 14px solid #111; } .sala-popup-video .video-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .sala-popup-video .video-poster-caption { margin-top: 21px; font-size: 16px; font-style: italic; text-align: center; } .sala-popup-video.type-poster .video-poster { border-radius: 5px; } .sala-popup-video.type-poster .sala-image { border: 0 solid transparent; position: relative; border-radius: inherit; } .sala-popup-video.type-poster .sala-image img { border-radius: inherit; width: 100%; } .sala-popup-video.type-poster .video-play-icon { border-color: #fff; } .sala-popup-video.type-poster .icon:before { border-left-color: #fff; } .sala-popup-video.type-poster .video-button { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; } .sala-popup-video.type-poster.poster-full-wide .video-link { display: block; } .sala-popup-video.type-poster.poster-full-wide .video-poster img { width: 100%; } .sala-popup-video.type-button { line-height: 0; } .sala-popup-video.type-button .video-link:hover .video-play { animation: 1s video-bounce-up; } .sala-popup-video.type-button > a { display: inline-block; text-align: center; } .sala-text-animate-line .video-link:hover .video-text:after { width: 100%; left: 0; right: auto; } .sala-text-animate-line .video-text { position: relative; padding-bottom: 5px; } .sala-text-animate-line .video-text:before, .sala-text-animate-line .video-text:after { content: ''; width: 0; height: 1px; position: absolute; left: auto; right: 0; bottom: 0; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; background: currentColor; } .sala-text-animate-line .video-text:before { width: 100%; background: rgba(0, 0, 0, 0.2); } .sala-popup-video-icon-position-top .video-button { display: flex; flex-direction: column; align-items: center; } .sala-popup-video-icon-position-top .video-play { margin: 0 0 20px; } .sala-popup-video-icon-position-left .video-button { display: flex; align-items: center; } .sala-popup-video-icon-position-left .video-play { margin: 0 20px 0 0; } .sala-popup-video-icon-position-right .video-button { display: flex; align-items: center; flex-direction: row-reverse; } .sala-popup-video-icon-position-right .video-play { margin: 0 0 0 20px; } .sala-portfolio-widget .inner-portfolio-wrap { overflow: hidden; } .sala-portfolio-widget .inner-portfolio-wrap .portfolio-thumbnail { overflow: hidden; } .sala-portfolio-widget .inner-portfolio-wrap .portfolio-title a { font-size: 24px; font-weight: 600; } .sala-portfolio-widget .inner-portfolio-wrap .portfolio-taxonomy li a { font-size: 16px; color: #111111; } .sala-portfolio-widget .inner-portfolio-wrap .portfolio-taxonomy li a:hover { color: #0057fc; } .elm-post-single .site-content.has-sidebar #primary { flex-basis: calc( 100% - 370px); max-width: calc( 100% - 370px); } .sala-pricing .heading-wrap h3 { line-height: 32px; } .sala-pricing .sala-image { position: absolute; top: 0; right: 0; } .sala-pricing .title { font-size: 24px; font-weight: 600; text-transform: uppercase; } .sala-pricing .sala-pricing-features { margin: 0; padding: 0; } .sala-pricing .sala-pricing-features li { list-style-type: none; } .sala-pricing .sala-pricing-features li i { font-size: 24px; vertical-align: -4px; color: #cccccc; } .sala-pricing .sala-pricing-features li .icon { display: inline-block; vertical-align: -6px; } .sala-pricing .sala-button { position: relative; overflow: hidden; background-color: transparent; } .sala-pricing .sala-button:hover { background-color: transparent; } .sala-pricing .sala-button .button-content-wrapper { position: relative; z-index: 1; } .sala-pricing .sala-button:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; display: block; border: 1px solid transparent; } .sala-pricing .note { font-size: 14px; color: #cccccc; margin-top: 15px; text-align: center; } .sala-pricing .pricing-description { font-size: 16px; color: #555555; margin-top: 20px; } .ribbon-style-01 .sala-pricing .sala-pricing-ribbon { position: absolute; top: -16px; right: -100px; padding: 5px 0; width: 200px; text-align: center; font-size: 16px; font-weight: 500; background: #ffe813; color: #111111; transform: rotate(45deg); z-index: 9; } .ribbon-style-02 .sala-pricing-header { display: flex; align-items: center; } .ribbon-style-02 .sala-pricing-header h3 { margin-bottom: 0; } .ribbon-style-02.elementor-align-center .sala-pricing-header { justify-content: center; } .ribbon-style-02.elementor-align-right .sala-pricing-header { justify-content: flex-end; } .ribbon-style-02 .sala-pricing .sala-pricing-ribbon { padding: 3px 16px; text-align: center; font-size: 16px; font-weight: 500; border-radius: 15px; background: #ffe813; color: #111111; margin-left: 10px; } .elementor-widget-sala-pricing-table { overflow: hidden; } .elementor-align-left.elementor-widget-sala-pricing-table .price-wrap-inner { justify-content: flex-start; } .elementor-align-center.elementor-widget-sala-pricing-table .price-wrap-inner { justify-content: center; } .elementor-align-right.elementor-widget-sala-pricing-table .price-wrap-inner { justify-content: flex-end; } .sala-pricing-style-01 .inner { position: relative; height: 100%; margin: 0 auto; } .sala-pricing-style-01 .sala-image { z-index: 1; } .sala-pricing-style-01 .sala-pricing-header { z-index: 2; position: relative; margin-bottom: 24px; } .sala-pricing-style-01 .price-wrap, .sala-pricing-style-01 .note, .sala-pricing-style-01 .sala-pricing-footer, .sala-pricing-style-01 .sala-pricing-body { z-index: 2; position: relative; } .sala-pricing-style-01 .sala-button { width: 100%; max-width: 100%; } .sala-pricing-style-01 .price-wrap-inner { display: flex; align-items: flex-start; } .sala-pricing-style-01 .sala-pricing-price { font-size: 60px; font-weight: 500; line-height: .8; margin: 0; } .sala-pricing-style-01 .sala-pricing-currency { font-size: 65px; font-weight: 500; line-height: 0.8; margin-bottom: 0; align-self: flex-start; margin-right: 3px; } .sala-pricing-style-01 .sala-pricing-period { font-size: 18px; font-weight: 400; margin-bottom: 5px; color: #111111; align-self: flex-end; } .sala-pricing-style-01 .title { font-size: 24px; line-height: .8; } .sala-pricing-style-01 .sala-pricing-features { font-size: 16px; max-width: 100%; margin: 29px auto 0; } .sala-pricing-style-01 .sala-pricing-features li { position: relative; display: block; padding: 7px 0; margin: 0; line-height: normal; height: 64px; } .sala-pricing-style-01 .sala-pricing-features li i { margin-right: 5px; } .sala-pricing-style-02 .sala-pricing .inner { position: relative; height: 100%; margin: 0 auto; background-color: #fff; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05); padding: 25px 30px 37px; } .sala-pricing-style-02 .sala-pricing .sala-pricing-header { z-index: 1; position: relative; margin-bottom: 26px; } .sala-pricing-style-02 .sala-pricing .sala-pricing-body { margin-top: 33px; padding-top: 22px; border-top: 1px solid #eee; } .sala-pricing-style-02 .sala-pricing .sala-button { width: 100%; } .sala-pricing-style-02 .sala-pricing .price-wrap { color: #111; } .sala-pricing-style-02 .sala-pricing .price-wrap-inner { display: flex; align-items: flex-start; } .sala-pricing-style-02 .sala-pricing .sala-pricing-price { font-size: 40px; line-height: 1; font-weight: 600; margin: 0; } .sala-pricing-style-02 .sala-pricing .sala-pricing-currency { font-size: 40px; line-height: 1; font-weight: 600; } .sala-pricing-style-02 .sala-pricing .sala-pricing-period { display: block; font-size: 15px; margin: 15px 0 0; color: #777; } .sala-pricing-style-02 .sala-pricing .title { font-size: 18px; line-height: .8; } .sala-pricing-style-02 .sala-pricing .sala-pricing-features li { position: relative; display: block; padding: 6px 0; } .sala-pricing-style-02 .sala-pricing .sala-pricing-features li i { margin-right: 14px; } .sala-pricing .sala-image i { font-size: 48px; } .elementor-widget-sala-shape-divider, .elementor-widget-sala-shape-divider .elementor-widget-container { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; } .shape-divider { position: absolute; top: 0; right: -90px; bottom: 0; background: radial-gradient(circle at 224% 25%, rgba(255, 255, 255, 0) 67%, rgba(255, 255, 255, 0) 50%, #0057fc 50%, #0057fc 100%); background-size: 200% 200%; height: 100%; width: 200px; z-index: 1; } .sala-shape .shape { color: #111; } .sala-shape svg { height: auto; } .sala-shape-circle .shape { width: 50px; height: 50px; border-radius: 50%; background: currentColor; } .sala-shape-border-circle .shape { width: 50px; height: 50px; border-radius: 50%; border: 3px solid currentColor; } .sala-social-networks { line-height: 0; } .sala-social-networks ul { display: inline-block; padding: 0; margin: 0 -8px; } .sala-social-networks li { margin: 0; } .sala-social-networks br { display: none; } .sala-social-networks .item { list-style-type: none; } .sala-social-networks .link { display: inline-block; padding: 5px 8px; transition: none; } .sala-social-networks.layout-list { display: block; } .sala-social-networks.layout-inline .item { display: inline-block; } .sala-social-networks.layout-two-columns ul { margin: 0 -10px; width: 100%; } .sala-social-networks.layout-two-columns .item { display: block; float: left; width: 50%; } .sala-social-networks.layout-two-columns .link { padding: 5px 10px; } .sala-social-networks.style-icons { font-size: 16px; } .sala-social-networks.style-large-icons { font-size: 20px; } .sala-social-networks.style-large-icons ul { margin: 0 -12px; } .sala-social-networks.style-large-icons .link { padding: 5px 12px; } .sala-social-networks.style-flat-rounded-icon ul { margin: -10px; } .sala-social-networks.style-flat-rounded-icon li { float: left; margin: 10px; } .sala-social-networks.style-flat-rounded-icon .item:hover .link { color: #fff; } .sala-social-networks.style-flat-rounded-icon .link { font-size: 20px; display: block; text-align: center; height: 55px; width: 55px; color: #fff; border-radius: 50%; position: relative; } .sala-social-networks.style-flat-rounded-icon .link-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .sala-social-networks.style-solid-rounded-icon ul { margin: -10px; } .sala-social-networks.style-solid-rounded-icon li { float: left; margin: 10px; } .sala-social-networks.style-solid-rounded-icon .item:hover .link { color: #fff; border-color: transparent; } .sala-social-networks.style-solid-rounded-icon .link { font-size: 20px; display: block; text-align: center; height: 55px; width: 55px; background: transparent; color: #696969; border: 1px solid #e0e0e0; border-radius: 50%; position: relative; } .sala-social-networks.style-solid-rounded-icon .link-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .sala-social-networks.style-icon-title .link-icon { font-size: 16px; min-width: 16px; margin-right: 10px; } .sala-social-networks.style-title { line-height: 1.2; } .sala-social-networks.style-title .link { line-height: 1; padding: 0; margin-left: 8px; margin-right: 8px; } .sala-table { overflow-x: auto; } .sala-table table { margin: 0; border-collapse: separate; } .sala-table.style-01 th { font-size: 20px; font-weight: 600; color: #b2b2b2; } .sala-table.style-01 td, .sala-table.style-01 th { text-align: left; border: 0; padding: 36px 10px 36px; } .sala-table.style-01 tr th, .sala-table.style-01 tr td { border-bottom: 1px solid #eee; } .sala-table.style-01 tr:nth-child(2n) td { background: none; } .sala-table.style-02 td, .sala-table.style-02 th { text-align: left; border: 0; } .sala-table.style-02 thead th { border-bottom: 1px solid #eeeeee; padding: 25px 30px; } .sala-table.style-02 thead span { font-size: 16px; font-weight: normal; display: block; color: #555555; text-transform: none; } .sala-table.style-02 tbody td { position: relative; padding: 24px 30px; } .sala-table.style-02 tbody td:first-child { width: 50%; } .sala-table.style-02 td.fullsize { font-size: 16px; font-weight: 500; padding: 24px 50px; text-transform: uppercase; } .sala-table.style-02 td.fullsize span.icon { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); line-height: normal; } .sala-table.style-02 td.fullsize span.icon i { font-size: 8px; vertical-align: 3px; } .sala-team-member .name a { color: inherit; } .sala-team-member-style-01 .sala-team-member:hover .overlay, .sala-team-member-style-01 .sala-team-member:hover .social-networks { opacity: 1; visibility: visible; } .sala-team-member-style-01 .photo { position: relative; } .sala-team-member-style-01 .photo img { width: 100%; } .sala-team-member-style-01 .overlay { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; visibility: hidden; z-index: 0; } .sala-team-member-style-01 .info { padding: 32px 0 0; } .sala-team-member-style-01 .name { font-size: 18px; margin-bottom: 0; } .sala-team-member-style-01 .position { margin-top: 8px; font-size: 15px; } .sala-team-member-style-01 .description { margin-top: 10px; } .sala-team-member-style-01 .social-networks { position: absolute; bottom: 20px; left: 20px; right: 20px; text-align: center; opacity: 0; visibility: hidden; background: #fff; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06); border-radius: 3px; min-height: 56px; display: flex; align-items: center; justify-content: center; } .sala-team-member-style-01 .social-networks a { display: inline-block; font-size: 16px; color: #696969; padding: 5px 15px; text-align: center; } .sala-team-member-style-02 .sala-team-member { position: relative; } .sala-team-member-style-02 .sala-team-member:hover .photo { box-shadow: 0 55px 40px -40px rgba(51, 51, 51, 0.25); } .sala-team-member-style-02 .sala-team-member:hover .overlay, .sala-team-member-style-02 .sala-team-member:hover .info, .sala-team-member-style-02 .sala-team-member:hover .social-networks { opacity: 1; visibility: visible; } .sala-team-member-style-02 .photo { position: relative; } .sala-team-member-style-02 .photo img { width: 100%; } .sala-team-member-style-02 .overlay { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; visibility: hidden; background: rgba(17, 17, 17, 0.8); z-index: 0; } .sala-team-member-style-02 .info { position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 30px 27px; z-index: 2; opacity: 0; visibility: hidden; } .sala-team-member-style-02 .name { font-size: 20px; color: #fff; margin-bottom: 0; } .sala-team-member-style-02 .position { margin-top: 8px; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 1.38px; color: rgba(255, 255, 255, 0.4); } .sala-team-member-style-02 .description { color: #fff; margin-top: 10px; } .sala-team-member-style-02 .social-networks { position: absolute; top: 20px; left: 20px; right: 20px; text-align: right; opacity: 0; visibility: hidden; } .sala-team-member-style-02 .social-networks a { display: inline-block; font-size: 18px; line-height: 0; color: #fff; padding: 10px 8px; } .sala-team-member-style-03 .sala-team-member { position: relative; } .sala-team-member-style-03 .sala-team-member:hover .overlay, .sala-team-member-style-03 .sala-team-member:hover .info, .sala-team-member-style-03 .sala-team-member:hover .social-networks { opacity: 1; visibility: visible; } .sala-team-member-style-03 .photo { position: relative; } .sala-team-member-style-03 .photo img { width: 100%; } .sala-team-member-style-03 .overlay { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; visibility: hidden; background: rgba(0, 0, 0, 0.7); z-index: 0; } .sala-team-member-style-03 .info { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); padding: 30px 30px 27px; z-index: 2; opacity: 0; visibility: hidden; text-align: center; } .sala-team-member-style-03 .name { font-size: 24px; color: #fff; margin-bottom: 0; } .sala-team-member-style-03 .position { margin: 0 0 8px; font-size: 12px; text-transform: uppercase; letter-spacing: 1.38px; color: #fff; } .sala-team-member-style-03 .description { color: #fff; margin-top: 10px; } .sala-team-member-style-03 .social-networks { position: absolute; bottom: 33px; left: 0; width: 100%; text-align: center; opacity: 0; visibility: hidden; } .sala-team-member-style-03 .social-networks a { display: inline-block; font-size: 20px; line-height: 0; color: #fff; padding: 10px 8px; } .sala-team-member-style-04 .photo { margin-bottom: 20px; } .sala-team-member-style-04 .info .name { font-size: 18px; font-weight: 500; margin-bottom: 8px; } .sala-team-member-style-04 .position { margin-bottom: 12px; } .sala-team-member-style-04 .social-networks a { color: #0057fc; } .sala-team-member-style-04 .social-networks a + a { margin-left: 20px; } .sala-team-member-style-04 .social-networks a:hover { color: #0057fc; } .elementor-widget-sala-testimonial { text-align: center; } .elementor-widget-sala-testimonial .testimonial-item { position: relative; display: inline-block; width: 100%; max-width: 100%; } .elementor-widget-sala-testimonial .testimonial-item .image { position: relative; } .elementor-widget-sala-testimonial .testimonial-item .image img { margin: 0 auto; } .elementor-widget-sala-testimonial .testimonial-item .info { width: 100%; flex-wrap: wrap; } .elementor-widget-sala-testimonial .testimonial-item .logo img { display: inline-block; } .elementor-widget-sala-testimonial.align-left { text-align: left; } .elementor-widget-sala-testimonial.align-right { text-align: right; } .elementor-widget-sala-testimonial .testimonial-main-content { display: flex; justify-content: center; } .elementor-widget-sala-testimonial .content-wrap { position: relative; display: inline-block; width: 100%; max-width: 100%; } .elementor-widget-sala-testimonial.layout-image-inline .image { flex-shrink: 0; margin: 0 20px 0 0; position: relative; } .elementor-widget-sala-testimonial.layout-image-inline .info { display: inline-flex; align-items: center; text-align: left; } .elementor-widget-sala-testimonial.layout-image-inline .testimonial-rating { margin-bottom: 20px; } .elementor-widget-sala-testimonial.layout-image-inline.align-right .info { text-align: right; flex-direction: row-reverse; } .elementor-widget-sala-testimonial.layout-image-inline.align-right .image { flex-shrink: 0; margin: 0 0 0 30px; } .elementor-widget-sala-testimonial.layout-image-inline.align-right .testimonial-item { text-align: right; } .elementor-widget-sala-testimonial.layout-image-stacked .image { margin: 0 0 28px; } .elementor-widget-sala-testimonial.layout-image-stacked .image img { margin: 0 auto; } .elementor-widget-sala-testimonial.layout-image-stacked .info { display: inline-block; width: auto; } .elementor-widget-sala-testimonial.layout-image-stacked .position { margin-top: 8px; } .elementor-widget-sala-testimonial.layout-image-stacked .logo { margin-top: 20px; } .elementor-widget-sala-testimonial.layout-image-above .image { margin-bottom: 20px; } .elementor-widget-sala-testimonial.layout-image-above .image:before { display: none; } .elementor-widget-sala-testimonial.layout-image-above .cite { display: block; margin-top: 46px; position: relative; } .elementor-widget-sala-testimonial.layout-image-above .position { margin-top: 11px; } .elementor-widget-sala-testimonial.layout-image-top .swiper-slide { padding: 70px 0 0; } .elementor-widget-sala-testimonial.layout-image-top .testimonial-item { padding-top: 60px; } .elementor-widget-sala-testimonial.layout-image-top .image { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); } .elementor-widget-sala-testimonial.layout-image-top .image img { width: 140px; height: 140px; } .elementor-widget-sala-testimonial.layout-image-top .info { padding: 34px 0 0; } .elementor-widget-sala-testimonial.layout-image-top .logo { margin-top: 20px; } .elementor-widget-sala-testimonial.layout-image-top-02 .image { margin: 0 0 30px; } .elementor-widget-sala-testimonial.layout-image-top-02 .image img { width: 124px; height: 124px; } .elementor-widget-sala-testimonial.layout-image-top-02 .info { padding: 21px 0 0; } .elementor-widget-sala-testimonial.layout-image-top-02 .logo { margin-top: 20px; } .elementor-widget-sala-testimonial.layout-image-left .testimonial-item { display: flex; } .elementor-widget-sala-testimonial.layout-image-left .image { flex-shrink: 0; margin: 0 30px 0 0; } .elementor-widget-sala-testimonial.layout-image-left .image img { width: 70px; height: 70px; } .elementor-widget-sala-testimonial.layout-image-left .info { padding: 25px 0 0; } .elementor-widget-sala-testimonial.layout-image-left .logo { margin-top: 20px; } .elementor-widget-sala-testimonial.image-position-above .info { padding: 0 0 20px; } .elementor-widget-sala-testimonial.image-position-below .info { padding: 20px 0 0; } .elementor-widget-sala-testimonial.image-position-below .info .logo { flex: 1; text-align: right; } .elementor-widget-sala-testimonial.image-position-below .info .logo img { display: inline-block; max-width: 250px; } .elementor-widget-sala-testimonial.image-position-bottom .testimonial-main-content { height: 100%; } .elementor-widget-sala-testimonial.image-position-bottom .content-wrap { display: inline-flex; flex-direction: column; height: 100%; width: 100%; } .elementor-widget-sala-testimonial.image-position-bottom .content { flex-grow: 1; } .elementor-widget-sala-testimonial.image-position-bottom .info { padding: 60px 0 0; flex-shrink: 0; } .elementor-widget-sala-testimonial.image-position-bottom.align-center .info { justify-content: center; } .elementor-widget-sala-testimonial .image img { width: 90px; height: 90px; border-radius: 50%; } .elementor-widget-sala-testimonial .text { font-size: 18px; font-weight: 500; line-height: 1.67; color: #696969; } .elementor-widget-sala-testimonial .cite { font-style: normal; position: relative; } .elementor-widget-sala-testimonial .logo { flex: 1; } .elementor-widget-sala-testimonial .title { font-size: 20px; font-weight: 500; margin-bottom: 10px; } .elementor-widget-sala-testimonial .testimonial-rating { font-size: 14px; color: #fb0; letter-spacing: 2px; margin-bottom: 10px; } .elementor-widget-sala-testimonial .name { font-size: 20px; line-height: 1.3; margin-bottom: 0; } .elementor-widget-sala-testimonial .position { display: block; font-size: 15px; color: rgba(51, 51, 51, 0.7); } .sala-testimonial-cite-layout-inline .name { display: inline-block; } .sala-testimonial-cite-layout-inline .position { display: inline-block; margin: 0 0 0 13px; } .sala-testimonial-cite-layout-inline .position:before { content: ''; width: 4px; height: 4px; background-color: #d8d8d8; display: inline-block; vertical-align: 3px; margin-right: 10px; border-radius: 10px; } .quote { display: block; position: absolute; top: -7px; right: -2px; } .image-position-above .info .image { position: static; } .image-position-above .quote { top: 13px; right: 0; } .sala-testimonial-pagination.style-01 { display: inline-block; width: 315px; max-width: 100%; margin-top: 30px; } .sala-testimonial-pagination.style-01 .swiper-slide .image { margin-bottom: 0; } .sala-testimonial-pagination.style-01 .swiper-slide .image img { width: 85px; height: 85px; border-radius: 50%; } .sala-testimonial-pagination.style-01 .swiper-slide:not(.swiper-slide-thumb-active) { cursor: pointer; } .sala-testimonial-pagination.style-01 .swiper-slide:not(.swiper-slide-thumb-active) img { opacity: .4; } @media only screen and (max-width: 550px) { .elementor-widget-sala-testimonial.layout-image-left .testimonial-item { display: block; text-align: center; } .elementor-widget-sala-testimonial.layout-image-left .testimonial-item .image { display: inline-block; margin: 0 auto 20px; } } .elementor-widget-sala-testimonial-grid .testimonial-item { position: relative; display: inline-block; width: 100%; max-width: 100%; } .elementor-widget-sala-testimonial-grid.align-left { text-align: left; } .elementor-widget-sala-testimonial-grid.align-right { text-align: right; } .elementor-widget-sala-testimonial-grid .testimonial-main-content { display: flex; justify-content: center; } .elementor-widget-sala-testimonial-grid .content-wrap { position: relative; display: inline-block; width: 100%; max-width: 100%; } .elementor-widget-sala-testimonial-grid.layout-image-inline .avatar { flex-shrink: 0; margin: 0 20px 0 0; } .elementor-widget-sala-testimonial-grid.layout-image-inline .info { display: inline-flex; align-items: center; text-align: left; } .elementor-widget-sala-testimonial-grid.layout-image-inline.align-right .info { text-align: right; flex-direction: row-reverse; } .elementor-widget-sala-testimonial-grid.layout-image-inline.align-right .avatar { flex-shrink: 0; margin: 0 0 0 20px; } .elementor-widget-sala-testimonial-grid.layout-image-inline.align-right .testimonial-item { text-align: right; } .elementor-widget-sala-testimonial-grid.layout-image-stacked .avatar { margin: 0 0 28px; } .elementor-widget-sala-testimonial-grid.layout-image-stacked .info { display: inline-block; } .elementor-widget-sala-testimonial-grid.layout-image-above .avatar { margin-bottom: 20px; } .elementor-widget-sala-testimonial-grid.layout-image-above .cite { display: block; margin-top: 46px; } .elementor-widget-sala-testimonial-grid.image-position-above .info { padding: 0 0 19px; } .elementor-widget-sala-testimonial-grid.image-position-below .info { padding: 19px 0 0; } .elementor-widget-sala-testimonial-grid.image-position-bottom .testimonial-main-content { height: 100%; } .elementor-widget-sala-testimonial-grid.image-position-bottom .content-wrap { display: inline-flex; flex-direction: column; height: 100%; width: 100%; } .elementor-widget-sala-testimonial-grid.image-position-bottom .content { flex-grow: 1; } .elementor-widget-sala-testimonial-grid.image-position-bottom .info { padding: 60px 0 0; flex-shrink: 0; } .elementor-widget-sala-testimonial-grid.image-position-bottom.align-center .info { justify-content: center; } .elementor-widget-sala-testimonial-grid .thumbnail { margin-bottom: 38px; } .elementor-widget-sala-testimonial-grid .avatar img { width: 90px; height: 90px; border-radius: 50%; } .elementor-widget-sala-testimonial-grid .text { font-style: italic; } .elementor-widget-sala-testimonial-grid .cite { font-style: normal; } .elementor-widget-sala-testimonial-grid .title { font-size: 21px; margin-bottom: 14px; } .elementor-widget-sala-testimonial-grid .testimonial-rating { font-size: 12px; color: #f5a623; letter-spacing: 4px; margin-bottom: 10px; } .elementor-widget-sala-testimonial-grid .name { display: block; font-size: 18px; line-height: 1.34; margin-bottom: 0; } .elementor-widget-sala-testimonial-grid .position { display: block; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 1.38px; margin-top: 6px; } .sala-pricing-plan .sala-pricing-plan-header { margin-bottom: 60px; } .sala-pricing-plan .toggle-wrap { text-align: center; display: flex; align-items: center; justify-content: center; } .sala-pricing-plan .toggle-wrap .switch { position: relative; display: inline-block; width: 55px; height: 32px; margin: 0 20px; } .sala-pricing-plan .toggle-wrap .switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #111111; -webkit-transition: .4s; transition: .4s; border-radius: 34px; } .sala-pricing-plan .toggle-wrap .switch .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; top: 50%; transform: translateY(-50%); background-color: #111111; -webkit-transition: .4s; transition: .4s; border-radius: 50%; } .sala-pricing-plan .toggle-wrap .switch.active .slider { background-color: #111111; } .sala-pricing-plan .toggle-wrap .switch.active .slider:before { left: 26px; background-color: #fff; } .sala-pricing-plan .toggle-wrap .discount { position: relative; } .sala-pricing-plan .toggle-wrap .discount .discount-text { position: absolute; left: 0; top: -30px; white-space: nowrap; background-image: url(assets/images/macaroni.png); background-repeat: no-repeat; background-size: 36px; background-position: 7px 15px; padding-left: 50px; } .sala-pricing-plan .sala-pricing-plan-main .primary-content { max-width: 770px; margin: 0 auto; text-align: center; } .sala-pricing-plan .sala-pricing-plan-main .pricing-plan-item { display: none; } .sala-pricing-plan .sala-pricing-plan-main .pricing-plan-item.active { display: block; } .sala-view-demo { text-align: center; } .sala-view-demo .sala-box { position: relative; display: block; } .sala-view-demo .image { box-shadow: 0 0 40px rgba(51, 51, 51, 0.1); border-radius: 5px; } .sala-view-demo .image > img { width: 100%; border-radius: inherit; } .sala-view-demo .heading { font-size: 18px; font-weight: 500; line-height: 1.5; margin: 20px 0 0; } .sala-view-demo .badge { font-size: 14px; font-weight: 500; text-transform: uppercase; color: #fff; position: absolute; display: flex; align-items: center; justify-content: center; min-width: 50px; height: 50px; padding-left: 8px; padding-right: 8px; top: 30px; right: 0; border-radius: 30px; z-index: 2; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -o-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); } .sala-view-demo .badge.hot { background-color: #ef2107; } .sala-view-demo .badge.new { background-color: #294afb; } .sala-view-demo .badge.coming { background-color: #23d3d3; } .sala-swiper .sala-ele-button { display: inline-flex; } .sala-ele-button { transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), color 0s linear; position: relative; display: inline-flex; align-items: center; justify-content: center; text-align: center; line-height: 1.3; white-space: nowrap; cursor: pointer; border-width: 0; border-style: solid; max-width: 100%; } .sala-ele-button.sala-ele-button-full-wide { width: 100% !important; } .sala-ele-button:hover .button-text { --y: -4px; } .sala-ele-button:hover .button-text span { --m: calc(var(--font-size) * -1); } .sala-ele-button .button-content-wrapper { display: flex; align-items: center; } .sala-ele-button .button-icon { flex-shrink: 0; position: relative; font-size: 16px; line-height: 1; } .sala-ele-button .button-icon i { background: inherit; } .sala-ele-button.icon-left .button-icon { margin-right: 14px; } .sala-ele-button.icon-right .button-icon { margin-left: 14px; } .sala-ele-button .button-badge { position: absolute; top: -15px; right: -15px; display: inline-flex; align-items: center; justify-content: center; min-height: 31px; min-width: 31px; padding: 4px; border-radius: 50%; font-size: 12px; font-weight: 700; letter-spacing: 0; background: #dc3131; color: #1a1a1a; } .sala-ele-button .button-badge .badge-text { line-height: 1; } .sala-ele-button.style-flat, .sala-ele-button.style-border, .sala-ele-button.style-thick-border { padding: 0 36px; min-height: 52px; } .sala-ele-button.style-flat.sala-ele-button-lg, .sala-ele-button.style-border.sala-ele-button-lg, .sala-ele-button.style-thick-border.sala-ele-button-lg { padding: 0 42px; min-height: 56px; } .sala-ele-button.style-flat.sala-ele-button-sm, .sala-ele-button.style-border.sala-ele-button-sm, .sala-ele-button.style-thick-border.sala-ele-button-sm { padding: 0 28px; min-height: 46px; } .sala-ele-button.style-flat.sala-ele-button-xs, .sala-ele-button.style-border.sala-ele-button-xs, .sala-ele-button.style-thick-border.sala-ele-button-xs { padding: 0 20px; min-height: 40px; } .sala-ele-button.style-flat { color: #1a1a1a; } .sala-ele-button.style-flat:hover { color: #1a1a1a; } .sala-ele-button.style-border { border-width: 1px; background-color: transparent; } .sala-ele-button.style-border:hover { color: #1a1a1a; } .sala-ele-button.style-thick-border { border-width: 2px; background-color: transparent; } .sala-ele-button.style-thick-border:hover { color: #1a1a1a; } .sala-ele-button.style-text { padding: 5px 0; } .sala-ele-button.style-bottom-line .button-icon, .sala-ele-button.style-left-line .button-icon { font-size: 11px; } .sala-ele-button.style-bottom-line.sala-ele-button-lg, .sala-ele-button.style-left-line.sala-ele-button-lg { font-size: 1.1em; } .sala-ele-button.style-bottom-line.sala-ele-button-sm, .sala-ele-button.style-left-line.sala-ele-button-sm { font-size: .9em; } .sala-ele-button.style-bottom-line.sala-ele-button-xs, .sala-ele-button.style-left-line.sala-ele-button-xs { font-size: .8em; } .sala-ele-button.style-bottom-line .button-content-wrapper { position: relative; padding: 5px 0; } .sala-ele-button.style-bottom-line .button-content-wrapper:before, .sala-ele-button.style-bottom-line .button-content-wrapper:after { content: ''; position: absolute; left: 0; height: 1px; background: #ddd; transform-origin: right; transform: scaleX(1) translateZ(0); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; bottom: 0; width: 100%; } .sala-ele-button.style-bottom-line .button-content-wrapper:after { transform-origin: left; transform: scaleX(0) translateZ(0); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .sala-ele-button.style-left-line .button-content-wrapper { position: relative; padding: 0 0 0 62px; } .sala-ele-button.style-left-line .button-content-wrapper:before, .sala-ele-button.style-left-line .button-content-wrapper:after { content: ''; position: absolute; bottom: 0; left: 0; height: 1px; background: #ddd; transform-origin: right; transform: scaleX(1) translateZ(0); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; width: 50px; top: 50%; margin-top: -1px; } .sala-ele-button.style-left-line .button-content-wrapper:after { transform-origin: left; transform: scaleX(0) translateZ(0); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .sala-ele-button.style-flat, .sala-ele-button.style-border, .sala-ele-button.style-thick-border { position: relative; transform: perspective(1px) translateZ(0); } .sala-ele-button.style-flat:before, .sala-ele-button.style-flat:after, .sala-ele-button.style-border:before, .sala-ele-button.style-border:after, .sala-ele-button.style-thick-border:before, .sala-ele-button.style-thick-border:after { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; } .sala-ele-button.style-flat:after, .sala-ele-button.style-border:after, .sala-ele-button.style-thick-border:after { opacity: 0; } .sala-ele-button.style-border { overflow: hidden; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .sala-ele-button.style-border:before { top: -1px; left: -1px; right: -1px; bottom: -1px; } .sala-ele-button.style-border:after { display: block; top: 0; left: 0; height: 0; width: 100%; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .sala-ele-button.style-border:hover { border-color: #0057fc; } .sala-ele-button.style-border:hover .button-text { color: #fff; } .sala-ele-button.style-border:hover:after { top: auto; bottom: 0; height: 100%; background-color: #0057fc; border-radius: 0; } .sala-ele-button.style-thick-border:before, .sala-ele-button.style-thick-border:after { top: -2px; left: -2px; right: -2px; bottom: -2px; } /** * Animate for style bottom line. */ .sala-box:hover div.sala-ele-button.style-bottom-line .button-content-wrapper:before, a.sala-ele-button.style-bottom-line:hover .button-content-wrapper:before { transform: scaleX(0) translateZ(0); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .sala-box:hover div.sala-ele-button.style-bottom-line .button-content-wrapper:after, a.sala-ele-button.style-bottom-line:hover .button-content-wrapper:after { transform: scaleX(1) translateZ(0); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; } /** * Animate for style left line. */ .sala-box:hover div.sala-ele-button.style-left-line .button-content-wrapper:before, a.sala-ele-button.style-left-line:hover .button-content-wrapper:before { transform: scaleX(0) translateZ(0); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .sala-box:hover div.sala-ele-button.style-left-line .button-content-wrapper:after, a.sala-ele-button.style-left-line:hover .button-content-wrapper:after { transform: scaleX(1) translateZ(0); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; } /** * Animate for style flat, border, thick border. */ .sala-box:hover div.sala-ele-button.style-flat:before, .sala-box:hover div.sala-ele-button.style-border:before, .sala-box:hover div.sala-ele-button.style-thick-border:before, a.sala-ele-button.style-flat:hover:before, a.sala-ele-button.style-border:hover:before, a.sala-ele-button.style-thick-border:hover:before { opacity: 0; } .sala-box:hover div.sala-ele-button.style-flat:after, .sala-box:hover div.sala-ele-button.style-border:after, .sala-box:hover div.sala-ele-button.style-thick-border:after, a.sala-ele-button.style-flat:hover:after, a.sala-ele-button.style-border:hover:after, a.sala-ele-button.style-thick-border:hover:after { opacity: 1; } .woocommerce .products, .woocommerce-page .products { clear: both; } .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notice--success.woocommerce-thankyou-order-received { position: relative; padding: 20px 20px 20px 60px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); } .woocommerce-message:before, .woocommerce-info:before, .woocommerce-error:before, .woocommerce-notice--success.woocommerce-thankyou-order-received:before { content: '\f058'; font-size: 24px; font-weight: 300; top: 20px; left: 20px; line-height: 1; position: absolute; font-family: "Font Awesome 5 Pro"; } .woocommerce .woocommerce-breadcrumb { font-size: 16px; line-height: 1.63; margin-bottom: 30px; color: #7a7a7a; } .woocommerce .woocommerce-breadcrumb a { color: #111111; } .woocommerce .woocommerce-message a.button, .woocommerce .woocommerce-info a.button, .woocommerce .woocommerce-error a.button { background: 0; border: 0; color: #0057fc; padding: 3px 0; text-decoration: underline; } .woocommerce-message { border: solid 1px #20d706; background-color: #fff; } .woocommerce-message:before { content: '\f058'; color: #20d706; } .woocommerce form.checkout_coupon { border: 1px solid #eeeeee; } .woocommerce-info { border: solid 1px #eeeeee; background-color: #fff; } .woocommerce-info:before { content: '\f06b'; color: #111111; } .woocommerce-info a.showcoupon { color: #0057fc; } .woocommerce-error { border: solid 1px #ff2d55; background-color: #fff; } .woocommerce-error:before { content: '\f057'; color: #0057fc; } .woocommerce-notice--success.woocommerce-thankyou-order-received { margin-bottom: 30px; border: solid 1px #20d706; background-color: #fff; } .woocommerce-notice--success.woocommerce-thankyou-order-received:before { content: '\f164'; color: #20d706; } .woocommerce ul.cart_list, .woocommerce ul.product_list_widget { padding: 25px; } .woocommerce-mini-cart { padding: 25px; list-style-type: none; margin-bottom: 0; } .woocommerce-mini-cart li { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee; position: relative; } .woocommerce-mini-cart li:first-child { padding-top: 0; } .woocommerce-mini-cart li .inner-product { display: flex; align-items: center; } .woocommerce-mini-cart li .inner-product .attachment-woocommerce_thumbnail { width: 80px; height: 80px; object-fit: contain; } .woocommerce-mini-cart li .inner-product .entry-thumbnail + .entry-detail { padding-left: 15px; } .woocommerce-mini-cart li .inner-product .entry-detail h4 { font-size: 16px; } .woocommerce-mini-cart li a.remove { color: #5d5d5d !important; font-size: 24px; line-height: 1; position: absolute; right: 0; bottom: 25px; } .woocommerce-mini-cart li a.remove:hover { color: #0057fc !important; background: none; } .woocommerce-mini-cart li:after { content: ''; display: block; clear: both; } .woocommerce ul.cart_list li { padding-top: 15px; padding-bottom: 15px; } .woocommerce ul.cart_list li:first-child { padding-top: 0; } .woocommerce ul.cart_list li a { font-weight: 500; } .woocommerce ul.cart_list li a:hover { color: #0057fc; background: none; } .woocommerce ul.cart_list li img { width: 80px; height: 80px; object-fit: contain; margin-left: 0; } .minicart .woocommerce-mini-cart__total, .minicart .elementor-menu-cart__subtotal { padding: 0 25px 25px; margin-bottom: 0; display: flex; align-items: center; justify-content: space-between; font-size: 18px; border-bottom: 0; } .minicart .woocommerce-mini-cart__total strong, .minicart .elementor-menu-cart__subtotal strong { font-weight: normal; } .minicart .woocommerce-mini-cart__total span, .minicart .elementor-menu-cart__subtotal span { font-weight: 500; } .minicart .elementor-menu-cart__products { border-bottom: 0; } .minicart .elementor-menu-cart__products .elementor-menu-cart__product { position: relative; padding-bottom: 20px; border-bottom: 1px solid #eee; grid-template-rows: 60% auto; } .minicart .elementor-menu-cart__products .elementor-menu-cart__product-price { color: #1a1a1a; } .minicart .elementor-menu-cart__products .elementor-menu-cart__product-name, .minicart .elementor-menu-cart__products .elementor-menu-cart__product-price { font-size: 16px; line-height: 24px; } .minicart .woocommerce-mini-cart__buttons, .minicart .elementor-menu-cart__footer-buttons { padding-top: 0; padding-left: 25px; padding-right: 25px; margin-bottom: 0; display: block; } .minicart .woocommerce-mini-cart__buttons a, .minicart .elementor-menu-cart__footer-buttons a { display: flex; text-align: center; } .minicart .woocommerce-mini-cart__buttons a:first-child, .minicart .elementor-menu-cart__footer-buttons a:first-child { background-color: #1a1a1a; border-color: #1a1a1a; color: #fff; } .minicart .woocommerce-mini-cart__buttons a + a, .minicart .elementor-menu-cart__footer-buttons a + a { margin-top: 10px; } .minicart .woocommerce-mini-cart__empty-message { margin-bottom: 0; padding: 25px; } .minicart .elementor-menu-cart__product-remove:hover { border-color: #0057fc; } .minicart .elementor-menu-cart__product-remove:hover:before { background: #0057fc; } .minicart .woocommerce-mini-cart__buttons a, .minicart .elementor-menu-cart__footer-buttons a { font-size: 15px; line-height: 20px; font-weight: 500; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); padding: 9px 25px; border: 1px solid #1a1a1a; } .minicart .woocommerce-mini-cart__buttons a.elementor-button--checkout, .minicart .elementor-menu-cart__footer-buttons a.elementor-button--checkout { background-color: #0057fc; border-color: #0057fc; } .minicart .woocommerce-mini-cart__buttons a.elementor-button--checkout:hover, .minicart .elementor-menu-cart__footer-buttons a.elementor-button--checkout:hover { background-color: transparent; color: #0057fc; } .minicart .woocommerce-mini-cart__buttons a.wcppec-cart-widget-button:hover, .minicart .elementor-menu-cart__footer-buttons a.wcppec-cart-widget-button:hover { background-color: #0057fc; } .products.related, .upsells, .cross-sells { margin-top: 60px; } .products.related > h2, .upsells > h2, .cross-sells > h2 { font-size: 32px; font-family: "Sofia Pro"; line-height: 1.29; font-weight: 600; margin-bottom: 30px; } .products.related { border-top: 1px solid #eeeeee; padding-top: 60px; } .product .inner-item { overflow: hidden; } .product .entry-thumbnail { display: block; position: relative; overflow: hidden; margin-bottom: 25px; text-align: center; } .product .entry-thumbnail .quickview { position: absolute; left: 0; right: 0; bottom: -10px; background: rgba(255, 255, 255, 0.7); padding: 10px; color: #686868; -moz-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -o-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition-delay: 0s; opacity: 0; visibility: hidden; } .product .entry-thumbnail:hover .quickview { bottom: 0; opacity: 1; visibility: visible; } .product .entry-thumbnail img { margin-bottom: 0; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); transition: all 0.3s; } .product .entry-thumbnail:hover img { -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .product .entry-thumbnail .hover-thumbnail { opacity: 0; visibility: hidden; position: absolute; top: 30px; left: 0; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .product .entry-thumbnail:hover .hover-thumbnail { top: 0; opacity: 1; visibility: visible; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .product .entry-detail .product-title { margin-bottom: 6px; } .product .entry-detail .product-title .entry-title { font-size: 18px; line-height: 1.44; font-weight: 600; padding: 0; margin-bottom: 0; } .product .entry-detail .price { color: inherit; font-size: 16px; font-weight: 500; line-height: 1.63; margin-bottom: 0; } .product .entry-detail .price ins { text-decoration: none; } .product .entry-detail .price del { margin-right: 10px; } .product .entry-detail .price ins + del { margin-left: 10px; margin-right: 0; } .product .entry-detail .button { margin-top: 15px; } .product .entry-detail .button.add_to_cart_button, .product .entry-detail .button.product_type_external, .product .entry-detail .button.product_type_grouped, .product .entry-detail .button.product_type_variation { font-size: 15px; line-height: 21px; padding: 8px 25px 9px; font-weight: 500; color: #fff; border: solid 1px #0057fc; background-color: #0057fc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); } .product .entry-detail .button.add_to_cart_button.loading, .product .entry-detail .button.product_type_external.loading, .product .entry-detail .button.product_type_grouped.loading, .product .entry-detail .button.product_type_variation.loading { padding-right: 40px; } .product .entry-detail .button.add_to_cart_button:hover, .product .entry-detail .button.product_type_external:hover, .product .entry-detail .button.product_type_grouped:hover, .product .entry-detail .button.product_type_variation:hover { color: #0057fc; background: transparent; } .product .entry-detail .added_to_cart.wc-forward { display: none; } .woocommerce div.products li.product, .woocommerce-page div.products li.product .woocommerce div.products[class*=columns-] li.product, .woocommerce-page div.products[class*=columns-] li.product { margin-bottom: 0; } @media (max-width: 992px) { .product .inner-item { width: 100%; } .product .inner-item img { width: 100%; } } .woocommerce .archive-shop-actions { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 20px; } .woocommerce .woocommerce-result-count { font-size: 16px; line-height: 1.38; font-weight: 400; margin-bottom: 40px; color: #111111; font-family: "Sofia Pro"; margin-bottom: 0; flex: 1; } .woocommerce .woocommerce-filter-form { display: flex; } .woocommerce .woocommerce-filter-form .form-group { margin-right: 24px; } .woocommerce .woocommerce-ordering { color: #111111; margin-bottom: 0; } .woocommerce .woocommerce-ordering select { padding: 0 30px 0 0; border: 0; background-color: transparent; min-height: 33px; max-width: 80px; background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 0 top 55%; } .woocommerce div.products.columns-1, .woocommerce div.products.columns-2, .woocommerce div.products.columns-3, .woocommerce div.products.columns-4, .woocommerce div.products.columns-5, .woocommerce div.products.columns-6 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .woocommerce div.products.columns-1 div.product, .woocommerce div.products.columns-2 div.product, .woocommerce div.products.columns-3 div.product, .woocommerce div.products.columns-4 div.product, .woocommerce div.products.columns-5 div.product, .woocommerce div.products.columns-6 div.product { padding-left: 15px; padding-right: 15px; margin-bottom: 50px; } .woocommerce div.products.columns-1 div.product .entry-detail .product-title .entry-title a, .woocommerce div.products.columns-2 div.product .entry-detail .product-title .entry-title a, .woocommerce div.products.columns-3 div.product .entry-detail .product-title .entry-title a, .woocommerce div.products.columns-4 div.product .entry-detail .product-title .entry-title a, .woocommerce div.products.columns-5 div.product .entry-detail .product-title .entry-title a, .woocommerce div.products.columns-6 div.product .entry-detail .product-title .entry-title a { font-weight: 700; } .woocommerce div.products.columns-2 div.product { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .woocommerce div.products.columns-3 div.product { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; } .woocommerce div.products.columns-4 div.product { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .woocommerce div.products.columns-5 div.product { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .woocommerce div.products.columns-6 div.product { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666%; flex: 0 0 16.6666%; max-width: 16.6666%; } .wc-block-components-price-slider__range-input-progress { --track-background: linear-gradient(90deg,transparent var(--low),var(--range-color) 0,var(--range-color) var(--high),transparent 0) no-repeat 0 100%/100% 100%; --range-color: $primary_color; } .widget h3 { font-size: 24px !important; margin-bottom: 30px; line-height: 1.44 !important; font-weight: 600; } @media (max-width: 576px) { .woocommerce .woocommerce-result-count { width: 100%; flex: 100%; } } .woocommerce .site-header.header-float + .site-content { padding-top: 180px; padding-bottom: 60px; } .woocommerce input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { font-weight: 500; background: none; outline: 0; padding: 15px 30px; color: #fff; background: #0057fc; border: 1px solid #0057fc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); } .woocommerce input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background: transparent; color: #0057fc; border-color: #0057fc; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger { top: 10px; right: 10px; background: none; } .woocommerce span.onsale { top: 15px; left: 0; min-height: auto; min-width: auto; font-size: 15px; font-weight: 500; background: #0057fc; padding: 2px 15px; line-height: inherit; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); } .woocommerce #respond input#submit { font-size: 15px; line-height: 1.6; font-weight: 500; height: 42px; list-style: 40px; padding: 0 30px; color: #fff; border: solid 1px #0057fc; background-color: #0057fc; outline: 0; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); } .woocommerce #respond input#submit:hover { background: transparent; color: #0057fc; border-color: #0057fc; } .woocommerce div.product div.images { margin-bottom: 0; } .woocommerce div.product .summary .product_title { font-size: 32px; font-weight: 600; line-height: 1.33; margin-bottom: 10px; } .woocommerce div.product.product-type-simple form.cart { display: flex; align-items: flex-end; } .woocommerce.single-product .head-single-product span.onsale { left: 165px; } .woocommerce-breadcrumb a { font-weight: 500; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { float: none; width: inherit; } .woocommerce div.product .woocommerce-product-rating { font-size: 15px; line-height: 20px; margin-bottom: 15px; } .woocommerce div.product .woocommerce-product-rating .author-rating { line-height: 0; display: inline-flex; } .woocommerce div.product .woocommerce-product-rating .author-rating span { margin-right: 3px; color: #d8d8d8; } .woocommerce div.product .woocommerce-product-rating .author-rating .star { font-size: 15px; } .woocommerce div.product .woocommerce-product-rating .author-rating .star.checked { color: #fed202; } .woocommerce div.product .woocommerce-product-rating .author-rating .star.checked i { font-weight: 900; } .woocommerce div.product .woocommerce-product-rating a { color: #111111; font-size: 16px; } .woocommerce div.product .woocommerce-product-rating a:hover { color: #0057fc; } .woocommerce div.product .woocommerce-tabs .panel { margin-bottom: 0; color: #555555; } .woocommerce div.product .woocommerce-tabs .panel > h2 { font-size: 20px; margin-bottom: 20px; } .woocommerce table.shop_attributes { margin-bottom: 0; } .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { padding: 5px 20px; } .woocommerce div.product .woocommerce-tabs ul.tabs { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 24px; } .woocommerce div.product .woocommerce-tabs ul.tabs li { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); border: 0; padding: 0; margin: 0; background: none; margin-right: 30px; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 18px; font-weight: 500; font-family: "Sofia Pro"; color: #555555; padding: 0 0 8px; position: relative; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:after { content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 2px; display: block; background-color: transparent; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background-color: transparent; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:after { background-color: #111111; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #111111; } .woocommerce div.product .woocommerce-tabs ul.tabs li:last-child { margin-right: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { display: none; } .woocommerce div.product div.images .woocommerce-product-gallery__image { padding: 0; height: 100%; } .woocommerce div.product div.images .woocommerce-product-gallery__image img { height: 100%; object-fit: cover; } .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { width: 100%; display: block; } .woocommerce div.product div.images.woocommerce-product-gallery { display: flex; justify-content: space-between; } .woocommerce div.product div.images.woocommerce-product-gallery .thumbnail-inner { flex-basis: calc( 100% - 150px); max-width: calc( 100% - 150px); } .woocommerce div.product div.images.woocommerce-product-gallery .control-thumbnail { flex-basis: 120px; max-width: 120px; } .woocommerce div.product div.images.woocommerce-product-gallery .control-thumbnail .woocommerce-product-gallery__image { cursor: pointer; } .woocommerce div.product div.images.woocommerce-product-gallery .control-thumbnail .sala-swiper-slider .swiper-nav-button { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); margin: 0; border: 0; } .woocommerce div.product div.images.woocommerce-product-gallery .control-thumbnail .sala-swiper-slider .swiper-nav-button i { color: #dddddd; font-size: 36px; } .woocommerce div.product div.images.woocommerce-product-gallery .control-thumbnail .sala-swiper-slider .swiper-nav-button:hover { background-color: transparent; } .woocommerce div.product div.images.woocommerce-product-gallery .control-thumbnail .sala-swiper-slider .swiper-nav-button:hover i { color: #111111; } .woocommerce div.product div.images.woocommerce-product-gallery .control-thumbnail .sala-swiper-slider .swiper-nav-button.swiper-button-prev { top: 10px; bottom: auto; } .woocommerce div.product div.images.woocommerce-product-gallery .control-thumbnail .sala-swiper-slider .swiper-button-prev i:before { content: '\f077'; } .woocommerce div.product div.images.woocommerce-product-gallery .control-thumbnail .sala-swiper-slider .swiper-button-next i:before { content: '\f078'; } .woocommerce div.product div.images.woocommerce-product-gallery .control-thumbnail .swiper-slide { opacity: 0.6; border: 1px solid transparent; } .woocommerce div.product div.images.woocommerce-product-gallery .control-thumbnail .swiper-slide.swiper-slide-active { opacity: 1; border-color: #111111; } .woocommerce div.product div.images.woocommerce-product-gallery .swiper-container-vertical { height: 570px; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; border: 0; } .woocommerce div.product form.cart .variations { margin-bottom: 0; } .woocommerce div.product form.cart .variations td { padding-top: 0; padding-bottom: 0; } .woocommerce div.product form.cart .variations td.label { padding-top: 10px; padding-bottom: 20px; text-align: left; } .woocommerce div.product form.cart .variations label { color: #111111; margin-bottom: 0; } .woocommerce div.product form.cart .variations .nice-select { font-size: 15px; max-width: 280px; } .woocommerce div.product form.cart .variations .nice-select ul.list { width: 150px; } .woocommerce div.product form.cart .variations .nice-select:after { top: 1px; right: 10px; } .woocommerce div.product form.cart .variations .reset_variations { margin-left: 10px; } .woocommerce div.product form.cart .variations tr:last-child td.label { padding-bottom: 0; } .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; align-items: flex-end; } .woocommerce div.product p.stock.in-stock { margin-bottom: 20px; } .woocommerce-variation.single_variation { margin-bottom: 20px; } .woocommerce div.product p.stock { font-size: 15px; font-weight: 500; margin-bottom: 0; } .head-single-product { margin-bottom: 60px; } .woocommerce div.product p.price del, .woocommerce div.product span.price del { font-size: 15px; } .woocommerce div.product p.price, .woocommerce div.product span.price { font-size: 18px; font-weight: 500; color: #111111; } .woocommerce div.product div.summary { margin-bottom: 0; padding-top: 20px; padding-left: 30px; } .woocommerce div.product div.summary p.price { font-size: 18px; font-weight: 500; margin-bottom: 20px; } .woocommerce div.product div.summary p.price del { font-size: 18px; margin-right: 10px; color: #7a7a7a; } .woocommerce div.product div.summary .woocommerce-product-details__short-description { margin-bottom: 30px; color: #555555; } .woocommerce div.product div.summary .woocommerce-product-details__short-description p:last-child { margin-bottom: 0; } .woocommerce div.product div.summary .product_meta > span { display: block; font-weight: 500; margin-bottom: 15px; } .woocommerce div.product div.summary .product_meta > span span, .woocommerce div.product div.summary .product_meta > span a { font-weight: normal; color: #555555; } .woocommerce div.product div.summary .product_meta > span a:hover { color: #0057fc; } .woocommerce div.product div.summary .product_meta > span:last-child { margin-bottom: 0; } .woocommerce div.product div.summary .product_meta { margin-bottom: 30px; } .woocommerce div.product div.summary .social-share { margin-bottom: 45px; } .woocommerce div.product div.summary .social-share .list-social-icon span { font-size: 16px; font-weight: 500; color: #111111; margin-right: 8px; } .woocommerce div.product div.summary .social-share .list-social-icon a { margin-right: 20px; } .woocommerce div.product .hidden-images div.summary { padding-top: 0; padding-left: 0; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { text-decoration: none; font-weight: 500; } .woocommerce div.product form.cart { margin-bottom: 30px; } .woocommerce div.product form.cart table { display: block; margin-bottom: 30px; padding-bottom: 10px; } .woocommerce div.product form.cart table td { text-align: left; } .woocommerce div.product form.cart table .product-quantity { margin-right: 0; } .woocommerce div.product form.cart.grouped_form { display: block; } .woocommerce div.product form.cart.grouped_form .group_table { padding-bottom: 0; margin-bottom: 10px; } .woocommerce div.product form.cart.grouped_form .group_table td { padding-top: 15px; vertical-align: middle; } .woocommerce div.product form.cart.grouped_form .group_table td:first-child { padding-top: 0; padding-bottom: 20px; text-align: left; width: auto; } .woocommerce div.product form.cart.grouped_form .woocommerce-grouped-product-list-item__price { padding-left: 6px; font-size: 16px; font-weight: 500; color: #111111; } .woocommerce div.product form.cart.grouped_form .woocommerce-grouped-product-list-item__price ins { text-decoration: none; } .woocommerce div.product form.cart.grouped_form .woocommerce-grouped-product-list-item__price del { opacity: 0.5; margin-left: 5px; } .woocommerce div.product form.cart .button { display: block; float: none; font-size: 15px; height: 46px; line-height: 44px; font-weight: 500; padding: 0 30px; color: #fff; border: solid 1px #0057fc; background-color: #0057fc; outline: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woocommerce div.product form.cart .button:hover { border-color: #1043B2; background-color: #1043B2; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .quantity-button-wrapper { margin-right: 15px; } .quantity-button-wrapper label { font-size: 16px; line-height: 1.63; font-weight: 500; display: block; margin-bottom: 10px; } .product-quantity { display: table-cell; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz- none; -o-user-select: none; user-select: none; } .product-quantity .entry-quantity { display: flex; align-items: center; background-color: #f9f9f9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); } .product-quantity .btn-quantity { font-size: 20px; line-height: 0; display: flex; align-items: center; padding: 5px; height: 46px; color: #111111; cursor: pointer; } .product-quantity .btn-quantity.minus { border-top-left-radius: 25px; border-bottom-left-radius: 25px; padding-left: 15px; } .product-quantity .btn-quantity.plus { border-top-right-radius: 25px; border-bottom-right-radius: 25px; padding-right: 15px; } .product-quantity .btn-quantity:hover i { color: #0057fc; } .product-quantity input { font-size: 18px; font-weight: 500; color: #111111; background-color: transparent; font-style: normal; border: 0; min-height: 46px; width: 50px; padding: 5px; padding-right: 5px; text-align: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .product-quantity input[type="number"] { -moz-appearance: textfield; background-color: transparent; } .product-quantity input::-webkit-outer-spin-button, .product-quantity input::-webkit-inner-spin-button { -webkit-appearance: none; } .woocommerce #reviews #comments .woocommerce-Reviews-title { font-size: 20px; margin-bottom: 20px; } .woocommerce #review_form #respond p { margin-bottom: 15px; } .woocommerce div.product .woocommerce-tabs .panel p.woocommerce-noreviews { margin-bottom: 15px; } .woocommerce #review_form #respond p.comment-notes, .woocommerce #review_form #respond p.comment-form-cookies-consent { padding-left: 0; } .woocommerce #reviews #review_form_wrapper .comment-reply-title { display: block; font-size: 20px; font-weight: 700; font-family: "Sofia Pro"; color: #111111; margin-bottom: 15px; text-transform: none; } .woocommerce #reviews #review_form_wrapper .comment-form-rating { display: flex; flex-wrap: wrap; margin-bottom: 15px; } .woocommerce #reviews #review_form_wrapper .comment-form-rating label { margin-right: 10px; color: #111111; } .woocommerce #reviews #review_form_wrapper .comment-form-rating .stars { margin-bottom: 0; } .woocommerce #reviews #review_form_wrapper .comment-form-rating .stars a { color: #fed202; vertical-align: -2px; } .woocommerce #reviews #review_form_wrapper .comment-form-comment, .woocommerce #reviews #review_form_wrapper .comment-form-author, .woocommerce #reviews #review_form_wrapper .comment-form-email { display: block; } .woocommerce #reviews #review_form_wrapper .comment-form-comment label, .woocommerce #reviews #review_form_wrapper .comment-form-author label, .woocommerce #reviews #review_form_wrapper .comment-form-email label { display: block; margin-bottom: 10px; } .woocommerce #reviews #review_form_wrapper .form-submit { padding-left: 0; margin-bottom: 0; } .woocommerce #reviews #comments ol.commentlist { padding-left: 0; } .woocommerce #reviews #comments ol.commentlist li { margin-bottom: 30px; } .woocommerce #reviews #comments ol.commentlist li .comment-text { padding: 0; border: 0; margin-left: 70px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 15px; margin-bottom: 10px; } .woocommerce #reviews #comments ol.commentlist li img.avatar { padding: 0; border: 0; background: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); width: 50px; height: 50px; } .woocommerce #reviews #comments ol.commentlist .star-rating > span { color: #fed202; } .woocommerce #reviews #comments ol.commentlist .description p:last-child { margin-bottom: 0; } .woocommerce #review_form #respond textarea { font-size: 15px; min-height: 150px; font-style: normal; } @-webkit-keyframes billautofill { to { color: #666 !important; background: #f8f8f8 !important; } } .woocommerce-billing-fields input:-webkit-autofill { -webkit-animation-name: billautofill; -webkit-animation-fill-mode: both; } .woocommerce-billing-fields input:-webkit-autofill, .woocommerce-billing-fields input:-webkit-autofill:hover, .woocommerce-billing-fields input:-webkit-autofill:focus, .woocommerce-billing-fields input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #f8f8f8 inset !important; } @media only screen and (max-width: 991px) { .woocommerce div.product form.cart .button { margin-top: 20px; } } @media only screen and (max-width: 767px) { .woocommerce div.product div.images .woocommerce-product-gallery__wrapper { margin-bottom: 40px; } .woocommerce div.product form.cart .button { margin-top: 0; } .head-single-product { margin-bottom: 40px; } .woocommerce div.product div.summary { padding: 0; } } @media only screen and (max-width: 650px) { .woocommerce div.product div.images .woocommerce-product-gallery__wrapper { margin-bottom: 40px; } .woocommerce div.product form.cart .button { margin-top: 0; } .related.products div.products { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 529px) { .woocommerce div.product form.cart .button { margin-top: 20px; } } @media only screen and (max-width: 529px) { .woocommerce .site-header.header-float + .site-content { padding: 140px 0 40px; } .woocommerce div.product form.cart { display: block; } .woocommerce div.product form.cart .button { min-width: 120px; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 14px; } .woocommerce div.product .woocommerce-tabs ul.tabs li { margin-bottom: 10px; width: 100%; } .woocommerce div.product .woocommerce-tabs ul.tabs { margin-bottom: 0; } .woocommerce div.product div.summary .social-share { margin-bottom: 30px; } .head-single-product { margin-bottom: 0; } .products.related { padding-top: 30px; margin-top: 30px; } .woocommerce div.product div.images.woocommerce-product-gallery .control-thumbnail { flex-basis: 50px; max-width: 50px; } .woocommerce div.product div.images.woocommerce-product-gallery .thumbnail-inner { flex-basis: calc( 100% - 70px); max-width: calc( 100% - 70px); } .woocommerce div.product div.images.woocommerce-product-gallery .swiper-container-vertical { height: 300px; } .woocommerce div.product form.cart .button { font-size: 14px; padding: 0 15px; } } .select2-container { text-align: left; } .woocommerce-account main#main, .woocommerce-cart main#main, .woocommerce-checkout main#main, .woocommerce-wishlist main#main { flex: 0 0 100%; max-width: 100%; } .woocommerce-account aside#secondary, .woocommerce-cart aside#secondary, .woocommerce-checkout aside#secondary, .woocommerce-wishlist aside#secondary { display: none; } .woocommerce .return-to-shop { text-align: center; } .woocommerce .empty-cart-messages { margin-bottom: 60px; } .woocommerce .cart.shop_table { margin-bottom: 50px; font-style: normal; border-spacing: 0 15px; border: none; margin-bottom: 25px; } .woocommerce .cart.shop_table thead tr th { border: 0; text-align: left; font-size: 16px; line-height: 24px; font-weight: 500; font-style: normal; color: #333; padding-top: 0; padding-bottom: 20px; text-transform: uppercase; } .woocommerce .cart.shop_table tbody tr { border-collapse: inherit; background-color: #f9f9f9; } .woocommerce .cart.shop_table tbody tr td { border: 0; } .woocommerce .cart.shop_table tbody tr td:first-child { width: 5%; } .woocommerce .cart.shop_table tbody tr td { text-align: left; padding: 18px 12px; } .woocommerce .cart.shop_table tbody tr td.product-thumbnail img { width: 64px; } .woocommerce .cart.shop_table tbody tr td.product-name { width: 30%; border-right: 0; border-bottom: 0; align-items: center; } .woocommerce .cart.shop_table tbody tr td.product-name a img { width: 85px; object-fit: contain; margin-right: 20px; } .woocommerce .cart.shop_table tbody tr td.product-name a { color: #333; } .woocommerce .cart.shop_table tbody tr td.product-name .entry-detail .variation { margin-bottom: 0; margin-top: 10px; } .woocommerce .cart.shop_table tbody tr td.product-name .entry-detail .variation dt { float: left; margin-right: 10px; color: #111111; } .woocommerce .cart.shop_table tbody tr td.product-name .entry-detail .variation dd { margin-bottom: 0; } .woocommerce .cart.shop_table tbody tr td.product-name .entry-detail .variation p { margin-bottom: 0; } .woocommerce .cart.shop_table tbody tr td.product-remove { border-left: 0; } .woocommerce .cart.shop_table tbody tr td.product-remove a { font-size: 32px; font-weight: 300; vertical-align: middle; text-decoration: none; color: #5d5d5d !important; } .woocommerce .cart.shop_table tbody tr td.product-remove a:hover { background: none; color: #1043B2 !important; } .woocommerce .cart.shop_table tbody tr td.product-price, .woocommerce .cart.shop_table tbody tr td.product-quantity, .woocommerce .cart.shop_table tbody tr td.product-subtotal { border-left: 0; border-right: 0; } .woocommerce .cart.shop_table tbody tr td.product-quantity { font-size: 15px; line-height: 24px; font-weight: 500; width: 20%; } .woocommerce .cart.shop_table tbody tr td.product-quantity .entry-quantity { background-color: transparent; } .woocommerce .cart.shop_table tbody tr td.product-quantity .quantity { display: inline-block; } .woocommerce .cart.shop_table tbody tr td.product-quantity input { max-width: 120px; text-align: center; padding: 14px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); border: 0; outline: 0; } .woocommerce .cart.shop_table tbody tr td.product-price { color: #111111; } .woocommerce .cart.shop_table tbody tr td.product-subtotal { color: #111111; } .woocommerce .cart.shop_table .amount { font-weight: 500; } .woocommerce-cart-form { margin-bottom: 60px; } .woocommerce .action-form { margin-top: 40px; } .woocommerce .action-form .updated-cart { text-align: right; } .woocommerce .action-form .updated-cart button, .woocommerce .action-form .updated-cart button:disabled { padding: 0 30px; line-height: 46px; height: 48px; color: #fff; background-color: #111111; border-color: #111111; } .woocommerce .action-form .updated-cart button:hover { color: #0057fc; border-color: #1043B2; background-color: #1043B2; } .action-form button, .action-form .button, .after-action-form button, .after-action-form .button { display: inline-block; font-size: 13px; font-weight: 400; line-height: 28px; letter-spacing: 1.5px; text-transform: uppercase; text-decoration: none; color: #fff; background: #111111; padding: 12px 45px; border: 0; outline: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .action-form button:hover, .action-form .button:hover, .after-action-form button:hover, .after-action-form .button:hover { color: #fff; background-color: #1043B2; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woocommerce .wc-proceed-to-checkout { text-align: right; padding: 0; } .woocommerce .wc-proceed-to-checkout a.checkout-button { background: #0057fc; margin-bottom: 0; display: inline-block; padding: 0 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); width: 100%; height: 48px; line-height: 46px; font-size: 16px; } .woocommerce .wc-proceed-to-checkout a.checkout-button:hover { background-color: #1043B2; } .woocommerce .wc-proceed-to-checkout .wcppec-checkout-buttons { text-align: right; } .clear-shopping-cart { margin-left: 30px; } .clear-shopping-cart i { margin-right: 5px; } .clear-shopping-cart a { text-transform: uppercase; text-decoration: none; font-size: 13px; font-weight: 500; line-height: 28px; letter-spacing: 1.5px; color: #111111; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .clear-shopping-cart a:hover { color: #0057fc; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woocommerce .inner-action-form .coupon { position: relative; } .woocommerce .inner-action-form .coupon input { width: auto; padding: 0 20px; height: 48px; line-height: 46px; background: #f9f9f9; border: 1px solid #f9f9f9; outline: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); font-size: 16px; min-height: auto; } .woocommerce .inner-action-form .coupon button { padding-left: 30px; padding-right: 30px; border-radius: 3px; letter-spacing: normal; text-transform: inherit; background-color: #111111; border-color: #111111; margin-left: 12px; } .woocommerce .inner-action-form .coupon button:hover { background: #1043B2 !important; border-color: #1043B2; color: #fff !important; } .woocommerce .inner-cart-total:after { content: ""; display: block; clear: both; } .woocommerce .inner-cart-total table.shop_table { font-size: 15px; line-height: 28px; margin-bottom: 30px; border-collapse: collapse; border: 0; } .woocommerce .inner-cart-total table.shop_table th, .woocommerce .inner-cart-total table.shop_table td { border: 0; padding: 0 0 15px 0; } .woocommerce .inner-cart-total table.shop_table th { text-align: left; font-weight: 500; color: #9b9b9b; } .woocommerce .inner-cart-total table.shop_table tr.order-total th { color: #333; padding-top: 50px; padding-bottom: 0; } .woocommerce .inner-cart-total table.shop_table tr.order-total td { padding-top: 50px; padding-bottom: 0; } .woocommerce .inner-cart-total table.shop_table tr.shipping th { vertical-align: top; } .woocommerce .inner-cart-total table.shop_table tr.shipping td { font-weight: 400; padding-left: 30px; max-width: 300px; } .woocommerce .inner-cart-total table.shop_table tr.shipping td ul { list-style-type: none; } .woocommerce .inner-cart-total table.shop_table tr.shipping td ul li { margin-bottom: 10px; } .woocommerce .inner-cart-total table.shop_table tr.shipping td ul input { margin-right: 5px; vertical-align: 1px; } .woocommerce .inner-cart-total table.shop_table tr.shipping td ul label { margin-bottom: 0; } .woocommerce .inner-cart-total table.shop_table tr.shipping .woocommerce-shipping-destination { margin-bottom: 10px; } .woocommerce .inner-cart-total table.shop_table tr.shipping .shipping-calculator-button { display: block; color: #0057fc; margin-bottom: 8px; text-decoration: none; } .woocommerce .inner-cart-total table.shop_table tr.shipping .shipping-calculator-form #calc_shipping_country_field { text-align: left; } .woocommerce .inner-cart-total table.shop_table tr.shipping .shipping-calculator-form input { padding: 8px; background: #f8f8f8; border: 0; width: 100%; } .woocommerce .inner-cart-total table.shop_table tr.shipping .shipping-calculator-form button { font-size: 13px; font-weight: 600; line-height: 28px; letter-spacing: 1.5px; text-transform: uppercase; color: #fff; background: #111111; padding: 5px 10px; width: 100%; border: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woocommerce .inner-cart-total table.shop_table tr.shipping .shipping-calculator-form button:hover { background: #1043B2; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woocommerce .inner-cart-total table.shop_table tr.order-total td { font-size: 18px; font-weight: 500; color: #111111; } .woocommerce .inner-cart-total table.shop_table td { text-align: right; font-weight: 600; color: #7e7e7e; } .after-action-form { display: flex; align-items: center; } .cart_totals { margin-bottom: 40px; float: right; max-width: 370px; background-color: #f9f9f9; width: 100%; padding: 32px; } .cart_totals > h2 { margin-bottom: 20px; font-size: 16px !important; text-transform: uppercase; } .cross-sells { clear: both; } @media only screen and (max-width: 991px) { .clear-shopping-cart { display: none; } } @media only screen and (max-width: 768px) { .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail { display: block; } .woocommerce .cart.shop_table tbody tr td.product-quantity input { height: 40px; width: 40px; padding: 10px 0; } .woocommerce .cart.shop_table tbody tr td.product-quantity .btn-quantity { height: 40px; } .woocommerce .cart.shop_table tbody tr td.product-quantity .btn-quantity.minus { padding-left: 15px; } .woocommerce .cart.shop_table tbody tr td.product-quantity .btn-quantity.plus { padding-right: 15px; } .woocommerce .inner-cart-total table.shop_table tr.order-total td { background: 0; } .cart_totals { max-width: 100%; } .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before { font-weight: 500; color: #1a1a1a; } .cart.shop_table tbody, .cart.shop_table tr { width: 100%; display: block; } .cart.shop_table thead { display: none; } .cart.shop_table th, .cart.shop_table td { width: 100%; display: block; } .cart.shop_table tbody tr { border-bottom: 0; } .cart.shop_table tbody tr:last-child { border-bottom: 1px solid #dedede; } .cart.shop_table tbody tr td { padding: 20px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #dedede; } .cart.shop_table tbody tr td:last-child { border-bottom: 0; } .cart.shop_table tbody tr td > span.hidden-md-up { font-size: 13px; font-weight: 700; color: #333; margin-right: 50px; } .cart.shop_table tbody tr td.product-name { padding: 10px; border-bottom: 1px solid #dedede; } .cart.shop_table tbody tr td.product-thumbnail img { width: 85px; } .cart.shop_table tbody tr td.product-quantity input { padding-top: 5px; padding-bottom: 5px; max-width: 80px; border: 1px solid #dedede; background: transparent; } .cart.shop_table tbody tr td.product-remove a { color: #333; } .woocommerce .cart.shop_table tbody tr td.product-name { padding: 20px; display: block; } .woocommerce .cart.shop_table tbody tr td.product-name > div { display: inline-block !important; } .cart.shop_table .product-quantity { margin-right: 0; } .action-form { text-align: left; } .action-form .coupon { margin-bottom: 20px; } .action-form .updated-cart button { width: 100%; } .inner-cart-total tr { clear: both; } .inner-cart-total tr th { float: left; } .inner-cart-total tr td { float: right; } .after-action-form { display: block; } .after-action-form .button { display: block; text-align: center; margin-bottom: 20px; } .inner-action-form .coupon input { padding-top: 9px; padding-bottom: 9px; padding-right: 110px; } .action-form .button, .after-action-form .button { padding: 8px 25px; } .cross-sells { margin-top: 50px; } } @media only screen and (max-width: 767px) { .woocommerce .cart.shop_table tbody tr td.product-name .product-thumbnail { display: none !important; } .woocommerce .cart.shop_table tbody tr td.product-name { width: 100%; } .woocommerce .cart.shop_table tbody tr td.product-thumbnail { display: flex; } .woocommerce .action-form { margin-top: 20px; } .woocommerce-cart .site-content { padding-bottom: 0; } .woocommerce .inner-action-form .coupon { display: flex; justify-content: space-between; } .woocommerce .inner-action-form .coupon > label { display: none; } .woocommerce .inner-action-form .coupon input, .woocommerce .inner-action-form .coupon button { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; } .woocommerce .inner-action-form .coupon button { padding: 0 10px; margin: 0; white-space: nowrap; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .woocommerce-cart-form { margin-bottom: 30px; } .woocommerce .inner-cart-total table.shop_table td { width: 100%; } .woocommerce .inner-cart-total table.shop_table tr.order-total td { padding-top: 20px; } } @media only screen and (max-width: 479px) { .woocommerce .wc-proceed-to-checkout a.checkout-button { width: 100%; } .products.related > h2, .upsells > h2, .cross-sells > h2 { font-size: 18px; } } .woocommerce-account .content-page .site-layout.has-sidebar #primary { max-width: 100%; } .woocommerce-form-coupon-toggle .woocommerce-info { margin-bottom: 30px; } .woocommerce .checkout_coupon { display: flex; flex-wrap: wrap; } .woocommerce .checkout_coupon p:first-child { flex: 0 0 100%; } .woocommerce .checkout_coupon .form-row { padding: 0; margin-bottom: 0; } .woocommerce .checkout_coupon input { height: 50px; line-height: 50px; padding: 13px 15px; border: 0; outline: 0; background: #F8F8F8; min-width: 280px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .woocommerce .checkout_coupon .button { height: 50px; padding: 11px 20px 10px; background: #0057fc; color: #fff; border: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woocommerce .checkout_coupon .button:hover { background: #0057fc; color: #fff; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woocommerce .checkout.woocommerce-checkout { display: flex; flex-wrap: wrap; } .woocommerce .checkout.woocommerce-checkout .woocommerce-NoticeGroup-checkout { width: 100%; } .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields > h3 { font-size: 16px; line-height: 24px; color: #111111; margin-bottom: 20px; text-transform: uppercase; } .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields__field-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 15px; } .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields input, .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields textarea, .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields .select2-selection, .woocommerce .checkout.woocommerce-checkout .woocommerce-additional-fields input, .woocommerce .checkout.woocommerce-checkout .woocommerce-additional-fields textarea, .woocommerce .checkout.woocommerce-checkout .woocommerce-additional-fields .select2-selection, .woocommerce .checkout.woocommerce-checkout .shipping_address input, .woocommerce .checkout.woocommerce-checkout .shipping_address textarea, .woocommerce .checkout.woocommerce-checkout .shipping_address .select2-selection { background: #F8F8F8; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); width: 100%; } .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields .form-row, .woocommerce .checkout.woocommerce-checkout .woocommerce-additional-fields .form-row, .woocommerce .checkout.woocommerce-checkout .shipping_address .form-row { align-items: center; width: 100%; margin-bottom: 20px; clear: both; } .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields .form-row input, .woocommerce .checkout.woocommerce-checkout .woocommerce-additional-fields .form-row input, .woocommerce .checkout.woocommerce-checkout .shipping_address .form-row input { height: 52px; padding: 13px 20px; } .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields .form-row > span, .woocommerce .checkout.woocommerce-checkout .woocommerce-additional-fields .form-row > span, .woocommerce .checkout.woocommerce-checkout .shipping_address .form-row > span { flex: 1; } .woocommerce .checkout.woocommerce-checkout #billing_company_field, .woocommerce .checkout.woocommerce-checkout #shipping_company_field, .woocommerce .checkout.woocommerce-checkout #order_comments_field { clear: both; } .woocommerce .checkout.woocommerce-checkout #billing_company_field label span, .woocommerce .checkout.woocommerce-checkout #shipping_company_field label span, .woocommerce .checkout.woocommerce-checkout #order_comments_field label span { display: none; } .woocommerce .checkout.woocommerce-checkout .woocommerce-shipping-fields span, .woocommerce .checkout.woocommerce-checkout .woocommerce-account-fields span { font-size: 15px; font-weight: 400; vertical-align: -1px; color: #696969; } .woocommerce .checkout.woocommerce-checkout .woocommerce-shipping-fields p, .woocommerce .checkout.woocommerce-checkout .woocommerce-shipping-fields label, .woocommerce .checkout.woocommerce-checkout .woocommerce-account-fields p, .woocommerce .checkout.woocommerce-checkout .woocommerce-account-fields label { margin-bottom: 0; } .woocommerce .checkout.woocommerce-checkout .woocommerce-account-fields { padding-bottom: 45px; margin-bottom: 40px; margin-top: 45px; border-bottom: 1px solid #E7E7E7; } .woocommerce .checkout.woocommerce-checkout .woocommerce-account-fields label { max-width: 100%; margin-right: 0; display: flex; align-items: center; } .woocommerce .checkout.woocommerce-checkout .woocommerce-account-fields label input { margin-right: 15px; } .woocommerce .checkout.woocommerce-checkout .shipping_address { margin-top: 40px; } .woocommerce .checkout.woocommerce-checkout #order_comments_field label { align-self: flex-start; } .woocommerce .checkout.woocommerce-checkout #customer_details { display: flex; flex-wrap: wrap; width: 66.6667%; padding: 0 15px 0 0; } .woocommerce .checkout.woocommerce-checkout #customer_details .col-1, .woocommerce .checkout.woocommerce-checkout #customer_details .col-2 { padding-left: 0; padding-right: 0; flex: 0 0 100%; max-width: 100%; width: auto; float: none; } .woocommerce .checkout.woocommerce-checkout #customer_details #payment { background: none; } .woocommerce .checkout.woocommerce-checkout #customer_details #payment .order-title { font-size: 16px; line-height: 24px; font-weight: 600; color: #111111; margin-bottom: 20px; text-transform: uppercase; } .woocommerce .checkout.woocommerce-checkout #customer_details #payment ul.payment_methods { padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; margin-bottom: 0; list-style-type: none; border-bottom: 0; } .woocommerce .checkout.woocommerce-checkout #customer_details #payment ul.payment_methods li { margin-bottom: 20px; line-height: 28px; } .woocommerce .checkout.woocommerce-checkout #customer_details #payment ul.payment_methods p { margin-bottom: 0; } .woocommerce .checkout.woocommerce-checkout #customer_details #payment ul.payment_methods li.wc_payment_method { width: 100%; position: relative; } .woocommerce .checkout.woocommerce-checkout #customer_details #payment ul.payment_methods li.wc_payment_method label { display: block; padding: 0 0 0 20px; cursor: pointer; } .woocommerce .checkout.woocommerce-checkout #customer_details #payment ul.payment_methods li.wc_payment_method input { position: absolute; left: 0; top: 7px; margin-right: 0; width: auto; } .woocommerce .checkout.woocommerce-checkout #customer_details #payment ul.payment_methods li.wc_payment_method .payment_box { margin: 0; padding: 10px 0 0 0; background-color: transparent; max-width: 470px; color: #555555; } .woocommerce .checkout.woocommerce-checkout #customer_details #payment ul.payment_methods li.wc_payment_method .payment_box:before { content: ''; display: none; } .woocommerce .checkout.woocommerce-checkout #customer_details #payment label { max-width: inherit; width: auto; margin-right: 0; margin-bottom: 0; vertical-align: -1px; } .woocommerce .checkout.woocommerce-checkout #customer_details #payment .place-order { padding: 0; max-width: 470px; } .woocommerce .checkout.woocommerce-checkout #customer_details #payment .place-order .woocommerce-privacy-policy-text { color: #555555; } .woocommerce .checkout.woocommerce-checkout #customer_details #payment .place-order .woocommerce-privacy-policy-text a { color: #0057fc; } .woocommerce .checkout.woocommerce-checkout #customer_details #payment .place-order .button { height: 48px; line-height: 46px; padding: 0 28px; background: #0057fc; border: 1px solid #0057fc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); color: #fff; text-transform: uppercase; width: auto; outline: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-size: 16px; text-transform: inherit; float: none; } .woocommerce .checkout.woocommerce-checkout #customer_details #payment .place-order .button:hover { border-color: #1043B2; background-color: #1043B2; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woocommerce .checkout.woocommerce-checkout #customer_details > .col-2 { display: flex; flex-wrap: wrap; } .woocommerce .checkout.woocommerce-checkout #customer_details > .col-2 .woocommerce-shipping-fields { order: 2; width: 100%; margin-bottom: 28px; } .woocommerce .checkout.woocommerce-checkout #customer_details > .col-2 .woocommerce-additional-fields { order: 1; width: 100%; } .woocommerce .checkout.woocommerce-checkout #customer_details > .col-2 .woocommerce-additional-fields > h3 { margin-bottom: 20px; } .woocommerce .checkout.woocommerce-checkout .select2-selection { height: 50px; } .woocommerce .checkout.woocommerce-checkout .select2-selection span { height: 50px; line-height: 50px; padding-left: 20px; } .woocommerce .checkout.woocommerce-checkout .select2-selection .select2-selection__placeholder { padding-left: 0; } .woocommerce .checkout.woocommerce-checkout label { position: relative !important; line-height: inherit; font-weight: 500; color: #2a2a2a; max-width: 140px; width: 100%; margin-right: 30px; margin-bottom: 8px; } .woocommerce .checkout.woocommerce-checkout label .required { color: #FD4170; } .woocommerce .checkout.woocommerce-checkout h3 label { max-width: 100%; } .woocommerce .checkout.woocommerce-checkout textarea { width: 100%; min-height: 150px; padding: 13px 20px; } .woocommerce .checkout.woocommerce-checkout #order_review { padding-top: 40px; width: 33.3333%; padding: 0 0 0 15px; } .woocommerce .checkout.woocommerce-checkout #order_review h3 { font-size: 16px; font-weight: 600; text-transform: uppercase; margin-bottom: 20px; } .woocommerce .checkout.woocommerce-checkout #order_review table { border: 0; } .woocommerce .checkout.woocommerce-checkout #order_review table th, .woocommerce .checkout.woocommerce-checkout #order_review table td { border: 0; } .woocommerce .checkout.woocommerce-checkout #order_review table th.product-name, .woocommerce .checkout.woocommerce-checkout #order_review table td.product-name { text-align: left; padding-left: 0; } .woocommerce .checkout.woocommerce-checkout #order_review table td.product-total { text-align: right; } .woocommerce .checkout.woocommerce-checkout #order_review table tr.woocommerce-shipping-totals td { font-weight: 500; } .woocommerce .checkout.woocommerce-checkout #order_review table tr.woocommerce-shipping-totals td ul { padding-left: 0; margin-bottom: 0; list-style-type: none; } .woocommerce .checkout.woocommerce-checkout #order_review table tr.woocommerce-shipping-totals td ul label { width: auto; max-width: inherit; margin-right: 0; } .woocommerce .checkout.woocommerce-checkout #order_review table tr.woocommerce-shipping-totals td ul input { margin-right: 8px; } .woocommerce .checkout.woocommerce-checkout #order_review table thead tr th { font-size: 16px; line-height: 24px; font-weight: 600; text-transform: uppercase; font-family: "Sofia Pro"; padding-left: 0; color: #111111; padding-top: 0; padding-bottom: 20px; } .woocommerce .checkout.woocommerce-checkout #order_review table thead tr th.product-total { text-align: right; padding-right: 0; } .woocommerce .checkout.woocommerce-checkout #order_review table tbody { padding-bottom: 15px; border-bottom: 1px solid #E7E7E7; } .woocommerce .checkout.woocommerce-checkout #order_review table tbody td.product-name { font-size: 15px; } .woocommerce .checkout.woocommerce-checkout #order_review table tbody td.product-name strong { display: inline-block; color: #111111; } .woocommerce .checkout.woocommerce-checkout #order_review table tbody td.product-total .amount { font-size: 15px; color: #ABABAB; font-weight: 500; } .woocommerce .checkout.woocommerce-checkout #order_review table tbody tr:last-child td { padding-bottom: 18px; } .woocommerce .checkout.woocommerce-checkout #order_review table tbody tr:first-child td { padding-top: 0; } .woocommerce .checkout.woocommerce-checkout #order_review table tfoot th, .woocommerce .checkout.woocommerce-checkout #order_review table tfoot td { padding-top: 13px; padding-bottom: 13px; } .woocommerce .checkout.woocommerce-checkout #order_review table tfoot th { text-align: left; font-size: 18px; font-weight: 500; color: #2a2a2a; padding-left: 0; } .woocommerce .checkout.woocommerce-checkout #order_review table tfoot td { text-align: right; } .woocommerce .checkout.woocommerce-checkout #order_review table tfoot td .amount { font-size: 15px; font-weight: 500; } .woocommerce .checkout.woocommerce-checkout #order_review table tfoot tr { border-bottom: 1px solid #E7E7E7; } .woocommerce .checkout.woocommerce-checkout #order_review table tfoot tr.cart-subtotal td .amount { color: #111111; } .woocommerce .checkout.woocommerce-checkout #order_review table tfoot tr.shipping th { display: flex; align-self: flex-start; } .woocommerce .checkout.woocommerce-checkout #order_review table tfoot tr:last-child { border-bottom: 0; } .woocommerce .checkout.woocommerce-checkout #order_review table tfoot tr.order-total th, .woocommerce .checkout.woocommerce-checkout #order_review table tfoot tr.order-total td { padding-top: 24px; } .woocommerce .checkout.woocommerce-checkout #order_review table tfoot tr.order-total td .amount { font-size: 20px; font-weight: 700; color: #0057fc; } .woocommerce .checkout.woocommerce-checkout .woocommerce-additional-fields .woocommerce-terms-and-conditions-wrapper input { width: auto; height: auto; vertical-align: -1px; } .woocommerce .checkout.woocommerce-checkout .woocommerce-invalid #terms { outline: inherit; outline-offset: inherit; border-color: red; } .woocommerce .checkout.woocommerce-checkout .shop-table-wrap { background-color: #f9f9f9; padding: 30px; } .woocommerce .checkout.woocommerce-checkout .shop-table-wrap table { margin-bottom: 0; } .woocommerce .checkout.woocommerce-checkout .shop-table-wrap table thead th { padding: 0 0 20px 0; } .woocommerce .checkout.woocommerce-checkout .shop-table-wrap table tbody td, .woocommerce .checkout.woocommerce-checkout .shop-table-wrap table tbody td strong, .woocommerce .checkout.woocommerce-checkout .shop-table-wrap table tfoot th { padding: 0 0 10px 0 !important; font-size: 16px !important; color: #555555 !important; font-weight: 400; } .woocommerce .checkout.woocommerce-checkout .shop-table-wrap table tbody td:last-child, .woocommerce .checkout.woocommerce-checkout .shop-table-wrap table tbody td:last-child span { color: #111111 !important; } .woocommerce .checkout.woocommerce-checkout .shop-table-wrap table tbody { padding-bottom: 0 !important; } .woocommerce .checkout.woocommerce-checkout .shop-table-wrap table tfoot th, .woocommerce .checkout.woocommerce-checkout .shop-table-wrap table tfoot td { padding: 0 0 10px 0 !important; } .woocommerce .checkout.woocommerce-checkout .shop-table-wrap table tfoot tr.order-total th, .woocommerce .checkout.woocommerce-checkout .shop-table-wrap table tfoot tr.order-total td, .woocommerce .checkout.woocommerce-checkout .shop-table-wrap table tfoot tr.order-total td strong, .woocommerce .checkout.woocommerce-checkout .shop-table-wrap table tfoot tr.order-total td span { padding: 30px 0 0 0 !important; font-size: 18px !important; color: #111111 !important; } .woocommerce-privacy-policy-text { margin-bottom: 30px; } .woocommerce ul.order_details { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 30px; list-style-type: none; border: 1px dashed #e7e7e7; } .woocommerce ul.order_details li { flex: 1; margin: 0; padding: 15px; border-bottom: 1px dashed #e7e7e7; border-left: 1px dashed #e7e7e7; border-right: 0; } .woocommerce ul.order_details li:first-child { border-left: 0; } .woocommerce ul.order_details li > span { min-width: 140px; display: inline-block; margin-bottom: 10px; } .woocommerce ul.order_details li strong { color: #111111; font-weight: 500; } .woocommerce .woocommerce-order-details__title, .woocommerce .woocommerce-column__title { font-size: 24px; line-height: 36px; font-weight: 500; color: #111111; margin-bottom: 20px; } .woocommerce .woocommerce-order-details .order_details { margin-bottom: 30px; } .woocommerce .woocommerce-order-details .order_details .amount { color: #111111; font-weight: 500; } .woocommerce .woocommerce-order-details .order_details thead th { border: 0; font-size: 18px; line-height: 24px; font-weight: 500; color: #111111; } .woocommerce .woocommerce-order-details .order_details thead th.product-name { text-align: left; } .woocommerce .woocommerce-order-details .order_details tbody td.product-name { text-align: left; padding: 15px; } .woocommerce .woocommerce-order-details .order_details tbody td.product-name a { color: #111111; font-size: 15px; line-height: 24px; } .woocommerce .woocommerce-order-details .order_details tbody td.product-name a:hover { color: #0057fc; } .woocommerce .woocommerce-order-details .order_details tbody td.product-name strong { color: #111111; } .woocommerce .woocommerce-order-details .order_details tbody td.product-total .amount { font-weight: 500; } .woocommerce .woocommerce-order-details .order_details tfoot td, .woocommerce .woocommerce-order-details .order_details tfoot th { padding: 15px; font-weight: 500; color: #111111; } .woocommerce .woocommerce-order-details .order_details tfoot tr th { color: #111111; } .woocommerce .woocommerce-order-details .order_details tfoot tr:last-child td .amount { color: #0057fc; font-size: 18px; } .woocommerce .woocommerce-customer-details .woocommerce-columns { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .woocommerce .woocommerce-customer-details .woocommerce-columns .col-1, .woocommerce .woocommerce-customer-details .woocommerce-columns .col-2 { padding-left: 15px; padding-right: 15px; flex: 0 0 50%; max-width: 50%; width: auto; float: none; } .woocommerce .woocommerce-customer-details address { color: #111111; line-height: 32px; margin-bottom: 20px; background: #F8F8F8; padding: 10px 20px; } .woocommerce .woocommerce-customer-details address p { margin-bottom: 0; } .woocommerce .woocommerce-customer-details .woocommerce-column__title { font-weight: 500; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .woocommerce .checkout.woocommerce-checkout .shipping_address .form-row:last-child { margin-bottom: 12px; } .woocommerce .checkout.woocommerce-checkout label { margin-right: 15px; } .woocommerce .checkout.woocommerce-checkout #billing_first_name_field, .woocommerce .checkout.woocommerce-checkout #billing_email_field { width: 62%; } .woocommerce .checkout.woocommerce-checkout #billing_last_name_field, .woocommerce .checkout.woocommerce-checkout #billing_phone_field { width: calc(38% - 30px); } .woocommerce .checkout.woocommerce-checkout #order_review { display: block; padding-top: 0; padding: 0; width: 100%; } .woocommerce .checkout.woocommerce-checkout #order_review table, .woocommerce .checkout.woocommerce-checkout #order_review #payment { margin-left: 0; margin-right: 0; max-width: 100%; } .woocommerce .checkout.woocommerce-checkout #customer_details { width: 100%; padding: 0; } .woocommerce-checkout .site-content { padding-bottom: 40px; } } @media only screen and (max-width: 600px) { .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields > h3 { font-size: 28px; margin-bottom: 20px; } .woocommerce .checkout.woocommerce-checkout label { margin-bottom: 10px; } .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields .form-row, .woocommerce .checkout.woocommerce-checkout .woocommerce-additional-fields .form-row, .woocommerce .checkout.woocommerce-checkout .shipping_address .form-row { display: block; margin-bottom: 20px; } .woocommerce .checkout.woocommerce-checkout #billing_first_name_field, .woocommerce .checkout.woocommerce-checkout #billing_email_field, .woocommerce .checkout.woocommerce-checkout #billing_last_name_field, .woocommerce .checkout.woocommerce-checkout #billing_phone_field { width: 100%; } .woocommerce .checkout.woocommerce-checkout .shipping_address { margin-top: 30px; } .woocommerce .checkout.woocommerce-checkout .shipping_address label { margin-right: 0; margin-bottom: 10px; } .woocommerce .checkout.woocommerce-checkout #order_review table thead tr th.product-name { padding-bottom: 20px; } .woocommerce .checkout.woocommerce-checkout #order_review #order_review #payment .order-title { margin-bottom: 20px; } } @media only screen and (max-width: 479px) { .woocommerce .woocommerce-order-overview li > span { min-width: inherit; } } .woocommerce-account:not(.logged-in) .woocommerce h2 { display: block; text-align: center; position: relative; font-size: 28px; font-weight: 700; line-height: 48px; color: #333; margin-bottom: 40px; padding-bottom: 20px; } .woocommerce-account:not(.logged-in) .woocommerce h2:after { content: ''; display: block; width: 150px; height: 1px; font-weight: 400; line-height: normal; background: #e7e7e7; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .woocommerce-account:not(.logged-in) .woocommerce input[type="text"], .woocommerce-account:not(.logged-in) .woocommerce input[type="password"], .woocommerce-account:not(.logged-in) .woocommerce input[type="email"] { width: 100%; border: none; padding: 13px 20px; background: #F8F8F8; border: 1px solid #0057fc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); } .woocommerce-account:not(.logged-in) .woocommerce input[type="text"]:focus, .woocommerce-account:not(.logged-in) .woocommerce input[type="password"]:focus, .woocommerce-account:not(.logged-in) .woocommerce input[type="email"]:focus { border-color: #0057fc; } .woocommerce-account:not(.logged-in) .woocommerce input[type=checkbox], .woocommerce-account:not(.logged-in) .woocommerce input[type=radio] { margin-top: 0; } .woocommerce-account:not(.logged-in) .woocommerce label { font-weight: normal; } .woocommerce-account:not(.logged-in) .woocommerce form .woocommerce-form-row--wide { position: relative; padding: 0; margin-bottom: 30px; } .woocommerce-account:not(.logged-in) .woocommerce form .woocommerce-form-row--wide:not(.focused) label { font-size: 15px; font-weight: 500; top: 10px; cursor: auto; } .woocommerce-account:not(.logged-in) .woocommerce form .woocommerce-form-row--wide label { display: block; font-size: 13px; line-height: normal; font-weight: normal; color: #333; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .woocommerce-account:not(.logged-in) .woocommerce form .woocommerce-form-row--wide label .required { color: #ed1c24; } .woocommerce-account:not(.logged-in) .woocommerce #customer_login { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .woocommerce-account:not(.logged-in) .woocommerce #customer_login > .col-1, .woocommerce-account:not(.logged-in) .woocommerce #customer_login > .col-2 { padding: 15px; flex: 0 0 50%; } .woocommerce-account:not(.logged-in) .woocommerce #customer_login > .col-1 .inner-box, .woocommerce-account:not(.logged-in) .woocommerce #customer_login > .col-2 .inner-box { padding: 15px; } .woocommerce-account:not(.logged-in) .woocommerce #customer_login > .col-1 input { background: #fff; } .woocommerce-account:not(.logged-in) .woocommerce #customer_login > .col-1 .inner-box { background: #efefef; padding-bottom: 30px; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-Button { min-width: 200px; padding: 12px 25px; letter-spacing: 1.5px; font-weight: 400; font-size: 13px; text-transform: uppercase; text-decoration: none; color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); border-radius: 30px; border: 1px solid #0057fc; background: #0057fc; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-Button:hover { background: none; color: #0057fc; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-privacy-policy-text { margin-bottom: 30px; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form { border: none; padding: 0; margin: 0; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form p.customer_login_desb { font-size: 18px; color: #555555; text-align: center; margin-bottom: 44px; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form__label-for-checkbox span:before, .woocommerce-account:not(.logged-in) .woocommerce input.input-checkbox { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 20px; border: 1px solid #e1e1e1; background: #fff; margin-right: 10px; text-align: center; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login { position: relative; font-size: 15px; padding-bottom: 90px; max-width: 500px; margin: 0 auto; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login:before, .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login:after { content: ''; display: table; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login:after { clear: both; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .form-row:not(.woocommerce-form-row) { float: left; width: 50%; text-align: left; padding: 0; margin: 0; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .form-row:not(.woocommerce-form-row) .woocommerce-form__label-for-checkbox span { font-size: 15px; color: #555555; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .form-row:not(.woocommerce-form-row) .woocommerce-form__label-for-checkbox input:checked + span:before { content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-size: 12px; line-height: 18px; color: #0057fc; border-color: #0057fc; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .form-row:not(.woocommerce-form-row) .woocommerce-form__label-for-checkbox input[type=checkbox] { display: none; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .form-row:not(.woocommerce-form-row) .woocommerce-Button { position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .lost_password { float: right; width: 50%; text-align: right; margin-bottom: 0; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .lost_password a { display: block; font-size: 15px; font-weight: 400; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .lost_password a:hover { color: #0057fc; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-register .woocommerce-FormRow { text-align: center; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation ul { margin-left: 0; margin-bottom: 30px; padding-left: 0; list-style-type: none; background: #eee; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link { position: relative; border-bottom: 1px solid #e7e7e7; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a { display: block; padding: 12px 20px 11px 25px; color: #333; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:hover { color: #111111; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active { background: #111111; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active:after { color: #fff; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:last-child { border-bottom: none; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:after { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:after { font-family: "Font Awesome 5 Pro"; width: 25px; text-align: center; font-weight: 500; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--dashboard:after { content: '\f007'; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--orders:after { content: '\f290'; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--downloads:after { content: '\f019'; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--edit-address:after { content: '\f3c5'; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--edit-account:after { content: '\f4ff'; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout:after { content: '\f2f5'; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content > p:first-child { padding: 22px 30px; background: #f5f5f5; margin-bottom: 40px; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content p { display: block; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content p a { color: #00aeef; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content p a:hover { color: #0057fc; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content table tfoot tr:last-child td .amount { color: #0057fc; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content table tr { border: 1px solid #e7e7e7; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content table tr th, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content table tr td { padding: 15px; border: none; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content form > h3 { display: inline-block; font-size: 24px; line-height: 36px; font-weight: 700; color: #2D78CF; margin-bottom: 15px; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields > p:not(.form-row) .button, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields > p .button, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm > p:not(.form-row) .button, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm > p .button { display: inline-block; min-width: 150px; font-weight: normal; color: #fff; text-align: center; text-transform: capitalize; padding: 12px 10px; background: #0057fc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); border: 0; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row { position: relative; padding: 0; margin-bottom: 20px; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row label, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label { display: block; color: #333; font-size: 13px; font-weight: 500; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row label .required, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label .required { color: #fd4170; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row input, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input { padding: 13px 15px; background: #F8F8F8; border: 0; outline: 0; width: 100%; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row input:focus, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input:focus { border-color: #0057fc; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row .select2-selection, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row .select2-selection { background: #F8F8F8; border-color: #ddd; height: 52px; width: 100%; outline: 0; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row .select2-container--default .select2-selection--single .select2-selection__rendered, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 52px; padding-left: 15px; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row .select2-container--default .select2-selection--single .select2-selection__arrow, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row .select2-container--default .select2-selection--single .select2-selection__arrow { height: 52px; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row > span, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row > span { margin-top: 5px; display: block; font-size: 14px; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row ::-webkit-input-placeholder, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row ::-webkit-input-placeholder { font-size: 0; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row:not(.focused) label, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row:not(.focused) label { font-size: 15px; top: 10px; cursor: auto; } .woocommerce-account.logged-in .woocommerce .my_account_orders_custom .woocommerce-orders-table { margin-bottom: 0; } .woocommerce-account.logged-in .woocommerce .my_account_orders_custom .woocommerce-orders-table thead tr .woocommerce-orders-table__header-order-actions { padding-right: 0; text-align: center; } .woocommerce-account.logged-in .woocommerce .my_account_orders_custom .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell a { color: #00aeef; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .woocommerce-account.logged-in .woocommerce .my_account_orders_custom .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell a:hover { color: #0057fc; } .woocommerce-account.logged-in .woocommerce .my_account_orders_custom .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-actions { padding-right: 0; } .woocommerce-account.logged-in .woocommerce .my_account_orders_custom .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-actions a { display: block; padding-top: 7px; padding-bottom: 7px; text-align: center; font-weight: normal; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); color: #fff; background: #0057fc; } .woocommerce-account.logged-in .woocommerce .my_account_orders_custom .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-actions a:hover { color: #fff; background: #0057fc; } .woocommerce-account.logged-in .woocommerce .my_account_orders_custom .woocommerce-orders-table tbody tr:last-child td { border-bottom: none; } .woocommerce-account.logged-in .woocommerce .woocommerce-order-details .woocommerce-table--order-details .woocommerce-Price-amount { color: #111111; font-weight: 700; } .woocommerce-account.logged-in .woocommerce .woocommerce-order-details .woocommerce-table--order-details tr td { font-weight: normal; } .woocommerce-account.logged-in .woocommerce .woocommerce-order-details .woocommerce-table--order-details tfoot tr:last-child th, .woocommerce-account.logged-in .woocommerce .woocommerce-order-details .woocommerce-table--order-details tfoot tr:last-child td { border-bottom: none; } .woocommerce-account.logged-in .woocommerce .woocommerce-order-details .order-again a { display: inline-block; padding: 12px 10px; min-width: 150px; color: #fff; font-weight: normal; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); background: #0057fc; } .woocommerce-account.logged-in .woocommerce .woocommerce-order-details .order-again a:hover { color: #fff; background: #0057fc; } .woocommerce-account.logged-in .woocommerce .woocommerce-order-downloads .woocommerce-table--order-downloads .download-file { padding-right: 0; } .woocommerce-account.logged-in .woocommerce .woocommerce-order-downloads .woocommerce-table--order-downloads .download-file a { display: block; padding: 11px 5px; position: relative; font-size: 0; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); background: #0057fc; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .woocommerce-account.logged-in .woocommerce .woocommerce-order-downloads .woocommerce-table--order-downloads .download-file a:before, .woocommerce-account.logged-in .woocommerce .woocommerce-order-downloads .woocommerce-table--order-downloads .download-file a:after { display: inline-block; } .woocommerce-account.logged-in .woocommerce .woocommerce-order-downloads .woocommerce-table--order-downloads .download-file a:before { content: '\e632'; margin-right: 5px; } .woocommerce-account.logged-in .woocommerce .woocommerce-order-downloads .woocommerce-table--order-downloads .download-file a:after { content: 'Download'; font-weight: normal; } .woocommerce-account.logged-in .woocommerce .woocommerce-order-downloads .woocommerce-table--order-downloads .download-file a:hover { background: #0057fc; } .woocommerce-account.logged-in .woocommerce .woocommerce-order-downloads .woocommerce-table--order-downloads tr:last-child td { border-bottom: none; } .woocommerce-account.logged-in .woocommerce .woocommerce-Addresses-custom > p { padding: 22px 30px; background: #f5f5f5; margin-bottom: 40px; } .woocommerce-account.logged-in .woocommerce .woocommerce-address-fields-custom .woocommerce-address-fields__field-wrapper .select2-container .select2-selection--single { border: none; border-bottom: 1px solid #e7e7e7; } .woocommerce-account.logged-in .woocommerce .woocommerce-address-fields-custom .woocommerce-address-fields__field-wrapper .select2-container .select2-selection .select2-selection__rendered { padding-left: 0; color: #555555; font-size: 15px; } .woocommerce-account.logged-in .woocommerce .woocommerce-EditAccountForm fieldset legend { font-size: 18px; color: #111111; margin-bottom: 20px; } .woocommerce-account.logged-in .woocommerce .woocommerce-Address-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; } .woocommerce-account.logged-in .woocommerce .woocommerce-Address-title h3 { display: inline-block; font-size: 24px; line-height: 36px; font-weight: 500; color: #111111; margin-right: 10px; margin-bottom: 0; } .woocommerce-account.logged-in .woocommerce address { color: #333; line-height: 32px; margin-bottom: 30px; background: #F8F8F8; padding: 10px 20px; } .woocommerce-account.logged-in .woocommerce address p { margin-bottom: 0; } .woocommerce-account.logged-in .woocommerce a.edit { background: #0057fc; color: #fff; padding: 2px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); font-size: 13px; } .woocommerce-account.logged-in .woocommerce .u-columns .col-1, .woocommerce-account.logged-in .woocommerce .u-columns .col-2 { flex: 1; width: 100%; max-width: unset; } .woocommerce-account.logged-in .woocommerce .u-columns .col-1 { padding-right: 0; padding-left: 0; } .woocommerce-account.logged-in .woocommerce .u-columns .col-2 { padding-right: 0; padding-left: 0; } .woocommerce-account.logged-in .woocommerce .woocommerce-Address-title { display: block; } .woocommerce .woocommerce-form-login .woocommerce-form-login__submit { display: block; float: none; color: #fff; padding: 12px 40px 13px; text-decoration: none; margin-right: 0; margin-top: 15px; border: 1px solid #0057fc; } .woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover { border-color: #0057fc; color: #0057fc; } /** * RESPONSIVE * ---------------------------------------------------------------------------- */ @media screen and (max-width: 1199px) { .woocommerce-account.logged-in .woocommerce .woocommerce-order-downloads .woocommerce-table--order-downloads .download-file a:before { display: none; } } @media screen and (min-width: 768px) and (max-width: 991px) { .woocommerce-account:not(.logged-in) .woocommerce .u-columns .col-1, .woocommerce-account:not(.logged-in) .woocommerce .u-columns .col-2 { width: 50%; max-width: unset; } .woocommerce-account:not(.logged-in) .woocommerce .u-columns .col-1 { padding-right: 20px; } .woocommerce-account:not(.logged-in) .woocommerce .u-columns .col-2 { padding-left: 20px; } } @media screen and (max-width: 991px) { .woocommerce-account.logged-in .woocommerce .woocommerce-Addresses-custom .col2-set > div { width: 100%; } .woocommerce-account:not(.logged-in) .woocommerce h2 { margin-bottom: 30px; } .woocommerce-account:not(.logged-in) .woocommerce #customer_login { display: block; flex-wrap: wrap; margin-left: 0; margin-right: 0; } .woocommerce-account:not(.logged-in) .woocommerce #customer_login > .col-1 { margin-bottom: 15px; } .woocommerce-account:not(.logged-in) .woocommerce #customer_login > .col-1, .woocommerce-account:not(.logged-in) .woocommerce #customer_login > .col-2 { padding: 0; width: 100%; } .woocommerce-account:not(.logged-in) .woocommerce .u-columns .woocommerce-form-row--wide { margin-bottom: 20px; } } @media screen and (min-width: 992px) { .woocommerce-account.logged-in .woocommerce { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation { flex: 0 0 30%; padding-left: 15px; padding-right: 15px; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content { flex: 0 0 70%; padding-left: 15px; padding-right: 15px; } } @media screen and (min-width: 768px) { .woocommerce-account.logged-in .woocommerce { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation { flex: 0 0 35%; padding-left: 15px; padding-right: 15px; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content { flex: 0 0 65%; padding-left: 15px; padding-right: 15px; } } @media screen and (max-width: 767px) { .woocommerce-account:not(.logged-in) .woocommerce .u-columns .woocommerce-form-login { padding-bottom: 75px; } .woocommerce-account:not(.logged-in) .woocommerce .u-columns .woocommerce-form-row--wide { margin-bottom: 30px; } .woocommerce-account:not(.logged-in) .woocommerce .u-columns .col-1, .woocommerce-account:not(.logged-in) .woocommerce .u-columns .col-2 { float: none; margin: auto; } .woocommerce-account:not(.logged-in) .woocommerce .u-columns .col-1 { margin-bottom: 50px; } .woocommerce-account.logged-in .woocommerce .my_account_orders_custom .woocommerce-orders-table tbody tr:last-child td { border-bottom: 1px solid #e7e7e7; } .woocommerce-account.logged-in .woocommerce .my_account_orders_custom .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-total, .woocommerce-account.logged-in .woocommerce .my_account_orders_custom .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-actions { border-bottom: none !important; } .woocommerce-account.logged-in .woocommerce .my_account_orders_custom .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-actions:before { display: none; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content table thead { display: none; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content table tr td { width: 100%; display: flex; justify-content: space-between; border-bottom: 1px solid #e7e7e7; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content table tr td:last-child { border-bottom: 0; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content table tr td > span { font-weight: 600; color: #333; } } @media screen and (max-width: 479px) { .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login { padding-bottom: 75px; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .woocommerce-form-row--wide { margin-bottom: 30px; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .form-row:not(.woocommerce-form-row), .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .lost_password { width: 100%; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .lost_password { margin-top: 10px; text-align: center; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .lost_password a { display: inline-block; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .woocommerce-form-login__submit { width: 100%; } } .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li { padding: 0; margin-bottom: 20px; } .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li a.remove { line-height: 20px; color: #fff !important; margin-bottom: 0; background: #0057fc; visibility: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li a.remove:hover { background: #0057fc; color: #fff !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); } .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li .variation { padding-left: 0; border-left: 0; display: table-cell; margin-bottom: 15px; } .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li .variation .variation-SoldBy { margin-bottom: 0; } .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li .quantity { display: block; } .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li .quantity span.amount { font-size: 15px; color: #111111; } .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li .quantity span.amount > span { position: relative; top: 0; } .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li:hover a.remove { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; visibility: visible; } .widget_shopping_cart .widget_shopping_cart_content .total { text-align: right; font-size: 18px; margin-top: 0; padding-top: 10px; } .widget_shopping_cart .widget_shopping_cart_content .total span { color: #0057fc; position: relative; } .widget_shopping_cart .widget_shopping_cart_content .total span > span { position: relative; font-size: 15px; top: 0; } .widget_shopping_cart .widget_shopping_cart_content .buttons { display: flex; justify-content: center; background: 0; padding: 0 5px; } .widget_shopping_cart .widget_shopping_cart_content .buttons a { flex: 0 0 50%; max-width: 50%; height: 45px; line-height: 45px; margin: 0 5px; padding: 0; background: #0057fc; color: #fff !important; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .widget_shopping_cart .widget_shopping_cart_content .buttons a:hover { background: #0057fc; color: #fff; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { width: 12px; height: 12px; top: -5px; background-color: #111111; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { height: 2px; background-color: #111111; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { height: 2px; background-color: #eeeeee; } .woocommerce .widget_price_filter button.button { padding: 0; border: 0; color: #111111; background-color: transparent; } .woocommerce .widget_price_filter .price_action { display: flex; justify-content: space-between; align-items: center; } .woocommerce .widget_price_filter .price_action .price_label { color: #555555; } /*# sourceMappingURL=assets/scss/sourcemap/style.css.map */