@import url("https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,700,700i&display=swap"); @import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i&display=swap"); @import url("https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,700,700i&display=swap"); @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro); /* */ @charset "UTF-8"; /* /web/static/lib/bootstrap/scss/_functions.scss */ /* /web/static/lib/bootstrap/scss/_mixins.scss */ /* /web/static/src/scss/mixins_forwardport.scss */ /* /web/static/src/scss/bs_mixins_overrides.scss */ /* @import url("https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,700,700i&display=swap"); */ /* @import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i&display=swap"); */ /* @import url("https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,700,700i&display=swap"); */ /* @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro); */ .o_figure_relative_layout .figure-caption h1, .o_colored_level .o_figure_relative_layout .figure-caption h1, .o_footer h1, .o_colored_level .o_footer h1, .navbar-light h1, .o_colored_level .navbar-light h1, .o_cc5 h1, .o_colored_level .o_cc5 h1, .o_cc4 h1, .o_colored_level .o_cc4 h1, .o_cc3 h1, .o_colored_level .o_cc3 h1, .o_cc2 h1, .o_colored_level .o_cc2 h1, .o_cc1 h1, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h1, .o_footer .s_popup h1, .o_colored_level .o_cc1 h1, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h1, .o_colored_level .o_footer .s_popup h1, .o_footer .o_colored_level .s_popup h1, .bg-o-color-5 h1, .o_colored_level .bg-o-color-5 h1, .bg-o-color-4 h1, .o_colored_level .bg-o-color-4 h1, .bg-o-color-3 h1, .o_colored_level .bg-o-color-3 h1, .bg-o-color-2 h1, .o_colored_level .bg-o-color-2 h1, .bg-o-color-1 h1, .o_colored_level .bg-o-color-1 h1, .toast-body h1, .o_colored_level .toast-body h1, .card-body h1, .o_colored_level .card-body h1, .bg-white h1, .o_colored_level .bg-white h1, .bg-black h1, .o_colored_level .bg-black h1, .bg-black-50 h1, .o_colored_level .bg-black-50 h1, .bg-black-75 h1, .o_colored_level .bg-black-75 h1, .bg-white-50 h1, .o_colored_level .bg-white-50 h1, .bg-white-75 h1, .o_colored_level .bg-white-75 h1, .bg-white-85 h1, .o_colored_level .bg-white-85 h1, .bg-900 h1, .o_colored_level .bg-900 h1, .bg-800 h1, .o_colored_level .bg-800 h1, .bg-700 h1, .o_colored_level .bg-700 h1, .bg-600 h1, .o_colored_level .bg-600 h1, .bg-500 h1, .o_colored_level .bg-500 h1, .bg-400 h1, .o_colored_level .bg-400 h1, .bg-300 h1, .o_colored_level .bg-300 h1, .bg-200 h1, .o_colored_level .bg-200 h1, .bg-100 h1, .o_colored_level .bg-100 h1, .o_figure_relative_layout .figure-caption .h1, .o_colored_level .o_figure_relative_layout .figure-caption .h1, .o_footer .h1, .o_colored_level .o_footer .h1, .navbar-light .h1, .o_colored_level .navbar-light .h1, .o_cc5 .h1, .o_colored_level .o_cc5 .h1, .o_cc4 .h1, .o_colored_level .o_cc4 .h1, .o_cc3 .h1, .o_colored_level .o_cc3 .h1, .o_cc2 .h1, .o_colored_level .o_cc2 .h1, .o_cc1 .h1, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .h1, .o_footer .s_popup .h1, .o_colored_level .o_cc1 .h1, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .h1, .o_colored_level .o_footer .s_popup .h1, .o_footer .o_colored_level .s_popup .h1, .bg-o-color-5 .h1, .o_colored_level .bg-o-color-5 .h1, .bg-o-color-4 .h1, .o_colored_level .bg-o-color-4 .h1, .bg-o-color-3 .h1, .o_colored_level .bg-o-color-3 .h1, .bg-o-color-2 .h1, .o_colored_level .bg-o-color-2 .h1, .bg-o-color-1 .h1, .o_colored_level .bg-o-color-1 .h1, .toast-body .h1, .o_colored_level .toast-body .h1, .card-body .h1, .o_colored_level .card-body .h1, .bg-white .h1, .o_colored_level .bg-white .h1, .bg-black .h1, .o_colored_level .bg-black .h1, .bg-black-50 .h1, .o_colored_level .bg-black-50 .h1, .bg-black-75 .h1, .o_colored_level .bg-black-75 .h1, .bg-white-50 .h1, .o_colored_level .bg-white-50 .h1, .bg-white-75 .h1, .o_colored_level .bg-white-75 .h1, .bg-white-85 .h1, .o_colored_level .bg-white-85 .h1, .bg-900 .h1, .o_colored_level .bg-900 .h1, .bg-800 .h1, .o_colored_level .bg-800 .h1, .bg-700 .h1, .o_colored_level .bg-700 .h1, .bg-600 .h1, .o_colored_level .bg-600 .h1, .bg-500 .h1, .o_colored_level .bg-500 .h1, .bg-400 .h1, .bg-300 .h1, .bg-200 .h1, .bg-100 .h1, .o_figure_relative_layout .figure-caption h2, .o_colored_level .o_figure_relative_layout .figure-caption h2, .o_footer h2, .o_colored_level .o_footer h2, .navbar-light h2, .o_colored_level .navbar-light h2, .o_cc5 h2, .o_colored_level .o_cc5 h2, .o_cc4 h2, .o_colored_level .o_cc4 h2, .o_cc3 h2, .o_colored_level .o_cc3 h2, .o_cc2 h2, .o_colored_level .o_cc2 h2, .o_cc1 h2, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h2, .o_footer .s_popup h2, .o_colored_level .o_cc1 h2, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h2, .o_colored_level .o_footer .s_popup h2, .o_footer .o_colored_level .s_popup h2, .bg-o-color-5 h2, .o_colored_level .bg-o-color-5 h2, .bg-o-color-4 h2, .o_colored_level .bg-o-color-4 h2, .bg-o-color-3 h2, .o_colored_level .bg-o-color-3 h2, .bg-o-color-2 h2, .o_colored_level .bg-o-color-2 h2, .bg-o-color-1 h2, .o_colored_level .bg-o-color-1 h2, .toast-body h2, .o_colored_level .toast-body h2, .card-body h2, .o_colored_level .card-body h2, .bg-white h2, .o_colored_level .bg-white h2, .bg-black h2, .o_colored_level .bg-black h2, .bg-black-50 h2, .o_colored_level .bg-black-50 h2, .bg-black-75 h2, .o_colored_level .bg-black-75 h2, .bg-white-50 h2, .o_colored_level .bg-white-50 h2, .bg-white-75 h2, .o_colored_level .bg-white-75 h2, .bg-white-85 h2, .o_colored_level .bg-white-85 h2, .bg-900 h2, .o_colored_level .bg-900 h2, .bg-800 h2, .o_colored_level .bg-800 h2, .bg-700 h2, .o_colored_level .bg-700 h2, .bg-600 h2, .o_colored_level .bg-600 h2, .bg-500 h2, .o_colored_level .bg-500 h2, .bg-400 h2, .o_colored_level .bg-400 h2, .bg-300 h2, .o_colored_level .bg-300 h2, .bg-200 h2, .o_colored_level .bg-200 h2, .bg-100 h2, .o_colored_level .bg-100 h2, .o_figure_relative_layout .figure-caption .h2, .o_colored_level .o_figure_relative_layout .figure-caption .h2, .o_footer .h2, .o_colored_level .o_footer .h2, .navbar-light .h2, .o_colored_level .navbar-light .h2, .o_cc5 .h2, .o_colored_level .o_cc5 .h2, .o_cc4 .h2, .o_colored_level .o_cc4 .h2, .o_cc3 .h2, .o_colored_level .o_cc3 .h2, .o_cc2 .h2, .o_colored_level .o_cc2 .h2, .o_cc1 .h2, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .h2, .o_footer .s_popup .h2, .o_colored_level .o_cc1 .h2, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .h2, .o_colored_level .o_footer .s_popup .h2, .o_footer .o_colored_level .s_popup .h2, .bg-o-color-5 .h2, .o_colored_level .bg-o-color-5 .h2, .bg-o-color-4 .h2, .o_colored_level .bg-o-color-4 .h2, .bg-o-color-3 .h2, .o_colored_level .bg-o-color-3 .h2, .bg-o-color-2 .h2, .o_colored_level .bg-o-color-2 .h2, .bg-o-color-1 .h2, .o_colored_level .bg-o-color-1 .h2, .toast-body .h2, .o_colored_level .toast-body .h2, .card-body .h2, .o_colored_level .card-body .h2, .bg-white .h2, .o_colored_level .bg-white .h2, .bg-black .h2, .o_colored_level .bg-black .h2, .bg-black-50 .h2, .o_colored_level .bg-black-50 .h2, .bg-black-75 .h2, .o_colored_level .bg-black-75 .h2, .bg-white-50 .h2, .o_colored_level .bg-white-50 .h2, .bg-white-75 .h2, .o_colored_level .bg-white-75 .h2, .bg-white-85 .h2, .o_colored_level .bg-white-85 .h2, .bg-900 .h2, .o_colored_level .bg-900 .h2, .bg-800 .h2, .o_colored_level .bg-800 .h2, .bg-700 .h2, .o_colored_level .bg-700 .h2, .bg-600 .h2, .o_colored_level .bg-600 .h2, .bg-500 .h2, .o_colored_level .bg-500 .h2, .bg-400 .h2, .bg-300 .h2, .bg-200 .h2, .bg-100 .h2, .o_figure_relative_layout .figure-caption h3, .o_colored_level .o_figure_relative_layout .figure-caption h3, .o_footer h3, .o_colored_level .o_footer h3, .navbar-light h3, .o_colored_level .navbar-light h3, .o_cc5 h3, .o_colored_level .o_cc5 h3, .o_cc4 h3, .o_colored_level .o_cc4 h3, .o_cc3 h3, .o_colored_level .o_cc3 h3, .o_cc2 h3, .o_colored_level .o_cc2 h3, .o_cc1 h3, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h3, .o_footer .s_popup h3, .o_colored_level .o_cc1 h3, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h3, .o_colored_level .o_footer .s_popup h3, .o_footer .o_colored_level .s_popup h3, .bg-o-color-5 h3, .o_colored_level .bg-o-color-5 h3, .bg-o-color-4 h3, .o_colored_level .bg-o-color-4 h3, .bg-o-color-3 h3, .o_colored_level .bg-o-color-3 h3, .bg-o-color-2 h3, .o_colored_level .bg-o-color-2 h3, .bg-o-color-1 h3, .o_colored_level .bg-o-color-1 h3, .toast-body h3, .o_colored_level .toast-body h3, .card-body h3, .o_colored_level .card-body h3, .bg-white h3, .o_colored_level .bg-white h3, .bg-black h3, .o_colored_level .bg-black h3, .bg-black-50 h3, .o_colored_level .bg-black-50 h3, .bg-black-75 h3, .o_colored_level .bg-black-75 h3, .bg-white-50 h3, .o_colored_level .bg-white-50 h3, .bg-white-75 h3, .o_colored_level .bg-white-75 h3, .bg-white-85 h3, .o_colored_level .bg-white-85 h3, .bg-900 h3, .o_colored_level .bg-900 h3, .bg-800 h3, .o_colored_level .bg-800 h3, .bg-700 h3, .o_colored_level .bg-700 h3, .bg-600 h3, .o_colored_level .bg-600 h3, .bg-500 h3, .o_colored_level .bg-500 h3, .bg-400 h3, .o_colored_level .bg-400 h3, .bg-300 h3, .o_colored_level .bg-300 h3, .bg-200 h3, .o_colored_level .bg-200 h3, .bg-100 h3, .o_colored_level .bg-100 h3, .o_figure_relative_layout .figure-caption .h3, .o_colored_level .o_figure_relative_layout .figure-caption .h3, .o_footer .h3, .o_colored_level .o_footer .h3, .navbar-light .h3, .o_colored_level .navbar-light .h3, .o_cc5 .h3, .o_colored_level .o_cc5 .h3, .o_cc4 .h3, .o_colored_level .o_cc4 .h3, .o_cc3 .h3, .o_colored_level .o_cc3 .h3, .o_cc2 .h3, .o_colored_level .o_cc2 .h3, .o_cc1 .h3, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .h3, .o_footer .s_popup .h3, .o_colored_level .o_cc1 .h3, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .h3, .o_colored_level .o_footer .s_popup .h3, .o_footer .o_colored_level .s_popup .h3, .bg-o-color-5 .h3, .o_colored_level .bg-o-color-5 .h3, .bg-o-color-4 .h3, .o_colored_level .bg-o-color-4 .h3, .bg-o-color-3 .h3, .o_colored_level .bg-o-color-3 .h3, .bg-o-color-2 .h3, .o_colored_level .bg-o-color-2 .h3, .bg-o-color-1 .h3, .o_colored_level .bg-o-color-1 .h3, .toast-body .h3, .o_colored_level .toast-body .h3, .card-body .h3, .o_colored_level .card-body .h3, .bg-white .h3, .o_colored_level .bg-white .h3, .bg-black .h3, .o_colored_level .bg-black .h3, .bg-black-50 .h3, .o_colored_level .bg-black-50 .h3, .bg-black-75 .h3, .o_colored_level .bg-black-75 .h3, .bg-white-50 .h3, .o_colored_level .bg-white-50 .h3, .bg-white-75 .h3, .o_colored_level .bg-white-75 .h3, .bg-white-85 .h3, .o_colored_level .bg-white-85 .h3, .bg-900 .h3, .o_colored_level .bg-900 .h3, .bg-800 .h3, .o_colored_level .bg-800 .h3, .bg-700 .h3, .o_colored_level .bg-700 .h3, .bg-600 .h3, .o_colored_level .bg-600 .h3, .bg-500 .h3, .o_colored_level .bg-500 .h3, .bg-400 .h3, .bg-300 .h3, .bg-200 .h3, .bg-100 .h3, .o_figure_relative_layout .figure-caption h4, .o_colored_level .o_figure_relative_layout .figure-caption h4, .o_footer h4, .o_colored_level .o_footer h4, .navbar-light h4, .o_colored_level .navbar-light h4, .o_cc5 h4, .o_colored_level .o_cc5 h4, .o_cc4 h4, .o_colored_level .o_cc4 h4, .o_cc3 h4, .o_colored_level .o_cc3 h4, .o_cc2 h4, .o_colored_level .o_cc2 h4, .o_cc1 h4, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h4, .o_footer .s_popup h4, .o_colored_level .o_cc1 h4, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h4, .o_colored_level .o_footer .s_popup h4, .o_footer .o_colored_level .s_popup h4, .bg-o-color-5 h4, .o_colored_level .bg-o-color-5 h4, .bg-o-color-4 h4, .o_colored_level .bg-o-color-4 h4, .bg-o-color-3 h4, .o_colored_level .bg-o-color-3 h4, .bg-o-color-2 h4, .o_colored_level .bg-o-color-2 h4, .bg-o-color-1 h4, .o_colored_level .bg-o-color-1 h4, .toast-body h4, .o_colored_level .toast-body h4, .card-body h4, .o_colored_level .card-body h4, .bg-white h4, .o_colored_level .bg-white h4, .bg-black h4, .o_colored_level .bg-black h4, .bg-black-50 h4, .o_colored_level .bg-black-50 h4, .bg-black-75 h4, .o_colored_level .bg-black-75 h4, .bg-white-50 h4, .o_colored_level .bg-white-50 h4, .bg-white-75 h4, .o_colored_level .bg-white-75 h4, .bg-white-85 h4, .o_colored_level .bg-white-85 h4, .bg-900 h4, .o_colored_level .bg-900 h4, .bg-800 h4, .o_colored_level .bg-800 h4, .bg-700 h4, .o_colored_level .bg-700 h4, .bg-600 h4, .o_colored_level .bg-600 h4, .bg-500 h4, .o_colored_level .bg-500 h4, .bg-400 h4, .o_colored_level .bg-400 h4, .bg-300 h4, .o_colored_level .bg-300 h4, .bg-200 h4, .o_colored_level .bg-200 h4, .bg-100 h4, .o_colored_level .bg-100 h4, .o_figure_relative_layout .figure-caption .h4, .o_colored_level .o_figure_relative_layout .figure-caption .h4, .o_footer .h4, .o_colored_level .o_footer .h4, .navbar-light .h4, .o_colored_level .navbar-light .h4, .o_cc5 .h4, .o_colored_level .o_cc5 .h4, .o_cc4 .h4, .o_colored_level .o_cc4 .h4, .o_cc3 .h4, .o_colored_level .o_cc3 .h4, .o_cc2 .h4, .o_colored_level .o_cc2 .h4, .o_cc1 .h4, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .h4, .o_footer .s_popup .h4, .o_colored_level .o_cc1 .h4, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .h4, .o_colored_level .o_footer .s_popup .h4, .o_footer .o_colored_level .s_popup .h4, .bg-o-color-5 .h4, .o_colored_level .bg-o-color-5 .h4, .bg-o-color-4 .h4, .o_colored_level .bg-o-color-4 .h4, .bg-o-color-3 .h4, .o_colored_level .bg-o-color-3 .h4, .bg-o-color-2 .h4, .o_colored_level .bg-o-color-2 .h4, .bg-o-color-1 .h4, .o_colored_level .bg-o-color-1 .h4, .toast-body .h4, .o_colored_level .toast-body .h4, .card-body .h4, .o_colored_level .card-body .h4, .bg-white .h4, .o_colored_level .bg-white .h4, .bg-black .h4, .o_colored_level .bg-black .h4, .bg-black-50 .h4, .o_colored_level .bg-black-50 .h4, .bg-black-75 .h4, .o_colored_level .bg-black-75 .h4, .bg-white-50 .h4, .o_colored_level .bg-white-50 .h4, .bg-white-75 .h4, .o_colored_level .bg-white-75 .h4, .bg-white-85 .h4, .o_colored_level .bg-white-85 .h4, .bg-900 .h4, .o_colored_level .bg-900 .h4, .bg-800 .h4, .o_colored_level .bg-800 .h4, .bg-700 .h4, .o_colored_level .bg-700 .h4, .bg-600 .h4, .o_colored_level .bg-600 .h4, .bg-500 .h4, .o_colored_level .bg-500 .h4, .bg-400 .h4, .bg-300 .h4, .bg-200 .h4, .bg-100 .h4, .o_figure_relative_layout .figure-caption h5, .o_colored_level .o_figure_relative_layout .figure-caption h5, .o_footer h5, .o_colored_level .o_footer h5, .navbar-light h5, .o_colored_level .navbar-light h5, .o_cc5 h5, .o_colored_level .o_cc5 h5, .o_cc4 h5, .o_colored_level .o_cc4 h5, .o_cc3 h5, .o_colored_level .o_cc3 h5, .o_cc2 h5, .o_colored_level .o_cc2 h5, .o_cc1 h5, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h5, .o_footer .s_popup h5, .o_colored_level .o_cc1 h5, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h5, .o_colored_level .o_footer .s_popup h5, .o_footer .o_colored_level .s_popup h5, .bg-o-color-5 h5, .o_colored_level .bg-o-color-5 h5, .bg-o-color-4 h5, .o_colored_level .bg-o-color-4 h5, .bg-o-color-3 h5, .o_colored_level .bg-o-color-3 h5, .bg-o-color-2 h5, .o_colored_level .bg-o-color-2 h5, .bg-o-color-1 h5, .o_colored_level .bg-o-color-1 h5, .toast-body h5, .o_colored_level .toast-body h5, .card-body h5, .o_colored_level .card-body h5, .bg-white h5, .o_colored_level .bg-white h5, .bg-black h5, .o_colored_level .bg-black h5, .bg-black-50 h5, .o_colored_level .bg-black-50 h5, .bg-black-75 h5, .o_colored_level .bg-black-75 h5, .bg-white-50 h5, .o_colored_level .bg-white-50 h5, .bg-white-75 h5, .o_colored_level .bg-white-75 h5, .bg-white-85 h5, .o_colored_level .bg-white-85 h5, .bg-900 h5, .o_colored_level .bg-900 h5, .bg-800 h5, .o_colored_level .bg-800 h5, .bg-700 h5, .o_colored_level .bg-700 h5, .bg-600 h5, .o_colored_level .bg-600 h5, .bg-500 h5, .o_colored_level .bg-500 h5, .bg-400 h5, .o_colored_level .bg-400 h5, .bg-300 h5, .o_colored_level .bg-300 h5, .bg-200 h5, .o_colored_level .bg-200 h5, .bg-100 h5, .o_colored_level .bg-100 h5, .o_figure_relative_layout .figure-caption .h5, .o_colored_level .o_figure_relative_layout .figure-caption .h5, .o_footer .h5, .o_colored_level .o_footer .h5, .navbar-light .h5, .o_colored_level .navbar-light .h5, .o_cc5 .h5, .o_colored_level .o_cc5 .h5, .o_cc4 .h5, .o_colored_level .o_cc4 .h5, .o_cc3 .h5, .o_colored_level .o_cc3 .h5, .o_cc2 .h5, .o_colored_level .o_cc2 .h5, .o_cc1 .h5, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .h5, .o_footer .s_popup .h5, .o_colored_level .o_cc1 .h5, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .h5, .o_colored_level .o_footer .s_popup .h5, .o_footer .o_colored_level .s_popup .h5, .bg-o-color-5 .h5, .o_colored_level .bg-o-color-5 .h5, .bg-o-color-4 .h5, .o_colored_level .bg-o-color-4 .h5, .bg-o-color-3 .h5, .o_colored_level .bg-o-color-3 .h5, .bg-o-color-2 .h5, .o_colored_level .bg-o-color-2 .h5, .bg-o-color-1 .h5, .o_colored_level .bg-o-color-1 .h5, .toast-body .h5, .o_colored_level .toast-body .h5, .card-body .h5, .o_colored_level .card-body .h5, .bg-white .h5, .o_colored_level .bg-white .h5, .bg-black .h5, .o_colored_level .bg-black .h5, .bg-black-50 .h5, .o_colored_level .bg-black-50 .h5, .bg-black-75 .h5, .o_colored_level .bg-black-75 .h5, .bg-white-50 .h5, .o_colored_level .bg-white-50 .h5, .bg-white-75 .h5, .o_colored_level .bg-white-75 .h5, .bg-white-85 .h5, .o_colored_level .bg-white-85 .h5, .bg-900 .h5, .o_colored_level .bg-900 .h5, .bg-800 .h5, .o_colored_level .bg-800 .h5, .bg-700 .h5, .o_colored_level .bg-700 .h5, .bg-600 .h5, .o_colored_level .bg-600 .h5, .bg-500 .h5, .o_colored_level .bg-500 .h5, .bg-400 .h5, .bg-300 .h5, .bg-200 .h5, .bg-100 .h5, .o_figure_relative_layout .figure-caption h6, .o_colored_level .o_figure_relative_layout .figure-caption h6, .o_footer h6, .o_colored_level .o_footer h6, .navbar-light h6, .o_colored_level .navbar-light h6, .o_cc5 h6, .o_colored_level .o_cc5 h6, .o_cc4 h6, .o_colored_level .o_cc4 h6, .o_cc3 h6, .o_colored_level .o_cc3 h6, .o_cc2 h6, .o_colored_level .o_cc2 h6, .o_cc1 h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h6, .o_footer .s_popup h6, .o_colored_level .o_cc1 h6, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h6, .o_colored_level .o_footer .s_popup h6, .o_footer .o_colored_level .s_popup h6, .bg-o-color-5 h6, .o_colored_level .bg-o-color-5 h6, .bg-o-color-4 h6, .o_colored_level .bg-o-color-4 h6, .bg-o-color-3 h6, .o_colored_level .bg-o-color-3 h6, .bg-o-color-2 h6, .o_colored_level .bg-o-color-2 h6, .bg-o-color-1 h6, .o_colored_level .bg-o-color-1 h6, .toast-body h6, .o_colored_level .toast-body h6, .card-body h6, .o_colored_level .card-body h6, .bg-white h6, .o_colored_level .bg-white h6, .bg-black h6, .o_colored_level .bg-black h6, .bg-black-50 h6, .o_colored_level .bg-black-50 h6, .bg-black-75 h6, .o_colored_level .bg-black-75 h6, .bg-white-50 h6, .o_colored_level .bg-white-50 h6, .bg-white-75 h6, .o_colored_level .bg-white-75 h6, .bg-white-85 h6, .o_colored_level .bg-white-85 h6, .bg-900 h6, .o_colored_level .bg-900 h6, .bg-800 h6, .o_colored_level .bg-800 h6, .bg-700 h6, .o_colored_level .bg-700 h6, .bg-600 h6, .o_colored_level .bg-600 h6, .bg-500 h6, .o_colored_level .bg-500 h6, .bg-400 h6, .o_colored_level .bg-400 h6, .bg-300 h6, .o_colored_level .bg-300 h6, .bg-200 h6, .o_colored_level .bg-200 h6, .bg-100 h6, .o_colored_level .bg-100 h6, .o_figure_relative_layout .figure-caption .h6, .o_colored_level .o_figure_relative_layout .figure-caption .h6, .o_footer .h6, .o_colored_level .o_footer .h6, .navbar-light .h6, .o_colored_level .navbar-light .h6, .o_cc5 .h6, .o_colored_level .o_cc5 .h6, .o_cc4 .h6, .o_colored_level .o_cc4 .h6, .o_cc3 .h6, .o_colored_level .o_cc3 .h6, .o_cc2 .h6, .o_colored_level .o_cc2 .h6, .o_cc1 .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .h6, .o_footer .s_popup .h6, .o_colored_level .o_cc1 .h6, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .h6, .o_colored_level .o_footer .s_popup .h6, .o_footer .o_colored_level .s_popup .h6, .bg-o-color-5 .h6, .o_colored_level .bg-o-color-5 .h6, .bg-o-color-4 .h6, .o_colored_level .bg-o-color-4 .h6, .bg-o-color-3 .h6, .o_colored_level .bg-o-color-3 .h6, .bg-o-color-2 .h6, .o_colored_level .bg-o-color-2 .h6, .bg-o-color-1 .h6, .o_colored_level .bg-o-color-1 .h6, .toast-body .h6, .o_colored_level .toast-body .h6, .card-body .h6, .o_colored_level .card-body .h6, .bg-white .h6, .o_colored_level .bg-white .h6, .bg-black .h6, .o_colored_level .bg-black .h6, .bg-black-50 .h6, .o_colored_level .bg-black-50 .h6, .bg-black-75 .h6, .o_colored_level .bg-black-75 .h6, .bg-white-50 .h6, .o_colored_level .bg-white-50 .h6, .bg-white-75 .h6, .o_colored_level .bg-white-75 .h6, .bg-white-85 .h6, .o_colored_level .bg-white-85 .h6, .bg-900 .h6, .o_colored_level .bg-900 .h6, .bg-800 .h6, .o_colored_level .bg-800 .h6, .bg-700 .h6, .o_colored_level .bg-700 .h6, .bg-600 .h6, .o_colored_level .bg-600 .h6, .bg-500 .h6, .o_colored_level .bg-500 .h6, .bg-400 .h6, .bg-300 .h6, .bg-200 .h6, .bg-100 .h6 { color: inherit; } /* /web/static/src/legacy/scss/utils.scss */ .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_cell.o_we_image .o_we_media_dialog_img_wrapper, .o_colorpicker_widget .o_opacity_slider, .o_colorpicker_widget .o_color_preview { position: relative; z-index: 0; } .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_cell.o_we_image .o_we_media_dialog_img_wrapper::before, .o_colorpicker_widget .o_opacity_slider::before, .o_colorpicker_widget .o_color_preview::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background-image: url("/web/static/img/transparent.png"); background-size: 10px auto; border-radius: inherit; } .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_cell.o_we_image .o_we_media_dialog_img_wrapper::after, .o_colorpicker_widget .o_opacity_slider::after, .o_colorpicker_widget .o_color_preview::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: inherit; border-radius: inherit; } .o_nocontent_help .o_empty_folder_image:before { content: ""; display: block; margin: auto; background-size: cover; } .o_nocontent_help .o_empty_folder_image:before { width: 120px; height: 80px; margin-top: 30px; margin-bottom: 30px; background: transparent url(/web/static/img/empty_folder.svg) no-repeat center; } /* /web/static/src/scss/primary_variables.scss */ /* /web/static/src/core/notifications/notification.variables.scss */ /* /web/static/src/search/control_panel/control_panel.variables.scss */ /* /web/static/src/search/search_panel/search_panel.variables.scss */ /* /web/static/src/views/form/form.variables.scss */ /* /web/static/src/views/kanban/kanban.variables.scss */ /* /web/static/src/webclient/burger_menu/burger_menu.variables.scss */ /* /web/static/src/webclient/navbar/navbar.variables.scss */ .o_main_navbar .o_menu_systray > * > a, .o_main_navbar .o_menu_systray > * > .dropdown > a, .o_main_navbar .o_menu_systray > * > button, .o_main_navbar .o_menu_systray > * > label, .o_main_navbar .o_menu_brand, .o_main_navbar .o_navbar_apps_menu .dropdown-toggle, .o_main_navbar .dropdown-toggle, .o_main_navbar .o_nav_entry { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; width: auto; height: var(--o-navbar-height, 40px); user-select: none; background: transparent; font-size: 1.08333333rem; color: rgba(255, 255, 255, 0.9); } .o_main_navbar .o_menu_systray > * > a:hover, .o_main_navbar .o_menu_systray > * > .dropdown > a:hover, .o_main_navbar .o_menu_systray > * > button:hover, .o_main_navbar .o_menu_systray > * > label:hover, .o_main_navbar .o_menu_brand:hover, .o_main_navbar .o_navbar_apps_menu .dropdown-toggle:hover, .o_main_navbar .dropdown-toggle:hover, .o_main_navbar .o_nav_entry:hover, .o_main_navbar .o_menu_systray > * > a:focus, .o_main_navbar .o_menu_systray > * > .dropdown > a:focus, .o_main_navbar .o_menu_systray > * > button:focus, .o_main_navbar .o_menu_systray > * > label:focus, .o_main_navbar .o_menu_brand:focus, .o_main_navbar .o_navbar_apps_menu .dropdown-toggle:focus, .o_main_navbar .dropdown-toggle:focus, .o_main_navbar .o_nav_entry:focus, .o_main_navbar .o_menu_systray > * > a.focus, .o_main_navbar .o_menu_systray > * > .dropdown > a.focus, .o_main_navbar .o_menu_systray > * > button.focus, .o_main_navbar .o_menu_systray > * > label.focus, .o_main_navbar .focus.o_menu_brand, .o_main_navbar .o_navbar_apps_menu .focus.dropdown-toggle, .o_main_navbar .focus.dropdown-toggle, .o_main_navbar .focus.o_nav_entry { color: #FFFFFF; } .o_main_navbar .o_menu_systray > * > a, .o_main_navbar .o_menu_systray > * > .dropdown > a, .o_main_navbar .o_menu_systray > * > button, .o_main_navbar .o_menu_systray > * > label, .o_main_navbar .o_menu_brand, .o_main_navbar .dropdown-toggle, .o_main_navbar .o_nav_entry { padding: 0 12px; line-height: var(--o-navbar-height); } .o_main_navbar .o_menu_systray > * > a:hover, .o_main_navbar .o_menu_systray > * > .dropdown > a:hover, .o_main_navbar .o_menu_systray > * > button:hover, .o_main_navbar .o_menu_systray > * > label:hover, .o_main_navbar .dropdown-toggle:hover, .o_main_navbar .o_nav_entry:hover { background-color: rgba(0, 0, 0, 0.08); } .o_main_navbar .dropdown.show > .dropdown-toggle { background: rgba(0, 0, 0, 0.08); color: #FFFFFF; } /* /base/static/src/scss/onboarding.variables.scss */ /* /mail/static/src/scss/variables/primary_variables.scss */ /* /web_editor/static/src/scss/web_editor.variables.scss */ /* /web_editor/static/src/scss/wysiwyg.variables.scss */ /* /portal/static/src/scss/primary_variables.scss */ /* /account/static/src/scss/variables.scss */ @keyframes animate-red { 0% { color: red; } 100% { color: inherit; } } .animate { animation: animate-red 1s ease; } /* /website/static/src/scss/primary_variables.scss */ /* /website/static/src/scss/options/user_values.custom.web.assets_frontend.scss */ /* /website/static/src/scss/options/colors/user_color_palette.custom.web.assets_frontend.scss */ /* /website/static/src/scss/options/colors/user_gray_color_palette.custom.web.assets_frontend.scss */ /* /website/static/src/scss/options/colors/user_theme_color_palette.custom.web.assets_frontend.scss */ /* /website_sale/static/src/scss/primary_variables.scss */ /* /sh_corpomate_theme/static/src/scss/theme/font/font_palettes.scss */ /* ------------------------------------------------------------------------------------------------------- Add custom font in font selection. ------------------------------------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------------------------------- Add Font in Website Value palettes ------------------------------------------------------------------------------------------------------- */ /* /sh_corpomate_theme/static/src/scss/theme/primary_variables.scss */ /*-----top-bar---*/ /*-----top-bar---*/ /*-----header-bar---*/ /*-----header-bar---*/ /*---coyright--*/ /*---coyright--*/ /*---Language--*/ /*---Language--*/ /* /hr_org_chart/static/src/scss/variables.scss */ /* /website/static/src/snippets/s_badge/000_variables.scss */ /* /website/static/src/snippets/s_product_list/000_variables.scss */ /* /website/static/src/scss/secondary_variables.scss */ /* /web/static/src/scss/secondary_variables.scss */ /* /web_editor/static/src/scss/secondary_variables.scss */ /* /website/static/src/scss/user_custom_bootstrap_overridden.scss */ /* /website/static/src/scss/bootstrap_overridden.scss */ /* /portal/static/src/scss/bootstrap_overridden.scss */ /* /web_editor/static/src/scss/bootstrap_overridden.scss */ /* /web/static/src/scss/bootstrap_overridden_frontend.scss */ /* /web/static/src/scss/pre_variables.scss */ /* /web/static/lib/bootstrap/scss/_variables.scss */ /* /web/static/src/scss/import_bootstrap.scss */ /*! * Copied from Bootstrap v5.1.3 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #FFF; --gray: #4375A6; --gray-dark: #203A54; --o-cc5-btn-secondary-border: ; --o-cc5-btn-secondary: #F6F6F6; --o-cc5-btn-primary-border: ; --o-cc5-btn-primary: ; --o-cc5-link: ; --o-cc5-h6: ; --o-cc5-h5: ; --o-cc5-h4: ; --o-cc5-h3: ; --o-cc5-h2: ; --o-cc5-headings: #FFFFFF; --o-cc5-text: ; --o-cc5-bg: #4375A6; --o-cc4-btn-secondary-border: ; --o-cc4-btn-secondary: #F6F6F6; --o-cc4-btn-primary-border: ; --o-cc4-btn-primary: #4375A6; --o-cc4-link: #4375A6; --o-cc4-h6: ; --o-cc4-h5: ; --o-cc4-h4: ; --o-cc4-h3: ; --o-cc4-h2: ; --o-cc4-headings: ; --o-cc4-text: ; --o-cc4-bg: #0075C2; --o-cc3-btn-secondary-border: ; --o-cc3-btn-secondary: #F6F6F6; --o-cc3-btn-primary-border: ; --o-cc3-btn-primary: ; --o-cc3-link: ; --o-cc3-h6: ; --o-cc3-h5: ; --o-cc3-h4: ; --o-cc3-h3: ; --o-cc3-h2: ; --o-cc3-headings: ; --o-cc3-text: ; --o-cc3-bg: #003557; --o-cc2-btn-secondary-border: ; --o-cc2-btn-secondary: ; --o-cc2-btn-primary-border: ; --o-cc2-btn-primary: ; --o-cc2-link: ; --o-cc2-h6: ; --o-cc2-h5: ; --o-cc2-h4: ; --o-cc2-h3: ; --o-cc2-h2: ; --o-cc2-headings: #0075C2; --o-cc2-text: ; --o-cc2-bg: #F6F6F6; --o-cc1-btn-secondary-border: ; --o-cc1-btn-secondary: ; --o-cc1-btn-primary-border: ; --o-cc1-btn-primary: ; --o-cc1-link: ; --o-cc1-h6: ; --o-cc1-h5: ; --o-cc1-h4: ; --o-cc1-h3: ; --o-cc1-h2: ; --o-cc1-headings: ; --o-cc1-text: ; --o-cc1-bg: #FFFFFF; --copyright-custom: rgba(0, 0, 0, 0.15); --copyright: ; --footer-custom: #FFFFFF; --footer: ; --header-boxed-custom: #E2ECF6; --header-boxed: ; --menu-border-color: ; --menu-custom: #FFFFFF; --menu: ; --body: white; --o-color-5: #4375A6; --o-color-4: #FFFFFF; --o-color-3: #F6F6F6; --o-color-2: #003557; --o-color-1: #0075C2; --gray-100: #F6F9FC; --gray-200: #E2ECF6; --gray-300: #D4E2F0; --gray-400: #BFD4E9; --gray-500: #93B5D7; --gray-600: #4375A6; --gray-700: #2D5073; --gray-800: #203A54; --gray-900: #142536; --gray-white-85: rgba(255, 255, 255, 0.85); --gray-white-75: rgba(255, 255, 255, 0.75); --gray-white-50: rgba(255, 255, 255, 0.5); --gray-white-25: rgba(255, 255, 255, 0.25); --gray-black-75: rgba(0, 0, 0, 0.75); --gray-black-50: rgba(0, 0, 0, 0.5); --gray-black-25: rgba(0, 0, 0, 0.25); --gray-black-15: rgba(0, 0, 0, 0.15); --gray-black: #000000; --gray-white: #FFFFFF; --primary: #0075C2; --secondary: #003557; --success: #236366; --info: #276E72; --warning: #FFC107; --danger: #dc3545; --light: #f6f8f9; --dark: #141b1f; --primary-rgb: 0, 117, 194; --secondary-rgb: 0, 53, 87; --success-rgb: 35, 99, 102; --info-rgb: 39, 110, 114; --warning-rgb: 255, 193, 7; --danger-rgb: 220, 53, 69; --light-rgb: 245.82, 247.66546392, 248.88; --dark-rgb: 20.4, 26.55154639, 30.6; --white-rgb: 255, 255, 255; --black-rgb: 0, 0, 0; --body-color-rgb: 20, 37, 54; --body-bg-rgb: 255, 255, 255; --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Liberation Sans", Arial, "Odoo Unicode Support Noto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --body-font-family: var(--font-sans-serif); --body-font-size: 0.75rem; --body-font-weight: 400; --body-line-height: 1.5; --body-color: #142536; --body-bg: #FFFFFF; } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--body-font-family); font-size: var(--body-font-size); font-weight: var(--body-font-weight); line-height: var(--body-line-height); color: var(--body-color); text-align: var(--body-text-align); background-color: var(--body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: 0.25; } hr:not([size]) { height: 1px; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 0.5rem; font-family: "Rubik", "Odoo Unicode Support Noto", sans-serif; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: calc(1.3125rem + 0.75vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 1.875rem; } } h2, .h2 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 1.5rem; } } h3, .h3 { font-size: calc(1.25625rem + 0.075vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.3125rem; } } h4, .h4 { font-size: 1.125rem; } h5, .h5 { font-size: 0.9375rem; } h6, .h6 { font-size: 0.75rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-bs-original-title] { text-decoration: underline dotted; cursor: help; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small, .small { font-size: 0.875em; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #0063a3; text-decoration: underline; } a:hover { color: #003457; text-decoration: underline; } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--font-monospace); font-size: 1em; direction: ltr /* rtl:ignore */; unicode-bidi: bidi-override; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: #e83e8c; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 0.875em; color: #FFF; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 1em; font-weight: 700; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: rgba(20, 37, 54, 0.7); text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role="button"] { cursor: pointer; } select { word-wrap: normal; } select:disabled, select.o_wysiwyg_loader { opacity: 1; } [list]::-webkit-calendar-picker-indicator { display: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit--webkit-appearance: button; -moz-appearance: button; appearance: button; } button:not(:disabled):not(.o_wysiwyg_loader), [type="button"]:not(:disabled):not(.o_wysiwyg_loader), [type="reset"]:not(:disabled):not(.o_wysiwyg_loader), [type="submit"]:not(:disabled):not(.o_wysiwyg_loader) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit--webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit--webkit-appearance: none; -moz-appearance: none; appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; } ::-webkit-file-upload-button { font: inherit; -webkit--webkit-appearance: button; -moz-appearance: button; appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .lead { font-size: 1.125rem; font-weight: 300; } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; } } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 0.875em; text-transform: uppercase; } .blockquote { margin-bottom: 0; font-size: 0.9375rem; } .blockquote > :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: 0; margin-bottom: 0; font-size: 0.875em; color: #4375A6; } .blockquote-footer::before { content: "\2014\00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #FFFFFF; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 0.875em; color: inherit; } .container, .o_container_small, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: var(--gutter-x, 15px); padding-left: var(--gutter-x, 15px); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container, .o_container_small { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container, .o_container_small { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container, .o_container_small { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container, .o_container_small { max-width: 1140px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container, .o_container_small { max-width: 1320px; } } .row { --gutter-x: 30px; --gutter-y: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: calc(-1 * var(--gutter-y)); margin-right: calc(-.5 * var(--gutter-x)); margin-left: calc(-.5 * var(--gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--gutter-x) * .5); padding-left: calc(var(--gutter-x) * .5); margin-top: var(--gutter-y); } .col { flex: 1 0 0%; } .row-cols-auto > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .row-cols-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } .g-0, .gx-0 { --gutter-x: 0; } .g-0, .gy-0 { --gutter-y: 0; } .g-1, .gx-1 { --gutter-x: 0.25rem; } .g-1, .gy-1 { --gutter-y: 0.25rem; } .g-2, .gx-2 { --gutter-x: 0.5rem; } .g-2, .gy-2 { --gutter-y: 0.5rem; } .g-3, .gx-3 { --gutter-x: 1rem; } .g-3, .gy-3 { --gutter-y: 1rem; } .g-4, .gx-4 { --gutter-x: 1.5rem; } .g-4, .gy-4 { --gutter-y: 1.5rem; } .g-5, .gx-5 { --gutter-x: 3rem; } .g-5, .gy-5 { --gutter-y: 3rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .row-cols-sm-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } .g-sm-0, .gx-sm-0 { --gutter-x: 0; } .g-sm-0, .gy-sm-0 { --gutter-y: 0; } .g-sm-1, .gx-sm-1 { --gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .row-cols-md-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-md-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } .g-md-0, .gx-md-0 { --gutter-x: 0; } .g-md-0, .gy-md-0 { --gutter-y: 0; } .g-md-1, .gx-md-1 { --gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --gutter-x: 1rem; } .g-md-3, .gy-md-3 { --gutter-y: 1rem; } .g-md-4, .gx-md-4 { --gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --gutter-x: 3rem; } .g-md-5, .gy-md-5 { --gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .row-cols-lg-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-lg-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } .g-lg-0, .gx-lg-0 { --gutter-x: 0; } .g-lg-0, .gy-lg-0 { --gutter-y: 0; } .g-lg-1, .gx-lg-1 { --gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .row-cols-xl-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-xl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } .g-xl-0, .gx-xl-0 { --gutter-x: 0; } .g-xl-0, .gy-xl-0 { --gutter-y: 0; } .g-xl-1, .gx-xl-1 { --gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .row-cols-xxl-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-xxl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-xxl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-xxl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-xxl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-xxl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --gutter-y: 3rem; } } .table { --table-bg: transparent; --table-accent-bg: transparent; --table-striped-color: #142536; --table-striped-bg: rgba(0, 0, 0, 0.01); --table-active-color: #142536; --table-active-bg: rgba(0, 0, 0, 0.1); --table-hover-color: ; --table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; vertical-align: top; border-color: #dee2e6; } .table > :not(caption) > * > * { padding: 0.75rem 0.75rem; background-color: var(--table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--table-accent-bg); } .table > tbody { vertical-align: inherit; } .table > thead { vertical-align: bottom; } .table > :not(:first-child) { border-top: 2px solid #dee2e6; } .caption-top { caption-side: top; } .table-sm > :not(caption) > * > * { padding: 0.3rem 0.3rem; } .table-bordered > :not(caption) > * { border-width: 1px 0; } .table-bordered > :not(caption) > * > * { border-width: 0 1px; } .table-borderless > :not(caption) > * > * { border-bottom-width: 0; } .table-borderless > :not(:first-child) { border-top-width: 0; } .table-striped > tbody > tr:nth-of-type(odd) > * { --table-accent-bg: var(--table-striped-bg); color: var(--table-striped-color); } .table-active { --table-accent-bg: var(--table-active-bg); color: var(--table-active-color); } .table-hover > tbody > tr:hover > * { --table-accent-bg: var(--table-hover-bg); color: var(--table-hover-color); } .table-primary { --table-bg: #cce3f3; --table-striped-bg: #cae1f1; --table-striped-color: #142536; --table-active-bg: #bad0e0; --table-active-color: #142536; --table-hover-bg: #bed5e5; --table-hover-color: #142536; color: #142536; border-color: #bad0e0; } .table-secondary { --table-bg: #ccd7dd; --table-striped-bg: #cad5db; --table-striped-color: #142536; --table-active-bg: #bac5cc; --table-active-color: #142536; --table-hover-bg: #becad0; --table-hover-color: #142536; color: #142536; border-color: #bac5cc; } .table-success { --table-bg: #d3e0e0; --table-striped-bg: #d1dede; --table-striped-color: #142536; --table-active-bg: #c0cdcf; --table-active-color: #142536; --table-hover-bg: #c5d2d3; --table-hover-color: #142536; color: #142536; border-color: #c0cdcf; } .table-info { --table-bg: #d4e2e3; --table-striped-bg: #d2e0e1; --table-striped-color: #142536; --table-active-bg: #c1cfd2; --table-active-color: #142536; --table-hover-bg: #c6d4d6; --table-hover-color: #142536; color: #142536; border-color: #c1cfd2; } .table-warning { --table-bg: #fff3cd; --table-striped-bg: #fdf1cb; --table-striped-color: #142536; --table-active-bg: #e8debe; --table-active-color: #142536; --table-hover-bg: #ede4c2; --table-hover-color: #142536; color: #142536; border-color: #e8debe; } .table-danger { --table-bg: #f8d7da; --table-striped-bg: #f6d5d8; --table-striped-color: #142536; --table-active-bg: #e1c5ca; --table-active-color: #142536; --table-hover-bg: #e7cace; --table-hover-color: #142536; color: #142536; border-color: #e1c5ca; } .table-light { --table-bg: #f6f8f9; --table-striped-bg: #f4f6f7; --table-striped-color: #142536; --table-active-bg: #dfe3e5; --table-active-color: #142536; --table-hover-bg: #e5e8ea; --table-hover-color: #142536; color: #142536; border-color: #dfe3e5; } .table-dark { --table-bg: #141b1f; --table-striped-bg: #171d21; --table-striped-color: #FFFFFF; --table-active-bg: #2c3135; --table-active-color: #FFFFFF; --table-hover-bg: #262c2f; --table-hover-color: #FFFFFF; color: #FFFFFF; border-color: #2c3135; } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .form-label { margin-bottom: 0.5rem; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 0.9375rem; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.75rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: rgba(20, 37, 54, 0.7); } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 0.75rem; font-weight: 400; line-height: 1.5; color: #142536; background-color: #FFFFFF; background-clip: padding-box; border: 1px solid #BFD4E9; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.25rem; transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out, box-shadow 0.05s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control[type="file"] { overflow: hidden; } .form-control[type="file"]:not(:disabled):not(.o_wysiwyg_loader):not([readonly]) { cursor: pointer; } .form-control:focus { color: #142536; background-color: #FFFFFF; border-color: #80bae1; outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 117, 194, 0.25); } .form-control::-webkit-date-and-time-value { height: 1.5em; } .form-control::placeholder { color: #4375A6; opacity: 1; } .form-control:disabled, .form-control.o_wysiwyg_loader, .form-control[readonly] { background-color: #E2ECF6; opacity: 1; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: #142536; background-color: #E2ECF6; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not(.o_wysiwyg_loader):not([readonly])::file-selector-button { background-color: #d7e0ea; } .form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: #142536; background-color: #E2ECF6; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::-webkit-file-upload-button { transition: none; } } .form-control:hover:not(:disabled):not(.o_wysiwyg_loader):not([readonly])::-webkit-file-upload-button { background-color: #d7e0ea; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; line-height: 1.5; color: #142536; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { min-height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.75rem; border-radius: 0.2rem; } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem; } .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 0.9375rem; border-radius: 0.3rem; } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; margin-inline-end: 1rem; } .form-control-lg::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; margin-inline-end: 1rem; } textarea.form-control { min-height: calc(1.5em + 0.75rem + 2px); } textarea.form-control-sm { min-height: calc(1.5em + 0.5rem + 2px); } textarea.form-control-lg { min-height: calc(1.5em + 1rem + 2px); } .form-control-color { width: 3rem; height: auto; padding: 0.375rem; } .form-control-color:not(:disabled):not(.o_wysiwyg_loader):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { height: 1.5em; border-radius: 0.25rem; } .form-control-color::-webkit-color-swatch { height: 1.5em; border-radius: 0.25rem; } .form-select { display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; -moz-padding-start: calc(0.75rem - 3px); font-size: 0.75rem; font-weight: 400; line-height: 1.5; color: #142536; background-color: #FFFFFF; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23203A54' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: 1px solid #BFD4E9; border-radius: 0.25rem; transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out, box-shadow 0.05s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-select { transition: none; } } .form-select:focus { border-color: #80bae1; outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 117, 194, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } .form-select:disabled, .form-select.o_wysiwyg_loader { background-color: #E2ECF6; } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #142536; } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.75rem; border-radius: 0.2rem; } .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 0.9375rem; border-radius: 0.3rem; } .form-check { display: block; min-height: 1.125rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-input { width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid #BFD4E9; -webkit-appearance: none; -moz-appearance: none; appearance: none; color-adjust: exact; } .form-check-input[type="checkbox"] { border-radius: 0; } .form-check-input[type="radio"] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: #80bae1; outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 117, 194, 0.25); } .form-check-input:checked { background-color: #0075C2; border-color: #0075C2; } .form-check-input[type="checkbox"]:checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } .form-check-input[type="radio"]:checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FFF'/%3e%3c/svg%3e"); } .form-check-input[type="checkbox"]:indeterminate { background-color: #0075C2; border-color: #0075C2; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled, .form-check-input.o_wysiwyg_loader { pointer-events: none; filter: none; opacity: 0.5; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label, .form-check-input.o_wysiwyg_loader ~ .form-check-label { opacity: 0.5; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } } .form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2380bae1'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFF'/%3e%3c/svg%3e"); } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check[disabled] + .btn, .btn-check:disabled + .btn, .btn-check.o_wysiwyg_loader + .btn { pointer-events: none; filter: none; opacity: 0.65; } .form-range { width: 100%; height: 1.5rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-range:focus { outline: 0; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.25rem rgba(0, 117, 194, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.25rem rgba(0, 117, 194, 0.25); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.45rem; background-color: #FFFFFF; border: 1px solid #0075C2; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: #0075C2; } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.1rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #FFFFFF; border: 1px solid #0075C2; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { transition: none; } } .form-range::-moz-range-thumb:active { background-color: #0075C2; } .form-range::-moz-range-track { width: 100%; height: 0.1rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range:disabled, .form-range.o_wysiwyg_loader { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb, .form-range.o_wysiwyg_loader::-webkit-slider-thumb { background-color: #93B5D7; } .form-range:disabled::-moz-range-thumb, .form-range.o_wysiwyg_loader::-moz-range-thumb { background-color: #93B5D7; } .form-floating { position: relative; } .form-floating > .form-control, .form-floating > .form-select { height: calc(3.5rem + 2px); line-height: 1.25; } .form-floating > label { position: absolute; top: 0; left: 0; height: 100%; padding: 1rem 0.75rem; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; } } .form-floating > .form-control { padding: 1rem 0.75rem; } .form-floating > .form-control::placeholder { color: transparent; } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:-webkit-autofill ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .input-group { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-select { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group > .form-control:focus, .input-group > .form-select:focus { z-index: 3; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 3; } .input-group-text { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 0.75rem; font-weight: 400; line-height: 1.5; color: #142536; text-align: center; white-space: nowrap; background-color: #E2ECF6; border: 1px solid #BFD4E9; border-radius: 0.25rem; } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; font-size: 0.9375rem; border-radius: 0.3rem; } .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.75rem; border-radius: 0.2rem; } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3rem; } .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.o_dropdown_menu), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(.o_dropdown_menu), .input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > :not(:first-child):not(.dropdown-menu):not(.o_dropdown_menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #236366; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.75rem; color: #FFFFFF; background-color: rgba(35, 99, 102, 0.9); border-radius: 0.25rem; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #236366; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23236366' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #236366; box-shadow: 0 0 0 0.25rem rgba(35, 99, 102, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid { border-color: #236366; } .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select[size="1"]:valid:not([multiple]), .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid[size="1"]:not([multiple]) { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23203A54' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23236366' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: #236366; box-shadow: 0 0 0 0.25rem rgba(35, 99, 102, 0.25); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: #236366; } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: #236366; } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25rem rgba(35, 99, 102, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #236366; } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: .5em; } .was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, .was-validated .input-group .form-select:valid, .input-group .form-select.is-valid { z-index: 1; } .was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, .was-validated .input-group .form-select:valid:focus, .input-group .form-select.is-valid:focus { z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.75rem; color: #FFFFFF; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: #dc3545; } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select[size="1"]:invalid:not([multiple]), .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid[size="1"]:not([multiple]) { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23203A54' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: #dc3545; } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: #dc3545; } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: .5em; } .was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, .was-validated .input-group .form-select:invalid, .input-group .form-select.is-invalid { z-index: 2; } .was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, .was-validated .input-group .form-select:invalid:focus, .input-group .form-select.is-invalid:focus { z-index: 3; } .btn { display: inline-block; font-weight: 400; line-height: 1.5; color: #142536; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #142536; text-decoration: none; } .btn-check:focus + .btn, .btn:focus { outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 117, 194, 0.25); } .btn:disabled, .btn.o_wysiwyg_loader, .btn.disabled, fieldset:disabled .btn, fieldset.o_wysiwyg_loader .btn { pointer-events: none; opacity: 0.65; } .btn-link { font-weight: 400; color: #0063a3; text-decoration: underline; } .btn-link:hover { color: #003457; text-decoration: underline; } .btn-link:focus { text-decoration: underline; } .btn-link:disabled, .btn-link.o_wysiwyg_loader, .btn-link.disabled { color: #4375A6; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 0.9375rem; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.0625rem 0.3125rem; font-size: 0.75rem; border-radius: 0.2rem; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.collapse-horizontal { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { transition: none; } } .dropup, .dropend, .dropdown, .dropstart { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu, .o_dropdown_menu { position: absolute; z-index: 1000; display: none; min-width: 10rem; padding: 0.5rem 0; margin: 0; font-size: 0.75rem; color: #142536; text-align: left; list-style: none; background-color: #FFF; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu[data-bs-popper], .o_dropdown_menu[data-bs-popper] { top: 100%; left: 0; margin-top: 0.125rem; } .dropdown-menu-start { --bs-position: start; } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-end { --bs-position: end; } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xxl-end { --bs-position: end; } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto; } } .dropup .dropdown-menu[data-bs-popper], .dropup .o_dropdown_menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-menu[data-bs-popper], .dropend .o_dropdown_menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu[data-bs-popper], .dropstart .o_dropdown_menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid rgba(0, 0, 0, 0.15); } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #1e2125; text-decoration: none; background-color: #E2ECF6; } .dropdown-item.active, .dropdown-item:active { color: #FFF; text-decoration: none; background-color: #0075C2; } .dropdown-item.disabled, .dropdown-item:disabled, .dropdown-item.o_wysiwyg_loader { color: #93B5D7; pointer-events: none; background-color: transparent; } .dropdown-menu.show, .show.o_dropdown_menu { display: block; } .dropdown-header { display: block; padding: 0.5rem 1rem; margin-bottom: 0; font-size: 0.75rem; color: #4375A6; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1rem; color: #212529; } .dropdown-menu-dark { color: #dee2e6; background-color: #203A54; border-color: rgba(0, 0, 0, 0.15); } .dropdown-menu-dark .dropdown-item { color: #dee2e6; } .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus { color: #FFF; background-color: rgba(255, 255, 255, 0.15); } .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: #FFF; background-color: #0075C2; } .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled, .dropdown-menu-dark .dropdown-item.o_wysiwyg_loader { color: #93B5D7; } .dropdown-menu-dark .dropdown-divider { border-color: rgba(0, 0, 0, 0.15); } .dropdown-menu-dark .dropdown-item-text { color: #dee2e6; } .dropdown-menu-dark .dropdown-header { color: #93B5D7; } .btn-group, .btn-group-vertical { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; } .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:nth-child(n + 3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { margin-left: 0; } .dropstart .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.234375rem; padding-left: 0.234375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .nav { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; color: #0063a3; text-decoration: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link:hover, .nav-link:focus { color: #003457; text-decoration: none; } .nav-link.disabled { color: #4375A6; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; background: none; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #E2ECF6 #E2ECF6 #dee2e6; isolation: isolate; } .nav-tabs .nav-link.disabled { color: #4375A6; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #2D5073; background-color: #FFFFFF; border-color: #dee2e6 #dee2e6 #FFFFFF; } .nav-tabs .dropdown-menu, .nav-tabs .o_dropdown_menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { background: none; border: 0; border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #FFF; background-color: #0075C2; } .nav-fill > .nav-link, .nav-fill .nav-item { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: 0.5rem; padding-right: 1rem; padding-bottom: 0.5rem; padding-left: 1rem; } .navbar > .container, .navbar > .o_container_small, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: inherit; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: 0.359375rem; padding-bottom: 0.359375rem; margin-right: 1rem; font-size: 0.9375rem; text-decoration: none; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu, .navbar-nav .o_dropdown_menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 0.9375rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; transition: box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 0.25rem; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 100%; } .navbar-nav-scroll { max-height: var(--scroll-height, 75vh); overflow-y: auto; } @media (min-width: 576px) { .navbar-expand-sm { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu, .navbar-expand-sm .navbar-nav .o_dropdown_menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .offcanvas-header { display: none; } .navbar-expand-sm .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand-sm .offcanvas-top, .navbar-expand-sm .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand-sm .offcanvas-body { display: -webkit-box; display: -webkit-flex; display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 768px) { .navbar-expand-md { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu, .navbar-expand-md .navbar-nav .o_dropdown_menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .offcanvas-header { display: none; } .navbar-expand-md .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand-md .offcanvas-top, .navbar-expand-md .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand-md .offcanvas-body { display: -webkit-box; display: -webkit-flex; display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 992px) { .navbar-expand-lg { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu, .navbar-expand-lg .navbar-nav .o_dropdown_menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .offcanvas-header { display: none; } .navbar-expand-lg .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand-lg .offcanvas-top, .navbar-expand-lg .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand-lg .offcanvas-body { display: -webkit-box; display: -webkit-flex; display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1200px) { .navbar-expand-xl { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu, .navbar-expand-xl .navbar-nav .o_dropdown_menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .offcanvas-header { display: none; } .navbar-expand-xl .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand-xl .offcanvas-top, .navbar-expand-xl .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand-xl .offcanvas-body { display: -webkit-box; display: -webkit-flex; display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1400px) { .navbar-expand-xxl { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu, .navbar-expand-xxl .navbar-nav .o_dropdown_menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } .navbar-expand-xxl .offcanvas-header { display: none; } .navbar-expand-xxl .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand-xxl .offcanvas-top, .navbar-expand-xxl .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand-xxl .offcanvas-body { display: -webkit-box; display: -webkit-flex; display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } .navbar-expand { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; justify-content: flex-start; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu, .navbar-expand .navbar-nav .o_dropdown_menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .offcanvas-header { display: none; } .navbar-expand .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand .offcanvas-top, .navbar-expand .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand .offcanvas-body { display: -webkit-box; display: -webkit-flex; display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.55); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.55); border-color: transparent; } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.55); } .navbar-light .navbar-text a, .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #FFF; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #FFF; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.55); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link.active { color: #FFF; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.55); border-color: transparent; } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.55); } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #FFF; } .card { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #FFF; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem 1rem; } .card-title { margin-bottom: 0.5rem; } .card-subtitle { margin-top: -0.25rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1rem; } .card-header { padding: 0.5rem 1rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: 0.5rem 1rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.5rem; margin-bottom: -0.5rem; margin-left: -0.5rem; border-bottom: 0; } .card-header-pills { margin-right: -0.5rem; margin-left: -0.5rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1rem; border-radius: calc(0.25rem - 1px); } .card-img, .card-img-top, .s_dynamic.s_event_event_card .card .s_events_event_cover .o_record_cover_container .o_record_cover_image, .s_dynamic.s_blog_post_card .card .s_blog_posts_post_cover .o_record_cover_container .o_record_cover_image, .card-img-bottom { width: 100%; } .card-img, .card-img-top, .s_dynamic.s_event_event_card .card .s_events_event_cover .o_record_cover_container .o_record_cover_image, .s_dynamic.s_blog_post_card .card .s_blog_posts_post_cover .o_record_cover_container .o_record_cover_image { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .s_dynamic.s_event_event_card .card-group > .card:not(:last-child) .s_events_event_cover .o_record_cover_container .o_record_cover_image, .s_dynamic.s_blog_post_card .card-group > .card:not(:last-child) .s_blog_posts_post_cover .o_record_cover_container .o_record_cover_image, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .s_dynamic.s_event_event_card .card-group > .card:not(:first-child) .s_events_event_cover .o_record_cover_container .o_record_cover_image, .s_dynamic.s_blog_post_card .card-group > .card:not(:first-child) .s_blog_posts_post_cover .o_record_cover_container .o_record_cover_image, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .accordion-button { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 0.75rem; color: inherit; text-align: left; background-color: inherit; border: 0; border-radius: 0; overflow-anchor: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } .accordion-button:not(.collapsed) { color: inherit; background-color: inherit; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.125); } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='inherit'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(0deg); } .accordion-button::after { flex-shrink: 0; width: 1rem; height: 1rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='inherit'%3e%3cpath transform='rotate%2890, 8, 8%29' fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1rem; transition: transform 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; border-color: #80bae1; outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 117, 194, 0.25); } .accordion-header { margin-bottom: 0; } .accordion-item { background-color: inherit; border: 0 solid rgba(0, 0, 0, 0.125); } .accordion-item:first-of-type { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .accordion-item:first-of-type .accordion-button { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .accordion-item:not(:first-of-type) { border-top: 0; } .accordion-item:last-of-type { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .accordion-body { padding: 1rem 1.25rem; } .accordion-flush .accordion-collapse { border-width: 0; } .accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 0; } .accordion-flush .accordion-item:first-child { border-top: 0; } .accordion-flush .accordion-item:last-child { border-bottom: 0; } .accordion-flush .accordion-item .accordion-button { border-radius: 0; } .breadcrumb { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #4375A6; content: var(--breadcrumb-divider, "/") /* rtl: var(--breadcrumb-divider, "/") */; } .breadcrumb-item.active { color: #4375A6; } .pagination { display: -webkit-box; display: -webkit-flex; display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; color: #0063a3; text-decoration: none; background-color: #FFF; border: 1px solid #dee2e6; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .page-link { transition: none; } } .page-link:hover { z-index: 2; color: #003457; text-decoration: none; background-color: #E2ECF6; border-color: #dee2e6; } .page-link:focus { z-index: 3; color: #003457; background-color: #E2ECF6; outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 117, 194, 0.25); } .page-item:not(:first-child) .page-link { margin-left: -1px; } .page-item.active .page-link { z-index: 3; color: #FFF; background-color: #0075C2; border-color: #0075C2; } .page-item.disabled .page-link { color: #4375A6; pointer-events: none; background-color: #FFF; border-color: #dee2e6; } .page-link { padding: 0.375rem 0.75rem; } .page-item:first-child .page-link { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 0.9375rem; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.75rem; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 0.75em; font-weight: 700; line-height: 1; color: #FFF; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { color: #004674; background-color: #cce3f3; border-color: #b3d6ed; } .alert-primary .alert-link { color: #00385d; } .alert-secondary { color: #002034; background-color: #ccd7dd; border-color: #b3c2cd; } .alert-secondary .alert-link { color: #001a2a; } .alert-success { color: #153b3d; background-color: #d3e0e0; border-color: #bdd0d1; } .alert-success .alert-link { color: #112f31; } .alert-info { color: #174244; background-color: #d4e2e3; border-color: #bed4d5; } .alert-info .alert-link { color: #123536; } .alert-warning { color: #997404; background-color: #fff3cd; border-color: #ffecb5; } .alert-warning .alert-link { color: #7a5d03; } .alert-danger { color: #842029; background-color: #f8d7da; border-color: #f5c2c7; } .alert-danger .alert-link { color: #6a1a21; } .alert-light { color: #939595; background-color: #fdfefe; border-color: #fcfdfd; } .alert-light .alert-link { color: #767777; } .alert-dark { color: #0c1012; background-color: #d0d1d2; border-color: #b9babc; } .alert-dark .alert-link { color: #0a0d0e; } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress { display: -webkit-box; display: -webkit-flex; display: flex; height: 1rem; overflow: hidden; font-size: 0.5625rem; background-color: #E2ECF6; border-radius: 0.25rem; } .progress-bar { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; overflow: hidden; color: #FFF; text-align: center; white-space: nowrap; background-color: #0075C2; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .list-group { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group-numbered { list-style-type: none; counter-reset: section; } .list-group-numbered > li::before { content: counters(section, ".") ". "; counter-increment: section; } .list-group-item-action { width: 100%; color: #2D5073; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #2D5073; text-decoration: none; background-color: #F6F9FC; } .list-group-item-action:active { color: #142536; background-color: #E2ECF6; } .list-group-item { position: relative; display: block; padding: 0.5rem 1rem; color: #212529; text-decoration: none; background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled, .list-group-item.o_wysiwyg_loader { color: #4375A6; pointer-events: none; background-color: #FFF; } .list-group-item.active { z-index: 2; color: #FFF; background-color: #0075C2; border-color: #0075C2; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xxl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #004674; background-color: #cce3f3; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #004674; background-color: #b8ccdb; } .list-group-item-primary.list-group-item-action.active { color: #FFF; background-color: #004674; border-color: #004674; } .list-group-item-secondary { color: #002034; background-color: #ccd7dd; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #002034; background-color: #b8c2c7; } .list-group-item-secondary.list-group-item-action.active { color: #FFF; background-color: #002034; border-color: #002034; } .list-group-item-success { color: #153b3d; background-color: #d3e0e0; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #153b3d; background-color: #becaca; } .list-group-item-success.list-group-item-action.active { color: #FFF; background-color: #153b3d; border-color: #153b3d; } .list-group-item-info { color: #174244; background-color: #d4e2e3; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #174244; background-color: #bfcbcc; } .list-group-item-info.list-group-item-action.active { color: #FFF; background-color: #174244; border-color: #174244; } .list-group-item-warning { color: #997404; background-color: #fff3cd; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #997404; background-color: #e6dbb9; } .list-group-item-warning.list-group-item-action.active { color: #FFF; background-color: #997404; border-color: #997404; } .list-group-item-danger { color: #842029; background-color: #f8d7da; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #842029; background-color: #dfc2c4; } .list-group-item-danger.list-group-item-action.active { color: #FFF; background-color: #842029; border-color: #842029; } .list-group-item-light { color: #939595; background-color: #fdfefe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #939595; background-color: #e4e5e5; } .list-group-item-light.list-group-item-action.active { color: #FFF; background-color: #939595; border-color: #939595; } .list-group-item-dark { color: #0c1012; background-color: #d0d1d2; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #0c1012; background-color: #bbbcbd; } .list-group-item-dark.list-group-item-action.active { color: #FFF; background-color: #0c1012; border-color: #0c1012; } .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: 0.25rem; opacity: 0.5; } .btn-close:hover { color: #000; text-decoration: none; opacity: 0.75; } .btn-close:focus { outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 117, 194, 0.25); opacity: 1; } .btn-close:disabled, .btn-close.o_wysiwyg_loader, .btn-close.disabled { pointer-events: none; user-select: none; opacity: 0.25; } .btn-close-white { filter: invert(1) grayscale(100%) brightness(200%); } .toast { width: 350px; max-width: 100%; font-size: 0.875rem; pointer-events: auto; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .toast.showing { opacity: 0; } .toast:not(.show) { display: none; } .toast-container { width: max-content; max-width: 100%; pointer-events: none; } .toast-container > :not(:last-child) { margin-bottom: 15px; } .toast-header { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding: 0.5rem 0.75rem; color: #4375A6; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .toast-header .btn-close { margin-right: -0.375rem; margin-left: 0.75rem; } .toast-body { padding: 0.75rem; word-wrap: break-word; } .modal { position: fixed; top: 0; left: 0; z-index: 1055; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-content { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #FFF; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1050; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -webkit-box; display: -webkit-flex; display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .btn-close { padding: 0.5rem 0.5rem; margin: -0.5rem -0.5rem -0.5rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; flex-shrink: 0; align-items: center; -webkit-box-pack: end; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.25rem; } @media (min-width: 576px) { .modal-dialog { max-width: 650px; margin: 1.75rem auto; } .modal-dialog-scrollable { height: calc(100% - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 980px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } .modal-fullscreen .modal-footer { border-radius: 0; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } .modal-fullscreen-md-down .modal-footer { border-radius: 0; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } } .tooltip { position: absolute; z-index: 1080; display: block; margin: 0; font-family: var(--font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.75rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .tooltip-arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow { bottom: 0; } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { top: -1px; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before { right: -1px; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow { top: 0; } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before { bottom: -1px; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before { left: -1px; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #FFF; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0 /* rtl:ignore */; z-index: 1070; display: block; max-width: 276px; font-family: var(--font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.75rem; word-wrap: break-word; background-color: #FFF; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .popover-arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #FFF; } .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #FFF; } .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #FFF; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f0f0f0; } .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #FFF; } .popover-header { padding: 0.5rem 1rem; margin-bottom: 0; font-size: 0.75rem; background-color: #f0f0f0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 1rem 1rem; color: #142536; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } /* rtl:begin:ignore */ .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { transform: translateX(-100%); } /* rtl:end:ignore */ .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #FFF; text-align: center; background: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #FFF; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } /* rtl:options: { "autoRename": true, "stringMap":[ { "name" : "prev-next", "search" : "prev", "replace" : "next" } ] } */ .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; list-style: none; } .carousel-indicators [data-bs-target] { box-sizing: content-box; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #FFF; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #FFF; text-align: center; } .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon { filter: invert(1) grayscale(100); } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000; } .carousel-dark .carousel-caption { color: #000; } @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */; } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: 0.75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; background-color: currentColor; border-radius: 50%; opacity: 0; animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { animation-duration: 1.5s; } } .offcanvas { position: fixed; bottom: 0; z-index: 1045; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; max-width: 100%; visibility: hidden; background-color: #FFF; background-clip: padding-box; outline: 0; transition: transform 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .offcanvas-backdrop.fade { opacity: 0; } .offcanvas-backdrop.show { opacity: 0.3; } .offcanvas-header { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; padding: 1rem 1rem; } .offcanvas-header .btn-close { padding: 0.5rem 0.5rem; margin-top: -0.5rem; margin-right: -0.5rem; margin-bottom: -0.5rem; } .offcanvas-title { margin-bottom: 0; line-height: 1.5; } .offcanvas-body { flex-grow: 1; padding: 1rem 1rem; overflow-y: auto; } .offcanvas-start { top: 0; left: 0; width: 400px; border-right: 0 solid rgba(0, 0, 0, 0.2); transform: translateX(-100%); } .offcanvas-end { top: 0; right: 0; width: 400px; border-left: 0 solid rgba(0, 0, 0, 0.2); transform: translateX(100%); } .offcanvas-top { top: 0; right: 0; left: 0; height: 30vh; max-height: 100%; border-bottom: 0 solid rgba(0, 0, 0, 0.2); transform: translateY(-100%); } .offcanvas-bottom { right: 0; left: 0; height: 30vh; max-height: 100%; border-top: 0 solid rgba(0, 0, 0, 0.2); transform: translateY(100%); } .offcanvas.show { transform: none; } .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentColor; opacity: 0.5; } .placeholder.btn::before { display: inline-block; content: ""; } .placeholder-xs { min-height: .6em; } .placeholder-sm { min-height: .8em; } .placeholder-lg { min-height: 1.2em; } .placeholder-glow .placeholder { animation: placeholder-glow 2s ease-in-out infinite; } @keyframes placeholder-glow { 50% { opacity: 0.2; } } .placeholder-wave { mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); mask-size: 200% 100%; animation: placeholder-wave 2s linear infinite; } @keyframes placeholder-wave { 100% { mask-position: -200% 0%; } } .clearfix::after { display: block; clear: both; content: ""; } .link-primary { color: #0075C2; } .link-primary:hover, .link-primary:focus { color: #005e9b; } .link-secondary { color: #003557; } .link-secondary:hover, .link-secondary:focus { color: #002a46; } .link-success { color: #236366; } .link-success:hover, .link-success:focus { color: #1c4f52; } .link-info { color: #276E72; } .link-info:hover, .link-info:focus { color: #1f585b; } .link-warning { color: #FFC107; } .link-warning:hover, .link-warning:focus { color: #ffcd39; } .link-danger { color: #dc3545; } .link-danger:hover, .link-danger:focus { color: #b02a37; } .link-light { color: #f6f8f9; } .link-light:hover, .link-light:focus { color: #f8f9fa; } .link-dark { color: #141b1f; } .link-dark:hover, .link-dark:focus { color: #101518; } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--aspect-ratio); content: ""; } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1 { --aspect-ratio: 100%; } .ratio-4x3 { --aspect-ratio: calc(3 / 4 * 100%); } .ratio-16x9 { --aspect-ratio: calc(9 / 16 * 100%); } .ratio-21x9 { --aspect-ratio: calc(9 / 21 * 100%); } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: sticky; top: 0; z-index: 1020; } @media (min-width: 576px) { .sticky-sm-top { position: sticky; top: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: sticky; top: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: sticky; top: 0; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: sticky; top: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: sticky; top: 0; z-index: 1020; } } .hstack { display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; align-self: stretch; } .vstack { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-self: stretch; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vr { display: inline-block; align-self: stretch; width: 1px; min-height: 1em; background-color: currentColor; opacity: 0.25; } /* /web/static/src/scss/helpers_backport.scss */ .text-bg-primary { color: #FFFFFF !important; background-color: RGBA(0, 117, 194, var(--bg-opacity, 1)) !important; } .text-bg-secondary { color: #FFFFFF !important; background-color: RGBA(0, 53, 87, var(--bg-opacity, 1)) !important; } .text-bg-success { color: #FFFFFF !important; background-color: RGBA(35, 99, 102, var(--bg-opacity, 1)) !important; } .text-bg-info { color: #FFFFFF !important; background-color: RGBA(39, 110, 114, var(--bg-opacity, 1)) !important; } .text-bg-warning { color: #142536 !important; background-color: RGBA(255, 193, 7, var(--bg-opacity, 1)) !important; } .text-bg-danger { color: #FFFFFF !important; background-color: RGBA(220, 53, 69, var(--bg-opacity, 1)) !important; } .text-bg-light { color: #142536 !important; background-color: RGBA(245.82, 247.66546392, 248.88, var(--bg-opacity, 1)) !important; } .text-bg-dark { color: #FFFFFF !important; background-color: RGBA(20.4, 26.55154639, 30.6, var(--bg-opacity, 1)) !important; } /* /web/static/src/scss/utilities_custom.scss */ .opacity-0-hover:hover, .opacity-trigger-hover:hover .opacity-0-hover { opacity: 0 !important; } .opacity-25-hover:hover, .opacity-trigger-hover:hover .opacity-25-hover { opacity: 0.25 !important; } .opacity-50-hover:hover, .opacity-trigger-hover:hover .opacity-50-hover { opacity: 0.5 !important; } .opacity-75-hover:hover, .opacity-trigger-hover:hover .opacity-75-hover { opacity: 0.75 !important; } .opacity-100-hover:hover, .opacity-trigger-hover:hover .opacity-100-hover { opacity: 1 !important; } .opacity-disabled-hover:hover, .opacity-trigger-hover:hover .opacity-disabled-hover { opacity: 0.5 !important; } /* /web/static/lib/bootstrap/scss/utilities/_api.scss */ .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .opacity-0 { opacity: 0 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-75 { opacity: 0.75 !important; } .opacity-100 { opacity: 1 !important; } .opacity-disabled { opacity: 0.5 !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: inline-flex !important; } .d-none { display: none !important; } .d-contents { display: contents !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: 1px solid #dee2e6 !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: 1px solid #dee2e6 !important; } .border-start-0 { border-left: 0 !important; } .border-primary { border-color: #0075C2 !important; } .border-secondary { border-color: #003557 !important; } .border-success { border-color: #236366 !important; } .border-info { border-color: #276E72 !important; } .border-warning { border-color: #FFC107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f6f8f9 !important; } .border-dark { border-color: #141b1f !important; } .border-white { border-color: #FFF !important; } .border-transparent { border-color: transparent !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .w-0 { width: 0 !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-0 { max-width: 0 !important; } .mw-25 { max-width: 25% !important; } .mw-50 { max-width: 50% !important; } .mw-75 { max-width: 75% !important; } .mw-100 { max-width: 100% !important; } .mw-auto { max-width: auto !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-0 { height: 0 !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-0 { max-height: 0 !important; } .mh-25 { max-height: 25% !important; } .mh-50 { max-height: 50% !important; } .mh-75 { max-height: 75% !important; } .mh-100 { max-height: 100% !important; } .mh-auto { max-height: auto !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .justify-content-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-last { order: 13 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-6 { order: 6 !important; } .order-7 { order: 7 !important; } .order-8 { order: 8 !important; } .order-9 { order: 9 !important; } .order-10 { order: 10 !important; } .order-11 { order: 11 !important; } .order-12 { order: 12 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto, .o_portal_security_body { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4, .o_portal_security_body section { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .m-n1 { margin: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mx-n1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; } .mx-n2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; } .mx-n3 { margin-right: -1rem !important; margin-left: -1rem !important; } .mx-n4 { margin-right: -1.5rem !important; margin-left: -1.5rem !important; } .mx-n5 { margin-right: -3rem !important; margin-left: -3rem !important; } .my-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .my-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .my-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .my-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .my-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .mt-n1 { margin-top: -0.25rem !important; } .mt-n2 { margin-top: -0.5rem !important; } .mt-n3 { margin-top: -1rem !important; } .mt-n4 { margin-top: -1.5rem !important; } .mt-n5 { margin-top: -3rem !important; } .me-n1 { margin-right: -0.25rem !important; } .me-n2 { margin-right: -0.5rem !important; } .me-n3 { margin-right: -1rem !important; } .me-n4 { margin-right: -1.5rem !important; } .me-n5 { margin-right: -3rem !important; } .mb-n1 { margin-bottom: -0.25rem !important; } .mb-n2 { margin-bottom: -0.5rem !important; } .mb-n3 { margin-bottom: -1rem !important; } .mb-n4 { margin-bottom: -1.5rem !important; } .mb-n5 { margin-bottom: -3rem !important; } .ms-n1 { margin-left: -0.25rem !important; } .ms-n2 { margin-left: -0.5rem !important; } .ms-n3 { margin-left: -1rem !important; } .ms-n4 { margin-left: -1.5rem !important; } .ms-n5 { margin-left: -3rem !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .font-monospace { font-family: var(--font-monospace) !important; } .font-sans-serif { font-family: var(--font-sans-serif) !important; } .fs-1 { font-size: calc(1.3125rem + 0.75vw) !important; } .fs-2 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-3 { font-size: calc(1.25625rem + 0.075vw) !important; } .fs-4 { font-size: 1.125rem !important; } .fs-5 { font-size: 0.9375rem !important; } .fs-6 { font-size: 0.75rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-light { font-weight: 300 !important; } .fw-lighter { font-weight: lighter !important; } .fw-normal { font-weight: 400 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.5 !important; } .lh-lg { line-height: 2 !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap, .o_portal_security_body section label, .o_portal_security_body section button { white-space: nowrap !important; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ .text-body { --text-opacity: 1; color: #142536 !important; } .text-black { --text-opacity: 1; color: #000 !important; } .text-white { --text-opacity: 1; color: #FFF !important; } .text-muted { --text-opacity: 1; color: rgba(20, 37, 54, 0.7) !important; } .text-black-50 { --text-opacity: 1; color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { --text-opacity: 1; color: rgba(255, 255, 255, 0.5) !important; } .text-reset { --text-opacity: 1; color: inherit !important; } .text-opacity-25 { --text-opacity: 0.25; } .text-opacity-50 { --text-opacity: 0.5; } .text-opacity-75 { --text-opacity: 0.75; } .text-opacity-100 { --text-opacity: 1; } .bg-primary { --bg-opacity: 1; background-color: rgba(var(--primary-rgb), var(--bg-opacity)) !important; } .bg-secondary { --bg-opacity: 1; background-color: rgba(var(--secondary-rgb), var(--bg-opacity)) !important; } .bg-success { --bg-opacity: 1; background-color: rgba(var(--success-rgb), var(--bg-opacity)) !important; } .bg-info { --bg-opacity: 1; background-color: rgba(var(--info-rgb), var(--bg-opacity)) !important; } .bg-warning { --bg-opacity: 1; background-color: rgba(var(--warning-rgb), var(--bg-opacity)) !important; } .bg-danger { --bg-opacity: 1; background-color: rgba(var(--danger-rgb), var(--bg-opacity)) !important; } .bg-light { --bg-opacity: 1; background-color: rgba(var(--light-rgb), var(--bg-opacity)) !important; } .bg-dark { --bg-opacity: 1; background-color: rgba(var(--dark-rgb), var(--bg-opacity)) !important; } .bg-black { --bg-opacity: 1; background-color: rgba(var(--black-rgb), var(--bg-opacity)) !important; } .bg-white { --bg-opacity: 1; background-color: rgba(var(--white-rgb), var(--bg-opacity)) !important; } .bg-body { --bg-opacity: 1; background-color: rgba(var(--body-bg-rgb), var(--bg-opacity)) !important; } .bg-transparent { --bg-opacity: 1; background-color: transparent !important; } .bg-view { --bg-opacity: 1; background-color: white !important; } .bg-opacity-0 { --bg-opacity: 0; } .bg-opacity-25 { --bg-opacity: 0.25; } .bg-opacity-50 { --bg-opacity: 0.5; } .bg-opacity-75 { --bg-opacity: 0.75; } .bg-opacity-100 { --bg-opacity: 1; } .bg-opacity-disabled { --bg-opacity: 0.5; } .bg-gradient { background-image: var(--gradient) !important; } .user-select-all { user-select: all !important; } .user-select-auto { user-select: auto !important; } .user-select-none { user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: 0.25rem !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: 0.2rem !important; } .rounded-2 { border-radius: 0.25rem !important; } .rounded-3 { border-radius: 0.3rem !important; } .rounded-circle, .fa.rounded-empty-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-top-1 { border-top-left-radius: 0.2rem !important; border-top-right-radius: 0.2rem !important; } .rounded-top-2 { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-top-3 { border-top-left-radius: 0.3rem !important; border-top-right-radius: 0.3rem !important; } .rounded-top-circle { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .rounded-top-pill { border-top-left-radius: 50rem !important; border-top-right-radius: 50rem !important; } .rounded-end { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-end-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-end-1 { border-top-right-radius: 0.2rem !important; border-bottom-right-radius: 0.2rem !important; } .rounded-end-2 { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-end-3 { border-top-right-radius: 0.3rem !important; border-bottom-right-radius: 0.3rem !important; } .rounded-end-circle { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .rounded-end-pill { border-top-right-radius: 50rem !important; border-bottom-right-radius: 50rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-bottom-1 { border-bottom-right-radius: 0.2rem !important; border-bottom-left-radius: 0.2rem !important; } .rounded-bottom-2 { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-bottom-3 { border-bottom-right-radius: 0.3rem !important; border-bottom-left-radius: 0.3rem !important; } .rounded-bottom-circle { border-bottom-right-radius: 50% !important; border-bottom-left-radius: 50% !important; } .rounded-bottom-pill { border-bottom-right-radius: 50rem !important; border-bottom-left-radius: 50rem !important; } .rounded-start { border-bottom-left-radius: 0.25rem !important; border-top-left-radius: 0.25rem !important; } .rounded-start-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-start-1 { border-bottom-left-radius: 0.2rem !important; border-top-left-radius: 0.2rem !important; } .rounded-start-2 { border-bottom-left-radius: 0.25rem !important; border-top-left-radius: 0.25rem !important; } .rounded-start-3 { border-bottom-left-radius: 0.3rem !important; border-top-left-radius: 0.3rem !important; } .rounded-start-circle { border-bottom-left-radius: 50% !important; border-top-left-radius: 50% !important; } .rounded-start-pill { border-bottom-left-radius: 50rem !important; border-top-left-radius: 50rem !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .cursor-default { cursor: default !important; } .cursor-pointer { cursor: pointer !important; } .flex-basis-0 { flex-basis: 0 !important; } .flex-basis-25 { flex-basis: 25% !important; } .flex-basis-50 { flex-basis: 50% !important; } .flex-basis-75 { flex-basis: 75% !important; } .flex-basis-100 { flex-basis: 100% !important; } .flex-basis-auto { flex-basis: auto !important; } .z-index-0 { z-index: 0 !important; } .z-index-1 { z-index: 1 !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } .transition-none { transition: none !important; } .transition-base { transition: all 0.2s ease-in-out !important; } .transition-fade { transition: opacity 0.15s linear !important; } .min-w-0 { min-width: 0 !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !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: -webkit-box !important; display: -webkit-flex !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: inline-flex !important; } .d-sm-none { display: none !important; } .d-sm-contents { display: contents !important; } .position-sm-static { position: static !important; } .position-sm-relative { position: relative !important; } .position-sm-absolute { position: absolute !important; } .position-sm-fixed { position: fixed !important; } .position-sm-sticky { position: sticky !important; } .w-sm-0 { width: 0 !important; } .w-sm-25 { width: 25% !important; } .w-sm-50 { width: 50% !important; } .w-sm-75 { width: 75% !important; } .w-sm-100 { width: 100% !important; } .w-sm-auto { width: auto !important; } .mw-sm-0 { max-width: 0 !important; } .mw-sm-25 { max-width: 25% !important; } .mw-sm-50 { max-width: 50% !important; } .mw-sm-75 { max-width: 75% !important; } .mw-sm-100 { max-width: 100% !important; } .mw-sm-auto { max-width: auto !important; } .h-sm-0 { height: 0 !important; } .h-sm-25 { height: 25% !important; } .h-sm-50 { height: 50% !important; } .h-sm-75 { height: 75% !important; } .h-sm-100 { height: 100% !important; } .h-sm-auto { height: auto !important; } .mh-sm-0 { max-height: 0 !important; } .mh-sm-25 { max-height: 25% !important; } .mh-sm-50 { max-height: 50% !important; } .mh-sm-75 { max-height: 75% !important; } .mh-sm-100 { max-height: 100% !important; } .mh-sm-auto { max-height: auto !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .justify-content-sm-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-last { order: 13 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-6 { order: 6 !important; } .order-sm-7 { order: 7 !important; } .order-sm-8 { order: 8 !important; } .order-sm-9 { order: 9 !important; } .order-sm-10 { order: 10 !important; } .order-sm-11 { order: 11 !important; } .order-sm-12 { order: 12 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .m-sm-n1 { margin: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mx-sm-n1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; } .mx-sm-n2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; } .mx-sm-n3 { margin-right: -1rem !important; margin-left: -1rem !important; } .mx-sm-n4 { margin-right: -1.5rem !important; margin-left: -1.5rem !important; } .mx-sm-n5 { margin-right: -3rem !important; margin-left: -3rem !important; } .my-sm-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .my-sm-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .my-sm-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .my-sm-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .my-sm-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .mt-sm-n1 { margin-top: -0.25rem !important; } .mt-sm-n2 { margin-top: -0.5rem !important; } .mt-sm-n3 { margin-top: -1rem !important; } .mt-sm-n4 { margin-top: -1.5rem !important; } .mt-sm-n5 { margin-top: -3rem !important; } .me-sm-n1 { margin-right: -0.25rem !important; } .me-sm-n2 { margin-right: -0.5rem !important; } .me-sm-n3 { margin-right: -1rem !important; } .me-sm-n4 { margin-right: -1.5rem !important; } .me-sm-n5 { margin-right: -3rem !important; } .mb-sm-n1 { margin-bottom: -0.25rem !important; } .mb-sm-n2 { margin-bottom: -0.5rem !important; } .mb-sm-n3 { margin-bottom: -1rem !important; } .mb-sm-n4 { margin-bottom: -1.5rem !important; } .mb-sm-n5 { margin-bottom: -3rem !important; } .ms-sm-n1 { margin-left: -0.25rem !important; } .ms-sm-n2 { margin-left: -0.5rem !important; } .ms-sm-n3 { margin-left: -1rem !important; } .ms-sm-n4 { margin-left: -1.5rem !important; } .ms-sm-n5 { margin-left: -3rem !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } .flex-basis-sm-0 { flex-basis: 0 !important; } .flex-basis-sm-25 { flex-basis: 25% !important; } .flex-basis-sm-50 { flex-basis: 50% !important; } .flex-basis-sm-75 { flex-basis: 75% !important; } .flex-basis-sm-100 { flex-basis: 100% !important; } .flex-basis-sm-auto { flex-basis: auto !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !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: -webkit-box !important; display: -webkit-flex !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: inline-flex !important; } .d-md-none { display: none !important; } .d-md-contents { display: contents !important; } .position-md-static { position: static !important; } .position-md-relative { position: relative !important; } .position-md-absolute { position: absolute !important; } .position-md-fixed { position: fixed !important; } .position-md-sticky { position: sticky !important; } .w-md-0 { width: 0 !important; } .w-md-25 { width: 25% !important; } .w-md-50 { width: 50% !important; } .w-md-75 { width: 75% !important; } .w-md-100 { width: 100% !important; } .w-md-auto { width: auto !important; } .mw-md-0 { max-width: 0 !important; } .mw-md-25 { max-width: 25% !important; } .mw-md-50 { max-width: 50% !important; } .mw-md-75 { max-width: 75% !important; } .mw-md-100 { max-width: 100% !important; } .mw-md-auto { max-width: auto !important; } .h-md-0 { height: 0 !important; } .h-md-25 { height: 25% !important; } .h-md-50 { height: 50% !important; } .h-md-75 { height: 75% !important; } .h-md-100 { height: 100% !important; } .h-md-auto { height: auto !important; } .mh-md-0 { max-height: 0 !important; } .mh-md-25 { max-height: 25% !important; } .mh-md-50 { max-height: 50% !important; } .mh-md-75 { max-height: 75% !important; } .mh-md-100 { max-height: 100% !important; } .mh-md-auto { max-height: auto !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .justify-content-md-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-last { order: 13 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-6 { order: 6 !important; } .order-md-7 { order: 7 !important; } .order-md-8 { order: 8 !important; } .order-md-9 { order: 9 !important; } .order-md-10 { order: 10 !important; } .order-md-11 { order: 11 !important; } .order-md-12 { order: 12 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .m-md-n1 { margin: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mx-md-n1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; } .mx-md-n2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; } .mx-md-n3 { margin-right: -1rem !important; margin-left: -1rem !important; } .mx-md-n4 { margin-right: -1.5rem !important; margin-left: -1.5rem !important; } .mx-md-n5 { margin-right: -3rem !important; margin-left: -3rem !important; } .my-md-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .my-md-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .my-md-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .my-md-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .my-md-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .mt-md-n1 { margin-top: -0.25rem !important; } .mt-md-n2 { margin-top: -0.5rem !important; } .mt-md-n3 { margin-top: -1rem !important; } .mt-md-n4 { margin-top: -1.5rem !important; } .mt-md-n5 { margin-top: -3rem !important; } .me-md-n1 { margin-right: -0.25rem !important; } .me-md-n2 { margin-right: -0.5rem !important; } .me-md-n3 { margin-right: -1rem !important; } .me-md-n4 { margin-right: -1.5rem !important; } .me-md-n5 { margin-right: -3rem !important; } .mb-md-n1 { margin-bottom: -0.25rem !important; } .mb-md-n2 { margin-bottom: -0.5rem !important; } .mb-md-n3 { margin-bottom: -1rem !important; } .mb-md-n4 { margin-bottom: -1.5rem !important; } .mb-md-n5 { margin-bottom: -3rem !important; } .ms-md-n1 { margin-left: -0.25rem !important; } .ms-md-n2 { margin-left: -0.5rem !important; } .ms-md-n3 { margin-left: -1rem !important; } .ms-md-n4 { margin-left: -1.5rem !important; } .ms-md-n5 { margin-left: -3rem !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } .flex-basis-md-0 { flex-basis: 0 !important; } .flex-basis-md-25 { flex-basis: 25% !important; } .flex-basis-md-50 { flex-basis: 50% !important; } .flex-basis-md-75 { flex-basis: 75% !important; } .flex-basis-md-100 { flex-basis: 100% !important; } .flex-basis-md-auto { flex-basis: auto !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !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: -webkit-box !important; display: -webkit-flex !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: inline-flex !important; } .d-lg-none { display: none !important; } .d-lg-contents { display: contents !important; } .position-lg-static { position: static !important; } .position-lg-relative { position: relative !important; } .position-lg-absolute { position: absolute !important; } .position-lg-fixed { position: fixed !important; } .position-lg-sticky { position: sticky !important; } .w-lg-0 { width: 0 !important; } .w-lg-25 { width: 25% !important; } .w-lg-50 { width: 50% !important; } .w-lg-75 { width: 75% !important; } .w-lg-100 { width: 100% !important; } .w-lg-auto { width: auto !important; } .mw-lg-0 { max-width: 0 !important; } .mw-lg-25 { max-width: 25% !important; } .mw-lg-50 { max-width: 50% !important; } .mw-lg-75 { max-width: 75% !important; } .mw-lg-100 { max-width: 100% !important; } .mw-lg-auto { max-width: auto !important; } .h-lg-0 { height: 0 !important; } .h-lg-25 { height: 25% !important; } .h-lg-50 { height: 50% !important; } .h-lg-75 { height: 75% !important; } .h-lg-100 { height: 100% !important; } .h-lg-auto { height: auto !important; } .mh-lg-0 { max-height: 0 !important; } .mh-lg-25 { max-height: 25% !important; } .mh-lg-50 { max-height: 50% !important; } .mh-lg-75 { max-height: 75% !important; } .mh-lg-100 { max-height: 100% !important; } .mh-lg-auto { max-height: auto !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .justify-content-lg-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-last { order: 13 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-6 { order: 6 !important; } .order-lg-7 { order: 7 !important; } .order-lg-8 { order: 8 !important; } .order-lg-9 { order: 9 !important; } .order-lg-10 { order: 10 !important; } .order-lg-11 { order: 11 !important; } .order-lg-12 { order: 12 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .m-lg-n1 { margin: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mx-lg-n1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; } .mx-lg-n2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; } .mx-lg-n3 { margin-right: -1rem !important; margin-left: -1rem !important; } .mx-lg-n4 { margin-right: -1.5rem !important; margin-left: -1.5rem !important; } .mx-lg-n5 { margin-right: -3rem !important; margin-left: -3rem !important; } .my-lg-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .my-lg-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .my-lg-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .my-lg-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .my-lg-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .mt-lg-n1 { margin-top: -0.25rem !important; } .mt-lg-n2 { margin-top: -0.5rem !important; } .mt-lg-n3 { margin-top: -1rem !important; } .mt-lg-n4 { margin-top: -1.5rem !important; } .mt-lg-n5 { margin-top: -3rem !important; } .me-lg-n1 { margin-right: -0.25rem !important; } .me-lg-n2 { margin-right: -0.5rem !important; } .me-lg-n3 { margin-right: -1rem !important; } .me-lg-n4 { margin-right: -1.5rem !important; } .me-lg-n5 { margin-right: -3rem !important; } .mb-lg-n1 { margin-bottom: -0.25rem !important; } .mb-lg-n2 { margin-bottom: -0.5rem !important; } .mb-lg-n3 { margin-bottom: -1rem !important; } .mb-lg-n4 { margin-bottom: -1.5rem !important; } .mb-lg-n5 { margin-bottom: -3rem !important; } .ms-lg-n1 { margin-left: -0.25rem !important; } .ms-lg-n2 { margin-left: -0.5rem !important; } .ms-lg-n3 { margin-left: -1rem !important; } .ms-lg-n4 { margin-left: -1.5rem !important; } .ms-lg-n5 { margin-left: -3rem !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } .flex-basis-lg-0 { flex-basis: 0 !important; } .flex-basis-lg-25 { flex-basis: 25% !important; } .flex-basis-lg-50 { flex-basis: 50% !important; } .flex-basis-lg-75 { flex-basis: 75% !important; } .flex-basis-lg-100 { flex-basis: 100% !important; } .flex-basis-lg-auto { flex-basis: auto !important; } } @media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !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: -webkit-box !important; display: -webkit-flex !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: inline-flex !important; } .d-xl-none { display: none !important; } .d-xl-contents { display: contents !important; } .position-xl-static { position: static !important; } .position-xl-relative { position: relative !important; } .position-xl-absolute { position: absolute !important; } .position-xl-fixed { position: fixed !important; } .position-xl-sticky { position: sticky !important; } .w-xl-0 { width: 0 !important; } .w-xl-25 { width: 25% !important; } .w-xl-50 { width: 50% !important; } .w-xl-75 { width: 75% !important; } .w-xl-100 { width: 100% !important; } .w-xl-auto { width: auto !important; } .mw-xl-0 { max-width: 0 !important; } .mw-xl-25 { max-width: 25% !important; } .mw-xl-50 { max-width: 50% !important; } .mw-xl-75 { max-width: 75% !important; } .mw-xl-100 { max-width: 100% !important; } .mw-xl-auto { max-width: auto !important; } .h-xl-0 { height: 0 !important; } .h-xl-25 { height: 25% !important; } .h-xl-50 { height: 50% !important; } .h-xl-75 { height: 75% !important; } .h-xl-100 { height: 100% !important; } .h-xl-auto { height: auto !important; } .mh-xl-0 { max-height: 0 !important; } .mh-xl-25 { max-height: 25% !important; } .mh-xl-50 { max-height: 50% !important; } .mh-xl-75 { max-height: 75% !important; } .mh-xl-100 { max-height: 100% !important; } .mh-xl-auto { max-height: auto !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .justify-content-xl-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-last { order: 13 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-6 { order: 6 !important; } .order-xl-7 { order: 7 !important; } .order-xl-8 { order: 8 !important; } .order-xl-9 { order: 9 !important; } .order-xl-10 { order: 10 !important; } .order-xl-11 { order: 11 !important; } .order-xl-12 { order: 12 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .m-xl-n1 { margin: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mx-xl-n1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; } .mx-xl-n2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; } .mx-xl-n3 { margin-right: -1rem !important; margin-left: -1rem !important; } .mx-xl-n4 { margin-right: -1.5rem !important; margin-left: -1.5rem !important; } .mx-xl-n5 { margin-right: -3rem !important; margin-left: -3rem !important; } .my-xl-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .my-xl-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .my-xl-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .my-xl-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .my-xl-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .mt-xl-n1 { margin-top: -0.25rem !important; } .mt-xl-n2 { margin-top: -0.5rem !important; } .mt-xl-n3 { margin-top: -1rem !important; } .mt-xl-n4 { margin-top: -1.5rem !important; } .mt-xl-n5 { margin-top: -3rem !important; } .me-xl-n1 { margin-right: -0.25rem !important; } .me-xl-n2 { margin-right: -0.5rem !important; } .me-xl-n3 { margin-right: -1rem !important; } .me-xl-n4 { margin-right: -1.5rem !important; } .me-xl-n5 { margin-right: -3rem !important; } .mb-xl-n1 { margin-bottom: -0.25rem !important; } .mb-xl-n2 { margin-bottom: -0.5rem !important; } .mb-xl-n3 { margin-bottom: -1rem !important; } .mb-xl-n4 { margin-bottom: -1.5rem !important; } .mb-xl-n5 { margin-bottom: -3rem !important; } .ms-xl-n1 { margin-left: -0.25rem !important; } .ms-xl-n2 { margin-left: -0.5rem !important; } .ms-xl-n3 { margin-left: -1rem !important; } .ms-xl-n4 { margin-left: -1.5rem !important; } .ms-xl-n5 { margin-left: -3rem !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } .flex-basis-xl-0 { flex-basis: 0 !important; } .flex-basis-xl-25 { flex-basis: 25% !important; } .flex-basis-xl-50 { flex-basis: 50% !important; } .flex-basis-xl-75 { flex-basis: 75% !important; } .flex-basis-xl-100 { flex-basis: 100% !important; } .flex-basis-xl-auto { flex-basis: auto !important; } } @media (min-width: 1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !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: -webkit-box !important; display: -webkit-flex !important; display: flex !important; } .d-xxl-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: inline-flex !important; } .d-xxl-none { display: none !important; } .d-xxl-contents { display: contents !important; } .position-xxl-static { position: static !important; } .position-xxl-relative { position: relative !important; } .position-xxl-absolute { position: absolute !important; } .position-xxl-fixed { position: fixed !important; } .position-xxl-sticky { position: sticky !important; } .w-xxl-0 { width: 0 !important; } .w-xxl-25 { width: 25% !important; } .w-xxl-50 { width: 50% !important; } .w-xxl-75 { width: 75% !important; } .w-xxl-100 { width: 100% !important; } .w-xxl-auto { width: auto !important; } .mw-xxl-0 { max-width: 0 !important; } .mw-xxl-25 { max-width: 25% !important; } .mw-xxl-50 { max-width: 50% !important; } .mw-xxl-75 { max-width: 75% !important; } .mw-xxl-100 { max-width: 100% !important; } .mw-xxl-auto { max-width: auto !important; } .h-xxl-0 { height: 0 !important; } .h-xxl-25 { height: 25% !important; } .h-xxl-50 { height: 50% !important; } .h-xxl-75 { height: 75% !important; } .h-xxl-100 { height: 100% !important; } .h-xxl-auto { height: auto !important; } .mh-xxl-0 { max-height: 0 !important; } .mh-xxl-25 { max-height: 25% !important; } .mh-xxl-50 { max-height: 50% !important; } .mh-xxl-75 { max-height: 75% !important; } .mh-xxl-100 { max-height: 100% !important; } .mh-xxl-auto { max-height: auto !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .justify-content-xxl-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-xxl-end { -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-last { order: 13 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-6 { order: 6 !important; } .order-xxl-7 { order: 7 !important; } .order-xxl-8 { order: 8 !important; } .order-xxl-9 { order: 9 !important; } .order-xxl-10 { order: 10 !important; } .order-xxl-11 { order: 11 !important; } .order-xxl-12 { order: 12 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .m-xxl-n1 { margin: -0.25rem !important; } .m-xxl-n2 { margin: -0.5rem !important; } .m-xxl-n3 { margin: -1rem !important; } .m-xxl-n4 { margin: -1.5rem !important; } .m-xxl-n5 { margin: -3rem !important; } .mx-xxl-n1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; } .mx-xxl-n2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; } .mx-xxl-n3 { margin-right: -1rem !important; margin-left: -1rem !important; } .mx-xxl-n4 { margin-right: -1.5rem !important; margin-left: -1.5rem !important; } .mx-xxl-n5 { margin-right: -3rem !important; margin-left: -3rem !important; } .my-xxl-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .my-xxl-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .my-xxl-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .my-xxl-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .my-xxl-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .mt-xxl-n1 { margin-top: -0.25rem !important; } .mt-xxl-n2 { margin-top: -0.5rem !important; } .mt-xxl-n3 { margin-top: -1rem !important; } .mt-xxl-n4 { margin-top: -1.5rem !important; } .mt-xxl-n5 { margin-top: -3rem !important; } .me-xxl-n1 { margin-right: -0.25rem !important; } .me-xxl-n2 { margin-right: -0.5rem !important; } .me-xxl-n3 { margin-right: -1rem !important; } .me-xxl-n4 { margin-right: -1.5rem !important; } .me-xxl-n5 { margin-right: -3rem !important; } .mb-xxl-n1 { margin-bottom: -0.25rem !important; } .mb-xxl-n2 { margin-bottom: -0.5rem !important; } .mb-xxl-n3 { margin-bottom: -1rem !important; } .mb-xxl-n4 { margin-bottom: -1.5rem !important; } .mb-xxl-n5 { margin-bottom: -3rem !important; } .ms-xxl-n1 { margin-left: -0.25rem !important; } .ms-xxl-n2 { margin-left: -0.5rem !important; } .ms-xxl-n3 { margin-left: -1rem !important; } .ms-xxl-n4 { margin-left: -1.5rem !important; } .ms-xxl-n5 { margin-left: -3rem !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } .flex-basis-xxl-0 { flex-basis: 0 !important; } .flex-basis-xxl-25 { flex-basis: 25% !important; } .flex-basis-xxl-50 { flex-basis: 50% !important; } .flex-basis-xxl-75 { flex-basis: 75% !important; } .flex-basis-xxl-100 { flex-basis: 100% !important; } .flex-basis-xxl-auto { flex-basis: auto !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 1.875rem !important; } .fs-2 { font-size: 1.5rem !important; } .fs-3 { font-size: 1.3125rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !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: -webkit-box !important; display: -webkit-flex !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: inline-flex !important; } .d-print-none { display: none !important; } .d-print-contents { display: contents !important; } } /* /web/static/src/scss/bootstrap_review.scss */ .alert { clear: both; } .bg-100 { background-color: #F6F9FC !important; color: #142536; } .bg-100 .text-muted, .o_colored_level .bg-100 .text-muted { color: rgba(20, 37, 54, 0.7) !important; } a.bg-100:hover, a.bg-100:focus, button.bg-100:hover, button.bg-100:focus { background-color: #d0e0ef !important; color: #142536; } .text-100 { color: #F6F9FC !important; } a.text-100:hover, a.text-100:focus { color: #aac6e3 !important; } .bg-200 { background-color: #E2ECF6 !important; color: #142536; } .bg-200 .text-muted, .o_colored_level .bg-200 .text-muted { color: rgba(20, 37, 54, 0.7) !important; } a.bg-200:hover, a.bg-200:focus, button.bg-200:hover, button.bg-200:focus { background-color: #bbd3ea !important; color: #142536; } .text-200 { color: #E2ECF6 !important; } a.text-200:hover, a.text-200:focus { color: #94b9de !important; } .bg-300 { background-color: #D4E2F0 !important; color: #142536; } .bg-300 .text-muted, .o_colored_level .bg-300 .text-muted { color: rgba(20, 37, 54, 0.7) !important; } a.bg-300:hover, a.bg-300:focus, button.bg-300:hover, button.bg-300:focus { background-color: #aec9e3 !important; color: #142536; } .text-300 { color: #D4E2F0 !important; } a.text-300:hover, a.text-300:focus { color: #88afd6 !important; } .bg-400 { background-color: #BFD4E9 !important; color: #142536; } .bg-400 .text-muted, .o_colored_level .bg-400 .text-muted { color: rgba(20, 37, 54, 0.7) !important; } a.bg-400:hover, a.bg-400:focus, button.bg-400:hover, button.bg-400:focus { background-color: #99bbdc !important; color: #142536; } .text-400 { color: #BFD4E9 !important; } a.text-400:hover, a.text-400:focus { color: #73a1cf !important; } .bg-500 { background-color: #93B5D7 !important; color: #142536; } .bg-500 .text-muted, .o_colored_level .bg-500 .text-muted { color: rgba(20, 37, 54, 0.7) !important; } a.bg-500:hover, a.bg-500:focus, button.bg-500:hover, button.bg-500:focus { background-color: #6e9cc9 !important; color: #142536; } .text-500 { color: #93B5D7 !important; } a.text-500:hover, a.text-500:focus { color: #4982bb !important; } .bg-600 { background-color: #4375A6 !important; color: #FFFFFF; } .bg-600 .text-muted, .o_colored_level .bg-600 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } a.bg-600:hover, a.bg-600:focus, button.bg-600:hover, button.bg-600:focus { background-color: #345b82 !important; color: #FFFFFF; } .text-600 { color: #4375A6 !important; } a.text-600:hover, a.text-600:focus { color: #26425d !important; } .bg-700 { background-color: #2D5073 !important; color: #FFFFFF; } .bg-700 .text-muted, .o_colored_level .bg-700 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } a.bg-700:hover, a.bg-700:focus, button.bg-700:hover, button.bg-700:focus { background-color: #1f374e !important; color: #FFFFFF; } .text-700 { color: #2D5073 !important; } a.text-700:hover, a.text-700:focus { color: #101d2a !important; } .bg-800 { background-color: #203A54 !important; color: #FFFFFF; } .bg-800 .text-muted, .o_colored_level .bg-800 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } a.bg-800:hover, a.bg-800:focus, button.bg-800:hover, button.bg-800:focus { background-color: #12212f !important; color: #FFFFFF; } .text-800 { color: #203A54 !important; } a.text-800:hover, a.text-800:focus { color: #04070a !important; } .bg-900 { background-color: #142536 !important; color: #FFFFFF; } .bg-900 .text-muted, .o_colored_level .bg-900 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } a.bg-900:hover, a.bg-900:focus, button.bg-900:hover, button.bg-900:focus { background-color: #060c11 !important; color: #FFFFFF; } .text-900 { color: #142536 !important; } a.text-900:hover, a.text-900:focus { color: black !important; } .bg-white-85 { background-color: rgba(255, 255, 255, 0.85) !important; color: #142536; } .bg-white-85 .text-muted, .o_colored_level .bg-white-85 .text-muted { color: rgba(20, 37, 54, 0.7) !important; } a.bg-white-85:hover, a.bg-white-85:focus, button.bg-white-85:hover, button.bg-white-85:focus { background-color: rgba(230, 230, 230, 0.85) !important; color: #142536; } .text-white-85 { color: rgba(255, 255, 255, 0.85) !important; } a.text-white-85:hover, a.text-white-85:focus { color: rgba(204, 204, 204, 0.85) !important; } .bg-white-75 { background-color: rgba(255, 255, 255, 0.75) !important; color: #142536; } .bg-white-75 .text-muted, .o_colored_level .bg-white-75 .text-muted { color: rgba(20, 37, 54, 0.7) !important; } a.bg-white-75:hover, a.bg-white-75:focus, button.bg-white-75:hover, button.bg-white-75:focus { background-color: rgba(230, 230, 230, 0.75) !important; color: #142536; } .text-white-75 { color: rgba(255, 255, 255, 0.75) !important; } a.text-white-75:hover, a.text-white-75:focus { color: rgba(204, 204, 204, 0.75) !important; } .bg-white-50 { background-color: rgba(255, 255, 255, 0.5) !important; color: #142536; } .bg-white-50 .text-muted, .o_colored_level .bg-white-50 .text-muted { color: rgba(20, 37, 54, 0.7) !important; } a.bg-white-50:hover, a.bg-white-50:focus, button.bg-white-50:hover, button.bg-white-50:focus { background-color: rgba(230, 230, 230, 0.5) !important; color: #142536; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } a.text-white-50:hover, a.text-white-50:focus { color: rgba(204, 204, 204, 0.5) !important; } .bg-white-25 { background-color: rgba(255, 255, 255, 0.25) !important; } a.bg-white-25:hover, a.bg-white-25:focus, button.bg-white-25:hover, button.bg-white-25:focus { background-color: rgba(230, 230, 230, 0.25) !important; } .text-white-25 { color: rgba(255, 255, 255, 0.25) !important; } a.text-white-25:hover, a.text-white-25:focus { color: rgba(204, 204, 204, 0.25) !important; } .bg-black-75 { background-color: rgba(0, 0, 0, 0.75) !important; color: #FFFFFF; } .bg-black-75 .text-muted, .o_colored_level .bg-black-75 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } a.bg-black-75:hover, a.bg-black-75:focus, button.bg-black-75:hover, button.bg-black-75:focus { background-color: rgba(0, 0, 0, 0.75) !important; color: #FFFFFF; } .text-black-75 { color: rgba(0, 0, 0, 0.75) !important; } a.text-black-75:hover, a.text-black-75:focus { color: rgba(0, 0, 0, 0.75) !important; } .bg-black-50 { background-color: rgba(0, 0, 0, 0.5) !important; color: #FFFFFF; } .bg-black-50 .text-muted, .o_colored_level .bg-black-50 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } a.bg-black-50:hover, a.bg-black-50:focus, button.bg-black-50:hover, button.bg-black-50:focus { background-color: rgba(0, 0, 0, 0.5) !important; color: #FFFFFF; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } a.text-black-50:hover, a.text-black-50:focus { color: rgba(0, 0, 0, 0.5) !important; } .bg-black-25 { background-color: rgba(0, 0, 0, 0.25) !important; } a.bg-black-25:hover, a.bg-black-25:focus, button.bg-black-25:hover, button.bg-black-25:focus { background-color: rgba(0, 0, 0, 0.25) !important; } .text-black-25 { color: rgba(0, 0, 0, 0.25) !important; } a.text-black-25:hover, a.text-black-25:focus { color: rgba(0, 0, 0, 0.25) !important; } .bg-black-15 { background-color: rgba(0, 0, 0, 0.15) !important; } a.bg-black-15:hover, a.bg-black-15:focus, button.bg-black-15:hover, button.bg-black-15:focus { background-color: rgba(0, 0, 0, 0.15) !important; } .text-black-15 { color: rgba(0, 0, 0, 0.15) !important; } a.text-black-15:hover, a.text-black-15:focus { color: rgba(0, 0, 0, 0.15) !important; } .bg-black { background-color: #000000 !important; color: #FFFFFF; } .bg-black .text-muted, .o_colored_level .bg-black .text-muted { color: rgba(255, 255, 255, 0.7) !important; } a.bg-black:hover, a.bg-black:focus, button.bg-black:hover, button.bg-black:focus { background-color: black !important; color: #FFFFFF; } .text-black { color: #000000 !important; } a.text-black:hover, a.text-black:focus { color: black !important; } .bg-white { background-color: #FFFFFF !important; color: #142536; } .bg-white .text-muted, .o_colored_level .bg-white .text-muted { color: rgba(20, 37, 54, 0.7) !important; } a.bg-white:hover, a.bg-white:focus, button.bg-white:hover, button.bg-white:focus { background-color: #e6e6e6 !important; color: #142536; } .text-white { color: #FFFFFF !important; } a.text-white:hover, a.text-white:focus { color: #cccccc !important; } .text-primary { color: #0075C2 !important; } a.text-primary:hover, a.text-primary:focus { color: #00375c !important; } .text-secondary { color: #003557 !important; } a.text-secondary:hover, a.text-secondary:focus { color: black !important; } .text-success { color: #236366 !important; } a.text-success:hover, a.text-success:focus { color: #09191a !important; } .text-info { color: #276E72 !important; } a.text-info:hover, a.text-info:focus { color: #0d2526 !important; } .text-warning { color: #FFC107 !important; } a.text-warning:hover, a.text-warning:focus { color: #a07800 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #921925 !important; } .text-light { color: #f6f8f9 !important; } a.text-light:hover, a.text-light:focus { color: #b9c7d0 !important; } .text-dark { color: #141b1f !important; } a.text-dark:hover, a.text-dark:focus { color: black !important; } .card-body { background-color: rgba(255, 255, 255, 0.9) !important; color: #142536; } .card-body .text-muted, .o_colored_level .card-body .text-muted { color: rgba(20, 37, 54, 0.7) !important; } .card-body:first-child { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-body:last-child { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-body.row { background-color: transparent !important; } .card-body .table-striped > tbody > tr:nth-of-type(odd) > * { color: inherit; } .accordion .collapsing > .card-body:first-child, .accordion .collapse.show > .card-body:first-child { margin-top: 1px; } .toast-header { background-clip: border-box; } .toast-body { background-color: rgba(255, 255, 255, 0.93) !important; color: #142536; } .toast-body .text-muted, .o_colored_level .toast-body .text-muted { color: rgba(20, 37, 54, 0.7) !important; } @media (min-width: 576px) { :not(.s_popup) > .modal .modal-dialog { height: 100%; padding: 1.75rem 0; margin: 0 auto; } :not(.s_popup) > .modal .modal-content { max-height: 100%; } :not(.s_popup) > .modal .modal-header, :not(.s_popup) > .modal .modal-footer { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; } :not(.s_popup) > .modal .modal-body { overflow: auto; min-height: 0; } } .modal-backdrop { display: none; } .modal:not([data-bs-backdrop="false"]) { background-color: rgba(0, 0, 0, 0.5); } .form-check .form-check-input:not(:disabled):not(.o_wysiwyg_loader), .form-check .form-check-input:not(:disabled):not(.o_wysiwyg_loader) + label, .form-select .form-check-input:not(:disabled):not(.o_wysiwyg_loader), .form-select .form-check-input:not(:disabled):not(.o_wysiwyg_loader) + label { cursor: pointer; } .form-check:hover, .form-check:hover .form-check-input:not(:disabled):not(.o_wysiwyg_loader), .form-select:hover, .form-select:hover .form-check-input:not(:disabled):not(.o_wysiwyg_loader) { border-color: #0075C2; } .dropdown-menu[x-placement^="top"], .o_dropdown_menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .o_dropdown_menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .o_dropdown_menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"], .o_dropdown_menu[x-placement^="left"] { /*rtl:ignore*/ right: auto; } .popover { right: auto/*rtl:ignore*/; } .btn:not(.btn-link), .btn:not(.btn-link):hover, .btn:not(.btn-link):focus, .nav-link, .nav-link:hover, .nav-link:focus, .dropdown-item, .dropdown-item:hover, .dropdown-item:focus, .page-link, .page-link:hover, .page-link:focus, .breadcrumb-item > a, .breadcrumb-item > a:hover, .breadcrumb-item > a:focus, .badge, .badge:hover, .badge:focus, .fa, .fa:hover, .fa:focus { text-decoration: none; } .btn-fill-primary, .btn-primary { color: #FFFFFF; background-color: #0075C2; border-color: #0075C2; } .btn-fill-primary:hover, .btn-primary:hover { color: #FFFFFF; background-color: #0063a5; border-color: #005e9b; } .btn-check:focus + .btn-fill-primary, .btn-check:focus + .btn-primary, .btn-fill-primary:focus, .btn-primary:focus { color: #FFFFFF; background-color: #0063a5; border-color: #005e9b; box-shadow: 0 0 0 0.25rem rgba(38, 138, 203, 0.5); } .btn-check:checked + .btn-fill-primary, .btn-check:checked + .btn-primary, .btn-check:active + .btn-fill-primary, .btn-check:active + .btn-primary, .btn-fill-primary:active, .btn-primary:active, .btn-fill-primary.active, .active.btn-primary, .show > .btn-fill-primary.dropdown-toggle, .show > .dropdown-toggle.btn-primary { color: #FFFFFF; background-color: #005e9b; border-color: #005892; } .btn-check:checked + .btn-fill-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-fill-primary:focus, .btn-check:active + .btn-primary:focus, .btn-fill-primary:active:focus, .btn-primary:active:focus, .btn-fill-primary.active:focus, .active.btn-primary:focus, .show > .btn-fill-primary.dropdown-toggle:focus, .show > .dropdown-toggle.btn-primary:focus { box-shadow: 0 0 0 0.25rem rgba(38, 138, 203, 0.5); } .btn-fill-primary:disabled, .btn-fill-primary.o_wysiwyg_loader, .btn-primary:disabled, .btn-primary.o_wysiwyg_loader, .btn-fill-primary.disabled, .disabled.btn-primary { color: #FFFFFF; background-color: #0075C2; border-color: #0075C2; } .btn-fill-secondary, .btn-secondary { color: #FFFFFF; background-color: #003557; border-color: #003557; } .btn-fill-secondary:hover, .btn-secondary:hover { color: #FFFFFF; background-color: #002d4a; border-color: #002a46; } .btn-check:focus + .btn-fill-secondary, .btn-check:focus + .btn-secondary, .btn-fill-secondary:focus, .btn-secondary:focus { color: #FFFFFF; background-color: #002d4a; border-color: #002a46; box-shadow: 0 0 0 0.25rem rgba(38, 83, 112, 0.5); } .btn-check:checked + .btn-fill-secondary, .btn-check:checked + .btn-secondary, .btn-check:active + .btn-fill-secondary, .btn-check:active + .btn-secondary, .btn-fill-secondary:active, .btn-secondary:active, .btn-fill-secondary.active, .active.btn-secondary, .show > .btn-fill-secondary.dropdown-toggle, .show > .dropdown-toggle.btn-secondary { color: #FFFFFF; background-color: #002a46; border-color: #002841; } .btn-check:checked + .btn-fill-secondary:focus, .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-fill-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-fill-secondary:active:focus, .btn-secondary:active:focus, .btn-fill-secondary.active:focus, .active.btn-secondary:focus, .show > .btn-fill-secondary.dropdown-toggle:focus, .show > .dropdown-toggle.btn-secondary:focus { box-shadow: 0 0 0 0.25rem rgba(38, 83, 112, 0.5); } .btn-fill-secondary:disabled, .btn-fill-secondary.o_wysiwyg_loader, .btn-secondary:disabled, .btn-secondary.o_wysiwyg_loader, .btn-fill-secondary.disabled, .disabled.btn-secondary { color: #FFFFFF; background-color: #003557; border-color: #003557; } .btn-fill-success, .btn-success { color: #FFFFFF; background-color: #236366; border-color: #236366; } .btn-fill-success:hover, .btn-success:hover { color: #FFFFFF; background-color: #1e5457; border-color: #1c4f52; } .btn-check:focus + .btn-fill-success, .btn-check:focus + .btn-success, .btn-fill-success:focus, .btn-success:focus { color: #FFFFFF; background-color: #1e5457; border-color: #1c4f52; box-shadow: 0 0 0 0.25rem rgba(68, 122, 125, 0.5); } .btn-check:checked + .btn-fill-success, .btn-check:checked + .btn-success, .btn-check:active + .btn-fill-success, .btn-check:active + .btn-success, .btn-fill-success:active, .btn-success:active, .btn-fill-success.active, .active.btn-success, .show > .btn-fill-success.dropdown-toggle, .show > .dropdown-toggle.btn-success { color: #FFFFFF; background-color: #1c4f52; border-color: #1a4a4d; } .btn-check:checked + .btn-fill-success:focus, .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-fill-success:focus, .btn-check:active + .btn-success:focus, .btn-fill-success:active:focus, .btn-success:active:focus, .btn-fill-success.active:focus, .active.btn-success:focus, .show > .btn-fill-success.dropdown-toggle:focus, .show > .dropdown-toggle.btn-success:focus { box-shadow: 0 0 0 0.25rem rgba(68, 122, 125, 0.5); } .btn-fill-success:disabled, .btn-fill-success.o_wysiwyg_loader, .btn-success:disabled, .btn-success.o_wysiwyg_loader, .btn-fill-success.disabled, .disabled.btn-success { color: #FFFFFF; background-color: #236366; border-color: #236366; } .btn-fill-info, .btn-info { color: #FFFFFF; background-color: #276E72; border-color: #276E72; } .btn-fill-info:hover, .btn-info:hover { color: #FFFFFF; background-color: #215e61; border-color: #1f585b; } .btn-check:focus + .btn-fill-info, .btn-check:focus + .btn-info, .btn-fill-info:focus, .btn-info:focus { color: #FFFFFF; background-color: #215e61; border-color: #1f585b; box-shadow: 0 0 0 0.25rem rgba(71, 132, 135, 0.5); } .btn-check:checked + .btn-fill-info, .btn-check:checked + .btn-info, .btn-check:active + .btn-fill-info, .btn-check:active + .btn-info, .btn-fill-info:active, .btn-info:active, .btn-fill-info.active, .active.btn-info, .show > .btn-fill-info.dropdown-toggle, .show > .dropdown-toggle.btn-info { color: #FFFFFF; background-color: #1f585b; border-color: #1d5356; } .btn-check:checked + .btn-fill-info:focus, .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-fill-info:focus, .btn-check:active + .btn-info:focus, .btn-fill-info:active:focus, .btn-info:active:focus, .btn-fill-info.active:focus, .active.btn-info:focus, .show > .btn-fill-info.dropdown-toggle:focus, .show > .dropdown-toggle.btn-info:focus { box-shadow: 0 0 0 0.25rem rgba(71, 132, 135, 0.5); } .btn-fill-info:disabled, .btn-fill-info.o_wysiwyg_loader, .btn-info:disabled, .btn-info.o_wysiwyg_loader, .btn-fill-info.disabled, .disabled.btn-info { color: #FFFFFF; background-color: #276E72; border-color: #276E72; } .btn-fill-warning, .btn-warning { color: #142536; background-color: #FFC107; border-color: #FFC107; } .btn-fill-warning:hover, .btn-warning:hover { color: #142536; background-color: #ffca2c; border-color: #ffc720; } .btn-check:focus + .btn-fill-warning, .btn-check:focus + .btn-warning, .btn-fill-warning:focus, .btn-warning:focus { color: #142536; background-color: #ffca2c; border-color: #ffc720; box-shadow: 0 0 0 0.25rem rgba(220, 170, 14, 0.5); } .btn-check:checked + .btn-fill-warning, .btn-check:checked + .btn-warning, .btn-check:active + .btn-fill-warning, .btn-check:active + .btn-warning, .btn-fill-warning:active, .btn-warning:active, .btn-fill-warning.active, .active.btn-warning, .show > .btn-fill-warning.dropdown-toggle, .show > .dropdown-toggle.btn-warning { color: #142536; background-color: #ffcd39; border-color: #ffc720; } .btn-check:checked + .btn-fill-warning:focus, .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-fill-warning:focus, .btn-check:active + .btn-warning:focus, .btn-fill-warning:active:focus, .btn-warning:active:focus, .btn-fill-warning.active:focus, .active.btn-warning:focus, .show > .btn-fill-warning.dropdown-toggle:focus, .show > .dropdown-toggle.btn-warning:focus { box-shadow: 0 0 0 0.25rem rgba(220, 170, 14, 0.5); } .btn-fill-warning:disabled, .btn-fill-warning.o_wysiwyg_loader, .btn-warning:disabled, .btn-warning.o_wysiwyg_loader, .btn-fill-warning.disabled, .disabled.btn-warning { color: #142536; background-color: #FFC107; border-color: #FFC107; } .btn-fill-danger, .btn-danger { color: #FFFFFF; background-color: #dc3545; border-color: #dc3545; } .btn-fill-danger:hover, .btn-danger:hover { color: #FFFFFF; background-color: #bb2d3b; border-color: #b02a37; } .btn-check:focus + .btn-fill-danger, .btn-check:focus + .btn-danger, .btn-fill-danger:focus, .btn-danger:focus { color: #FFFFFF; background-color: #bb2d3b; border-color: #b02a37; box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5); } .btn-check:checked + .btn-fill-danger, .btn-check:checked + .btn-danger, .btn-check:active + .btn-fill-danger, .btn-check:active + .btn-danger, .btn-fill-danger:active, .btn-danger:active, .btn-fill-danger.active, .active.btn-danger, .show > .btn-fill-danger.dropdown-toggle, .show > .dropdown-toggle.btn-danger { color: #FFFFFF; background-color: #b02a37; border-color: #a52834; } .btn-check:checked + .btn-fill-danger:focus, .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-fill-danger:focus, .btn-check:active + .btn-danger:focus, .btn-fill-danger:active:focus, .btn-danger:active:focus, .btn-fill-danger.active:focus, .active.btn-danger:focus, .show > .btn-fill-danger.dropdown-toggle:focus, .show > .dropdown-toggle.btn-danger:focus { box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5); } .btn-fill-danger:disabled, .btn-fill-danger.o_wysiwyg_loader, .btn-danger:disabled, .btn-danger.o_wysiwyg_loader, .btn-fill-danger.disabled, .disabled.btn-danger { color: #FFFFFF; background-color: #dc3545; border-color: #dc3545; } .btn-fill-light, .btn-light { color: #142536; background-color: #f6f8f9; border-color: #f6f8f9; } .btn-fill-light:hover, .btn-light:hover { color: #142536; background-color: #f7f9fa; border-color: #f7f8f9; } .btn-check:focus + .btn-fill-light, .btn-check:focus + .btn-light, .btn-fill-light:focus, .btn-light:focus { color: #142536; background-color: #f7f9fa; border-color: #f7f8f9; box-shadow: 0 0 0 0.25rem rgba(212, 216, 220, 0.5); } .btn-check:checked + .btn-fill-light, .btn-check:checked + .btn-light, .btn-check:active + .btn-fill-light, .btn-check:active + .btn-light, .btn-fill-light:active, .btn-light:active, .btn-fill-light.active, .active.btn-light, .show > .btn-fill-light.dropdown-toggle, .show > .dropdown-toggle.btn-light { color: #142536; background-color: #f8f9fa; border-color: #f7f8f9; } .btn-check:checked + .btn-fill-light:focus, .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-fill-light:focus, .btn-check:active + .btn-light:focus, .btn-fill-light:active:focus, .btn-light:active:focus, .btn-fill-light.active:focus, .active.btn-light:focus, .show > .btn-fill-light.dropdown-toggle:focus, .show > .dropdown-toggle.btn-light:focus { box-shadow: 0 0 0 0.25rem rgba(212, 216, 220, 0.5); } .btn-fill-light:disabled, .btn-fill-light.o_wysiwyg_loader, .btn-light:disabled, .btn-light.o_wysiwyg_loader, .btn-fill-light.disabled, .disabled.btn-light { color: #142536; background-color: #f6f8f9; border-color: #f6f8f9; } .btn-fill-dark, .btn-dark { color: #FFFFFF; background-color: #141b1f; border-color: #141b1f; } .btn-fill-dark:hover, .btn-dark:hover { color: #FFFFFF; background-color: #11171a; border-color: #101518; } .btn-check:focus + .btn-fill-dark, .btn-check:focus + .btn-dark, .btn-fill-dark:focus, .btn-dark:focus { color: #FFFFFF; background-color: #11171a; border-color: #101518; box-shadow: 0 0 0 0.25rem rgba(56, 61, 64, 0.5); } .btn-check:checked + .btn-fill-dark, .btn-check:checked + .btn-dark, .btn-check:active + .btn-fill-dark, .btn-check:active + .btn-dark, .btn-fill-dark:active, .btn-dark:active, .btn-fill-dark.active, .active.btn-dark, .show > .btn-fill-dark.dropdown-toggle, .show > .dropdown-toggle.btn-dark { color: #FFFFFF; background-color: #101518; border-color: #0f1417; } .btn-check:checked + .btn-fill-dark:focus, .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-fill-dark:focus, .btn-check:active + .btn-dark:focus, .btn-fill-dark:active:focus, .btn-dark:active:focus, .btn-fill-dark.active:focus, .active.btn-dark:focus, .show > .btn-fill-dark.dropdown-toggle:focus, .show > .dropdown-toggle.btn-dark:focus { box-shadow: 0 0 0 0.25rem rgba(56, 61, 64, 0.5); } .btn-fill-dark:disabled, .btn-fill-dark.o_wysiwyg_loader, .btn-dark:disabled, .btn-dark.o_wysiwyg_loader, .btn-fill-dark.disabled, .disabled.btn-dark { color: #FFFFFF; background-color: #141b1f; border-color: #141b1f; } .btn-outline-primary { color: #0075C2; border-color: #0075C2; } .btn-outline-primary:hover { color: #FFFFFF; background-color: #0075C2; border-color: #0075C2; } .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { box-shadow: 0 0 0 0.25rem rgba(0, 117, 194, 0.5); } .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { color: #FFFFFF; background-color: #0075C2; border-color: #0075C2; } .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(0, 117, 194, 0.5); } .btn-outline-primary:disabled, .btn-outline-primary.o_wysiwyg_loader, .btn-outline-primary.disabled { color: #0075C2; background-color: transparent; } .btn-outline-secondary { color: #003557; border-color: #003557; } .btn-outline-secondary:hover { color: #FFFFFF; background-color: #003557; border-color: #003557; } .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { box-shadow: 0 0 0 0.25rem rgba(0, 53, 87, 0.5); } .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { color: #FFFFFF; background-color: #003557; border-color: #003557; } .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(0, 53, 87, 0.5); } .btn-outline-secondary:disabled, .btn-outline-secondary.o_wysiwyg_loader, .btn-outline-secondary.disabled { color: #003557; background-color: transparent; } .btn-outline-success { color: #236366; border-color: #236366; } .btn-outline-success:hover { color: #FFFFFF; background-color: #236366; border-color: #236366; } .btn-check:focus + .btn-outline-success, .btn-outline-success:focus { box-shadow: 0 0 0 0.25rem rgba(35, 99, 102, 0.5); } .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { color: #FFFFFF; background-color: #236366; border-color: #236366; } .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(35, 99, 102, 0.5); } .btn-outline-success:disabled, .btn-outline-success.o_wysiwyg_loader, .btn-outline-success.disabled { color: #236366; background-color: transparent; } .btn-outline-info { color: #276E72; border-color: #276E72; } .btn-outline-info:hover { color: #FFFFFF; background-color: #276E72; border-color: #276E72; } .btn-check:focus + .btn-outline-info, .btn-outline-info:focus { box-shadow: 0 0 0 0.25rem rgba(39, 110, 114, 0.5); } .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { color: #FFFFFF; background-color: #276E72; border-color: #276E72; } .btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(39, 110, 114, 0.5); } .btn-outline-info:disabled, .btn-outline-info.o_wysiwyg_loader, .btn-outline-info.disabled { color: #276E72; background-color: transparent; } .btn-outline-warning { color: #FFC107; border-color: #FFC107; } .btn-outline-warning:hover { color: #142536; background-color: #FFC107; border-color: #FFC107; } .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5); } .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { color: #142536; background-color: #FFC107; border-color: #FFC107; } .btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5); } .btn-outline-warning:disabled, .btn-outline-warning.o_wysiwyg_loader, .btn-outline-warning.disabled { color: #FFC107; background-color: transparent; } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #FFFFFF; background-color: #dc3545; border-color: #dc3545; } .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5); } .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { color: #FFFFFF; background-color: #dc3545; border-color: #dc3545; } .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5); } .btn-outline-danger:disabled, .btn-outline-danger.o_wysiwyg_loader, .btn-outline-danger.disabled { color: #dc3545; background-color: transparent; } .btn-outline-light { color: #f6f8f9; border-color: #f6f8f9; } .btn-outline-light:hover { color: #142536; background-color: #f6f8f9; border-color: #f6f8f9; } .btn-check:focus + .btn-outline-light, .btn-outline-light:focus { box-shadow: 0 0 0 0.25rem rgba(246, 248, 249, 0.5); } .btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { color: #142536; background-color: #f6f8f9; border-color: #f6f8f9; } .btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(246, 248, 249, 0.5); } .btn-outline-light:disabled, .btn-outline-light.o_wysiwyg_loader, .btn-outline-light.disabled { color: #f6f8f9; background-color: transparent; } .btn-outline-dark { color: #141b1f; border-color: #141b1f; } .btn-outline-dark:hover { color: #FFFFFF; background-color: #141b1f; border-color: #141b1f; } .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { box-shadow: 0 0 0 0.25rem rgba(20, 27, 31, 0.5); } .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { color: #FFFFFF; background-color: #141b1f; border-color: #141b1f; } .btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(20, 27, 31, 0.5); } .btn-outline-dark:disabled, .btn-outline-dark.o_wysiwyg_loader, .btn-outline-dark.disabled { color: #141b1f; background-color: transparent; } .navbar-dark .navbar-toggler { padding-left: 0; padding-right: 0; } .navbar-light .navbar-toggler { padding-left: 0; padding-right: 0; } .navbar-nav.nav-pills .nav-link { padding-right: 1rem; padding-left: 1rem; } .carousel-control-next .visually-hidden { left: 50%; } .modal-content { color: #142536; } .modal-content .table-striped > tbody > tr:nth-of-type(odd) > * { color: inherit; } .modal-content:where(:not(.oe_structure)) .form-control { background-color: #FFF; color: inherit; } .modal-content:where(:not(.oe_structure)) .form-select { background-color: #FFF; color: inherit; } .modal-content:where(:not(.oe_structure)) .form-check-input:not(:checked) { background-color: #FFF; } .modal-content .text-muted { color: rgba(20, 37, 54, 0.7) !important; } .popover .popover-header { color: #142536; } .popover .popover-body { color: #142536; } .input-group-text { color: #142536; } .form-control::file-selector-button { color: #142536; } .offcanvas { color: #142536; } .offcanvas .form-check-input:where(:not(:checked)) { background-color: #FFF; } .offcanvas .form-range::-webkit-slider-thumb:where(:not(:active)) { background-color: #FFF; } .offcanvas .form-range::-moz-range-thumb:where(:not(:active)) { background-color: #FFF; } /* /web/static/src/legacy/scss/tempusdominus_overridden.scss */ .sr-only, .bootstrap-datetimepicker-widget table th.next::after, .bootstrap-datetimepicker-widget table th.prev::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget .btn[data-action="today"]::after, .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } /* /web/static/lib/tempusdominus/tempusdominus.scss */ .bootstrap-datetimepicker-widget { list-style: none; } .bootstrap-datetimepicker-widget.dropdown-menu, .bootstrap-datetimepicker-widget.o_dropdown_menu { display: block; margin: 2px 0; padding: 4px; width: 14rem; } @media (min-width: 576px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs, .bootstrap-datetimepicker-widget.timepicker-sbs.o_dropdown_menu { width: 38em; } } @media (min-width: 768px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs, .bootstrap-datetimepicker-widget.timepicker-sbs.o_dropdown_menu { width: 38em; } } @media (min-width: 992px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs, .bootstrap-datetimepicker-widget.timepicker-sbs.o_dropdown_menu { width: 38em; } } .bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.o_dropdown_menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after, .bootstrap-datetimepicker-widget.o_dropdown_menu:after { content: ''; display: inline-block; position: absolute; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before, .bootstrap-datetimepicker-widget.bottom.o_dropdown_menu:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(0, 0, 0, 0.15); border-bottom-color: var(--bs-datetimepicker-secondary-border-color-rgba, rgba(0, 0, 0, 0.2)); top: -7px; left: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after, .bootstrap-datetimepicker-widget.bottom.o_dropdown_menu:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid var(--bs-datetimepicker-primary-border-color, white); top: -6px; left: 8px; } .bootstrap-datetimepicker-widget.dropdown-menu.top:before, .bootstrap-datetimepicker-widget.top.o_dropdown_menu:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid rgba(0, 0, 0, 0.15); border-top-color: var(--bs-datetimepicker-secondary-border-color-rgba, rgba(0, 0, 0, 0.2)); bottom: -7px; left: 6px; } .bootstrap-datetimepicker-widget.dropdown-menu.top:after, .bootstrap-datetimepicker-widget.top.o_dropdown_menu:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid var(--bs-datetimepicker-primary-border-color, white); bottom: -6px; left: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.float-right:before, .bootstrap-datetimepicker-widget.float-right.o_dropdown_menu:before { left: auto; right: 6px; } .bootstrap-datetimepicker-widget.dropdown-menu.float-right:after, .bootstrap-datetimepicker-widget.float-right.o_dropdown_menu:after { left: auto; right: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.wider, .bootstrap-datetimepicker-widget.wider.o_dropdown_menu { width: 16rem; } .bootstrap-datetimepicker-widget .list-unstyled { margin: 0; } .bootstrap-datetimepicker-widget a[data-action] { padding: 6px 0; } .bootstrap-datetimepicker-widget a[data-action]:active { box-shadow: none; } .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 54px; font-weight: bold; font-size: var(--bs-datetimepicker-timepicker-font-size, 1.2em); margin: 0; } .bootstrap-datetimepicker-widget button[data-action] { padding: 6px; } .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { content: "Increment Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { content: "Increment Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { content: "Decrement Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { content: "Decrement Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { content: "Show Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { content: "Show Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { content: "Toggle AM/PM"; } .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after { content: "Clear the picker"; } .bootstrap-datetimepicker-widget .btn[data-action="today"]::after { content: "Set the date to today"; } .bootstrap-datetimepicker-widget .picker-switch { text-align: center; } .bootstrap-datetimepicker-widget .picker-switch::after { content: "Toggle Date and Time Screens"; } .bootstrap-datetimepicker-widget .picker-switch td { padding: 0; margin: 0; height: auto; width: auto; line-height: inherit; } .bootstrap-datetimepicker-widget .picker-switch td span { line-height: 2.5; height: 2.5em; width: 100%; } .bootstrap-datetimepicker-widget table { width: 100%; margin: 0; } .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th { text-align: center; border-radius: var(--bs-datetimepicker-border-radius, 0.25rem); } .bootstrap-datetimepicker-widget table th { height: 20px; line-height: 20px; width: 20px; } .bootstrap-datetimepicker-widget table th.picker-switch { width: 145px; } .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover { background: none; color: var(--bs-datetimepicker-disabled-color, #4375A6); cursor: not-allowed; } .bootstrap-datetimepicker-widget table th.prev::after { content: "Previous Month"; } .bootstrap-datetimepicker-widget table th.next::after { content: "Next Month"; } .bootstrap-datetimepicker-widget table thead tr:first-child th { cursor: pointer; } .bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background: var(--bs-datetimepicker-btn-hover-bg, #E2ECF6); } .bootstrap-datetimepicker-widget table td { height: 54px; line-height: 54px; width: 54px; } .bootstrap-datetimepicker-widget table td.cw { font-size: .8em; height: 20px; line-height: 20px; color: var(--bs-datetimepicker-alternate-color, #4375A6); } .bootstrap-datetimepicker-widget table td.day { height: 20px; line-height: 20px; width: 20px; } .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover { background: var(--bs-datetimepicker-btn-hover-bg, #E2ECF6); cursor: pointer; } .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new { color: var(--bs-datetimepicker-alternate-color, #4375A6); } .bootstrap-datetimepicker-widget table td.today { position: relative; } .bootstrap-datetimepicker-widget table td.today:before { content: ''; display: inline-block; border: solid transparent; border-width: 0 0 7px 7px; border-bottom-color: #71639e; border-top-color: var(--bs-datetimepicker-secondary-border-color-rgba, rgba(0, 0, 0, 0.2)); position: absolute; bottom: 4px; right: 4px; } .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #71639e; color: #FFF; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .bootstrap-datetimepicker-widget table td.active.today:before { border-bottom-color: #fff; } .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover { background: none; color: var(--bs-datetimepicker-disabled-color, #4375A6); cursor: not-allowed; } .bootstrap-datetimepicker-widget table td span { display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: var(--bs-datetimepicker-border-radius, 0.25rem); } .bootstrap-datetimepicker-widget table td span:hover { background: var(--bs-datetimepicker-btn-hover-bg, #E2ECF6); } .bootstrap-datetimepicker-widget table td span.active { background-color: #71639e; color: #FFF; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .bootstrap-datetimepicker-widget table td span.old { color: var(--bs-datetimepicker-alternate-color, #4375A6); } .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover { background: none; color: var(--bs-datetimepicker-disabled-color, #4375A6); cursor: not-allowed; } .bootstrap-datetimepicker-widget.usetwentyfour td.hour { height: 27px; line-height: 27px; } .input-group [data-toggle="datetimepicker"] { cursor: pointer; } /* /web/static/lib/jquery.ui/jquery-ui.css */ /*! jQuery UI - v1.12.1 - 2019-01-18 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, autocomplete.css, menu.css, datepicker.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("/web/static/lib/jquery.ui/images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/web/static/lib/jquery.ui/images/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("/web/static/lib/jquery.ui/images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("/web/static/lib/jquery.ui/images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("/web/static/lib/jquery.ui/images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/web/static/lib/jquery.ui/images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("/web/static/lib/jquery.ui/images/ui-icons_777777_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /* /web/static/src/libs/fontawesome/css/font-awesome.css */ /*! * Based on Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('/web/static/src/libs/fontawesome/css/../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/web/static/src/libs/fontawesome/css/../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'); font-weight: normal; font-style: normal; font-display: block; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* matches 'oi-large' utility-class */ .fa-lg { font-size: 1.315em; vertical-align: -6%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } .fa-spin { animation: fa-spin 2s infinite linear; } .fa-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scale(-1, 1); } .fa-flip-vertical { transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .visually-hidden-focusable:active, .visually-hidden-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /* /web/static/lib/odoo_ui_icons/style.css */ @font-face { font-family: 'odoo_ui_icons'; src: url('/web/static/lib/odoo_ui_icons/fonts/odoo_ui_icons.woff2') format('woff2'), url('/web/static/lib/odoo_ui_icons/fonts/odoo_ui_icons.woff') format('woff'); font-weight: normal; font-style: normal; font-display: block; } .oi { font-family: 'odoo_ui_icons'; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .oi-close:before { content: '\00d7'; font-family: sans-serif; font-weight: bold; } .oi-view-pivot:before { content: '\e800'; } .oi-voip:before { content: '\e803'; } .oi-odoo:before { content: '\e806'; } .oi-search:before { content: '\e808'; } .oi-group:before { content: '\e80a'; } .oi-settings-adjust:before { content: '\e80c'; } .oi-apps:before { content: '\e80d'; } .oi-panel-right:before { content: '\e810'; } .oi-launch:before { content: '\e812'; } .oi-studio:before { content: '\e813'; } .oi-view-kanban:before { content: '\e814'; } .oi-view-cohort:before { content: '\e816'; } .oi-view-list:before { content: '\e817'; } /* /web/static/lib/select2/select2.css */ /* Version: 3.5.4 Timestamp: Sun Aug 30 13:30:32 EDT 2015 */ .select2-container { margin: 0; position: relative; display: inline-block; vertical-align: middle; } .select2-container, .select2-drop, .select2-search, .select2-search input { /* Force border-box so that % widths fit the parent container without overlap because of margin/padding. More Info : http://www.quirksmode.org/css/box.html */ -webkit-box-sizing: border-box; /* webkit */ -moz-box-sizing: border-box; /* firefox */ box-sizing: border-box; /* css3 */ } .select2-container .select2-choice { display: block; height: 26px; padding: 0 0 0 8px; overflow: hidden; position: relative; border: 1px solid #aaa; white-space: nowrap; line-height: 26px; color: #444; text-decoration: none; border-radius: 4px; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff)); background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%); background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0); background-image: linear-gradient(to top, #eee 0%, #fff 50%); } html[dir="rtl"] .select2-container .select2-choice { padding: 0 8px 0 0; } .select2-container.select2-drop-above .select2-choice { border-bottom-color: #aaa; border-radius: 0 0 4px 4px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff)); background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%); background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); background-image: linear-gradient(to bottom, #eee 0%, #fff 90%); } .select2-container.select2-allowclear .select2-choice .select2-chosen { margin-right: 42px; } .select2-container .select2-choice > .select2-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: none; width: auto; } html[dir="rtl"] .select2-container .select2-choice > .select2-chosen { margin-left: 26px; margin-right: 0; } .select2-container .select2-choice abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0; background: url('/web/static/lib/select2/select2.png') right top no-repeat; cursor: pointer; outline: 0; } .select2-container.select2-allowclear .select2-choice abbr { display: inline-block; } .select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer; } .select2-drop-mask { border: 0; margin: 0; padding: 0; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 9998; /* styles required for IE to work */ background-color: #fff; filter: alpha(opacity=0); } .select2-drop { width: 100%; margin-top: -1px; position: absolute; z-index: 9999; top: 100%; background: #fff; color: #000; border: 1px solid #aaa; border-top: 0; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); box-shadow: 0 4px 5px rgba(0, 0, 0, .15); } .select2-drop.select2-drop-above { margin-top: 1px; border-top: 1px solid #aaa; border-bottom: 0; border-radius: 4px 4px 0 0; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); } .select2-drop-active { border: 1px solid #5897fb; border-top: none; } .select2-drop.select2-drop-above.select2-drop-active { border-top: 1px solid #5897fb; } .select2-drop-auto-width { border-top: 1px solid #aaa; width: auto; } .select2-container .select2-choice .select2-arrow { display: inline-block; width: 18px; height: 100%; position: absolute; right: 0; top: 0; border-left: 1px solid #aaa; border-radius: 0 4px 4px 0; background-clip: padding-box; background: #ccc; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee)); background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%); background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0); background-image: linear-gradient(to top, #ccc 0%, #eee 60%); } html[dir="rtl"] .select2-container .select2-choice .select2-arrow { left: 0; right: auto; border-left: none; border-right: 1px solid #aaa; border-radius: 4px 0 0 4px; } .select2-container .select2-choice .select2-arrow b { display: block; width: 100%; height: 100%; background: url('/web/static/lib/select2/select2.png') no-repeat 0 1px; } html[dir="rtl"] .select2-container .select2-choice .select2-arrow b { background-position: 2px 1px; } .select2-search { display: inline-block; width: 100%; min-height: 26px; margin: 0; padding: 4px 4px 0 4px; position: relative; z-index: 10000; white-space: nowrap; } .select2-search input { width: 100%; height: auto !important; min-height: 26px; padding: 4px 20px 4px 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background: #fff url('/web/static/lib/select2/select2.png') no-repeat 100% -22px; background: url('/web/static/lib/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background: url('/web/static/lib/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('/web/static/lib/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('/web/static/lib/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; } html[dir="rtl"] .select2-search input { padding: 4px 5px 4px 20px; background: #fff url('/web/static/lib/select2/select2.png') no-repeat -37px -22px; background: url('/web/static/lib/select2/select2.png') no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background: url('/web/static/lib/select2/select2.png') no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('/web/static/lib/select2/select2.png') no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('/web/static/lib/select2/select2.png') no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; } .select2-search input.select2-active { background: #fff url('/web/static/lib/select2/select2-spinner.gif') no-repeat 100%; background: url('/web/static/lib/select2/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background: url('/web/static/lib/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('/web/static/lib/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('/web/static/lib/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; } .select2-container-active .select2-choice, .select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); } .select2-dropdown-open .select2-choice { border-bottom-color: transparent; -webkit-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: #eee; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee)); background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%); background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(to top, #fff 0%, #eee 50%); } .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices { border: 1px solid #5897fb; border-top-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee)); background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%); background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); } .select2-dropdown-open .select2-choice .select2-arrow { background: transparent; border-left: none; filter: none; } html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow { border-right: none; } .select2-dropdown-open .select2-choice .select2-arrow b { background-position: -18px 1px; } html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b { background-position: -16px 1px; } .select2-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* results */ .select2-results { max-height: 200px; padding: 0 0 0 4px; margin: 4px 4px 4px 0; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } html[dir="rtl"] .select2-results { padding: 0 4px 0 0; margin: 4px 0 4px 4px; } .select2-results ul.select2-result-sub { margin: 0; padding-left: 0; } .select2-results li { list-style: none; display: list-item; background-image: none; } .select2-results li.select2-result-with-children > .select2-result-label { font-weight: bold; } .select2-results .select2-result-label { padding: 3px 7px 4px; margin: 0; cursor: pointer; min-height: 1em; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-results-dept-1 .select2-result-label { padding-left: 20px } .select2-results-dept-2 .select2-result-label { padding-left: 40px } .select2-results-dept-3 .select2-result-label { padding-left: 60px } .select2-results-dept-4 .select2-result-label { padding-left: 80px } .select2-results-dept-5 .select2-result-label { padding-left: 100px } .select2-results-dept-6 .select2-result-label { padding-left: 110px } .select2-results-dept-7 .select2-result-label { padding-left: 120px } .select2-results .select2-highlighted { background: #3875d7; color: #fff; } .select2-results li em { background: #feffde; font-style: normal; } .select2-results .select2-highlighted em { background: transparent; } .select2-results .select2-highlighted ul { background: #fff; color: #000; } .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-ajax-error, .select2-results .select2-selection-limit { background: #f4f4f4; display: list-item; padding-left: 5px; } /* disabled look for disabled choices in the results dropdown */ .select2-results .select2-disabled.select2-highlighted { color: #666; background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-disabled { background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-selected { display: none; } .select2-more-results.select2-active { background: #f4f4f4 url('/web/static/lib/select2/select2-spinner.gif') no-repeat 100%; } .select2-results .select2-ajax-error { background: rgba(255, 50, 50, .2); } .select2-more-results { background: #f4f4f4; display: list-item; } /* disabled styles */ .select2-container.select2-container-disabled .select2-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container.select2-container-disabled .select2-choice .select2-arrow { background-color: #f4f4f4; background-image: none; border-left: 0; } .select2-container.select2-container-disabled .select2-choice abbr { display: none; } /* multiselect */ .select2-container-multi .select2-choices { height: auto !important; height: 1%; margin: 0; padding: 0 5px 0 0; position: relative; border: 1px solid #aaa; cursor: text; overflow: hidden; background-color: #fff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff)); background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%); background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%); background-image: linear-gradient(to bottom, #eee 1%, #fff 15%); } html[dir="rtl"] .select2-container-multi .select2-choices { padding: 0 0 0 5px; } .select2-locked { padding: 3px 5px 3px 5px !important; } .select2-container-multi .select2-choices { min-height: 26px; } .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); } .select2-container-multi .select2-choices li { float: left; list-style: none; } html[dir="rtl"] .select2-container-multi .select2-choices li { float: right; } .select2-container-multi .select2-choices .select2-search-field { margin: 0; padding: 0; white-space: nowrap; } .select2-container-multi .select2-choices .select2-search-field input { padding: 5px; margin: 1px 0; font-family: sans-serif; font-size: 100%; color: #666; outline: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; background: transparent !important; } .select2-container-multi .select2-choices .select2-search-field input.select2-active { background: #fff url('/web/static/lib/select2/select2-spinner.gif') no-repeat 100% !important; } .select2-default { color: #999 !important; } .select2-container-multi .select2-choices .select2-search-choice { padding: 3px 5px 3px 18px; margin: 3px 0 3px 5px; position: relative; line-height: 13px; color: #333; cursor: default; border: 1px solid #aaaaaa; border-radius: 3px; -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); } html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice { margin: 3px 5px 3px 0; padding: 3px 18px 3px 5px; } .select2-container-multi .select2-choices .select2-search-choice .select2-chosen { cursor: default; } .select2-container-multi .select2-choices .select2-search-choice-focus { background: #d4d4d4; } .select2-search-choice-close { display: block; width: 12px; height: 13px; position: absolute; right: 3px; top: 4px; font-size: 1px; outline: none; background: url('/web/static/lib/select2/select2.png') right top no-repeat; } html[dir="rtl"] .select2-search-choice-close { right: auto; left: 3px; } .select2-container-multi .select2-search-choice-close { left: 3px; } html[dir="rtl"] .select2-container-multi .select2-search-choice-close { left: auto; right: 2px; } .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -11px; } .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { background-position: right -11px; } /* disabled styles */ .select2-container-multi.select2-container-disabled .select2-choices { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { padding: 3px 5px 3px 5px; border: 1px solid #ddd; background-image: none; background-color: #f4f4f4; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; background: none; } /* end multiselect */ .select2-result-selectable .select2-match, .select2-result-unselectable .select2-match { text-decoration: underline; } .select2-offscreen, .select2-offscreen:focus { clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: 0px !important; top: 0px !important; } .select2-display-none { display: none; } .select2-measure-scrollbar { position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow: scroll; } /* Retina-ize icons */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) { .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b { background-image: url('/web/static/lib/select2/select2x2.png') !important; background-repeat: no-repeat !important; background-size: 60px 40px !important; } .select2-search input { background-position: 100% -21px !important; } } /* /web/static/lib/select2-bootstrap-css/select2-bootstrap.css */ /* Version: 3.5.1 Timestamp: Tue Jul 22 18:58:56 EDT 2014 */ .form-control .select2-choice { border: 0; border-radius: 2px; } .form-control .select2-choice .select2-arrow { border-radius: 0 2px 2px 0; } .form-control.select2-container { height: auto !important; padding: 0; } .form-control.select2-container.select2-dropdown-open { border-color: #5897FB; border-radius: 3px 3px 0 0; } .form-control .select2-container.select2-dropdown-open .select2-choices { border-radius: 3px 3px 0 0; } .form-control.select2-container .select2-choices { border: 0 !important; border-radius: 3px; } .control-group.warning .select2-container .select2-choice, .control-group.warning .select2-container .select2-choices, .control-group.warning .select2-container-active .select2-choice, .control-group.warning .select2-container-active .select2-choices, .control-group.warning .select2-dropdown-open.select2-drop-above .select2-choice, .control-group.warning .select2-dropdown-open.select2-drop-above .select2-choices, .control-group.warning .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #C09853 !important; } .control-group.warning .select2-container .select2-choice div { border-left: 1px solid #C09853 !important; background: #FCF8E3 !important; } .control-group.error .select2-container .select2-choice, .control-group.error .select2-container .select2-choices, .control-group.error .select2-container-active .select2-choice, .control-group.error .select2-container-active .select2-choices, .control-group.error .select2-dropdown-open.select2-drop-above .select2-choice, .control-group.error .select2-dropdown-open.select2-drop-above .select2-choices, .control-group.error .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #B94A48 !important; } .control-group.error .select2-container .select2-choice div { border-left: 1px solid #B94A48 !important; background: #F2DEDE !important; } .control-group.info .select2-container .select2-choice, .control-group.info .select2-container .select2-choices, .control-group.info .select2-container-active .select2-choice, .control-group.info .select2-container-active .select2-choices, .control-group.info .select2-dropdown-open.select2-drop-above .select2-choice, .control-group.info .select2-dropdown-open.select2-drop-above .select2-choices, .control-group.info .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #3A87AD !important; } .control-group.info .select2-container .select2-choice div { border-left: 1px solid #3A87AD !important; background: #D9EDF7 !important; } .control-group.success .select2-container .select2-choice, .control-group.success .select2-container .select2-choices, .control-group.success .select2-container-active .select2-choice, .control-group.success .select2-container-active .select2-choices, .control-group.success .select2-dropdown-open.select2-drop-above .select2-choice, .control-group.success .select2-dropdown-open.select2-drop-above .select2-choices, .control-group.success .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #468847 !important; } .control-group.success .select2-container .select2-choice div { border-left: 1px solid #468847 !important; background: #DFF0D8 !important; } /* /web/static/lib/daterangepicker/daterangepicker.css */ .daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 4px; border: 1px solid #ddd; width: 278px; max-width: none; padding: 0; margin-top: 7px; top: 100px; left: 20px; z-index: 3001; display: none; font-family: arial; font-size: 15px; line-height: 1em; } .daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; } .daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .daterangepicker.opensleft:before { right: 9px; } .daterangepicker.opensleft:after { right: 10px; } .daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.opensright:before { left: 9px; } .daterangepicker.opensright:after { left: 10px; } .daterangepicker.drop-up { margin-top: -7px; } .daterangepicker.drop-up:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.drop-up:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar { float: none; } .daterangepicker.single .drp-selected { display: none; } .daterangepicker.show-calendar .drp-calendar { display: block; } .daterangepicker.show-calendar .drp-buttons { display: block; } .daterangepicker.auto-apply .drp-buttons { display: none; } .daterangepicker .drp-calendar { display: none; max-width: 270px; } .daterangepicker .drp-calendar.left { padding: 8px 0 8px 8px; } .daterangepicker .drp-calendar.right { padding: 8px; } .daterangepicker .drp-calendar.single .calendar-table { border: none; } .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { color: #fff; border: solid black; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 3px; } .daterangepicker .calendar-table .next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .daterangepicker .calendar-table .prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .daterangepicker .calendar-table th, .daterangepicker .calendar-table td { white-space: nowrap; text-align: center; vertical-align: middle; min-width: 32px; width: 32px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; } .daterangepicker .calendar-table { border: 1px solid #fff; border-radius: 4px; background-color: #fff; } .daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; } .daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0; } .daterangepicker td.start-date { border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; } .daterangepicker th.month { width: auto; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin: 0 auto; background: #eee; border: 1px solid #eee; padding: 2px; outline: 0; font-size: 12px; } .daterangepicker .calendar-time { text-align: center; margin: 4px auto 0 auto; line-height: 30px; position: relative; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid #ddd; display: none; line-height: 12px; vertical-align: middle; } .daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; } .daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; font-weight: bold; padding: 4px 8px; } .daterangepicker.show-ranges.single.rtl .drp-calendar.left { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.single.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker.show-ranges.rtl .drp-calendar.right { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker .ranges { float: none; text-align: left; margin: 0; } .daterangepicker.show-calendar .ranges { margin-top: 8px; } .daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .daterangepicker .ranges li { font-size: 12px; padding: 8px 12px; cursor: pointer; } .daterangepicker .ranges li:hover { background-color: #eee; } .daterangepicker .ranges li.active { background-color: #08c; color: #fff; } /* Larger Screen Styling */ @media (min-width: 564px) { .daterangepicker { width: auto; } .daterangepicker .ranges ul { width: 140px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .drp-calendar.left { clear: none; } .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar { float: left; } .daterangepicker { direction: ltr; text-align: left; } .daterangepicker .drp-calendar.left { clear: left; margin-right: 0; } .daterangepicker .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker .drp-calendar.right { margin-left: 0; } .daterangepicker .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker .drp-calendar.left .calendar-table { padding-right: 8px; } .daterangepicker .ranges, .daterangepicker .drp-calendar { float: left; } } @media (min-width: 730px) { .daterangepicker .ranges { width: auto; } .daterangepicker .ranges { float: left; } .daterangepicker.rtl .ranges { float: right; } .daterangepicker .drp-calendar.left { clear: none !important; } } /* /web/static/src/webclient/navbar/navbar.scss */ .o_main_navbar { --o-navbar-height: 46px; display: -webkit-box; display: -webkit-flex; display: flex; height: var(--o-navbar-height); min-width: min-content; border-bottom: 1px solid #5a4f7f; background: #71639e; } @media (min-width: 992px) { .o_main_navbar { --o-navbar-height: 40px; } } .o_main_navbar > ul { padding: 0; margin: 0; list-style: none; } .o_main_navbar .dropdown-toggle { border: 0; } .o_main_navbar .dropdown-menu, .o_main_navbar .o_dropdown_menu { margin-top: 0; border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .o_main_navbar .dropdown-header.dropdown-menu_group { margin-top: 0; } .o_main_navbar .dropdown-item + .dropdown-header:not(.o_more_dropdown_section_group) { margin-top: .3em; } .o_main_navbar .o_dropdown_menu_group_entry.dropdown-item { padding-left: 30px; } .o_main_navbar .o_dropdown_menu_group_entry.dropdown-item + .dropdown-item:not(.o_dropdown_menu_group_entry) { margin-top: .8em; } .o_main_navbar .o_navbar_apps_menu .dropdown-toggle { padding-left: 16px; font-size: 1.40833333rem; } .o_main_navbar .o_menu_brand { padding-left: 0; font-size: 1.40833333rem; } .o_main_navbar .o_menu_brand:hover { background: none; } .o_main_navbar .o_menu_sections { width: 0; } .o_main_navbar .o_menu_sections .o_more_dropdown_section_group { margin-top: .8em; } .o_main_navbar .o_menu_sections .o_more_dropdown_section_group:first-child { margin-top: -0.5rem; padding-top: 0.75rem; } @media (min-width: 992px) { .o_main_navbar .o_menu_systray > * > a, .o_main_navbar .o_menu_systray > * > .dropdown > a, .o_main_navbar .o_menu_systray > * > button, .o_main_navbar .o_menu_systray > * > label { padding: 0 9.6px; } } .o_main_navbar .o_menu_systray > * > a .badge, .o_main_navbar .o_menu_systray > * > .dropdown > a .badge, .o_main_navbar .o_menu_systray > * > button .badge, .o_main_navbar .o_menu_systray > * > label .badge { margin-right: -.5em; border: 0; height: 16px; padding: 2px 4px; background-color: var(--o-navbar-badge-bg, #28a745); font-size: 11px; color: var(--o-navbar-badge-color, inherit); text-shadow: var(--o-navbar-badge-text-shadow, 1px 1px 0 rgba(0, 0, 0, 0.3)); transform: translate(-10%, -30%); } body.o_is_superuser .o_menu_systray { position: relative; background: repeating-linear-gradient(135deg, #d9b904, #d9b904 10px, #373435 10px, #373435 20px); } body.o_is_superuser .o_menu_systray:before { content: ""; position: absolute; top: 2px; left: 2px; bottom: 2px; right: 2px; background-color: #71639e; } /* /web/static/src/legacy/scss/ui.scss */ :root .o_hidden { display: none !important; } .o_disabled { pointer-events: none; opacity: 0.5; } .o_text_overflow { display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; } .ui-autocomplete { z-index: 1056; max-width: 600px; } .ui-autocomplete .ui-menu-item > a { display: block; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle.o-no-caret::before, .dropdown-toggle.o-no-caret::after { content: normal; } :not(.collapsed) > .o-collapsed-label, .collapsed > .o-not-collapsed-label { display: none; } .o_rtl .ui-autocomplete { direction: ltr; right: 0; left: auto; } .o_rtl .ui-datepicker-next, .o_rtl .ui-datepicker-prev { -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .o_catch_attention { position: relative; z-index: 1; animation: catchAttention 200ms ease 0s infinite normal; } .o_treeEntry { padding-left: var(--treeEntry-padding-h, 1.5rem); position: relative; } .o_treeEntry:before, .o_treeEntry:after { position: absolute; left: var(--treeEntry--beforeAfter-left, calc(var(--treeEntry-padding-h, 1.5rem) * .5)); background: var(--treeEntry--beforeAfter-color, #dee2e6); content: ''; } .o_treeEntry:before { top: var(--treeEntry--before-top, 0); width: 1px; height: 100%; } .o_treeEntry:after { display: var(--treeEntry--after-display, initial); top: calc(.5em + var(--treeEntry-padding-v, 0.5rem)); width: calc(var(--treeEntry-padding-h, 1.5rem) * .5); height: 1px; } .o_treeEntry:last-of-type:before { height: calc(.5em + var(--treeEntry-padding-v, 0.5rem)); } @keyframes catchAttention { 0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { transform: translateY(-30%); } 20% { transform: translateY(-25%); } 40% { transform: translateY(-20%); } 60% { transform: translateY(-15%); } 80% { transform: translateY(-10%); } 100% { transform: translateY(-5%); } } span.o_force_ltr { display: inline; } .o_force_ltr { unicode-bidi: embed; /*rtl:ignore*/ direction: ltr; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"], .o_force_ltr { text-align: end !important; } */ .o_object_fit_cover { object-fit: cover; } .o_image_24_cover { width: 24px; height: 24px; object-fit: cover; } .o_image_40_cover { width: 40px; height: 40px; object-fit: cover; } .o_image_64_cover { width: 64px; height: 64px; object-fit: cover; } .o_image_64_contain { width: 64px; height: 64px; object-fit: contain; } .o_image_64_max { max-width: 64px; max-height: 64px; } .o_image_128_max { max-width: 128px !important; max-height: 128px !important; } .o_width_128 { width: 128px; } .o_web_accesskey_overlay { position: absolute; top: 0; left: auto; bottom: auto; right: 0; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; font-size: 1rem; font-family: sans-serif; } /* /web/static/src/legacy/scss/mimetypes.scss */ .o_image { display: inline-block; width: 38px; height: 38px; background-image: url("/web/static/img/mimetypes/unknown.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; } .o_image[data-mimetype^='image'] { background-image: url("/web/static/img/mimetypes/image.svg"); } .o_image[data-mimetype^='audio'] { background-image: url("/web/static/img/mimetypes/audio.svg"); } .o_image[data-mimetype^='text'], .o_image[data-mimetype$='rtf'] { background-image: url("/web/static/img/mimetypes/text.svg"); } .o_image[data-mimetype*='octet-stream'], .o_image[data-mimetype*='download'], .o_image[data-mimetype*='python'] { background-image: url("/web/static/img/mimetypes/binary.svg"); } .o_image[data-mimetype^='video'], .o_image[title$='.mp4'], .o_image[title$='.avi'] { background-image: url("/web/static/img/mimetypes/video.svg"); } .o_image[data-mimetype$='archive'], .o_image[data-mimetype$='compressed'], .o_image[data-mimetype*='zip'], .o_image[data-mimetype$='tar'], .o_image[data-mimetype*='package'] { background-image: url("/web/static/img/mimetypes/archive.svg"); } .o_image[data-mimetype='application/pdf'] { background-image: url("/web/static/img/mimetypes/pdf.svg"); } .o_image[data-mimetype^='text-master'], .o_image[data-mimetype*='document'], .o_image[data-mimetype*='msword'], .o_image[data-mimetype*='wordprocessing'] { background-image: url("/web/static/img/mimetypes/document.svg"); } .o_image[data-mimetype*='application/xml'], .o_image[data-mimetype$='html'] { background-image: url("/web/static/img/mimetypes/web_code.svg"); } .o_image[data-mimetype$='css'], .o_image[data-mimetype$='less'], .o_image[data-ext$='less'] { background-image: url("/web/static/img/mimetypes/web_style.svg"); } .o_image[data-mimetype*='-image'], .o_image[data-mimetype*='diskimage'], .o_image[data-ext$='dmg'] { background-image: url("/web/static/img/mimetypes/disk.svg"); } .o_image[data-mimetype$='csv'], .o_image[data-mimetype*='vc'], .o_image[data-mimetype*='excel'], .o_image[data-mimetype$='numbers'], .o_image[data-mimetype$='calc'], .o_image[data-mimetype*='mods'], .o_image[data-mimetype*='spreadsheet'] { background-image: url("/web/static/img/mimetypes/spreadsheet.svg"); } .o_image[data-mimetype^='key'] { background-image: url("/web/static/img/mimetypes/certificate.svg"); } .o_image[data-mimetype*='presentation'], .o_image[data-mimetype*='keynote'], .o_image[data-mimetype*='teacher'], .o_image[data-mimetype*='slideshow'], .o_image[data-mimetype*='powerpoint'] { background-image: url("/web/static/img/mimetypes/presentation.svg"); } .o_image[data-mimetype*='cert'], .o_image[data-mimetype*='rules'], .o_image[data-mimetype*='pkcs'], .o_image[data-mimetype$='stl'], .o_image[data-mimetype$='crl'] { background-image: url("/web/static/img/mimetypes/certificate.svg"); } .o_image[data-mimetype*='-font'], .o_image[data-mimetype*='font-'], .o_image[data-ext$='ttf'] { background-image: url("/web/static/img/mimetypes/font.svg"); } .o_image[data-mimetype*='-dvi'] { background-image: url("/web/static/img/mimetypes/print.svg"); } .o_image[data-mimetype*='script'], .o_image[data-mimetype*='x-sh'], .o_image[data-ext*='bat'], .o_image[data-mimetype$='bat'], .o_image[data-mimetype$='cgi'], .o_image[data-mimetype$='-c'], .o_image[data-mimetype*='java'], .o_image[data-mimetype*='ruby'] { background-image: url("/web/static/img/mimetypes/script.svg"); } .o_image[data-mimetype*='javascript'] { background-image: url("/web/static/img/mimetypes/javascript.svg"); } .o_image[data-mimetype*='calendar'], .o_image[data-mimetype$='ldif'] { background-image: url("/web/static/img/mimetypes/calendar.svg"); } .o_image[data-mimetype$='postscript'], .o_image[data-mimetype$='cdr'], .o_image[data-mimetype$='xara'], .o_image[data-mimetype$='cgm'], .o_image[data-mimetype$='graphics'], .o_image[data-mimetype$='draw'], .o_image[data-mimetype*='svg'] { background-image: url("/web/static/img/mimetypes/vector.svg"); } /* /web/static/src/legacy/scss/modal.scss */ .modal.o_technical_modal .modal-content .modal-header .o_subtitle { margin-left: 10px; } .modal.o_technical_modal .modal-content .modal-header .modal-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .modal.o_technical_modal .modal-content .modal-body.o_act_window { padding: 0; } @media (max-width: 767.98px) { .modal.o_technical_modal .modal-content .modal-body.o_act_window .o_action { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; height: 100%; } } .modal.o_technical_modal .modal-content .modal-body .mjs-nestedSortable-error { outline: none; } .modal.o_technical_modal .modal-content .modal-body .o_modal_header { padding-top: 10px; padding-right: 16px; padding-bottom: 10px; padding-left: 16px; } .modal.o_technical_modal .modal-content .modal-body .o_modal_header::after { display: block; clear: both; content: ""; } .modal.o_technical_modal .modal-content .modal-body .o_modal_header .o_search_options { display: inline-block; } .modal.o_technical_modal .modal-content .modal-body .o_modal_header .o_pager { float: right; } .modal.o_technical_modal .modal-content .modal-body .o_modal_changes td:first-child { padding-right: 10px; vertical-align: top; white-space: nowrap; } .modal.o_technical_modal .modal-content .modal-body .o_modal_changes td:not(:first-child) { width: 100%; } .modal.o_technical_modal .modal-content .modal-footer { text-align: left; } @media (min-width: 576px) { .modal.o_technical_modal .modal-dialog .modal-content .modal-body.o_dialog_error { overflow: visible; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; } .modal.o_technical_modal .modal-dialog .modal-content .modal-body.o_dialog_error > .alert, .modal.o_technical_modal .modal-dialog .modal-content .modal-body.o_dialog_error > button { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; } .modal.o_technical_modal .modal-dialog .modal-content .modal-body.o_dialog_error > .o_error_detail { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-height: 0; overflow: auto; } } @media (max-width: 575.98px) { .modal.o_technical_modal.o_modal_full .modal-dialog { margin: 0px; height: 100%; } .modal.o_technical_modal.o_modal_full .modal-dialog .modal-content { height: 100%; border: none; } .modal.o_technical_modal.o_modal_full .modal-dialog .modal-content .modal-header { background: #71639e; } .modal.o_technical_modal.o_modal_full .modal-dialog .modal-content .modal-header .modal-title, .modal.o_technical_modal.o_modal_full .modal-dialog .modal-content .modal-header .o_subtitle, .modal.o_technical_modal.o_modal_full .modal-dialog .modal-content .modal-header button.close { color: #FFFFFF; } .modal.o_technical_modal.o_modal_full .modal-dialog .modal-content .modal-body { height: 100%; overflow-y: auto; } } .modal.o_inactive_modal { z-index: 1049; } .o_dialog > .modal { display: block; } /* /web/static/src/legacy/scss/animation.scss */ /************** DEFINITION of ANIMATIONS **************/ @keyframes markAnim { 0% { opacity: 0; transform: scaleX(0.5) scaleY(0.5); } 30% { opacity: 1; transform: scaleX(1) scaleY(1); } 100% { opacity: 0; transform: scaleX(1) scaleY(1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scale3d(1, 1, 1); } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } /* /web/static/src/legacy/scss/datepicker.scss */ .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .o_datepicker { position: relative; } .o_datepicker .o_datepicker_input { width: 100%; cursor: pointer; } .o_datepicker .o_datepicker_button { position: absolute; top: 2px; left: auto; bottom: auto; right: 4px; pointer-events: none; } .o_datepicker .o_datepicker_button:after { content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; -moz-transform: scale(0.9999); border-bottom: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid var(--o-caret-color, currentColor); } .o_datepicker .o_datepicker_warning { top: 0; right: 20px; } div.dropdown-menu.bootstrap-datetimepicker-widget, div.bootstrap-datetimepicker-widget.o_dropdown_menu { min-width: 0; padding: 0; border: 1px solid rgba(0, 0, 0, 0.15); overflow: visible; z-index: 1056; width: 22rem; } .bootstrap-datetimepicker-widget .datepicker table { --datepicker-color: #142536; --datepicker__thead-bg: #F6F9FC; } .bootstrap-datetimepicker-widget .datepicker table th, .bootstrap-datetimepicker-widget .datepicker table td { border-radius: 0; border-bottom-width: 1px; width: 12.5%; height: 30px; line-height: 30px; color: var(--datepicker-color); } .bootstrap-datetimepicker-widget .datepicker table th.prev, .bootstrap-datetimepicker-widget .datepicker table th.next, .bootstrap-datetimepicker-widget .datepicker table th.old, .bootstrap-datetimepicker-widget .datepicker table th.new, .bootstrap-datetimepicker-widget .datepicker table td.prev, .bootstrap-datetimepicker-widget .datepicker table td.next, .bootstrap-datetimepicker-widget .datepicker table td.old, .bootstrap-datetimepicker-widget .datepicker table td.new { opacity: 0.5; } .bootstrap-datetimepicker-widget .datepicker table th.prev:hover, .bootstrap-datetimepicker-widget .datepicker table th.prev:focus, .bootstrap-datetimepicker-widget .datepicker table th.prev.focus, .bootstrap-datetimepicker-widget .datepicker table th.next:hover, .bootstrap-datetimepicker-widget .datepicker table th.next:focus, .bootstrap-datetimepicker-widget .datepicker table th.next.focus, .bootstrap-datetimepicker-widget .datepicker table th.old:hover, .bootstrap-datetimepicker-widget .datepicker table th.old:focus, .bootstrap-datetimepicker-widget .datepicker table th.old.focus, .bootstrap-datetimepicker-widget .datepicker table th.new:hover, .bootstrap-datetimepicker-widget .datepicker table th.new:focus, .bootstrap-datetimepicker-widget .datepicker table th.new.focus, .bootstrap-datetimepicker-widget .datepicker table td.prev:hover, .bootstrap-datetimepicker-widget .datepicker table td.prev:focus, .bootstrap-datetimepicker-widget .datepicker table td.prev.focus, .bootstrap-datetimepicker-widget .datepicker table td.next:hover, .bootstrap-datetimepicker-widget .datepicker table td.next:focus, .bootstrap-datetimepicker-widget .datepicker table td.next.focus, .bootstrap-datetimepicker-widget .datepicker table td.old:hover, .bootstrap-datetimepicker-widget .datepicker table td.old:focus, .bootstrap-datetimepicker-widget .datepicker table td.old.focus, .bootstrap-datetimepicker-widget .datepicker table td.new:hover, .bootstrap-datetimepicker-widget .datepicker table td.new:focus, .bootstrap-datetimepicker-widget .datepicker table td.new.focus { opacity: 1; } .bootstrap-datetimepicker-widget .datepicker table thead tr:nth-child(1) th { border-top: 0; } .bootstrap-datetimepicker-widget .datepicker table thead tr:nth-child(2) th { height: 20px; line-height: 20px; } .bootstrap-datetimepicker-widget .datepicker table thead tr:nth-child(2) th, .bootstrap-datetimepicker-widget .datepicker table td.cw { background-color: var(--datepicker__thead-bg); font-size: 0.75rem; font-weight: 700; color: #495057; } .bootstrap-datetimepicker-widget .datepicker table td { font-size: 0.75rem; } .bootstrap-datetimepicker-widget .datepicker table td.today:not(.active):before { border-bottom-color: #71639e; } .bootstrap-datetimepicker-widget .datepicker table td.active { border-bottom-color: #FFF; color: #FFF; } .bootstrap-datetimepicker-widget .picker-switch { font-size: 0.9375rem; } .bootstrap-datetimepicker-widget .accordion-toggle span.fa { margin: 0; border-radius: 0; color: #495057; border-top: 1px solid var(--datepicker-border-color, #dee2e6); box-shadow: 0 1px 0 var(--datepicker-border-color, #dee2e6); } .bootstrap-datetimepicker-widget .accordion-toggle span.fa.primary { color: #71639e; } .bootstrap-datetimepicker-widget .timepicker-picker { /*rtl:ignore*/ direction: ltr; } /* /web/static/src/legacy/scss/daterangepicker.scss */ .daterangepicker.show-calendar { --daterangepicker-border: 1px solid rgba(0, 0, 0, 0.15); --daterangepicker-border-radius: 0.25rem; --daterangepicker-bg: #FFF; --daterangepicker-color: #142536; --daterangepicker__table-bg: transparent; --daterangepicker__thead-bg: #F6F9FC; --daterangepicker__cell-border-color: #dee2e6; --daterangepicker__cell-bg--hover: #F6F9FC; --daterangepicker__select-bg: #FFFFFF; --daterangepicker__select-border-color: #BFD4E9; --daterangepicker__select-color: #142536; border: var(--daterangepicker-border); border-radius: var(--daterangepicker-border-radius); background-color: var(--daterangepicker-bg); box-shadow: var(--daterangepicker-box-shadow); font-family: inherit; } .daterangepicker.show-calendar:before { border-bottom-color: var(--daterangerpicker__arrow-border-color, rgba(0, 0, 0, 0.15)); } .daterangepicker.show-calendar:after { border-bottom-color: var(--daterangerpicker__arrow-background-color, #FFF); } .daterangepicker.show-calendar .calendar-table { border: 0; background-color: var(--daterangepicker__table-bg); } .daterangepicker.show-calendar .calendar-table .next span, .daterangepicker.show-calendar .calendar-table .prev span { border-color: var(--daterangepicker-color); } .daterangepicker.show-calendar .calendar-table td, .daterangepicker.show-calendar .calendar-table th { border-bottom-color: var(--daterangepicker__cell-border-color); } .daterangepicker.show-calendar .calendar-table td, .daterangepicker.show-calendar .calendar-table td.start-date.end-date, .daterangepicker.show-calendar .calendar-table th, .daterangepicker.show-calendar .calendar-table th.start-date.end-date { border-radius: 0; } .daterangepicker.show-calendar .calendar-table td:not(.active), .daterangepicker.show-calendar .calendar-table th:not(.active) { color: var(--daterangepicker-color); } .daterangepicker.show-calendar .calendar-table td.available:hover, .daterangepicker.show-calendar .calendar-table th.available:hover { background-color: var(--daterangepicker__cell-bg--hover); } .daterangepicker.show-calendar .calendar-table td.prev, .daterangepicker.show-calendar .calendar-table td.next, .daterangepicker.show-calendar .calendar-table td.off.ends, .daterangepicker.show-calendar .calendar-table th.prev, .daterangepicker.show-calendar .calendar-table th.next, .daterangepicker.show-calendar .calendar-table th.off.ends { opacity: 0.5; } .daterangepicker.show-calendar .calendar-table td.prev:hover, .daterangepicker.show-calendar .calendar-table td.prev:focus, .daterangepicker.show-calendar .calendar-table td.prev.focus, .daterangepicker.show-calendar .calendar-table td.next:hover, .daterangepicker.show-calendar .calendar-table td.next:focus, .daterangepicker.show-calendar .calendar-table td.next.focus, .daterangepicker.show-calendar .calendar-table td.off.ends:hover, .daterangepicker.show-calendar .calendar-table td.off.ends:focus, .daterangepicker.show-calendar .calendar-table td.off.ends.focus, .daterangepicker.show-calendar .calendar-table th.prev:hover, .daterangepicker.show-calendar .calendar-table th.prev:focus, .daterangepicker.show-calendar .calendar-table th.prev.focus, .daterangepicker.show-calendar .calendar-table th.next:hover, .daterangepicker.show-calendar .calendar-table th.next:focus, .daterangepicker.show-calendar .calendar-table th.next.focus, .daterangepicker.show-calendar .calendar-table th.off.ends:hover, .daterangepicker.show-calendar .calendar-table th.off.ends:focus, .daterangepicker.show-calendar .calendar-table th.off.ends.focus { opacity: 1; } .daterangepicker.show-calendar .calendar-table td { font-size: 0.75rem; } .daterangepicker.show-calendar .calendar-table td.today { position: relative; } .daterangepicker.show-calendar .calendar-table td.today:before { content: ''; display: inline-block; position: absolute; bottom: 4px; right: 4px; border: solid transparent; border-width: 0 0 7px 7px; border-bottom-color: #71639e; border-top-color: rgba(0, 0, 0, 0.15); } .daterangepicker.show-calendar .calendar-table td.in-range { background-color: rgba(113, 99, 158, 0.3); color: #495057; text-shadow: none; } .daterangepicker.show-calendar .calendar-table td.active, .daterangepicker.show-calendar .calendar-table td.active:hover, .daterangepicker.show-calendar .calendar-table td.in-range:hover { background-color: #71639e; color: #FFF; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .daterangepicker.show-calendar .calendar-table td.off { background-color: var(--daterangepicker__cell-bg--off, rgba(0, 53, 87, 0.1)); } .daterangepicker.show-calendar .calendar-table thead tr:nth-child(1) th { height: 30px; line-height: 30px; } .daterangepicker.show-calendar .calendar-table thead tr:nth-child(1) th.month { font-size: 0.9375rem; } .daterangepicker.show-calendar .calendar-table thead tr:nth-child(2) th { background-color: var(--daterangepicker__thead-bg); font-size: 0.75rem; font-weight: 700; color: #495057; } .daterangepicker.show-calendar .calendar-time { /*rtl:ignore*/ direction: ltr; } .daterangepicker.show-calendar .calendar-time select.hourselect, .daterangepicker.show-calendar .calendar-time select.minuteselect, .daterangepicker.show-calendar .calendar-time select.secondselect, .daterangepicker.show-calendar .calendar-time select.ampmselect { display: initial; border-color: var(--daterangepicker__select-border-color); background-color: var(--daterangepicker__select-bg); color: var(--daterangepicker__select-color); -webkit-appearance: menulist-button; -moz-appearance: menulist-button; appearance: menulist-button; } .daterangepicker.show-calendar .drp-buttons { border-top: 0; } .daterangepicker.show-calendar .drp-buttons .btn { text-transform: uppercase; font-weight: 400; } .daterangepicker.show-calendar .drp-buttons .drp-selected { display: none; } @media (max-width: 575.98px) { .daterangepicker.show-calendar { position: fixed; top: auto !important; left: 0 !important; bottom: 0; right: 0 !important; width: auto; max-height: 90vh; overflow-y: auto; border-top-left-radius: 1rem; border-top-right-radius: 1rem; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); } .daterangepicker.show-calendar .drp-calendar { max-width: inherit; padding-right: 0 !important; padding-left: 0 !important; } .daterangepicker.show-calendar .drp-buttons { position: sticky; bottom: 0; background-color: #fff; } } /* /web/static/src/legacy/scss/banner.scss */ .o_has_banner .o_view_nocontent { top: 30%; } @media (max-width: 767.98px) { .o_has_banner .o_view_nocontent { position: relative; margin: auto; } } /* /web/static/src/legacy/scss/colorpicker.scss */ .o_colorpicker_widget .o_color_pick_area { height: 125px; background-image: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, black 100%), linear-gradient(to right, gray 0%, rgba(128, 128, 128, 0) 100%); cursor: crosshair; } .o_colorpicker_widget .o_color_slider { background: linear-gradient(#F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%); } .o_colorpicker_widget .o_color_slider, .o_colorpicker_widget .o_opacity_slider { width: 4%; margin-right: 2%; cursor: pointer; } .o_colorpicker_widget .o_slider_pointer, .o_colorpicker_widget .o_opacity_pointer { position: absolute; top: auto; left: -50%; bottom: auto; right: auto; width: 200%; height: 8px; margin-top: -2px; } .o_colorpicker_widget .o_slider_pointer, .o_colorpicker_widget .o_opacity_pointer, .o_colorpicker_widget .o_picker_pointer, .o_colorpicker_widget .o_color_preview { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9); border: 1px solid black; } .o_colorpicker_widget .o_color_picker_inputs { font-size: 10px; } .o_colorpicker_widget .o_color_picker_inputs input { font-family: monospace !important; height: 18px; font-size: 11px; } .o_colorpicker_widget .o_color_picker_inputs .o_hex_div input { width: 7ch; } .o_colorpicker_widget .o_color_picker_inputs .o_rgba_div input { margin-right: 3px; width: 3ch; } /* /web/static/src/legacy/scss/popover.scss */ @keyframes slide-top { 0% { opacity: 0; transform: translateY(-5%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes slide-right { 0% { opacity: 0; transform: translateX(5%); } 100% { opacity: 1; transform: translateX(0); } } @keyframes slide-bottom { 0% { opacity: 0; transform: translateY(5%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes slide-left { 0% { opacity: 0; transform: translateX(-5%); } 100% { opacity: 1; transform: translateX(0); } } .o_popover { max-width: 100vw; position: fixed; z-index: 1060; border: 1px solid #D4E2F0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } .o_popover .o_popover_header { background-color: #E2ECF6; font-size: 1.1rem; padding: 0.5rem 0.75rem; border-bottom: 1px solid #D4E2F0; } .o_popover .o_popover_header:empty { display: none; } .o_popover--top { animation: 0.2s slide-top; } .o_popover--top::before, .o_popover--top::after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -8px; border: 8px solid transparent; border-top-color: #E2ECF6; } .o_popover--top::before { margin-top: 1px; border-top-color: #D4E2F0; } .o_popover--right { animation: 0.2s slide-right; } .o_popover--right::before, .o_popover--right::after { content: ''; position: absolute; top: 50%; right: 100%; margin-top: -8px; border: 8px solid transparent; border-right-color: #E2ECF6; } .o_popover--right::before { margin-right: 1px; border-right-color: #D4E2F0; } .o_popover--bottom { animation: 0.2s slide-bottom; } .o_popover--bottom::before, .o_popover--bottom::after { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; border: 8px solid transparent; border-bottom-color: #E2ECF6; } .o_popover--bottom::before { margin-bottom: 1px; border-bottom-color: #D4E2F0; } .o_popover--left { animation: 0.2s slide-left; } .o_popover--left::before, .o_popover--left::after { content: ''; position: absolute; top: 50%; left: 100%; margin-top: -8px; border: 8px solid transparent; border-left-color: #E2ECF6; } .o_popover--left::before { margin-left: 1px; border-left-color: #D4E2F0; } /* /web/static/src/legacy/scss/translation_dialog.scss */ .o_translation_dialog .o_language_current { font-weight: bold; } .o_translation_dialog .row { margin-bottom: 9px; } /* /web/static/src/legacy/scss/keyboard.scss */ .o_shortcut_table { border-collapse: separate; border-spacing: 0 1em; } .o_shortcut_table .o_key { background-color: #F4F7F8; border-radius: 3px; border: 1px solid #B4B4B4; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px -1px 1px 1px rgba(230, 230, 230, 0.8), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.8); display: inline-block; font-family: Consolas,"Liberation Mono",Courier,monospace; font-size: 0.85em; padding: 2px 4px; } /* /web/static/src/legacy/scss/name_and_signature.scss */ .o_web_sign_name_and_signature { position: relative; } .o_web_sign_signature_group { background: #ffffff; } .o_web_sign_signature_container { position: relative; } /* Signature Dialog */ .card.o_web_sign_auto_font_selection { position: absolute; top: 0; left: auto; bottom: auto; right: 0; } .card.o_web_sign_auto_font_selection .o_web_sign_auto_font_list { overflow: auto; } .card.o_web_sign_auto_font_selection .o_web_sign_auto_font_list > a { height: 100px; } .card.o_web_sign_auto_font_selection .o_web_sign_auto_font_list > a > img { height: 100%; } .o_field_widget .o_signature { outline: 1px solid rgba(0, 53, 87, 0.3); position: relative; } .o_field_widget .o_signature.o_signature_empty { display: -webkit-box; display: -webkit-flex; display: flex; } .o_field_widget .o_signature > p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .o_field_invalid .o_signature { outline: 3px solid #dc3545; cursor: pointer; } .o_form_editable .o_signature:hover { outline: 3px solid #017e84; cursor: pointer; } .o_signature_stroke { position: absolute; border-top: #D1D0CE solid 2px; bottom: 33%; width: 72%; left: 14%; } /* /web/static/src/legacy/scss/web.zoomodoo.scss */ .zoomodoo { position: relative; /* 'Shrink-wrap' the element */ display: inline-block; *display: inline; *zoom: 1; } .zoomodoo img { vertical-align: bottom; } .zoomodoo-flyout { position: absolute; z-index: 100; overflow: hidden; background: #FFF; top: 0; width: 100%; height: 100%; } .zoomodoo-flyout img { max-width: 500%; } .zoomodoo-hover .zoomodoo-flyout { left: 0; } .zoomodoo-next .zoomodoo-flyout { left: 100%; } /* /web/static/src/legacy/scss/fontawesome_overridden.scss */ @font-face { font-family: 'FontAwesome-tiktok-only'; src: url("/web/static/src/legacy/scss/../../../fonts/tiktok_only.woff"); font-weight: normal; font-style: normal; font-display: block; } .fa.fa-tiktok { font-family: 'FontAwesome-tiktok-only' !important; } .fa.fa-tiktok:before { content: '\e07b'; } .o_rtl .fa.fa-align-right, .o_rtl .fa.fa-align-left, .o_rtl .fa.fa-chevron-right, .o_rtl .fa.fa-chevron-left, .o_rtl .fa.fa-arrow-right, .o_rtl .fa.fa-arrow-left, .o_rtl .fa.fa-hand-o-right, .o_rtl .fa.fa-hand-o-left, .o_rtl .fa.fa-arrow-circle-right, .o_rtl .fa.fa-arrow-circle-left, .o_rtl .fa.fa-caret-right, .o_rtl .fa.fa-caret-left, .o_rtl .fa.fa-rotate-right, .o_rtl .fa.fa-rotate-left, .o_rtl .fa.fa-angle-double-right, .o_rtl .fa.fa-angle-double-left, .o_rtl .fa.fa-angle-right, .o_rtl .fa.fa-angle-left, .o_rtl .fa.fa-quote-right, .o_rtl .fa.fa-quote-left, .o_rtl .fa.fa-chevron-circle-right, .o_rtl .fa.fa-chevron-circle-left, .o_rtl .fa.fa-long-arrow-right, .o_rtl .fa.fa-long-arrow-left, .o_rtl .fa.fa-toggle-right, .o_rtl .fa.fa-toggle-left, .o_rtl .fa.fa-caret-square-o-right, .o_rtl .fa.fa-arrow-circle-o-left, .o_rtl .fa.fa-arrow-circle-o-right, .o_rtl .fa.fa-caret-square-o-left { transform: rotate(180deg); } /* /web/static/src/legacy/scss/base_frontend.scss */ html, body, #wrapwrap { width: 100%; height: 100%; } #wrapwrap { z-index: 0; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; } #wrapwrap > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; } #wrapwrap > main { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; flex: 1 0 auto; } .modal-open #wrapwrap { overflow: hidden; } @media screen { html, body { overflow: hidden; } #wrapwrap { overflow: auto; } } /* /web/static/src/legacy/scss/lazyloader.scss */ a.o_wait_lazy_js[href], .o_wait_lazy_js a[href], button.o_wait_lazy_js, .o_wait_lazy_js button, input.o_wait_lazy_js[type="submit"], .o_wait_lazy_js input[type="submit"], input.o_wait_lazy_js[type="button"], .o_wait_lazy_js input[type="button"], .btn.o_wait_lazy_js, .o_wait_lazy_js .btn { pointer-events: none; } /* /web/static/src/core/utils/transitions.scss */ /** * This file includes all the t-transition mixins. */ /* Fade in and out with t-transition Usage: scss: @include owl-fade(0.5s, 'o_notification') xml: */ /* /web/static/src/core/action_swiper/action_swiper.scss */ .o_actionswiper { position: relative; touch-action: pan-y; } .o_actionswiper_target_container { transition: transform 0.4s; } .o_actionswiper_swiping { transition: none; } .o_actionswiper_right_swipe_area { /*rtl:ignore*/ transform: translateX(-100%); inset: 0 auto auto 0; } .o_actionswiper_left_swipe_area { /*rtl:ignore*/ transform: translateX(100%); inset: 0 0 auto auto; } /* /web/static/src/core/autocomplete/autocomplete.scss */ .o-autocomplete .o-autocomplete--input { width: 100%; } /* /web/static/src/core/colorlist/colorlist.scss */ .o_colorlist button { border: 1px solid #FFF; box-shadow: 0 0 0 1px #93B5D7; width: 22px; height: 17px; } .o_colorlist .o_colorlist_selected { box-shadow: 0 0 0 2px #71639e !important; } .o_colorlist_item_color_1 { background-color: #F06050; } .o_colorlist_item_color_2 { background-color: #F4A460; } .o_colorlist_item_color_3 { background-color: #F7CD1F; } .o_colorlist_item_color_4 { background-color: #6CC1ED; } .o_colorlist_item_color_5 { background-color: #814968; } .o_colorlist_item_color_6 { background-color: #EB7E7F; } .o_colorlist_item_color_7 { background-color: #2C8397; } .o_colorlist_item_color_8 { background-color: #475577; } .o_colorlist_item_color_9 { background-color: #D6145F; } .o_colorlist_item_color_10 { background-color: #30C381; } .o_colorlist_item_color_11 { background-color: #9365B8; } .o_colorlist_item_color_0 { position: relative; } .o_colorlist_item_color_0::before { content: ""; position: absolute; top: -2px; left: 10px; bottom: auto; right: auto; display: block; width: 1px; height: 19px; transform: rotate(45deg); background-color: red; } .o_colorlist_item_color_0::after { background-color: white; } /* /web/static/src/core/debug/debug_menu.scss */ .o_dialog .o_debug_manager .dropdown-toggle { padding: 0 4px; margin: 2px 10px 2px 0; } /* /web/static/src/core/debug/profiling/profiling_item.scss */ .o_debug_manager .dropdown-menu .o_debug_profiling_item_wrapper.dropdown-item.focus, .o_debug_manager .o_dropdown_menu .o_debug_profiling_item_wrapper.dropdown-item.focus { background: inherit; } .o_debug_manager .o_debug_profiling_item { cursor: auto; } .o_debug_manager .form-switch { cursor: pointer; } .o_debug_recording { animation: 2s flash infinite; } /* /web/static/src/core/debug/profiling/profiling_qweb.scss */ .o_form_view .o_ace_view_editor { background: transparent; } .o_profiling_qweb_view { user-select: none; } .o_profiling_qweb_view .o_select_view_profiling { margin-bottom: 10px; } .o_profiling_qweb_view .o_select_view_profiling .dropdown-menu, .o_profiling_qweb_view .o_select_view_profiling .o_dropdown_menu { overflow: auto; max-height: 240px; } .o_profiling_qweb_view .o_select_view_profiling a { margin: 3px 0; display: block; } .o_profiling_qweb_view .o_select_view_profiling a .o_delay, .o_profiling_qweb_view .o_select_view_profiling a .o_query { font-size: 0.8em; display: inline-block; color: #142536; text-align: right; width: 50px; margin-right: 10px; white-space: nowrap; } .o_profiling_qweb_view .o_select_view_profiling a .o_key { display: inline-block; margin-left: 10px; font-size: 0.8em; } .o_profiling_qweb_view .ace_editor { overflow: visible; } .o_profiling_qweb_view .ace_editor .ace_qweb, .o_profiling_qweb_view .ace_editor .ace_tag-name { cursor: default; pointer-events: all; position: relative; } .o_profiling_qweb_view .ace_editor .ace_qweb .o_info, .o_profiling_qweb_view .ace_editor .ace_tag-name .o_info { display: none; left: 8px; top: 14px; width: 100px; } .o_profiling_qweb_view .ace_editor .ace_qweb .o_info .o_delay span, .o_profiling_qweb_view .ace_editor .ace_qweb .o_info .o_query span, .o_profiling_qweb_view .ace_editor .ace_tag-name .o_info .o_delay span, .o_profiling_qweb_view .ace_editor .ace_tag-name .o_info .o_query span { text-align: left; display: inline-block; width: 40px; } .o_profiling_qweb_view .ace_editor .ace_qweb:hover .o_info, .o_profiling_qweb_view .ace_editor .ace_tag-name:hover .o_info { display: block; } .o_profiling_qweb_view .ace_editor .ace_qweb:hover .o_info:hover, .o_profiling_qweb_view .ace_editor .ace_tag-name:hover .o_info:hover { display: none; } .o_profiling_qweb_view .ace_editor .ace_gutter { overflow: visible; } .o_profiling_qweb_view .ace_editor .ace_gutter-layer { width: 134px !important; overflow: visible; } .o_profiling_qweb_view .ace_editor .ace_gutter-cell .o_info { display: block; float: left; font-size: 0.8em; white-space: nowrap; } .o_profiling_qweb_view .ace_editor .ace_gutter-cell .o_info .o_more { float: left; position: relative; } .o_profiling_qweb_view .ace_editor .ace_gutter-cell .o_info .o_more span { color: orange !important; cursor: default; margin-left: -12px; } .o_profiling_qweb_view .ace_editor .ace_gutter-cell .o_info .o_more .o_detail { left: 30px; top: -30px; min-width: 120px; display: none; } .o_profiling_qweb_view .ace_editor .ace_gutter-cell .o_info .o_more .o_detail th { text-align: center; } .o_profiling_qweb_view .ace_editor .ace_gutter-cell .o_info .o_more .o_detail td { min-width: 60px; vertical-align: top; text-align: left; } .o_profiling_qweb_view .ace_editor .ace_gutter-cell .o_info .o_more .o_detail tr td:first-child { padding-right: 10px; white-space: nowrap; } .o_profiling_qweb_view .ace_editor .ace_gutter-cell .o_info .o_more .o_detail tr th:last-child, .o_profiling_qweb_view .ace_editor .ace_gutter-cell .o_info .o_more .o_detail tr td:last-child { padding-left: 10px; } .o_profiling_qweb_view .ace_editor .ace_gutter-cell .o_info .o_more:hover > .o_detail { display: block; } .o_profiling_qweb_view .ace_editor .ace_gutter-cell .o_info .o_more:hover > .o_detail:hover { display: none; } .o_profiling_qweb_view .ace_editor .ace_gutter-cell .o_info .o_delay, .o_profiling_qweb_view .ace_editor .ace_gutter-cell .o_info .o_query { display: block; float: left; margin-right: 10px; width: 30px; } .o_profiling_qweb_view .ace_editor .ace_line { border-bottom: 1px #dddddd dotted; } .o_profiling_qweb_view .ace_editor .ace_scrollbar-h { z-index: 3; } .o_profiling_qweb_view .ace_editor .o_detail { position: absolute; z-index: 1; background: #ffedcb; color: orange !important; border: 1px orange solid; padding: 6px; white-space: normal; text-align: right; } /* /web/static/src/core/dialog/dialog.scss */ .modal.o_technical_modal .modal-footer footer, .modal.o_technical_modal .modal-footer .o_form_buttons_edit, .modal.o_technical_modal .modal-footer .o_form_buttons_view { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-pack: start; justify-content: flex-start; gap: 0.25rem; } @media (max-width: 767.98px) { .modal.o_technical_modal .modal-footer footer, .modal.o_technical_modal .modal-footer .o_form_buttons_edit, .modal.o_technical_modal .modal-footer .o_form_buttons_view { justify-content: space-around; } } .modal.o_technical_modal .modal-footer button { margin: 0; } /* /web/static/src/core/dropdown/dropdown.scss */ .o-dropdown { /*!rtl:begin:ignore*/ /*!rtl:end:ignore*/ } .o-dropdown--menu { position: fixed; } .o-dropdown--menu .dropdown-toggle:focus, .o-dropdown--menu .dropdown-item:focus { background-color: transparent; outline: none; } .o-dropdown--menu .dropdown-toggle.focus, .o-dropdown--menu .dropdown-item.focus { background-color: #E2ECF6; } .o-dropdown--menu .dropdown-item:not(.disabled):not(:disabled):not(.o_wysiwyg_loader), .o-dropdown--menu .dropdown-item:not(.disabled):not(:disabled):not(.o_wysiwyg_loader) label { cursor: pointer; } .o-dropdown--menu .o-dropdown > .o-dropdown--menu { --o-dropdown--submenu-margin: calc(-.5rem - 1px); margin-top: var(--o-dropdown--submenu-margin); margin-bottom: var(--o-dropdown--submenu-margin); } .o-dropdown.dropup > .o-dropdown--menu, .o-dropdown.dropdown > .o-dropdown--menu, .o-dropdown.dropstart > .o-dropdown--menu, .o-dropdown.dropend > .o-dropdown--menu { left: auto; right: auto; margin-left: 0; margin-right: 0; } .o-dropdown--no-caret > .dropdown-toggle::before, .o-dropdown--no-caret > .dropdown-toggle::after { content: normal; } .o-dropdown button.dropdown-toggle.active, .o-dropdown button.dropdown-toggle:hover, .o-dropdown button.dropdown-toggle:focus, .o-dropdown button.dropdown-toggle:active { outline: none; box-shadow: none !important; } .o-dropdown button.dropdown-toggle.dropdown-item:not(.o_menu_item)::after, .o-dropdown button.dropdown-toggle.dropdown-item:not(.o_menu_item)::before { position: absolute; top: 0; left: auto; bottom: auto; right: 0; transform: translate(-0.6em, 0.6em) /*rtl:translate(.6em, .6em) scaleX(-1)*/; } /* /web/static/src/core/effects/rainbow_man.scss */ .o_reward { will-change: transform; z-index: 1055; animation: reward-fading 0.7s ease-in-out forwards; } .o_reward .o_reward_box { transform-box: fill-box; } .o_reward.o_reward_fading { animation: reward-fading-reverse 0.56s ease-in-out forwards; } .o_reward.o_reward_fading .o_reward_face_group { animation: reward-jump-reverse 0.56s ease-in-out forwards; } .o_reward.o_reward_fading .o_reward_rainbow_line { animation: reward-rainbow-reverse 0.7s ease-out forwards; } .o_reward .o_reward_rainbow_man { max-width: 400px; } .o_reward .o_reward_rainbow_line { animation: reward-rainbow 1.12s ease-out 1 forwards; } .o_reward .o_reward_face_group { animation: reward-jump 1.12s ease-in-out 1; } .o_reward .o_reward_face_wrap { animation: reward-rotate 1.12s cubic-bezier(0.51, 0.92, 0.24, 1.15) 1; } .o_reward .o_reward_face { animation: reward-float 1.4s ease-in-out 1.4s infinite alternate; } .o_reward .o_reward_star_01, .o_reward .o_reward_star_03 { animation: reward-stars 1.4s ease-in-out infinite alternate-reverse; } .o_reward .o_reward_star_02, .o_reward .o_reward_star_04 { animation: reward-stars 1.68s ease-in-out infinite alternate; } .o_reward .o_reward_thumbup { animation: reward-scale 0.7s ease-in-out 0s infinite alternate; } .o_reward .o_reward_shadow_container { animation: reward-float 1.4s ease-in-out infinite alternate; } .o_reward .o_reward_shadow { animation: reward-scale 1.4s ease-in-out infinite alternate; } .o_reward .o_reward_msg_container { aspect-ratio: 1 / 1; animation: reward-float-reverse 1.4s ease-in-out infinite alternate-reverse; } @keyframes reward-fading { 0% { opacity: 0; } } @keyframes reward-fading-reverse { 100% { opacity: 0; } } @keyframes reward-jump { 0% { transform: scale(0.5); } 50% { transform: scale(1.05); } } @keyframes reward-jump-reverse { 50% { transform: scale(1.05); } to { transform: scale(0.5); } } @keyframes reward-rainbow { to { stroke-dashoffset: 0; } } @keyframes reward-rainbow-reverse { from { stroke-dashoffset: 0; } } @keyframes reward-float { to { transform: translateY(5px); } } @keyframes reward-float-reverse { from { transform: translateY(5px); } } @keyframes reward-stars { from { transform: scale(0.3) rotate(0deg); } 50% { transform: scale(1) rotate(20deg); } to { transform: scale(0.3) rotate(80deg); } } @keyframes reward-scale { from { transform: scale(0.8); } } @keyframes reward-rotate { from { transform: scale(0.5) rotate(-30deg); } } /* /web/static/src/core/file_upload/file_upload_progress_bar.scss */ .o-file-upload-progress-bar-value { transition: width 0.1s; border-right: 1px solid #605487; background-color: #71639e; opacity: 0.5; } .o-file-upload-progress-bar-abort { padding: 4px; color: #963535; font-size: 16px; } .o-file-upload-progress-bar-abort:active { opacity: 0.7; } div:not(:hover) .o-file-upload-progress-bar-abort { display: none; } /* /web/static/src/core/file_upload/file_upload_progress_record.scss */ .o_kanban_record .o_kanban_progress_card { min-height: 80px; } .o_kanban_record .o_kanban_progress_card .o_kanban_record_bottom { color: #212529; } .o_kanban_record .o_kanban_progress_card .o_kanban_image_wrapper { opacity: 0.7; } .o_data_row.o_list_progress_card { height: 25px; border: 1px solid #dfdfdf; } .o_data_row.o_list_progress_card .o_file_upload_upload_title { font-size: 13px; font-weight: 500; } /* /web/static/src/core/model_field_selector/model_field_selector.scss */ .o_field_selector:not(.o_legacy_field_selector) { position: relative; } .o_field_selector:not(.o_legacy_field_selector) > .o_field_selector_value { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; align-items: center; height: 100%; min-height: 20px; } .o_field_selector:not(.o_legacy_field_selector) > .o_field_selector_value:active, .o_field_selector:not(.o_legacy_field_selector) > .o_field_selector_value:focus, .o_field_selector:not(.o_legacy_field_selector) > .o_field_selector_value:active:focus { outline: none; } .o_field_selector:not(.o_legacy_field_selector) > .o_field_selector_value > .o_field_selector_chain_part { padding: 0px 1px; border: 1px solid #dae0e5; background: #f8f9fa; margin-bottom: 1px; } .o_field_selector:not(.o_legacy_field_selector) > .o_field_selector_value > i { align-self: center; margin: 0 2px; font-size: 10px; } .o_field_selector:not(.o_legacy_field_selector) > .o_field_selector_controls { position: absolute; top: 0; left: auto; bottom: 1px; right: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; cursor: pointer; } .o_field_selector.o_edit_mode:not(.o_legacy_field_selector) > .o_field_selector_controls::after { content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; -moz-transform: scale(0.9999); border-bottom: 0; border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; border-top: 0.3em solid var(--o-caret-color, currentColor); } .o_field_selector.o_edit_mode:not(.o_legacy_field_selector) > .o_field_selector_popover { position: absolute; top: 100%; left: 0; bottom: auto; right: auto; } /* /web/static/src/core/model_field_selector/model_field_selector_popover.scss */ .o_popover_field_selector.o-popover-top > .popover-arrow::after { border-top-color: #0075C2; } .o_popover_field_selector.o-popover-bottom > .popover-arrow::after { border-bottom-color: #0075C2; } .o_field_selector_popover:not(.o_legacy_field_selector_popover) { width: 265px; background-color: #FFF; --o-input-background-color: #FFF; } .o_field_selector_popover:not(.o_legacy_field_selector_popover):focus { outline: none; } .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_header, .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_footer { color: #FFFFFF; background: #0075C2; font-weight: bold; padding: 5px 0.4em; } .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_header .o_field_selector_title, .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_footer .o_field_selector_title { width: 100%; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; padding: 0px 35px; text-align: center; } .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_header .o_field_selector_search > .o_input, .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_header > input, .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_footer .o_field_selector_search > .o_input, .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_footer > input { color: #495057; font-size: 115%; border: none; padding: 5px 0.4rem; } .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_header .o_field_selector_popover_option, .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_footer .o_field_selector_popover_option { position: absolute; top: 0; left: auto; bottom: auto; right: auto; padding: 8px; } .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_header .o_field_selector_popover_option.o_field_selector_prev_page, .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_footer .o_field_selector_popover_option.o_field_selector_prev_page { left: 0; } .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_header .o_field_selector_popover_option.o_field_selector_close, .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_footer .o_field_selector_popover_option.o_field_selector_close { right: 0; } .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_header .o_field_selector_popover_option:hover, .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_footer .o_field_selector_popover_option:hover { background: #00568f; } .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_body .o_field_selector_page { position: relative; height: 320px; overflow: auto; margin: 0; padding: 0; } .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_body .o_field_selector_page > .o_field_selector_item { list-style: none; position: relative; padding: 5px 0 5px 0.4em; cursor: pointer; font-family: Arial; font-size: 13px; } .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_body .o_field_selector_page > .o_field_selector_item.active { background: #E2ECF6; } .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_body .o_field_selector_page > .o_field_selector_item .o_field_selector_item_title { font-size: 12px; } .o_field_selector_popover:not(.o_legacy_field_selector_popover) .o_field_selector_popover_body .o_field_selector_page > .o_field_selector_item .o_field_selector_relation_icon { position: absolute; top: 0; left: auto; bottom: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding: 10px; } /* /web/static/src/core/notebook/notebook.scss */ .o_notebook { --notebook-margin-x: 0; --notebook-padding-x: 0; --notebook-link-border-color: transparent; --notebook-link-border-color-active: #dee2e6; --notebook-link-border-color-hover: #E2ECF6; --notebook-link-border-color-active-accent: #dee2e6; } .o_notebook .o_notebook_headers { margin: 0 var(--notebook-margin-x, 0); overflow-x: auto; } @media (max-width: 767.98px) { .o_notebook .o_notebook_headers::-webkit-scrollbar { display: none; } } .o_notebook .nav { padding: 0 var(--notebook-padding-x, 0); background-color: white; } .o_notebook .nav-item { white-space: nowrap; margin: 0 -1px 0 0; } .o_notebook .nav-link { border-color: var(--notebook-link-border-color, transparent); } .o_notebook .nav-link.active, .o_notebook .nav-link.active:hover, .o_notebook .nav-link.active:focus, .o_notebook .nav-link.active:active { border-color: var(--notebook-link-border-color-active); border-top-color: var(--notebook-link-border-color-active-accent, var(--notebook-link-border-color-active)); border-bottom-color: white; } .o_notebook .nav-link:hover, .o_notebook .nav-link:focus, .o_notebook .nav-link:active { outline: none; } .o_notebook .nav-link:hover { border-color: var(--notebook-link-border-color-hover); } .o_notebook.vertical .o_notebook_headers { overflow-x: visible; } .o_notebook.vertical .nav { width: max-content; border-bottom-color: transparent; } .o_notebook.vertical .nav-item { margin: 0 0 -1px 0; } .o_notebook.vertical .nav-item:first-child .nav-link { border-top-width: 0; } .o_notebook.vertical .nav-item:last-child .nav-link { border-bottom-width: 0; } .o_notebook.vertical .nav-link { margin-bottom: 0; } .o_notebook.vertical .nav-link.active, .o_notebook.vertical .nav-link.active:hover, .o_notebook.vertical .nav-link.active:focus, .o_notebook.vertical .nav-link.active:active { border-color: var(--notebook-link-border-color-active); border-left-color: var(--notebook-link-border-color-active-accent, var(--notebook-link-border-color-active)); border-right-color: white; } /* /web/static/src/core/notifications/notification.scss */ .o_notification_manager { position: absolute; top: 46px; left: calc(100vw - 320px); bottom: auto; right: 0.5rem; z-index: 1055; } .o_notification_manager .o_notification { border-left-width: 0.75rem !important; box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); } .o_notification_manager .o_notification_close { position: absolute; top: 0; left: auto; bottom: auto; right: 0; } .o_notification_fade { transition: all 0.5s; } .o_notification_fade-enter { opacity: 0; } /* /web/static/src/core/popover/popover.scss */ /*!rtl:begin:ignore*/ @keyframes slide-top { 0% { opacity: 0; transform: translateY(-5%); } } @keyframes slide-end { 0% { opacity: 0; transform: translateX(5%); } } @keyframes slide-bottom { 0% { opacity: 0; transform: translateY(5%); } } @keyframes slide-start { 0% { opacity: 0; transform: translateX(-5%); } } .o_popover.bs-popover-top, .o_popover.bs-popover-auto[data-popper-placement^="top"] { animation: 0.2s slide-top; } .o_popover.bs-popover-end, .o_popover.bs-popover-auto[data-popper-placement^="right"] { animation: 0.2s slide-end; } .o_popover.bs-popover-bottom, .o_popover.bs-popover-auto[data-popper-placement^="bottom"] { animation: 0.2s slide-bottom; } .o_popover.bs-popover-start, .o_popover.bs-popover-auto[data-popper-placement^="left"] { animation: 0.2s slide-start; } .o_popover.o-popover-top, .o_popover.o-popover-auto[x-placement^="top"] { margin-top: -0.5rem; } .o_popover.o-popover-right, .o_popover.o-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .o_popover.o-popover-bottom, .o_popover.o-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .o_popover.o-popover-left, .o_popover.o-popover-auto[x-placement^="left"] { margin-left: -0.5rem; } .o_popover.o-popover--ts .popover-arrow, .o_popover.o-popover--bs .popover-arrow { left: 0.3rem; } .o_popover.o-popover--te .popover-arrow, .o_popover.o-popover--be .popover-arrow { right: 0.3rem; } .o_popover.o-popover--ls .popover-arrow, .o_popover.o-popover--rs .popover-arrow { top: 0.3rem; } .o_popover.o-popover--le .popover-arrow, .o_popover.o-popover--re .popover-arrow { bottom: 0.3rem; } /*!rtl:end:ignore*/ /* /web/static/src/core/tooltip/tooltip.scss */ .o-tooltip { font-size: small; max-width: 400px; } .o-tooltip .o-tooltip--string { background-color: white; font-weight: bold; padding: 5px 8px; } .o-tooltip .o-tooltip--help { font-size: smaller; white-space: pre-line; padding: 8px; margin-bottom: 0px; } .o-tooltip .o-tooltip--technical { font-size: smaller; padding: 8px; margin: 0 0 0 15px; list-style-type: circle; } .o-tooltip .o-tooltip--technical .o-tooltip--technical--title { font-weight: bold; margin-right: 4px; } /* /web/static/src/core/ui/block_ui.scss */ .o_blockUI { cursor: wait; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); z-index: 1070 !important; } /* /web_tour/static/src/scss/tip.scss */ @keyframes move-left-right { 0% { transform: translate(-3px, 0); } 100% { transform: translate(3px, 0); } } @keyframes move-bottom-top { 0% { transform: translate(0, -3px); } 100% { transform: translate(0, 3px); } } .o_tooltip_parent { position: relative !important; opacity: 0.999 !important; } .o_tooltip { /*rtl:begin:ignore*/ position: absolute !important; top: 50% !important; left: 50% !important; /*rtl:end:ignore*/ z-index: 1080 !important; opacity: 0 !important; width: 28px !important; height: 28px !important; margin: 0 !important; padding: 0 !important; transition: opacity 400ms ease 0ms !important; } .o_tooltip.o_animated { animation: move-bottom-top 500ms ease-in 0ms infinite alternate !important; } .o_tooltip.o_animated.right, .o_tooltip.o_animated.left { animation-name: move-left-right !important; } .o_tooltip.o_tooltip_visible { opacity: 1 !important; } .o_tooltip.o_tooltip_fixed { position: fixed !important; } .o_tooltip::before { content: ""; position: absolute; top: 0; left: auto; bottom: auto; right: 0; width: 28px; height: 28px; border: 3px solid white; border-radius: 0 50% 50% 50%; background: radial-gradient(#86597b, #714B67); box-shadow: 0 0 40px 2px rgba(255, 255, 255, 0.5); } .o_tooltip.top::before { transform: rotate(180deg) translateY(8.25979621px) scaleY(1.12430027) rotate(45deg); } .o_tooltip.right::before { transform: rotate(270deg) translateY(8.25979621px) scaleY(1.12430027) rotate(45deg); } .o_tooltip.bottom::before { transform: rotate(0deg) translateY(8.25979621px) scaleY(1.12430027) rotate(45deg); } .o_tooltip.left::before { transform: rotate(90deg) translateY(8.25979621px) scaleY(1.12430027) rotate(45deg); } .o_tooltip > .o_tooltip_overlay { display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; } .o_tooltip > .o_tooltip_content { overflow: hidden; direction: ltr; position: relative; padding: 7px 14px; background-color: inherit; color: transparent; visibility: hidden; line-height: 1.5; font-size: 0.75rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Liberation Sans", Arial, "Odoo Unicode Support Noto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: normal; } .o_tooltip > .o_tooltip_content .o_skip_tour { display: inline-block; margin-top: 4px; cursor: pointer; color: gray; } .o_tooltip > .o_tooltip_content .o_skip_tour:hover { color: #4d4d4d; } .o_tooltip > .o_tooltip_content > p:last-child { margin-bottom: 0; } .o_tooltip.active { border: 3px solid #714B67 !important; background-color: white !important; transition: width 150ms ease 50ms, height 150ms ease 50ms, margin 150ms ease 50ms !important; } .o_tooltip.active::before { width: 12px; height: 12px; border-color: #714B67; border-radius: 0; background: white; box-shadow: none; } .o_tooltip.active > .o_tooltip_overlay { display: block; } .o_tooltip.active > .o_tooltip_content { color: black; visibility: visible; transition: color 0ms ease 200ms; } .o_tooltip.active.right { transform: translateX(6px) !important; } .o_tooltip.active.right::before { position: absolute; top: 5px; left: -12px; bottom: auto; right: auto; transform: translateX(50%) rotate(45deg); } .o_tooltip.active.top { transform: translateY(-6px) !important; } .o_tooltip.active.top::before { /*rtl:begin:ignore*/ position: absolute; top: auto; left: 5px; bottom: -12px; right: auto; /*rtl:end:ignore*/ transform: translateY(-50%) rotate(45deg); } .o_tooltip.active.left { transform: translateX(-6px) !important; } .o_tooltip.active.left::before { position: absolute; top: 5px; left: auto; bottom: auto; right: -12px; transform: translateX(-50%) rotate(45deg); } .o_tooltip.active.bottom { transform: translateY(6px) !important; } .o_tooltip.active.bottom::before { /*rtl:begin:ignore*/ position: absolute; top: -12px; left: 5px; bottom: auto; right: auto; /*rtl:end:ignore*/ transform: translateY(50%) rotate(45deg); } .o_tooltip.active.inverse.left::before, .o_tooltip.active.inverse.right::before { top: auto; bottom: 5px; } .o_tooltip.active.inverse.top::before, .o_tooltip.active.inverse.bottom::before { left: auto/*rtl:ignore*/; right: 5px/*rtl:ignore*/; } @media print { .o_tooltip { display: none !important; } } .tab-pane.active .o_list_renderer.o_tooltip_parent { z-index: 999; } /* /web_editor/static/src/components/media_dialog/media_dialog.scss */ .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_we_existing_attachments { min-height: 128px; } .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_we_existing_attachments .o_we_attachment_placeholder { flex-grow: 128; flex-basis: 128px; } .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_cell.o_we_image { transition: opacity 0.5s ease 0.5s; } .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_remove { border-radius: 0 0 0 2px; } .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_remove:hover { color: #e6586c; } .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_we_attachment_selected { box-shadow: 0 0 0 3px #71639e; } .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_we_attachment_selected:not(.fa) { border: 3px solid #71639e; box-shadow: none; } .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_we_attachment_selected:not(.fa):before { content: ""; position: absolute; top: 5px; left: 5px; bottom: auto; right: auto; width: 19px; height: 19px; background-color: #71639e; font-family: 'FontAwesome'; color: white; border-radius: 50%; text-align: center; z-index: 1; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_we_load_more { scroll-margin: 1rem; } .modal:not(.o_legacy_dialog) .o_select_media_dialog .font-icons-icons > span { width: 50px; } .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_video_dialog_form textarea { min-height: 95px; } .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_video_preview { border-top: 1px solid black; border-bottom: 1px solid white; background-image: linear-gradient(-150deg, #2b2b33, #191922); color: white; } .modal:not(.o_legacy_dialog) .o_select_media_dialog .o_video_preview .media_iframe_video { width: 100%; } /* /web_editor/static/src/components/upload_progress_toast/upload_progress_toast.scss */ .o_upload_progress_toast { font-size: 16px; } .o_upload_progress_toast .o_we_progressbar:last-child hr { display: none; } /* /web_editor/static/src/js/editor/odoo-editor/src/base_style.scss */ li.oe-nested { display: block; } .o_table tr { border-color: #dee2e6; } .o_table tr td { padding: 0.5rem; } .o_text_columns { max-width: 100% !important; padding: 0 !important; } .o_text_columns > .row { margin: 0 !important; } .o_text_columns > .row > .col-xs-1:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xs-1:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xs-2:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xs-2:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xs-3:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xs-3:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xs-4:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xs-4:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xs-5:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xs-5:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xs-6:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xs-6:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xs-7:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xs-7:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xs-8:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xs-8:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xs-9:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xs-9:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xs-10:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xs-10:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xs-11:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xs-11:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xs-12:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xs-12:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-sm-1:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-sm-1:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-sm-2:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-sm-2:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-sm-3:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-sm-3:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-sm-4:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-sm-4:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-sm-5:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-sm-5:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-sm-6:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-sm-6:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-sm-7:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-sm-7:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-sm-8:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-sm-8:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-sm-9:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-sm-9:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-sm-10:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-sm-10:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-sm-11:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-sm-11:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-sm-12:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-sm-12:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-md-1:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-md-1:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-md-2:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-md-2:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-md-3:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-md-3:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-md-4:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-md-4:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-md-5:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-md-5:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-md-6:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-md-6:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-md-7:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-md-7:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-md-8:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-md-8:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-md-9:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-md-9:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-md-10:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-md-10:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-md-11:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-md-11:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-md-12:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-md-12:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-lg-1:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-lg-1:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-lg-2:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-lg-2:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-lg-3:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-lg-3:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-lg-4:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-lg-4:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-lg-5:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-lg-5:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-lg-6:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-lg-6:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-lg-7:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-lg-7:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-lg-8:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-lg-8:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-lg-9:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-lg-9:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-lg-10:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-lg-10:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-lg-11:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-lg-11:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-lg-12:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-lg-12:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xl-1:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xl-1:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xl-2:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xl-2:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xl-3:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xl-3:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xl-4:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xl-4:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xl-5:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xl-5:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xl-6:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xl-6:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xl-7:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xl-7:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xl-8:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xl-8:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xl-9:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xl-9:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xl-10:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xl-10:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xl-11:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xl-11:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xl-12:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xl-12:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xxl-1:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xxl-1:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xxl-2:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xxl-2:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xxl-3:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xxl-3:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xxl-4:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xxl-4:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xxl-5:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xxl-5:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xxl-6:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xxl-6:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xxl-7:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xxl-7:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xxl-8:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xxl-8:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xxl-9:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xxl-9:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xxl-10:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xxl-10:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xxl-11:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xxl-11:last-of-type { padding-right: 0; } .o_text_columns > .row > .col-xxl-12:first-of-type { padding-left: 0; } .o_text_columns > .row > .col-xxl-12:last-of-type { padding-right: 0; } .oe-tabs { display: inline-block; white-space: pre-wrap; max-width: 40px; width: 40px; } /* /web_editor/static/src/scss/web_editor.common.scss */ :root { --100: #F6F9FC; --200: #E2ECF6; --300: #D4E2F0; --400: #BFD4E9; --500: #93B5D7; --600: #4375A6; --700: #2D5073; --800: #203A54; --900: #142536; --white-85: rgba(255, 255, 255, 0.85); --white-75: rgba(255, 255, 255, 0.75); --white-50: rgba(255, 255, 255, 0.5); --white-25: rgba(255, 255, 255, 0.25); --black-75: rgba(0, 0, 0, 0.75); --black-50: rgba(0, 0, 0, 0.5); --black-25: rgba(0, 0, 0, 0.25); --black-15: rgba(0, 0, 0, 0.15); --black: #000000; --white: #FFFFFF; --o-cc1-text: #142536; --o-cc1-headings: #142536; --o-cc1-h2: #142536; --o-cc1-h3: #142536; --o-cc1-h4: #142536; --o-cc1-h5: #142536; --o-cc1-h6: #142536; --o-cc1-link: #0063a3; --o-cc1-btn-primary: #0075C2; --o-cc1-btn-primary-text: #FFFFFF; --o-cc1-btn-primary-border: #0075C2; --o-cc1-btn-secondary: #003557; --o-cc1-btn-secondary-text: #FFFFFF; --o-cc1-btn-secondary-border: #003557; --o-cc2-text: #142536; --o-cc2-h2: #0075C2; --o-cc2-h3: #0075C2; --o-cc2-h4: #0075C2; --o-cc2-h5: #0075C2; --o-cc2-h6: #0075C2; --o-cc2-link: #005994; --o-cc2-btn-primary: #0075C2; --o-cc2-btn-primary-text: #FFFFFF; --o-cc2-btn-primary-border: #0075C2; --o-cc2-btn-secondary: #003557; --o-cc2-btn-secondary-text: #FFFFFF; --o-cc2-btn-secondary-border: #003557; --o-cc3-text: #FFFFFF; --o-cc3-headings: #FFFFFF; --o-cc3-h2: #FFFFFF; --o-cc3-h3: #FFFFFF; --o-cc3-h4: #FFFFFF; --o-cc3-h5: #FFFFFF; --o-cc3-h6: #FFFFFF; --o-cc3-link: #10a0ff; --o-cc3-btn-primary: #0075C2; --o-cc3-btn-primary-text: #FFFFFF; --o-cc3-btn-primary-border: #0075C2; --o-cc3-btn-secondary-text: #142536; --o-cc3-btn-secondary-border: #F6F6F6; --o-cc4-text: #FFFFFF; --o-cc4-headings: #FFFFFF; --o-cc4-h2: #FFFFFF; --o-cc4-h3: #FFFFFF; --o-cc4-h4: #FFFFFF; --o-cc4-h5: #FFFFFF; --o-cc4-h6: #FFFFFF; --o-cc4-link: #709bc5; --o-cc4-btn-primary-text: #FFFFFF; --o-cc4-btn-primary-border: #4375A6; --o-cc4-btn-secondary-text: #142536; --o-cc4-btn-secondary-border: #F6F6F6; --o-cc5-text: #FFFFFF; --o-cc5-h2: #FFFFFF; --o-cc5-h3: #FFFFFF; --o-cc5-h4: #FFFFFF; --o-cc5-h5: #FFFFFF; --o-cc5-h6: #FFFFFF; --o-cc5-link: #004776; --o-cc5-btn-primary: #0075C2; --o-cc5-btn-primary-text: #FFFFFF; --o-cc5-btn-primary-border: #0075C2; --o-cc5-btn-secondary-text: #142536; --o-cc5-btn-secondary-border: #F6F6F6; --o-grid-gutter-width: 30px; --o-md-container-max-width: 720px; --o-we-content-to-translate-color: rgba(255, 255, 90, 0.5); --o-we-translated-content-color: rgba(120, 215, 110, 0.5); --o-system-fonts: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } html, body { position: relative; width: 100%; height: 100%; } *[contenteditable=true] { outline: none; } [contenteditable] { overflow-wrap: unset !important; } .css_non_editable_mode_hidden { display: none !important; } .editor_enable .css_editable_mode_hidden { display: none !important; } .note-toolbar { margin-left: 0 !important; } .note-popover .popover > .arrow { display: none; } .note-popover .popover .dropdown-menu .dropdown-item > i, .note-popover .popover .o_dropdown_menu .dropdown-item > i, .note-editor .dropdown-menu .dropdown-item > i, .note-editor .o_dropdown_menu .dropdown-item > i { visibility: hidden; } .note-popover .popover .dropdown-menu .dropdown-item.checked > i, .note-popover .popover .o_dropdown_menu .dropdown-item.checked > i, .note-editor .dropdown-menu .dropdown-item.checked > i, .note-editor .o_dropdown_menu .dropdown-item.checked > i { visibility: visible; } /* ----- GENERIC LAYOUTING HELPERS ---- */ /* table */ #wrapwrap table.table.table-bordered, .o_editable table.table.table-bordered { table-layout: fixed; } #wrapwrap table.table.table-bordered td, .o_editable table.table.table-bordered td { min-width: 20px; } @media (max-width: 767.98px) { #wrapwrap .table-responsive > table.table, .o_editable .table-responsive > table.table { table-layout: auto; } } ul.o_checklist { list-style: none; } ul.o_checklist > li { list-style: none; position: relative; margin-left: 20px; margin-right: 20px; } ul.o_checklist > li:not(.oe-nested)::before { content: ''; position: absolute; left: -20px; display: block; height: 13px; width: 13px; top: 4px; border: 1px solid; text-align: center; cursor: pointer; } ul.o_checklist > li.o_checked { text-decoration: line-through; } ul.o_checklist > li.o_checked::before { content: "✓"; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding-left: 1px /*rtl:ignore*/; padding-top: 1px; } ul.o_checklist[dir="rtl"] > li:not(.oe-nested)::before { left: auto; right: -20px; text-align: right; } ol > li.o_indent, ul > li.o_indent { margin-left: 0; list-style: none; } ol > li.o_indent::before, ul > li.o_indent::before { content: none; } .o_stars .fa.fa-star { color: gold; } img.o_we_custom_image { display: inline-block; } img.shadow { box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2); } img.padding-small, .img.padding-small, span.fa.padding-small, iframe.padding-small { padding: 4px; } img.padding-medium, .img.padding-medium, span.fa.padding-medium, iframe.padding-medium { padding: 8px; } img.padding-large, .img.padding-large, span.fa.padding-large, iframe.padding-large { padding: 16px; } img.padding-xl, .img.padding-xl, span.fa.padding-xl, iframe.padding-xl { padding: 32px; } img.ms-auto, img.mx-auto, img.o_portal_security_body { display: block; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa.mx-auto, .fa.o_portal_security_body { display: block; text-align: center; } .fa.card-img, .fa.card-img-top, .s_dynamic.s_event_event_card .card .s_events_event_cover .o_record_cover_container .fa.o_record_cover_image, .s_dynamic.s_blog_post_card .card .s_blog_posts_post_cover .o_record_cover_container .fa.o_record_cover_image, .fa.card-img-bottom { width: auto; } div.media_iframe_video { margin: 0 auto; text-align: center; position: relative; overflow: hidden; min-width: 100px; } div.media_iframe_video iframe { width: 100%; height: 100%; position: absolute; top: 0; left: auto; bottom: auto; right: auto; margin: 0 auto; margin-left: -50%; } div.media_iframe_video.padding-small iframe { padding: 4px; } div.media_iframe_video.padding-medium iframe { padding: 8px; } div.media_iframe_video.padding-large iframe { padding: 16px; } div.media_iframe_video.padding-xl iframe { padding: 32px; } div.media_iframe_video .media_iframe_video_size { padding-bottom: 66.5%; position: relative; width: 100%; height: 0; } div.media_iframe_video .css_editable_mode_display { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; display: none; z-index: 2; } html[data-browser^="msie"] div.media_iframe_video iframe { margin-left: 0; } address .fa.fa-mobile-phone { margin: 0 3px 0 2px; } address .fa.fa-file-text-o { margin-right: 1px; } span[data-oe-type="monetary"] { white-space: nowrap; } ul.oe_menu_editor .oe_menu_placeholder { outline: 1px dashed #4183C4; } ul.oe_menu_editor ul { list-style: none; } ul.oe_menu_editor li div { cursor: url(/web/static/img/openhand.cur), grab; } ul.oe_menu_editor li div :active { cursor: grabbing; } .mt0 { margin-top: 0px !important; } .mb0 { margin-bottom: 0px !important; } .pt0 { padding-top: 0px !important; } .pb0 { padding-bottom: 0px !important; } .mt8 { margin-top: 8px !important; } .mb8 { margin-bottom: 8px !important; } .pt8 { padding-top: 8px !important; } .pb8 { padding-bottom: 8px !important; } .mt16 { margin-top: 16px !important; } .mb16 { margin-bottom: 16px !important; } .pt16 { padding-top: 16px !important; } .pb16 { padding-bottom: 16px !important; } .mt24 { margin-top: 24px !important; } .mb24 { margin-bottom: 24px !important; } .pt24 { padding-top: 24px !important; } .pb24 { padding-bottom: 24px !important; } .mt32 { margin-top: 32px !important; } .mb32 { margin-bottom: 32px !important; } .pt32 { padding-top: 32px !important; } .pb32 { padding-bottom: 32px !important; } .mt40 { margin-top: 40px !important; } .mb40 { margin-bottom: 40px !important; } .pt40 { padding-top: 40px !important; } .pb40 { padding-bottom: 40px !important; } .mt48 { margin-top: 48px !important; } .mb48 { margin-bottom: 48px !important; } .pt48 { padding-top: 48px !important; } .pb48 { padding-bottom: 48px !important; } .mt56 { margin-top: 56px !important; } .mb56 { margin-bottom: 56px !important; } .pt56 { padding-top: 56px !important; } .pb56 { padding-bottom: 56px !important; } .mt64 { margin-top: 64px !important; } .mb64 { margin-bottom: 64px !important; } .pt64 { padding-top: 64px !important; } .pb64 { padding-bottom: 64px !important; } .mt72 { margin-top: 72px !important; } .mb72 { margin-bottom: 72px !important; } .pt72 { padding-top: 72px !important; } .pb72 { padding-bottom: 72px !important; } .mt80 { margin-top: 80px !important; } .mb80 { margin-bottom: 80px !important; } .pt80 { padding-top: 80px !important; } .pb80 { padding-bottom: 80px !important; } .mt88 { margin-top: 88px !important; } .mb88 { margin-bottom: 88px !important; } .pt88 { padding-top: 88px !important; } .pb88 { padding-bottom: 88px !important; } .mt96 { margin-top: 96px !important; } .mb96 { margin-bottom: 96px !important; } .pt96 { padding-top: 96px !important; } .pb96 { padding-bottom: 96px !important; } .mt104 { margin-top: 104px !important; } .mb104 { margin-bottom: 104px !important; } .pt104 { padding-top: 104px !important; } .pb104 { padding-bottom: 104px !important; } .mt112 { margin-top: 112px !important; } .mb112 { margin-bottom: 112px !important; } .pt112 { padding-top: 112px !important; } .pb112 { padding-bottom: 112px !important; } .mt120 { margin-top: 120px !important; } .mb120 { margin-bottom: 120px !important; } .pt120 { padding-top: 120px !important; } .pb120 { padding-bottom: 120px !important; } .mt128 { margin-top: 128px !important; } .mb128 { margin-bottom: 128px !important; } .pt128 { padding-top: 128px !important; } .pb128 { padding-bottom: 128px !important; } .mt136 { margin-top: 136px !important; } .mb136 { margin-bottom: 136px !important; } .pt136 { padding-top: 136px !important; } .pb136 { padding-bottom: 136px !important; } .mt144 { margin-top: 144px !important; } .mb144 { margin-bottom: 144px !important; } .pt144 { padding-top: 144px !important; } .pb144 { padding-bottom: 144px !important; } .mt152 { margin-top: 152px !important; } .mb152 { margin-bottom: 152px !important; } .pt152 { padding-top: 152px !important; } .pb152 { padding-bottom: 152px !important; } .mt160 { margin-top: 160px !important; } .mb160 { margin-bottom: 160px !important; } .pt160 { padding-top: 160px !important; } .pb160 { padding-bottom: 160px !important; } .mt168 { margin-top: 168px !important; } .mb168 { margin-bottom: 168px !important; } .pt168 { padding-top: 168px !important; } .pb168 { padding-bottom: 168px !important; } .mt176 { margin-top: 176px !important; } .mb176 { margin-bottom: 176px !important; } .pt176 { padding-top: 176px !important; } .pb176 { padding-bottom: 176px !important; } .mt184 { margin-top: 184px !important; } .mb184 { margin-bottom: 184px !important; } .pt184 { padding-top: 184px !important; } .pb184 { padding-bottom: 184px !important; } .mt192 { margin-top: 192px !important; } .mb192 { margin-bottom: 192px !important; } .pt192 { padding-top: 192px !important; } .pb192 { padding-bottom: 192px !important; } .mt200 { margin-top: 200px !important; } .mb200 { margin-bottom: 200px !important; } .pt200 { padding-top: 200px !important; } .pb200 { padding-bottom: 200px !important; } .mt208 { margin-top: 208px !important; } .mb208 { margin-bottom: 208px !important; } .pt208 { padding-top: 208px !important; } .pb208 { padding-bottom: 208px !important; } .mt216 { margin-top: 216px !important; } .mb216 { margin-bottom: 216px !important; } .pt216 { padding-top: 216px !important; } .pb216 { padding-bottom: 216px !important; } .mt224 { margin-top: 224px !important; } .mb224 { margin-bottom: 224px !important; } .pt224 { padding-top: 224px !important; } .pb224 { padding-bottom: 224px !important; } .mt232 { margin-top: 232px !important; } .mb232 { margin-bottom: 232px !important; } .pt232 { padding-top: 232px !important; } .pb232 { padding-bottom: 232px !important; } .mt240 { margin-top: 240px !important; } .mb240 { margin-bottom: 240px !important; } .pt240 { padding-top: 240px !important; } .pb240 { padding-bottom: 240px !important; } .mt248 { margin-top: 248px !important; } .mb248 { margin-bottom: 248px !important; } .pt248 { padding-top: 248px !important; } .pb248 { padding-bottom: 248px !important; } .mt256 { margin-top: 256px !important; } .mb256 { margin-bottom: 256px !important; } .pt256 { padding-top: 256px !important; } .pb256 { padding-bottom: 256px !important; } .mt4 { margin-top: 4px !important; } .mb4 { margin-bottom: 4px !important; } .pt4 { padding-top: 4px !important; } .pb4 { padding-bottom: 4px !important; } .mt92 { margin-top: 92px !important; } .mb92 { margin-bottom: 92px !important; } .ml0 { margin-left: 0px !important; } .mr0 { margin-right: 0px !important; } .ml4 { margin-left: 4px !important; } .mr4 { margin-right: 4px !important; } .ml8 { margin-left: 8px !important; } .mr8 { margin-right: 8px !important; } .ml16 { margin-left: 16px !important; } .mr16 { margin-right: 16px !important; } .ml32 { margin-left: 32px !important; } .mr32 { margin-right: 32px !important; } .ml64 { margin-left: 64px !important; } .mr64 { margin-right: 64px !important; } a.o_underline { text-decoration: underline; } a.o_underline:hover { text-decoration: underline; } .o_ace_view_editor { background: #2F3129; color: white; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; opacity: 0.97; } .o_ace_view_editor .o_ace_view_editor_title { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding: 7.5px; } .o_ace_view_editor .o_ace_view_editor_title > .o_ace_type_switcher > button::after { content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; -moz-transform: scale(0.9999); border-bottom: 0; border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; border-top: 0.3em solid var(--o-caret-color, currentColor); margin-left: 4px; } .o_ace_view_editor .o_ace_view_editor_title > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; margin: 0 7.5px; } .o_ace_view_editor .o_ace_view_editor_title > *.o_include_option { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; font-size: 11px; } .o_ace_view_editor .o_ace_view_editor_title > *.o_include_option > .form-check { margin-right: 7.5px; } .o_ace_view_editor .o_ace_view_editor_title > *.o_res_list { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-width: 60px; } .o_ace_view_editor #ace-view-id { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; padding: 7.5px 15px; background-color: #4a4d40; } .o_ace_view_editor #ace-view-id .o_ace_editor_resource_info { color: #ebecee; } .o_ace_view_editor #ace-view-editor { height: 70%; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; } .o_ace_view_editor #ace-view-editor .ace_gutter { cursor: ew-resize; } .o_ace_view_editor #ace-view-editor .ace_gutter .ace_gutter-cell.o_error { position: relative; } .o_ace_view_editor #ace-view-editor .ace_gutter .ace_gutter-cell.o_error::before { position: absolute; top: -100vh; left: auto; bottom: -100vh; right: 0; content: ""; z-index: 1000; display: -webkit-box; display: -webkit-flex; display: flex; background-color: #e6586c; color: white; font-size: 1.2em; align-items: center; justify-content: center; cursor: help; width: 2px; } .o_ace_view_editor #ace-view-editor .ace_gutter .ace_gutter-cell.o_error::after { position: absolute; top: -100%; left: 0; bottom: -100%; right: 0; content: ""; z-index: 1000; display: -webkit-box; display: -webkit-flex; display: flex; background-color: #e6586c; color: white; font-size: 1.2em; align-items: center; justify-content: center; cursor: help; font-family: FontAwesome; content: "\f071"; } .o_ace_view_editor #ace-view-editor .ace_resize_bar { position: absolute; top: auto; left: auto; bottom: auto; right: 0; width: 25px; height: 100%; cursor: ew-resize; } .o_ace_view_editor_resizing iframe { pointer-events: none; } .o_ace_error_popover { max-width: 40vw; } .o_ace_error_popover .popover-body { background-color: #4a4d40; color: #ebecee; } .o_ace_error_popover.bs-popover-left .arrow::after { border-left-color: #4a4d40; } .o_ace_error_popover.bs-popover-right .arrow::after { border-right-color: #4a4d40; } .o_ace_error_popover code { display: block; max-width: 100%; overflow-x: auto; white-space: pre; color: cyan; } .o_ace_select2_dropdown { width: auto !important; padding-top: 4px; font-family: monospace !important; } .o_ace_select2_dropdown > .select2-results { max-height: none; max-height: 70vh; } .o_ace_select2_dropdown > .select2-results .select2-result-label { padding-top: 1px; padding-bottom: 2px; } .o_ace_select2_dropdown > .select2-results .select2-result-label > .o_ace_select2_result { padding: 0; font-size: 12px; white-space: nowrap; } .o_nocontent_help { pointer-events: auto; max-width: 650px; margin: auto; padding: 15px; z-index: 1000; text-align: center; color: #495057; font-size: 115%; } .o_nocontent_help > p:first-of-type { margin-top: 0; color: #212529; font-weight: bold; font-size: 125%; } .o_nocontent_help a { cursor: pointer; } .o_we_search_prompt { position: relative; min-height: 250px; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; -webkit-box-pack: start; justify-content: flex-start; } .o_we_search_prompt > h2, .o_we_search_prompt > .h2 { max-width: 500px; text-align: center; margin-left: 150px; } .o_we_search_prompt::before { transform: scale(-1, 1); content: ""; position: absolute; top: 0; left: 50px; bottom: auto; right: auto; width: 100px; height: 150px; opacity: .5; filter: var(--WebEditor__SearchPromptArrow-filter, invert(0)); background-image: url("/web_editor/static/src/img/curved_arrow.svg"); background-size: 100%; background-repeat: no-repeat; } @media (max-width: 767.98px) { odoo-wysiwyg-container .panel-heading.note-toolbar { overflow-x: auto; } odoo-wysiwyg-container .btn-group { position: static; } .o_technical_modal.o_web_editor_dialog { z-index: 2001; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog { max-width: inherit !important; z-index: 2001; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-dialog, .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .model-content { height: 100%; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .nav .nav-item.search { width: 100%; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .nav .nav-item.search .btn-group { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-around; padding: 5px; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .font-icons-icons { text-align: center; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .form-control.o_we_search { height: inherit; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .o_we_existing_attachments > .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .o_we_existing_attachments > .row > .o_existing_attachment_cell { flex: initial; max-width: 100%; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .o_we_existing_attachments > .row > .o_existing_attachment_cell > .o_existing_attachment_remove { opacity: inherit; top: 10px; } } blockquote { padding: 0.5rem 1rem; border-left: 5px solid; border-color: #D4E2F0; font-style: italic; } .bg-o-color-1 { background-color: #0075C2 !important; color: #FFFFFF; } .bg-o-color-1 .text-muted, .o_colored_level .bg-o-color-1 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } a.bg-o-color-1:hover, a.bg-o-color-1:focus, button.bg-o-color-1:hover, button.bg-o-color-1:focus { background-color: #00568f !important; color: #FFFFFF; } .text-o-color-1 { color: #0075C2 !important; } a.text-o-color-1:hover, a.text-o-color-1:focus { color: #00375c !important; } .bg-o-color-2 { background-color: #003557 !important; color: #FFFFFF; } .bg-o-color-2 .text-muted, .o_colored_level .bg-o-color-2 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } a.bg-o-color-2:hover, a.bg-o-color-2:focus, button.bg-o-color-2:hover, button.bg-o-color-2:focus { background-color: #001624 !important; color: #FFFFFF; } .text-o-color-2 { color: #003557 !important; } a.text-o-color-2:hover, a.text-o-color-2:focus { color: black !important; } .bg-o-color-3 { background-color: #F6F6F6 !important; color: #142536; } .bg-o-color-3 .text-muted, .o_colored_level .bg-o-color-3 .text-muted { color: rgba(20, 37, 54, 0.7) !important; } a.bg-o-color-3:hover, a.bg-o-color-3:focus, button.bg-o-color-3:hover, button.bg-o-color-3:focus { background-color: #dddddd !important; color: #142536; } .text-o-color-3 { color: #F6F6F6 !important; } a.text-o-color-3:hover, a.text-o-color-3:focus { color: #c3c3c3 !important; } .bg-o-color-4 { background-color: #FFFFFF !important; color: #142536; } .bg-o-color-4 .text-muted, .o_colored_level .bg-o-color-4 .text-muted { color: rgba(20, 37, 54, 0.7) !important; } a.bg-o-color-4:hover, a.bg-o-color-4:focus, button.bg-o-color-4:hover, button.bg-o-color-4:focus { background-color: #e6e6e6 !important; color: #142536; } .text-o-color-4 { color: #FFFFFF !important; } a.text-o-color-4:hover, a.text-o-color-4:focus { color: #cccccc !important; } .bg-o-color-5 { background-color: #4375A6 !important; color: #FFFFFF; } .bg-o-color-5 .text-muted, .o_colored_level .bg-o-color-5 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } a.bg-o-color-5:hover, a.bg-o-color-5:focus, button.bg-o-color-5:hover, button.bg-o-color-5:focus { background-color: #345b82 !important; color: #FFFFFF; } .text-o-color-5 { color: #4375A6 !important; } a.text-o-color-5:hover, a.text-o-color-5:focus { color: #26425d !important; } .o_cc .dropdown-menu .dropdown-item, .o_cc .o_dropdown_menu .dropdown-item, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item, .o_footer .s_popup .dropdown-menu .dropdown-item, .o_footer .s_popup .o_dropdown_menu .dropdown-item, .o_cc .dropdown-menu .dropdown-item h6, .o_cc .o_dropdown_menu .dropdown-item h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item h6, .o_footer .s_popup .dropdown-menu .dropdown-item h6, .o_footer .s_popup .o_dropdown_menu .dropdown-item h6, .o_cc .dropdown-menu .dropdown-item .h6, .o_cc .o_dropdown_menu .dropdown-item .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item .h6, .o_footer .s_popup .dropdown-menu .dropdown-item .h6, .o_footer .s_popup .o_dropdown_menu .dropdown-item .h6, .o_colored_level .o_cc .dropdown-menu .dropdown-item, .o_colored_level .o_cc .dropdown-menu .dropdown-item h6 { color: #212529 !important; } .o_cc .dropdown-menu .dropdown-item:hover, .o_cc .o_dropdown_menu .dropdown-item:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:hover, .o_footer .s_popup .dropdown-menu .dropdown-item:hover, .o_footer .s_popup .o_dropdown_menu .dropdown-item:hover, .o_cc .dropdown-menu .dropdown-item:focus, .o_cc .o_dropdown_menu .dropdown-item:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:focus, .o_footer .s_popup .dropdown-menu .dropdown-item:focus, .o_footer .s_popup .o_dropdown_menu .dropdown-item:focus, .o_cc .dropdown-menu .dropdown-item h6:hover, .o_cc .o_dropdown_menu .dropdown-item h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item h6:hover, .o_footer .s_popup .dropdown-menu .dropdown-item h6:hover, .o_footer .s_popup .o_dropdown_menu .dropdown-item h6:hover, .o_cc .dropdown-menu .dropdown-item .h6:hover, .o_cc .o_dropdown_menu .dropdown-item .h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item .h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item .h6:hover, .o_footer .s_popup .dropdown-menu .dropdown-item .h6:hover, .o_footer .s_popup .o_dropdown_menu .dropdown-item .h6:hover, .o_cc .dropdown-menu .dropdown-item h6:focus, .o_cc .o_dropdown_menu .dropdown-item h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item h6:focus, .o_footer .s_popup .dropdown-menu .dropdown-item h6:focus, .o_footer .s_popup .o_dropdown_menu .dropdown-item h6:focus, .o_cc .dropdown-menu .dropdown-item .h6:focus, .o_cc .o_dropdown_menu .dropdown-item .h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item .h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item .h6:focus, .o_footer .s_popup .dropdown-menu .dropdown-item .h6:focus, .o_footer .s_popup .o_dropdown_menu .dropdown-item .h6:focus, .o_colored_level .o_cc .dropdown-menu .dropdown-item:hover, .o_colored_level .o_cc .dropdown-menu .dropdown-item:focus, .o_colored_level .o_cc .dropdown-menu .dropdown-item h6:hover, .o_colored_level .o_cc .dropdown-menu .dropdown-item h6:focus { color: #1e2125 !important; } .o_cc .dropdown-menu .dropdown-item.disabled, .o_cc .o_dropdown_menu .dropdown-item.disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.disabled, .o_footer .s_popup .dropdown-menu .dropdown-item.disabled, .o_footer .s_popup .o_dropdown_menu .dropdown-item.disabled, .o_cc .dropdown-menu .dropdown-item.disabled h6, .o_cc .o_dropdown_menu .dropdown-item.disabled h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.disabled h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.disabled h6, .o_footer .s_popup .dropdown-menu .dropdown-item.disabled h6, .o_footer .s_popup .o_dropdown_menu .dropdown-item.disabled h6, .o_cc .dropdown-menu .dropdown-item.disabled .h6, .o_cc .o_dropdown_menu .dropdown-item.disabled .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.disabled .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.disabled .h6, .o_footer .s_popup .dropdown-menu .dropdown-item.disabled .h6, .o_footer .s_popup .o_dropdown_menu .dropdown-item.disabled .h6, .o_cc .dropdown-menu .dropdown-item:disabled, .o_cc .o_dropdown_menu .dropdown-item:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:disabled, .o_footer .s_popup .dropdown-menu .dropdown-item:disabled, .o_footer .s_popup .o_dropdown_menu .dropdown-item:disabled, .o_cc .dropdown-menu .dropdown-item.o_wysiwyg_loader, .o_cc .o_dropdown_menu .dropdown-item.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.o_wysiwyg_loader, .o_footer .s_popup .dropdown-menu .dropdown-item.o_wysiwyg_loader, .o_footer .s_popup .o_dropdown_menu .dropdown-item.o_wysiwyg_loader, .o_cc .dropdown-menu .dropdown-item:disabled h6, .o_cc .o_dropdown_menu .dropdown-item:disabled h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:disabled h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:disabled h6, .o_footer .s_popup .dropdown-menu .dropdown-item:disabled h6, .o_footer .s_popup .o_dropdown_menu .dropdown-item:disabled h6, .o_cc .dropdown-menu .dropdown-item.o_wysiwyg_loader h6, .o_cc .o_dropdown_menu .dropdown-item.o_wysiwyg_loader h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.o_wysiwyg_loader h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.o_wysiwyg_loader h6, .o_footer .s_popup .dropdown-menu .dropdown-item.o_wysiwyg_loader h6, .o_footer .s_popup .o_dropdown_menu .dropdown-item.o_wysiwyg_loader h6, .o_cc .dropdown-menu .dropdown-item:disabled .h6, .o_cc .o_dropdown_menu .dropdown-item:disabled .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:disabled .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:disabled .h6, .o_footer .s_popup .dropdown-menu .dropdown-item:disabled .h6, .o_footer .s_popup .o_dropdown_menu .dropdown-item:disabled .h6, .o_cc .dropdown-menu .dropdown-item.o_wysiwyg_loader .h6, .o_cc .o_dropdown_menu .dropdown-item.o_wysiwyg_loader .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.o_wysiwyg_loader .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.o_wysiwyg_loader .h6, .o_footer .s_popup .dropdown-menu .dropdown-item.o_wysiwyg_loader .h6, .o_footer .s_popup .o_dropdown_menu .dropdown-item.o_wysiwyg_loader .h6, .o_colored_level .o_cc .dropdown-menu .dropdown-item.disabled, .o_colored_level .o_cc .dropdown-menu .dropdown-item.disabled h6, .o_colored_level .o_cc .dropdown-menu .dropdown-item:disabled, .o_colored_level .o_cc .dropdown-menu .dropdown-item:disabled h6 { color: #93B5D7 !important; } .o_cc .dropdown-menu .dropdown-item .btn-link, .o_cc .o_dropdown_menu .dropdown-item .btn-link, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item .btn-link, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item .btn-link, .o_footer .s_popup .dropdown-menu .dropdown-item .btn-link, .o_footer .s_popup .o_dropdown_menu .dropdown-item .btn-link, .o_colored_level .o_cc .dropdown-menu .dropdown-item .btn-link { color: #0063a3; } .o_cc .dropdown-menu .dropdown-item .btn-link:hover, .o_cc .o_dropdown_menu .dropdown-item .btn-link:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item .btn-link:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item .btn-link:hover, .o_footer .s_popup .dropdown-menu .dropdown-item .btn-link:hover, .o_footer .s_popup .o_dropdown_menu .dropdown-item .btn-link:hover, .o_colored_level .o_cc .dropdown-menu .dropdown-item .btn-link:hover { color: #003457; } .o_cc .dropdown-menu .dropdown-item .btn-link:disabled, .o_cc .o_dropdown_menu .dropdown-item .btn-link:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item .btn-link:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item .btn-link:disabled, .o_footer .s_popup .dropdown-menu .dropdown-item .btn-link:disabled, .o_footer .s_popup .o_dropdown_menu .dropdown-item .btn-link:disabled, .o_cc .dropdown-menu .dropdown-item .btn-link.o_wysiwyg_loader, .o_cc .o_dropdown_menu .dropdown-item .btn-link.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item .btn-link.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item .btn-link.o_wysiwyg_loader, .o_footer .s_popup .dropdown-menu .dropdown-item .btn-link.o_wysiwyg_loader, .o_footer .s_popup .o_dropdown_menu .dropdown-item .btn-link.o_wysiwyg_loader, .o_colored_level .o_cc .dropdown-menu .dropdown-item .btn-link:disabled { color: #4375A6; } .o_cc .dropdown-menu .dropdown-item-text .text-muted, .o_cc .o_dropdown_menu .dropdown-item-text .text-muted, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item-text .text-muted, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item-text .text-muted, .o_footer .s_popup .dropdown-menu .dropdown-item-text .text-muted, .o_footer .s_popup .o_dropdown_menu .dropdown-item-text .text-muted, .o_colored_level .o_cc .dropdown-menu .dropdown-item-text .text-muted { color: rgba(20, 37, 54, 0.7) !important; } .o_cc .dropdown-menu .dropdown-item-text .text-muted a, .o_cc .o_dropdown_menu .dropdown-item-text .text-muted a, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item-text .text-muted a, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item-text .text-muted a, .o_footer .s_popup .dropdown-menu .dropdown-item-text .text-muted a, .o_footer .s_popup .o_dropdown_menu .dropdown-item-text .text-muted a, .o_colored_level .o_cc .dropdown-menu .dropdown-item-text .text-muted a { color: #0063a3; } .o_cc .dropdown-menu .dropdown-item-text .text-muted a:hover, .o_cc .o_dropdown_menu .dropdown-item-text .text-muted a:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item-text .text-muted a:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item-text .text-muted a:hover, .o_footer .s_popup .dropdown-menu .dropdown-item-text .text-muted a:hover, .o_footer .s_popup .o_dropdown_menu .dropdown-item-text .text-muted a:hover, .o_colored_level .o_cc .dropdown-menu .dropdown-item-text .text-muted a:hover { color: #003457; } .o_cc1, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar, .o_footer .s_popup { background-color: #FFFFFF; color: #142536; } .o_cc1 .text-muted, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .text-muted, .o_footer .s_popup .text-muted, .o_colored_level .o_cc1 .text-muted { color: rgba(20, 37, 54, 0.7) !important; } .o_cc1 a:not(.btn), #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar a:not(.btn), .o_footer .s_popup a:not(.btn), .o_cc1 .btn-link, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-link, .o_footer .s_popup .btn-link, .o_colored_level .o_cc1 a:not(.btn), .o_colored_level .o_cc1 .btn-link { color: #0063a3; } .o_cc1 a:not(.btn):hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar a:not(.btn):hover, .o_footer .s_popup a:not(.btn):hover, .o_cc1 .btn-link:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-link:hover, .o_footer .s_popup .btn-link:hover, .o_colored_level .o_cc1 a:not(.btn):hover, .o_colored_level .o_cc1 .btn-link:hover { color: #004776; } .o_cc1 .btn-fill-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary, .o_footer .s_popup .btn-fill-primary, .o_cc1 .btn-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary, .o_footer .s_popup .btn-primary, .o_colored_level .o_cc1 .btn-fill-primary { color: #FFFFFF; background-color: #0075C2; border-color: #0075C2; } .o_cc1 .btn-fill-primary:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:hover, .o_footer .s_popup .btn-fill-primary:hover, .o_cc1 .btn-primary:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary:hover, .o_footer .s_popup .btn-primary:hover, .o_colored_level .o_cc1 .btn-fill-primary:hover { color: #FFFFFF; background-color: #0063a5; border-color: #005e9b; } .btn-check:focus + .o_cc1 .btn-fill-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:focus + .navbar .btn-fill-primary, .o_footer .btn-check:focus + .s_popup .btn-fill-primary, .btn-check:focus + .o_cc1 .btn-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:focus + .navbar .btn-primary, .o_footer .btn-check:focus + .s_popup .btn-primary, .o_cc1 .btn-fill-primary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:focus, .o_footer .s_popup .btn-fill-primary:focus, .o_cc1 .btn-primary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary:focus, .o_footer .s_popup .btn-primary:focus, .btn-check:focus + .o_colored_level .o_cc1 .btn-fill-primary, .btn-check:focus + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary, .btn-check:focus + .o_colored_level .o_footer .s_popup .btn-fill-primary, .o_colored_level .o_cc1 .btn-fill-primary:focus { color: #FFFFFF; background-color: #0063a5; border-color: #005e9b; box-shadow: 0 0 0 0.25rem rgba(38, 138, 203, 0.5); } .btn-check:checked + .o_cc1 .btn-fill-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:checked + .navbar .btn-fill-primary, .o_footer .btn-check:checked + .s_popup .btn-fill-primary, .btn-check:checked + .o_cc1 .btn-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:checked + .navbar .btn-primary, .o_footer .btn-check:checked + .s_popup .btn-primary, .btn-check:active + .o_cc1 .btn-fill-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:active + .navbar .btn-fill-primary, .o_footer .btn-check:active + .s_popup .btn-fill-primary, .btn-check:active + .o_cc1 .btn-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:active + .navbar .btn-primary, .o_footer .btn-check:active + .s_popup .btn-primary, .o_cc1 .btn-fill-primary:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:active, .o_footer .s_popup .btn-fill-primary:active, .o_cc1 .btn-primary:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary:active, .o_footer .s_popup .btn-primary:active, .o_cc1 .btn-fill-primary.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary.active, .o_footer .s_popup .btn-fill-primary.active, .o_cc1 .active.btn-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .active.btn-primary, .o_footer .s_popup .active.btn-primary, .show > .o_cc1 .btn-fill-primary.dropdown-toggle, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary.dropdown-toggle, .o_footer .show > .s_popup .btn-fill-primary.dropdown-toggle, .show > .o_cc1 .dropdown-toggle.btn-primary, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-toggle.btn-primary, .o_footer .show > .s_popup .dropdown-toggle.btn-primary, .btn-check:checked + .o_colored_level .o_cc1 .btn-fill-primary, .btn-check:checked + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary, .btn-check:checked + .o_colored_level .o_footer .s_popup .btn-fill-primary, .btn-check:active + .o_colored_level .o_cc1 .btn-fill-primary, .btn-check:active + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary, .btn-check:active + .o_colored_level .o_footer .s_popup .btn-fill-primary, .o_colored_level .o_cc1 .btn-fill-primary:active, .o_colored_level .o_cc1 .btn-fill-primary.active, .show > .o_colored_level .o_cc1 .btn-fill-primary.dropdown-toggle, .show > .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary.dropdown-toggle, .show > .o_colored_level .o_footer .s_popup .btn-fill-primary.dropdown-toggle { color: #FFFFFF; background-color: #005e9b; border-color: #005892; } .btn-check:checked + .o_cc1 .btn-fill-primary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:checked + .navbar .btn-fill-primary:focus, .o_footer .btn-check:checked + .s_popup .btn-fill-primary:focus, .btn-check:checked + .o_cc1 .btn-primary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:checked + .navbar .btn-primary:focus, .o_footer .btn-check:checked + .s_popup .btn-primary:focus, .btn-check:active + .o_cc1 .btn-fill-primary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:active + .navbar .btn-fill-primary:focus, .o_footer .btn-check:active + .s_popup .btn-fill-primary:focus, .btn-check:active + .o_cc1 .btn-primary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:active + .navbar .btn-primary:focus, .o_footer .btn-check:active + .s_popup .btn-primary:focus, .o_cc1 .btn-fill-primary:active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:active:focus, .o_footer .s_popup .btn-fill-primary:active:focus, .o_cc1 .btn-primary:active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary:active:focus, .o_footer .s_popup .btn-primary:active:focus, .o_cc1 .btn-fill-primary.active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary.active:focus, .o_footer .s_popup .btn-fill-primary.active:focus, .o_cc1 .active.btn-primary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .active.btn-primary:focus, .o_footer .s_popup .active.btn-primary:focus, .show > .o_cc1 .btn-fill-primary.dropdown-toggle:focus, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary.dropdown-toggle:focus, .o_footer .show > .s_popup .btn-fill-primary.dropdown-toggle:focus, .show > .o_cc1 .dropdown-toggle.btn-primary:focus, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-toggle.btn-primary:focus, .o_footer .show > .s_popup .dropdown-toggle.btn-primary:focus, .btn-check:checked + .o_colored_level .o_cc1 .btn-fill-primary:focus, .btn-check:checked + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:focus, .btn-check:checked + .o_colored_level .o_footer .s_popup .btn-fill-primary:focus, .btn-check:active + .o_colored_level .o_cc1 .btn-fill-primary:focus, .btn-check:active + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:focus, .btn-check:active + .o_colored_level .o_footer .s_popup .btn-fill-primary:focus, .o_colored_level .o_cc1 .btn-fill-primary:active:focus, .o_colored_level .o_cc1 .btn-fill-primary.active:focus, .show > .o_colored_level .o_cc1 .btn-fill-primary.dropdown-toggle:focus, .show > .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary.dropdown-toggle:focus, .show > .o_colored_level .o_footer .s_popup .btn-fill-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(38, 138, 203, 0.5); } .o_cc1 .btn-fill-primary:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:disabled, .o_footer .s_popup .btn-fill-primary:disabled, .o_cc1 .btn-fill-primary.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary.o_wysiwyg_loader, .o_footer .s_popup .btn-fill-primary.o_wysiwyg_loader, .o_cc1 .btn-primary:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary:disabled, .o_footer .s_popup .btn-primary:disabled, .o_cc1 .btn-primary.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary.o_wysiwyg_loader, .o_footer .s_popup .btn-primary.o_wysiwyg_loader, .o_cc1 .btn-fill-primary.disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary.disabled, .o_footer .s_popup .btn-fill-primary.disabled, .o_cc1 .disabled.btn-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .disabled.btn-primary, .o_footer .s_popup .disabled.btn-primary, .o_colored_level .o_cc1 .btn-fill-primary:disabled, .o_colored_level .o_cc1 .btn-fill-primary.disabled { color: #FFFFFF; background-color: #0075C2; border-color: #0075C2; } .o_cc1 .btn-outline-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary, .o_footer .s_popup .btn-outline-primary, .o_colored_level .o_cc1 .btn-outline-primary { color: #0075C2; border-color: #0075C2; } .o_cc1 .btn-outline-primary:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:hover, .o_footer .s_popup .btn-outline-primary:hover, .o_colored_level .o_cc1 .btn-outline-primary:hover { color: #FFFFFF; background-color: #0075C2; border-color: #0075C2; } .btn-check:focus + .o_cc1 .btn-outline-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:focus + .navbar .btn-outline-primary, .o_footer .btn-check:focus + .s_popup .btn-outline-primary, .o_cc1 .btn-outline-primary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:focus, .o_footer .s_popup .btn-outline-primary:focus, .btn-check:focus + .o_colored_level .o_cc1 .btn-outline-primary, .btn-check:focus + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary, .btn-check:focus + .o_colored_level .o_footer .s_popup .btn-outline-primary, .o_colored_level .o_cc1 .btn-outline-primary:focus { box-shadow: 0 0 0 0.25rem rgba(0, 117, 194, 0.5); } .btn-check:checked + .o_cc1 .btn-outline-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:checked + .navbar .btn-outline-primary, .o_footer .btn-check:checked + .s_popup .btn-outline-primary, .btn-check:active + .o_cc1 .btn-outline-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:active + .navbar .btn-outline-primary, .o_footer .btn-check:active + .s_popup .btn-outline-primary, .o_cc1 .btn-outline-primary:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:active, .o_footer .s_popup .btn-outline-primary:active, .o_cc1 .btn-outline-primary.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary.active, .o_footer .s_popup .btn-outline-primary.active, .o_cc1 .btn-outline-primary.dropdown-toggle.show, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary.dropdown-toggle.show, .o_footer .s_popup .btn-outline-primary.dropdown-toggle.show, .btn-check:checked + .o_colored_level .o_cc1 .btn-outline-primary, .btn-check:checked + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary, .btn-check:checked + .o_colored_level .o_footer .s_popup .btn-outline-primary, .btn-check:active + .o_colored_level .o_cc1 .btn-outline-primary, .btn-check:active + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary, .btn-check:active + .o_colored_level .o_footer .s_popup .btn-outline-primary, .o_colored_level .o_cc1 .btn-outline-primary:active, .o_colored_level .o_cc1 .btn-outline-primary.active, .o_colored_level .o_cc1 .btn-outline-primary.dropdown-toggle.show { color: #FFFFFF; background-color: #0075C2; border-color: #0075C2; } .btn-check:checked + .o_cc1 .btn-outline-primary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:checked + .navbar .btn-outline-primary:focus, .o_footer .btn-check:checked + .s_popup .btn-outline-primary:focus, .btn-check:active + .o_cc1 .btn-outline-primary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:active + .navbar .btn-outline-primary:focus, .o_footer .btn-check:active + .s_popup .btn-outline-primary:focus, .o_cc1 .btn-outline-primary:active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:active:focus, .o_footer .s_popup .btn-outline-primary:active:focus, .o_cc1 .btn-outline-primary.active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary.active:focus, .o_footer .s_popup .btn-outline-primary.active:focus, .o_cc1 .btn-outline-primary.dropdown-toggle.show:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary.dropdown-toggle.show:focus, .o_footer .s_popup .btn-outline-primary.dropdown-toggle.show:focus, .btn-check:checked + .o_colored_level .o_cc1 .btn-outline-primary:focus, .btn-check:checked + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:focus, .btn-check:checked + .o_colored_level .o_footer .s_popup .btn-outline-primary:focus, .btn-check:active + .o_colored_level .o_cc1 .btn-outline-primary:focus, .btn-check:active + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:focus, .btn-check:active + .o_colored_level .o_footer .s_popup .btn-outline-primary:focus, .o_colored_level .o_cc1 .btn-outline-primary:active:focus, .o_colored_level .o_cc1 .btn-outline-primary.active:focus, .o_colored_level .o_cc1 .btn-outline-primary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(0, 117, 194, 0.5); } .o_cc1 .btn-outline-primary:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:disabled, .o_footer .s_popup .btn-outline-primary:disabled, .o_cc1 .btn-outline-primary.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary.o_wysiwyg_loader, .o_footer .s_popup .btn-outline-primary.o_wysiwyg_loader, .o_cc1 .btn-outline-primary.disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary.disabled, .o_footer .s_popup .btn-outline-primary.disabled, .o_colored_level .o_cc1 .btn-outline-primary:disabled, .o_colored_level .o_cc1 .btn-outline-primary.disabled { color: #0075C2; background-color: transparent; } .o_cc1 .btn-fill-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary, .o_footer .s_popup .btn-fill-secondary, .o_cc1 .btn-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary, .o_footer .s_popup .btn-secondary, .o_colored_level .o_cc1 .btn-fill-secondary { color: #FFFFFF; background-color: #003557; border-color: #003557; } .o_cc1 .btn-fill-secondary:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:hover, .o_footer .s_popup .btn-fill-secondary:hover, .o_cc1 .btn-secondary:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary:hover, .o_footer .s_popup .btn-secondary:hover, .o_colored_level .o_cc1 .btn-fill-secondary:hover { color: #FFFFFF; background-color: #002d4a; border-color: #002a46; } .btn-check:focus + .o_cc1 .btn-fill-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:focus + .navbar .btn-fill-secondary, .o_footer .btn-check:focus + .s_popup .btn-fill-secondary, .btn-check:focus + .o_cc1 .btn-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:focus + .navbar .btn-secondary, .o_footer .btn-check:focus + .s_popup .btn-secondary, .o_cc1 .btn-fill-secondary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:focus, .o_footer .s_popup .btn-fill-secondary:focus, .o_cc1 .btn-secondary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary:focus, .o_footer .s_popup .btn-secondary:focus, .btn-check:focus + .o_colored_level .o_cc1 .btn-fill-secondary, .btn-check:focus + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary, .btn-check:focus + .o_colored_level .o_footer .s_popup .btn-fill-secondary, .o_colored_level .o_cc1 .btn-fill-secondary:focus { color: #FFFFFF; background-color: #002d4a; border-color: #002a46; box-shadow: 0 0 0 0.25rem rgba(38, 83, 112, 0.5); } .btn-check:checked + .o_cc1 .btn-fill-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:checked + .navbar .btn-fill-secondary, .o_footer .btn-check:checked + .s_popup .btn-fill-secondary, .btn-check:checked + .o_cc1 .btn-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:checked + .navbar .btn-secondary, .o_footer .btn-check:checked + .s_popup .btn-secondary, .btn-check:active + .o_cc1 .btn-fill-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:active + .navbar .btn-fill-secondary, .o_footer .btn-check:active + .s_popup .btn-fill-secondary, .btn-check:active + .o_cc1 .btn-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:active + .navbar .btn-secondary, .o_footer .btn-check:active + .s_popup .btn-secondary, .o_cc1 .btn-fill-secondary:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:active, .o_footer .s_popup .btn-fill-secondary:active, .o_cc1 .btn-secondary:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary:active, .o_footer .s_popup .btn-secondary:active, .o_cc1 .btn-fill-secondary.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary.active, .o_footer .s_popup .btn-fill-secondary.active, .o_cc1 .active.btn-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .active.btn-secondary, .o_footer .s_popup .active.btn-secondary, .show > .o_cc1 .btn-fill-secondary.dropdown-toggle, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary.dropdown-toggle, .o_footer .show > .s_popup .btn-fill-secondary.dropdown-toggle, .show > .o_cc1 .dropdown-toggle.btn-secondary, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-toggle.btn-secondary, .o_footer .show > .s_popup .dropdown-toggle.btn-secondary, .btn-check:checked + .o_colored_level .o_cc1 .btn-fill-secondary, .btn-check:checked + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary, .btn-check:checked + .o_colored_level .o_footer .s_popup .btn-fill-secondary, .btn-check:active + .o_colored_level .o_cc1 .btn-fill-secondary, .btn-check:active + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary, .btn-check:active + .o_colored_level .o_footer .s_popup .btn-fill-secondary, .o_colored_level .o_cc1 .btn-fill-secondary:active, .o_colored_level .o_cc1 .btn-fill-secondary.active, .show > .o_colored_level .o_cc1 .btn-fill-secondary.dropdown-toggle, .show > .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary.dropdown-toggle, .show > .o_colored_level .o_footer .s_popup .btn-fill-secondary.dropdown-toggle { color: #FFFFFF; background-color: #002a46; border-color: #002841; } .btn-check:checked + .o_cc1 .btn-fill-secondary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:checked + .navbar .btn-fill-secondary:focus, .o_footer .btn-check:checked + .s_popup .btn-fill-secondary:focus, .btn-check:checked + .o_cc1 .btn-secondary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:checked + .navbar .btn-secondary:focus, .o_footer .btn-check:checked + .s_popup .btn-secondary:focus, .btn-check:active + .o_cc1 .btn-fill-secondary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:active + .navbar .btn-fill-secondary:focus, .o_footer .btn-check:active + .s_popup .btn-fill-secondary:focus, .btn-check:active + .o_cc1 .btn-secondary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:active + .navbar .btn-secondary:focus, .o_footer .btn-check:active + .s_popup .btn-secondary:focus, .o_cc1 .btn-fill-secondary:active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:active:focus, .o_footer .s_popup .btn-fill-secondary:active:focus, .o_cc1 .btn-secondary:active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary:active:focus, .o_footer .s_popup .btn-secondary:active:focus, .o_cc1 .btn-fill-secondary.active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary.active:focus, .o_footer .s_popup .btn-fill-secondary.active:focus, .o_cc1 .active.btn-secondary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .active.btn-secondary:focus, .o_footer .s_popup .active.btn-secondary:focus, .show > .o_cc1 .btn-fill-secondary.dropdown-toggle:focus, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary.dropdown-toggle:focus, .o_footer .show > .s_popup .btn-fill-secondary.dropdown-toggle:focus, .show > .o_cc1 .dropdown-toggle.btn-secondary:focus, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-toggle.btn-secondary:focus, .o_footer .show > .s_popup .dropdown-toggle.btn-secondary:focus, .btn-check:checked + .o_colored_level .o_cc1 .btn-fill-secondary:focus, .btn-check:checked + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:focus, .btn-check:checked + .o_colored_level .o_footer .s_popup .btn-fill-secondary:focus, .btn-check:active + .o_colored_level .o_cc1 .btn-fill-secondary:focus, .btn-check:active + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:focus, .btn-check:active + .o_colored_level .o_footer .s_popup .btn-fill-secondary:focus, .o_colored_level .o_cc1 .btn-fill-secondary:active:focus, .o_colored_level .o_cc1 .btn-fill-secondary.active:focus, .show > .o_colored_level .o_cc1 .btn-fill-secondary.dropdown-toggle:focus, .show > .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary.dropdown-toggle:focus, .show > .o_colored_level .o_footer .s_popup .btn-fill-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(38, 83, 112, 0.5); } .o_cc1 .btn-fill-secondary:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:disabled, .o_footer .s_popup .btn-fill-secondary:disabled, .o_cc1 .btn-fill-secondary.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary.o_wysiwyg_loader, .o_footer .s_popup .btn-fill-secondary.o_wysiwyg_loader, .o_cc1 .btn-secondary:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary:disabled, .o_footer .s_popup .btn-secondary:disabled, .o_cc1 .btn-secondary.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary.o_wysiwyg_loader, .o_footer .s_popup .btn-secondary.o_wysiwyg_loader, .o_cc1 .btn-fill-secondary.disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary.disabled, .o_footer .s_popup .btn-fill-secondary.disabled, .o_cc1 .disabled.btn-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .disabled.btn-secondary, .o_footer .s_popup .disabled.btn-secondary, .o_colored_level .o_cc1 .btn-fill-secondary:disabled, .o_colored_level .o_cc1 .btn-fill-secondary.disabled { color: #FFFFFF; background-color: #003557; border-color: #003557; } .o_cc1 .btn-outline-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary, .o_footer .s_popup .btn-outline-secondary, .o_colored_level .o_cc1 .btn-outline-secondary { color: #003557; border-color: #003557; } .o_cc1 .btn-outline-secondary:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:hover, .o_footer .s_popup .btn-outline-secondary:hover, .o_colored_level .o_cc1 .btn-outline-secondary:hover { color: #FFFFFF; background-color: #003557; border-color: #003557; } .btn-check:focus + .o_cc1 .btn-outline-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:focus + .navbar .btn-outline-secondary, .o_footer .btn-check:focus + .s_popup .btn-outline-secondary, .o_cc1 .btn-outline-secondary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:focus, .o_footer .s_popup .btn-outline-secondary:focus, .btn-check:focus + .o_colored_level .o_cc1 .btn-outline-secondary, .btn-check:focus + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary, .btn-check:focus + .o_colored_level .o_footer .s_popup .btn-outline-secondary, .o_colored_level .o_cc1 .btn-outline-secondary:focus { box-shadow: 0 0 0 0.25rem rgba(0, 53, 87, 0.5); } .btn-check:checked + .o_cc1 .btn-outline-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:checked + .navbar .btn-outline-secondary, .o_footer .btn-check:checked + .s_popup .btn-outline-secondary, .btn-check:active + .o_cc1 .btn-outline-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:active + .navbar .btn-outline-secondary, .o_footer .btn-check:active + .s_popup .btn-outline-secondary, .o_cc1 .btn-outline-secondary:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:active, .o_footer .s_popup .btn-outline-secondary:active, .o_cc1 .btn-outline-secondary.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary.active, .o_footer .s_popup .btn-outline-secondary.active, .o_cc1 .btn-outline-secondary.dropdown-toggle.show, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary.dropdown-toggle.show, .o_footer .s_popup .btn-outline-secondary.dropdown-toggle.show, .btn-check:checked + .o_colored_level .o_cc1 .btn-outline-secondary, .btn-check:checked + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary, .btn-check:checked + .o_colored_level .o_footer .s_popup .btn-outline-secondary, .btn-check:active + .o_colored_level .o_cc1 .btn-outline-secondary, .btn-check:active + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary, .btn-check:active + .o_colored_level .o_footer .s_popup .btn-outline-secondary, .o_colored_level .o_cc1 .btn-outline-secondary:active, .o_colored_level .o_cc1 .btn-outline-secondary.active, .o_colored_level .o_cc1 .btn-outline-secondary.dropdown-toggle.show { color: #FFFFFF; background-color: #003557; border-color: #003557; } .btn-check:checked + .o_cc1 .btn-outline-secondary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:checked + .navbar .btn-outline-secondary:focus, .o_footer .btn-check:checked + .s_popup .btn-outline-secondary:focus, .btn-check:active + .o_cc1 .btn-outline-secondary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .btn-check:active + .navbar .btn-outline-secondary:focus, .o_footer .btn-check:active + .s_popup .btn-outline-secondary:focus, .o_cc1 .btn-outline-secondary:active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:active:focus, .o_footer .s_popup .btn-outline-secondary:active:focus, .o_cc1 .btn-outline-secondary.active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary.active:focus, .o_footer .s_popup .btn-outline-secondary.active:focus, .o_cc1 .btn-outline-secondary.dropdown-toggle.show:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary.dropdown-toggle.show:focus, .o_footer .s_popup .btn-outline-secondary.dropdown-toggle.show:focus, .btn-check:checked + .o_colored_level .o_cc1 .btn-outline-secondary:focus, .btn-check:checked + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:focus, .btn-check:checked + .o_colored_level .o_footer .s_popup .btn-outline-secondary:focus, .btn-check:active + .o_colored_level .o_cc1 .btn-outline-secondary:focus, .btn-check:active + .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:focus, .btn-check:active + .o_colored_level .o_footer .s_popup .btn-outline-secondary:focus, .o_colored_level .o_cc1 .btn-outline-secondary:active:focus, .o_colored_level .o_cc1 .btn-outline-secondary.active:focus, .o_colored_level .o_cc1 .btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(0, 53, 87, 0.5); } .o_cc1 .btn-outline-secondary:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:disabled, .o_footer .s_popup .btn-outline-secondary:disabled, .o_cc1 .btn-outline-secondary.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary.o_wysiwyg_loader, .o_footer .s_popup .btn-outline-secondary.o_wysiwyg_loader, .o_cc1 .btn-outline-secondary.disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary.disabled, .o_footer .s_popup .btn-outline-secondary.disabled, .o_colored_level .o_cc1 .btn-outline-secondary:disabled, .o_colored_level .o_cc1 .btn-outline-secondary.disabled { color: #003557; background-color: transparent; } .o_cc1 .nav-pills .nav-link.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .nav-pills .nav-link.active, .o_footer .s_popup .nav-pills .nav-link.active, .o_cc1 .nav-pills .show > .nav-link, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .nav-pills .show > .nav-link, .o_footer .s_popup .nav-pills .show > .nav-link, .o_colored_level .o_cc1 .nav-pills .nav-link.active, .o_colored_level .o_cc1 .nav-pills .show > .nav-link { background-color: #0075C2; color: #FFFFFF; } .o_cc1 .dropdown-menu .dropdown-item.active, .o_cc1 .o_dropdown_menu .dropdown-item.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.active, .o_footer .s_popup .dropdown-menu .dropdown-item.active, .o_footer .s_popup .o_dropdown_menu .dropdown-item.active, .o_cc1 .dropdown-menu .dropdown-item.active h6, .o_cc1 .o_dropdown_menu .dropdown-item.active h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.active h6, .o_footer .s_popup .dropdown-menu .dropdown-item.active h6, .o_footer .s_popup .o_dropdown_menu .dropdown-item.active h6, .o_cc1 .dropdown-menu .dropdown-item.active .h6, .o_cc1 .o_dropdown_menu .dropdown-item.active .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.active .h6, .o_footer .s_popup .dropdown-menu .dropdown-item.active .h6, .o_footer .s_popup .o_dropdown_menu .dropdown-item.active .h6, .o_cc1 .dropdown-menu .dropdown-item:active, .o_cc1 .o_dropdown_menu .dropdown-item:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:active, .o_footer .s_popup .dropdown-menu .dropdown-item:active, .o_footer .s_popup .o_dropdown_menu .dropdown-item:active, .o_cc1 .dropdown-menu .dropdown-item:active h6, .o_cc1 .o_dropdown_menu .dropdown-item:active h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:active h6, .o_footer .s_popup .dropdown-menu .dropdown-item:active h6, .o_footer .s_popup .o_dropdown_menu .dropdown-item:active h6, .o_cc1 .dropdown-menu .dropdown-item:active .h6, .o_cc1 .o_dropdown_menu .dropdown-item:active .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:active .h6, .o_footer .s_popup .dropdown-menu .dropdown-item:active .h6, .o_footer .s_popup .o_dropdown_menu .dropdown-item:active .h6, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item.active, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item.active h6, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item:active, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item:active h6 { background-color: #0075C2; color: #FFFFFF !important; } .o_cc1 .dropdown-menu .dropdown-item.active:hover, .o_cc1 .o_dropdown_menu .dropdown-item.active:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.active:hover, .o_footer .s_popup .dropdown-menu .dropdown-item.active:hover, .o_footer .s_popup .o_dropdown_menu .dropdown-item.active:hover, .o_cc1 .dropdown-menu .dropdown-item.active:focus, .o_cc1 .o_dropdown_menu .dropdown-item.active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.active:focus, .o_footer .s_popup .dropdown-menu .dropdown-item.active:focus, .o_footer .s_popup .o_dropdown_menu .dropdown-item.active:focus, .o_cc1 .dropdown-menu .dropdown-item.active h6:hover, .o_cc1 .o_dropdown_menu .dropdown-item.active h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.active h6:hover, .o_footer .s_popup .dropdown-menu .dropdown-item.active h6:hover, .o_footer .s_popup .o_dropdown_menu .dropdown-item.active h6:hover, .o_cc1 .dropdown-menu .dropdown-item.active .h6:hover, .o_cc1 .o_dropdown_menu .dropdown-item.active .h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active .h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.active .h6:hover, .o_footer .s_popup .dropdown-menu .dropdown-item.active .h6:hover, .o_footer .s_popup .o_dropdown_menu .dropdown-item.active .h6:hover, .o_cc1 .dropdown-menu .dropdown-item.active h6:focus, .o_cc1 .o_dropdown_menu .dropdown-item.active h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.active h6:focus, .o_footer .s_popup .dropdown-menu .dropdown-item.active h6:focus, .o_footer .s_popup .o_dropdown_menu .dropdown-item.active h6:focus, .o_cc1 .dropdown-menu .dropdown-item.active .h6:focus, .o_cc1 .o_dropdown_menu .dropdown-item.active .h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active .h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item.active .h6:focus, .o_footer .s_popup .dropdown-menu .dropdown-item.active .h6:focus, .o_footer .s_popup .o_dropdown_menu .dropdown-item.active .h6:focus, .o_cc1 .dropdown-menu .dropdown-item:active:hover, .o_cc1 .o_dropdown_menu .dropdown-item:active:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:active:hover, .o_footer .s_popup .dropdown-menu .dropdown-item:active:hover, .o_footer .s_popup .o_dropdown_menu .dropdown-item:active:hover, .o_cc1 .dropdown-menu .dropdown-item:active:focus, .o_cc1 .o_dropdown_menu .dropdown-item:active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:active:focus, .o_footer .s_popup .dropdown-menu .dropdown-item:active:focus, .o_footer .s_popup .o_dropdown_menu .dropdown-item:active:focus, .o_cc1 .dropdown-menu .dropdown-item:active h6:hover, .o_cc1 .o_dropdown_menu .dropdown-item:active h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:active h6:hover, .o_footer .s_popup .dropdown-menu .dropdown-item:active h6:hover, .o_footer .s_popup .o_dropdown_menu .dropdown-item:active h6:hover, .o_cc1 .dropdown-menu .dropdown-item:active .h6:hover, .o_cc1 .o_dropdown_menu .dropdown-item:active .h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active .h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:active .h6:hover, .o_footer .s_popup .dropdown-menu .dropdown-item:active .h6:hover, .o_footer .s_popup .o_dropdown_menu .dropdown-item:active .h6:hover, .o_cc1 .dropdown-menu .dropdown-item:active h6:focus, .o_cc1 .o_dropdown_menu .dropdown-item:active h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:active h6:focus, .o_footer .s_popup .dropdown-menu .dropdown-item:active h6:focus, .o_footer .s_popup .o_dropdown_menu .dropdown-item:active h6:focus, .o_cc1 .dropdown-menu .dropdown-item:active .h6:focus, .o_cc1 .o_dropdown_menu .dropdown-item:active .h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active .h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .o_dropdown_menu .dropdown-item:active .h6:focus, .o_footer .s_popup .dropdown-menu .dropdown-item:active .h6:focus, .o_footer .s_popup .o_dropdown_menu .dropdown-item:active .h6:focus, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item.active:hover, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item.active:focus, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item.active h6:hover, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item.active h6:focus, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item:active:hover, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item:active:focus, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item:active h6:hover, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item:active h6:focus { color: #FFFFFF !important; } .o_cc1 a.list-group-item, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar a.list-group-item, .o_footer .s_popup a.list-group-item, .o_colored_level .o_cc1 a.list-group-item { color: #0075C2; } .o_cc1 a.list-group-item.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar a.list-group-item.active, .o_footer .s_popup a.list-group-item.active, .o_colored_level .o_cc1 a.list-group-item.active { background-color: #0075C2; color: #FFFFFF; border-color: #0075C2; } .o_cc2 { background-color: #F6F6F6; color: #142536; } .o_cc2 .text-muted, .o_colored_level .o_cc2 .text-muted { color: rgba(20, 37, 54, 0.7) !important; } .o_cc2 h1, .o_cc2 .h1, .o_cc2 h2, .o_cc2 .h2, .o_cc2 h3, .o_cc2 .h3, .o_cc2 h4, .o_cc2 .h4, .o_cc2 h5, .o_cc2 .h5, .o_cc2 h6, .o_cc2 .h6, .o_colored_level .o_cc2 h1, .o_colored_level .o_cc2 h2, .o_colored_level .o_cc2 h3, .o_colored_level .o_cc2 h4, .o_colored_level .o_cc2 h5, .o_colored_level .o_cc2 h6 { color: #0075C2; } .o_cc2 a:not(.btn), .o_cc2 .btn-link, .o_colored_level .o_cc2 a:not(.btn), .o_colored_level .o_cc2 .btn-link { color: #005994; } .o_cc2 a:not(.btn):hover, .o_cc2 .btn-link:hover, .o_colored_level .o_cc2 a:not(.btn):hover, .o_colored_level .o_cc2 .btn-link:hover { color: #004776; } .o_cc2 .btn-fill-primary, .o_cc2 .btn-primary, .o_colored_level .o_cc2 .btn-fill-primary { color: #FFFFFF; background-color: #0075C2; border-color: #0075C2; } .o_cc2 .btn-fill-primary:hover, .o_cc2 .btn-primary:hover, .o_colored_level .o_cc2 .btn-fill-primary:hover { color: #FFFFFF; background-color: #0063a5; border-color: #005e9b; } .btn-check:focus + .o_cc2 .btn-fill-primary, .btn-check:focus + .o_cc2 .btn-primary, .o_cc2 .btn-fill-primary:focus, .o_cc2 .btn-primary:focus, .btn-check:focus + .o_colored_level .o_cc2 .btn-fill-primary, .o_colored_level .o_cc2 .btn-fill-primary:focus { color: #FFFFFF; background-color: #0063a5; border-color: #005e9b; box-shadow: 0 0 0 0.25rem rgba(38, 138, 203, 0.5); } .btn-check:checked + .o_cc2 .btn-fill-primary, .btn-check:checked + .o_cc2 .btn-primary, .btn-check:active + .o_cc2 .btn-fill-primary, .btn-check:active + .o_cc2 .btn-primary, .o_cc2 .btn-fill-primary:active, .o_cc2 .btn-primary:active, .o_cc2 .btn-fill-primary.active, .o_cc2 .active.btn-primary, .show > .o_cc2 .btn-fill-primary.dropdown-toggle, .show > .o_cc2 .dropdown-toggle.btn-primary, .btn-check:checked + .o_colored_level .o_cc2 .btn-fill-primary, .btn-check:active + .o_colored_level .o_cc2 .btn-fill-primary, .o_colored_level .o_cc2 .btn-fill-primary:active, .o_colored_level .o_cc2 .btn-fill-primary.active, .show > .o_colored_level .o_cc2 .btn-fill-primary.dropdown-toggle { color: #FFFFFF; background-color: #005e9b; border-color: #005892; } .btn-check:checked + .o_cc2 .btn-fill-primary:focus, .btn-check:checked + .o_cc2 .btn-primary:focus, .btn-check:active + .o_cc2 .btn-fill-primary:focus, .btn-check:active + .o_cc2 .btn-primary:focus, .o_cc2 .btn-fill-primary:active:focus, .o_cc2 .btn-primary:active:focus, .o_cc2 .btn-fill-primary.active:focus, .o_cc2 .active.btn-primary:focus, .show > .o_cc2 .btn-fill-primary.dropdown-toggle:focus, .show > .o_cc2 .dropdown-toggle.btn-primary:focus, .btn-check:checked + .o_colored_level .o_cc2 .btn-fill-primary:focus, .btn-check:active + .o_colored_level .o_cc2 .btn-fill-primary:focus, .o_colored_level .o_cc2 .btn-fill-primary:active:focus, .o_colored_level .o_cc2 .btn-fill-primary.active:focus, .show > .o_colored_level .o_cc2 .btn-fill-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(38, 138, 203, 0.5); } .o_cc2 .btn-fill-primary:disabled, .o_cc2 .btn-fill-primary.o_wysiwyg_loader, .o_cc2 .btn-primary:disabled, .o_cc2 .btn-primary.o_wysiwyg_loader, .o_cc2 .btn-fill-primary.disabled, .o_cc2 .disabled.btn-primary, .o_colored_level .o_cc2 .btn-fill-primary:disabled, .o_colored_level .o_cc2 .btn-fill-primary.disabled { color: #FFFFFF; background-color: #0075C2; border-color: #0075C2; } .o_cc2 .btn-outline-primary, .o_colored_level .o_cc2 .btn-outline-primary { color: #0075C2; border-color: #0075C2; } .o_cc2 .btn-outline-primary:hover, .o_colored_level .o_cc2 .btn-outline-primary:hover { color: #FFFFFF; background-color: #0075C2; border-color: #0075C2; } .btn-check:focus + .o_cc2 .btn-outline-primary, .o_cc2 .btn-outline-primary:focus, .btn-check:focus + .o_colored_level .o_cc2 .btn-outline-primary, .o_colored_level .o_cc2 .btn-outline-primary:focus { box-shadow: 0 0 0 0.25rem rgba(0, 117, 194, 0.5); } .btn-check:checked + .o_cc2 .btn-outline-primary, .btn-check:active + .o_cc2 .btn-outline-primary, .o_cc2 .btn-outline-primary:active, .o_cc2 .btn-outline-primary.active, .o_cc2 .btn-outline-primary.dropdown-toggle.show, .btn-check:checked + .o_colored_level .o_cc2 .btn-outline-primary, .btn-check:active + .o_colored_level .o_cc2 .btn-outline-primary, .o_colored_level .o_cc2 .btn-outline-primary:active, .o_colored_level .o_cc2 .btn-outline-primary.active, .o_colored_level .o_cc2 .btn-outline-primary.dropdown-toggle.show { color: #FFFFFF; background-color: #0075C2; border-color: #0075C2; } .btn-check:checked + .o_cc2 .btn-outline-primary:focus, .btn-check:active + .o_cc2 .btn-outline-primary:focus, .o_cc2 .btn-outline-primary:active:focus, .o_cc2 .btn-outline-primary.active:focus, .o_cc2 .btn-outline-primary.dropdown-toggle.show:focus, .btn-check:checked + .o_colored_level .o_cc2 .btn-outline-primary:focus, .btn-check:active + .o_colored_level .o_cc2 .btn-outline-primary:focus, .o_colored_level .o_cc2 .btn-outline-primary:active:focus, .o_colored_level .o_cc2 .btn-outline-primary.active:focus, .o_colored_level .o_cc2 .btn-outline-primary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(0, 117, 194, 0.5); } .o_cc2 .btn-outline-primary:disabled, .o_cc2 .btn-outline-primary.o_wysiwyg_loader, .o_cc2 .btn-outline-primary.disabled, .o_colored_level .o_cc2 .btn-outline-primary:disabled, .o_colored_level .o_cc2 .btn-outline-primary.disabled { color: #0075C2; background-color: transparent; } .o_cc2 .btn-fill-secondary, .o_cc2 .btn-secondary, .o_colored_level .o_cc2 .btn-fill-secondary { color: #FFFFFF; background-color: #003557; border-color: #003557; } .o_cc2 .btn-fill-secondary:hover, .o_cc2 .btn-secondary:hover, .o_colored_level .o_cc2 .btn-fill-secondary:hover { color: #FFFFFF; background-color: #002d4a; border-color: #002a46; } .btn-check:focus + .o_cc2 .btn-fill-secondary, .btn-check:focus + .o_cc2 .btn-secondary, .o_cc2 .btn-fill-secondary:focus, .o_cc2 .btn-secondary:focus, .btn-check:focus + .o_colored_level .o_cc2 .btn-fill-secondary, .o_colored_level .o_cc2 .btn-fill-secondary:focus { color: #FFFFFF; background-color: #002d4a; border-color: #002a46; box-shadow: 0 0 0 0.25rem rgba(38, 83, 112, 0.5); } .btn-check:checked + .o_cc2 .btn-fill-secondary, .btn-check:checked + .o_cc2 .btn-secondary, .btn-check:active + .o_cc2 .btn-fill-secondary, .btn-check:active + .o_cc2 .btn-secondary, .o_cc2 .btn-fill-secondary:active, .o_cc2 .btn-secondary:active, .o_cc2 .btn-fill-secondary.active, .o_cc2 .active.btn-secondary, .show > .o_cc2 .btn-fill-secondary.dropdown-toggle, .show > .o_cc2 .dropdown-toggle.btn-secondary, .btn-check:checked + .o_colored_level .o_cc2 .btn-fill-secondary, .btn-check:active + .o_colored_level .o_cc2 .btn-fill-secondary, .o_colored_level .o_cc2 .btn-fill-secondary:active, .o_colored_level .o_cc2 .btn-fill-secondary.active, .show > .o_colored_level .o_cc2 .btn-fill-secondary.dropdown-toggle { color: #FFFFFF; background-color: #002a46; border-color: #002841; } .btn-check:checked + .o_cc2 .btn-fill-secondary:focus, .btn-check:checked + .o_cc2 .btn-secondary:focus, .btn-check:active + .o_cc2 .btn-fill-secondary:focus, .btn-check:active + .o_cc2 .btn-secondary:focus, .o_cc2 .btn-fill-secondary:active:focus, .o_cc2 .btn-secondary:active:focus, .o_cc2 .btn-fill-secondary.active:focus, .o_cc2 .active.btn-secondary:focus, .show > .o_cc2 .btn-fill-secondary.dropdown-toggle:focus, .show > .o_cc2 .dropdown-toggle.btn-secondary:focus, .btn-check:checked + .o_colored_level .o_cc2 .btn-fill-secondary:focus, .btn-check:active + .o_colored_level .o_cc2 .btn-fill-secondary:focus, .o_colored_level .o_cc2 .btn-fill-secondary:active:focus, .o_colored_level .o_cc2 .btn-fill-secondary.active:focus, .show > .o_colored_level .o_cc2 .btn-fill-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(38, 83, 112, 0.5); } .o_cc2 .btn-fill-secondary:disabled, .o_cc2 .btn-fill-secondary.o_wysiwyg_loader, .o_cc2 .btn-secondary:disabled, .o_cc2 .btn-secondary.o_wysiwyg_loader, .o_cc2 .btn-fill-secondary.disabled, .o_cc2 .disabled.btn-secondary, .o_colored_level .o_cc2 .btn-fill-secondary:disabled, .o_colored_level .o_cc2 .btn-fill-secondary.disabled { color: #FFFFFF; background-color: #003557; border-color: #003557; } .o_cc2 .btn-outline-secondary, .o_colored_level .o_cc2 .btn-outline-secondary { color: #003557; border-color: #003557; } .o_cc2 .btn-outline-secondary:hover, .o_colored_level .o_cc2 .btn-outline-secondary:hover { color: #FFFFFF; background-color: #003557; border-color: #003557; } .btn-check:focus + .o_cc2 .btn-outline-secondary, .o_cc2 .btn-outline-secondary:focus, .btn-check:focus + .o_colored_level .o_cc2 .btn-outline-secondary, .o_colored_level .o_cc2 .btn-outline-secondary:focus { box-shadow: 0 0 0 0.25rem rgba(0, 53, 87, 0.5); } .btn-check:checked + .o_cc2 .btn-outline-secondary, .btn-check:active + .o_cc2 .btn-outline-secondary, .o_cc2 .btn-outline-secondary:active, .o_cc2 .btn-outline-secondary.active, .o_cc2 .btn-outline-secondary.dropdown-toggle.show, .btn-check:checked + .o_colored_level .o_cc2 .btn-outline-secondary, .btn-check:active + .o_colored_level .o_cc2 .btn-outline-secondary, .o_colored_level .o_cc2 .btn-outline-secondary:active, .o_colored_level .o_cc2 .btn-outline-secondary.active, .o_colored_level .o_cc2 .btn-outline-secondary.dropdown-toggle.show { color: #FFFFFF; background-color: #003557; border-color: #003557; } .btn-check:checked + .o_cc2 .btn-outline-secondary:focus, .btn-check:active + .o_cc2 .btn-outline-secondary:focus, .o_cc2 .btn-outline-secondary:active:focus, .o_cc2 .btn-outline-secondary.active:focus, .o_cc2 .btn-outline-secondary.dropdown-toggle.show:focus, .btn-check:checked + .o_colored_level .o_cc2 .btn-outline-secondary:focus, .btn-check:active + .o_colored_level .o_cc2 .btn-outline-secondary:focus, .o_colored_level .o_cc2 .btn-outline-secondary:active:focus, .o_colored_level .o_cc2 .btn-outline-secondary.active:focus, .o_colored_level .o_cc2 .btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(0, 53, 87, 0.5); } .o_cc2 .btn-outline-secondary:disabled, .o_cc2 .btn-outline-secondary.o_wysiwyg_loader, .o_cc2 .btn-outline-secondary.disabled, .o_colored_level .o_cc2 .btn-outline-secondary:disabled, .o_colored_level .o_cc2 .btn-outline-secondary.disabled { color: #003557; background-color: transparent; } .o_cc2 .nav-pills .nav-link.active, .o_cc2 .nav-pills .show > .nav-link, .o_colored_level .o_cc2 .nav-pills .nav-link.active, .o_colored_level .o_cc2 .nav-pills .show > .nav-link { background-color: #0075C2; color: #FFFFFF; } .o_cc2 .dropdown-menu .dropdown-item.active, .o_cc2 .o_dropdown_menu .dropdown-item.active, .o_cc2 .dropdown-menu .dropdown-item.active h6, .o_cc2 .o_dropdown_menu .dropdown-item.active h6, .o_cc2 .dropdown-menu .dropdown-item.active .h6, .o_cc2 .o_dropdown_menu .dropdown-item.active .h6, .o_cc2 .dropdown-menu .dropdown-item:active, .o_cc2 .o_dropdown_menu .dropdown-item:active, .o_cc2 .dropdown-menu .dropdown-item:active h6, .o_cc2 .o_dropdown_menu .dropdown-item:active h6, .o_cc2 .dropdown-menu .dropdown-item:active .h6, .o_cc2 .o_dropdown_menu .dropdown-item:active .h6, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item.active, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item.active h6, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item:active, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item:active h6 { background-color: #0075C2; color: #FFFFFF !important; } .o_cc2 .dropdown-menu .dropdown-item.active:hover, .o_cc2 .o_dropdown_menu .dropdown-item.active:hover, .o_cc2 .dropdown-menu .dropdown-item.active:focus, .o_cc2 .o_dropdown_menu .dropdown-item.active:focus, .o_cc2 .dropdown-menu .dropdown-item.active h6:hover, .o_cc2 .o_dropdown_menu .dropdown-item.active h6:hover, .o_cc2 .dropdown-menu .dropdown-item.active .h6:hover, .o_cc2 .o_dropdown_menu .dropdown-item.active .h6:hover, .o_cc2 .dropdown-menu .dropdown-item.active h6:focus, .o_cc2 .o_dropdown_menu .dropdown-item.active h6:focus, .o_cc2 .dropdown-menu .dropdown-item.active .h6:focus, .o_cc2 .o_dropdown_menu .dropdown-item.active .h6:focus, .o_cc2 .dropdown-menu .dropdown-item:active:hover, .o_cc2 .o_dropdown_menu .dropdown-item:active:hover, .o_cc2 .dropdown-menu .dropdown-item:active:focus, .o_cc2 .o_dropdown_menu .dropdown-item:active:focus, .o_cc2 .dropdown-menu .dropdown-item:active h6:hover, .o_cc2 .o_dropdown_menu .dropdown-item:active h6:hover, .o_cc2 .dropdown-menu .dropdown-item:active .h6:hover, .o_cc2 .o_dropdown_menu .dropdown-item:active .h6:hover, .o_cc2 .dropdown-menu .dropdown-item:active h6:focus, .o_cc2 .o_dropdown_menu .dropdown-item:active h6:focus, .o_cc2 .dropdown-menu .dropdown-item:active .h6:focus, .o_cc2 .o_dropdown_menu .dropdown-item:active .h6:focus, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item.active:hover, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item.active:focus, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item.active h6:hover, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item.active h6:focus, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item:active:hover, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item:active:focus, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item:active h6:hover, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item:active h6:focus { color: #FFFFFF !important; } .o_cc2 a.list-group-item, .o_colored_level .o_cc2 a.list-group-item { color: #0075C2; } .o_cc2 a.list-group-item.active, .o_colored_level .o_cc2 a.list-group-item.active { background-color: #0075C2; color: #FFFFFF; border-color: #0075C2; } .o_cc3 { background-color: #003557; color: #FFFFFF; } .o_cc3 .text-muted, .o_colored_level .o_cc3 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } .o_cc3 a:not(.btn), .o_cc3 .btn-link, .o_colored_level .o_cc3 a:not(.btn), .o_colored_level .o_cc3 .btn-link { color: #10a0ff; } .o_cc3 a:not(.btn):hover, .o_cc3 .btn-link:hover, .o_colored_level .o_cc3 a:not(.btn):hover, .o_colored_level .o_cc3 .btn-link:hover { color: #0075c2; } .o_cc3 .btn-fill-primary, .o_cc3 .btn-primary, .o_colored_level .o_cc3 .btn-fill-primary { color: #FFFFFF; background-color: #0075C2; border-color: #0075C2; } .o_cc3 .btn-fill-primary:hover, .o_cc3 .btn-primary:hover, .o_colored_level .o_cc3 .btn-fill-primary:hover { color: #FFFFFF; background-color: #0063a5; border-color: #005e9b; } .btn-check:focus + .o_cc3 .btn-fill-primary, .btn-check:focus + .o_cc3 .btn-primary, .o_cc3 .btn-fill-primary:focus, .o_cc3 .btn-primary:focus, .btn-check:focus + .o_colored_level .o_cc3 .btn-fill-primary, .o_colored_level .o_cc3 .btn-fill-primary:focus { color: #FFFFFF; background-color: #0063a5; border-color: #005e9b; box-shadow: 0 0 0 0.25rem rgba(38, 138, 203, 0.5); } .btn-check:checked + .o_cc3 .btn-fill-primary, .btn-check:checked + .o_cc3 .btn-primary, .btn-check:active + .o_cc3 .btn-fill-primary, .btn-check:active + .o_cc3 .btn-primary, .o_cc3 .btn-fill-primary:active, .o_cc3 .btn-primary:active, .o_cc3 .btn-fill-primary.active, .o_cc3 .active.btn-primary, .show > .o_cc3 .btn-fill-primary.dropdown-toggle, .show > .o_cc3 .dropdown-toggle.btn-primary, .btn-check:checked + .o_colored_level .o_cc3 .btn-fill-primary, .btn-check:active + .o_colored_level .o_cc3 .btn-fill-primary, .o_colored_level .o_cc3 .btn-fill-primary:active, .o_colored_level .o_cc3 .btn-fill-primary.active, .show > .o_colored_level .o_cc3 .btn-fill-primary.dropdown-toggle { color: #FFFFFF; background-color: #005e9b; border-color: #005892; } .btn-check:checked + .o_cc3 .btn-fill-primary:focus, .btn-check:checked + .o_cc3 .btn-primary:focus, .btn-check:active + .o_cc3 .btn-fill-primary:focus, .btn-check:active + .o_cc3 .btn-primary:focus, .o_cc3 .btn-fill-primary:active:focus, .o_cc3 .btn-primary:active:focus, .o_cc3 .btn-fill-primary.active:focus, .o_cc3 .active.btn-primary:focus, .show > .o_cc3 .btn-fill-primary.dropdown-toggle:focus, .show > .o_cc3 .dropdown-toggle.btn-primary:focus, .btn-check:checked + .o_colored_level .o_cc3 .btn-fill-primary:focus, .btn-check:active + .o_colored_level .o_cc3 .btn-fill-primary:focus, .o_colored_level .o_cc3 .btn-fill-primary:active:focus, .o_colored_level .o_cc3 .btn-fill-primary.active:focus, .show > .o_colored_level .o_cc3 .btn-fill-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(38, 138, 203, 0.5); } .o_cc3 .btn-fill-primary:disabled, .o_cc3 .btn-fill-primary.o_wysiwyg_loader, .o_cc3 .btn-primary:disabled, .o_cc3 .btn-primary.o_wysiwyg_loader, .o_cc3 .btn-fill-primary.disabled, .o_cc3 .disabled.btn-primary, .o_colored_level .o_cc3 .btn-fill-primary:disabled, .o_colored_level .o_cc3 .btn-fill-primary.disabled { color: #FFFFFF; background-color: #0075C2; border-color: #0075C2; } .o_cc3 .btn-outline-primary, .o_colored_level .o_cc3 .btn-outline-primary { color: #0075C2; border-color: #0075C2; } .o_cc3 .btn-outline-primary:hover, .o_colored_level .o_cc3 .btn-outline-primary:hover { color: #FFFFFF; background-color: #0075C2; border-color: #0075C2; } .btn-check:focus + .o_cc3 .btn-outline-primary, .o_cc3 .btn-outline-primary:focus, .btn-check:focus + .o_colored_level .o_cc3 .btn-outline-primary, .o_colored_level .o_cc3 .btn-outline-primary:focus { box-shadow: 0 0 0 0.25rem rgba(0, 117, 194, 0.5); } .btn-check:checked + .o_cc3 .btn-outline-primary, .btn-check:active + .o_cc3 .btn-outline-primary, .o_cc3 .btn-outline-primary:active, .o_cc3 .btn-outline-primary.active, .o_cc3 .btn-outline-primary.dropdown-toggle.show, .btn-check:checked + .o_colored_level .o_cc3 .btn-outline-primary, .btn-check:active + .o_colored_level .o_cc3 .btn-outline-primary, .o_colored_level .o_cc3 .btn-outline-primary:active, .o_colored_level .o_cc3 .btn-outline-primary.active, .o_colored_level .o_cc3 .btn-outline-primary.dropdown-toggle.show { color: #FFFFFF; background-color: #0075C2; border-color: #0075C2; } .btn-check:checked + .o_cc3 .btn-outline-primary:focus, .btn-check:active + .o_cc3 .btn-outline-primary:focus, .o_cc3 .btn-outline-primary:active:focus, .o_cc3 .btn-outline-primary.active:focus, .o_cc3 .btn-outline-primary.dropdown-toggle.show:focus, .btn-check:checked + .o_colored_level .o_cc3 .btn-outline-primary:focus, .btn-check:active + .o_colored_level .o_cc3 .btn-outline-primary:focus, .o_colored_level .o_cc3 .btn-outline-primary:active:focus, .o_colored_level .o_cc3 .btn-outline-primary.active:focus, .o_colored_level .o_cc3 .btn-outline-primary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(0, 117, 194, 0.5); } .o_cc3 .btn-outline-primary:disabled, .o_cc3 .btn-outline-primary.o_wysiwyg_loader, .o_cc3 .btn-outline-primary.disabled, .o_colored_level .o_cc3 .btn-outline-primary:disabled, .o_colored_level .o_cc3 .btn-outline-primary.disabled { color: #0075C2; background-color: transparent; } .o_cc3 .btn-fill-secondary, .o_cc3 .btn-secondary, .o_colored_level .o_cc3 .btn-fill-secondary { color: #142536; background-color: #F6F6F6; border-color: #F6F6F6; } .o_cc3 .btn-fill-secondary:hover, .o_cc3 .btn-secondary:hover, .o_colored_level .o_cc3 .btn-fill-secondary:hover { color: #142536; background-color: #f7f7f7; border-color: #f7f7f7; } .btn-check:focus + .o_cc3 .btn-fill-secondary, .btn-check:focus + .o_cc3 .btn-secondary, .o_cc3 .btn-fill-secondary:focus, .o_cc3 .btn-secondary:focus, .btn-check:focus + .o_colored_level .o_cc3 .btn-fill-secondary, .o_colored_level .o_cc3 .btn-fill-secondary:focus { color: #142536; background-color: #f7f7f7; border-color: #f7f7f7; box-shadow: 0 0 0 0.25rem rgba(212, 215, 217, 0.5); } .btn-check:checked + .o_cc3 .btn-fill-secondary, .btn-check:checked + .o_cc3 .btn-secondary, .btn-check:active + .o_cc3 .btn-fill-secondary, .btn-check:active + .o_cc3 .btn-secondary, .o_cc3 .btn-fill-secondary:active, .o_cc3 .btn-secondary:active, .o_cc3 .btn-fill-secondary.active, .o_cc3 .active.btn-secondary, .show > .o_cc3 .btn-fill-secondary.dropdown-toggle, .show > .o_cc3 .dropdown-toggle.btn-secondary, .btn-check:checked + .o_colored_level .o_cc3 .btn-fill-secondary, .btn-check:active + .o_colored_level .o_cc3 .btn-fill-secondary, .o_colored_level .o_cc3 .btn-fill-secondary:active, .o_colored_level .o_cc3 .btn-fill-secondary.active, .show > .o_colored_level .o_cc3 .btn-fill-secondary.dropdown-toggle { color: #142536; background-color: #f8f8f8; border-color: #f7f7f7; } .btn-check:checked + .o_cc3 .btn-fill-secondary:focus, .btn-check:checked + .o_cc3 .btn-secondary:focus, .btn-check:active + .o_cc3 .btn-fill-secondary:focus, .btn-check:active + .o_cc3 .btn-secondary:focus, .o_cc3 .btn-fill-secondary:active:focus, .o_cc3 .btn-secondary:active:focus, .o_cc3 .btn-fill-secondary.active:focus, .o_cc3 .active.btn-secondary:focus, .show > .o_cc3 .btn-fill-secondary.dropdown-toggle:focus, .show > .o_cc3 .dropdown-toggle.btn-secondary:focus, .btn-check:checked + .o_colored_level .o_cc3 .btn-fill-secondary:focus, .btn-check:active + .o_colored_level .o_cc3 .btn-fill-secondary:focus, .o_colored_level .o_cc3 .btn-fill-secondary:active:focus, .o_colored_level .o_cc3 .btn-fill-secondary.active:focus, .show > .o_colored_level .o_cc3 .btn-fill-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(212, 215, 217, 0.5); } .o_cc3 .btn-fill-secondary:disabled, .o_cc3 .btn-fill-secondary.o_wysiwyg_loader, .o_cc3 .btn-secondary:disabled, .o_cc3 .btn-secondary.o_wysiwyg_loader, .o_cc3 .btn-fill-secondary.disabled, .o_cc3 .disabled.btn-secondary, .o_colored_level .o_cc3 .btn-fill-secondary:disabled, .o_colored_level .o_cc3 .btn-fill-secondary.disabled { color: #142536; background-color: #F6F6F6; border-color: #F6F6F6; } .o_cc3 .btn-outline-secondary, .o_colored_level .o_cc3 .btn-outline-secondary { color: #F6F6F6; border-color: #F6F6F6; } .o_cc3 .btn-outline-secondary:hover, .o_colored_level .o_cc3 .btn-outline-secondary:hover { color: #142536; background-color: #F6F6F6; border-color: #F6F6F6; } .btn-check:focus + .o_cc3 .btn-outline-secondary, .o_cc3 .btn-outline-secondary:focus, .btn-check:focus + .o_colored_level .o_cc3 .btn-outline-secondary, .o_colored_level .o_cc3 .btn-outline-secondary:focus { box-shadow: 0 0 0 0.25rem rgba(246, 246, 246, 0.5); } .btn-check:checked + .o_cc3 .btn-outline-secondary, .btn-check:active + .o_cc3 .btn-outline-secondary, .o_cc3 .btn-outline-secondary:active, .o_cc3 .btn-outline-secondary.active, .o_cc3 .btn-outline-secondary.dropdown-toggle.show, .btn-check:checked + .o_colored_level .o_cc3 .btn-outline-secondary, .btn-check:active + .o_colored_level .o_cc3 .btn-outline-secondary, .o_colored_level .o_cc3 .btn-outline-secondary:active, .o_colored_level .o_cc3 .btn-outline-secondary.active, .o_colored_level .o_cc3 .btn-outline-secondary.dropdown-toggle.show { color: #142536; background-color: #F6F6F6; border-color: #F6F6F6; } .btn-check:checked + .o_cc3 .btn-outline-secondary:focus, .btn-check:active + .o_cc3 .btn-outline-secondary:focus, .o_cc3 .btn-outline-secondary:active:focus, .o_cc3 .btn-outline-secondary.active:focus, .o_cc3 .btn-outline-secondary.dropdown-toggle.show:focus, .btn-check:checked + .o_colored_level .o_cc3 .btn-outline-secondary:focus, .btn-check:active + .o_colored_level .o_cc3 .btn-outline-secondary:focus, .o_colored_level .o_cc3 .btn-outline-secondary:active:focus, .o_colored_level .o_cc3 .btn-outline-secondary.active:focus, .o_colored_level .o_cc3 .btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(246, 246, 246, 0.5); } .o_cc3 .btn-outline-secondary:disabled, .o_cc3 .btn-outline-secondary.o_wysiwyg_loader, .o_cc3 .btn-outline-secondary.disabled, .o_colored_level .o_cc3 .btn-outline-secondary:disabled, .o_colored_level .o_cc3 .btn-outline-secondary.disabled { color: #F6F6F6; background-color: transparent; } .o_cc3 .nav-pills .nav-link.active, .o_cc3 .nav-pills .show > .nav-link, .o_colored_level .o_cc3 .nav-pills .nav-link.active, .o_colored_level .o_cc3 .nav-pills .show > .nav-link { background-color: #0075C2; color: #FFFFFF; } .o_cc3 .dropdown-menu .dropdown-item.active, .o_cc3 .o_dropdown_menu .dropdown-item.active, .o_cc3 .dropdown-menu .dropdown-item.active h6, .o_cc3 .o_dropdown_menu .dropdown-item.active h6, .o_cc3 .dropdown-menu .dropdown-item.active .h6, .o_cc3 .o_dropdown_menu .dropdown-item.active .h6, .o_cc3 .dropdown-menu .dropdown-item:active, .o_cc3 .o_dropdown_menu .dropdown-item:active, .o_cc3 .dropdown-menu .dropdown-item:active h6, .o_cc3 .o_dropdown_menu .dropdown-item:active h6, .o_cc3 .dropdown-menu .dropdown-item:active .h6, .o_cc3 .o_dropdown_menu .dropdown-item:active .h6, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item.active, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item.active h6, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item:active, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item:active h6 { background-color: #0075C2; color: #FFFFFF !important; } .o_cc3 .dropdown-menu .dropdown-item.active:hover, .o_cc3 .o_dropdown_menu .dropdown-item.active:hover, .o_cc3 .dropdown-menu .dropdown-item.active:focus, .o_cc3 .o_dropdown_menu .dropdown-item.active:focus, .o_cc3 .dropdown-menu .dropdown-item.active h6:hover, .o_cc3 .o_dropdown_menu .dropdown-item.active h6:hover, .o_cc3 .dropdown-menu .dropdown-item.active .h6:hover, .o_cc3 .o_dropdown_menu .dropdown-item.active .h6:hover, .o_cc3 .dropdown-menu .dropdown-item.active h6:focus, .o_cc3 .o_dropdown_menu .dropdown-item.active h6:focus, .o_cc3 .dropdown-menu .dropdown-item.active .h6:focus, .o_cc3 .o_dropdown_menu .dropdown-item.active .h6:focus, .o_cc3 .dropdown-menu .dropdown-item:active:hover, .o_cc3 .o_dropdown_menu .dropdown-item:active:hover, .o_cc3 .dropdown-menu .dropdown-item:active:focus, .o_cc3 .o_dropdown_menu .dropdown-item:active:focus, .o_cc3 .dropdown-menu .dropdown-item:active h6:hover, .o_cc3 .o_dropdown_menu .dropdown-item:active h6:hover, .o_cc3 .dropdown-menu .dropdown-item:active .h6:hover, .o_cc3 .o_dropdown_menu .dropdown-item:active .h6:hover, .o_cc3 .dropdown-menu .dropdown-item:active h6:focus, .o_cc3 .o_dropdown_menu .dropdown-item:active h6:focus, .o_cc3 .dropdown-menu .dropdown-item:active .h6:focus, .o_cc3 .o_dropdown_menu .dropdown-item:active .h6:focus, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item.active:hover, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item.active:focus, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item.active h6:hover, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item.active h6:focus, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item:active:hover, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item:active:focus, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item:active h6:hover, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item:active h6:focus { color: #FFFFFF !important; } .o_cc3 a.list-group-item, .o_colored_level .o_cc3 a.list-group-item { color: #0075C2; } .o_cc3 a.list-group-item.active, .o_colored_level .o_cc3 a.list-group-item.active { background-color: #0075C2; color: #FFFFFF; border-color: #0075C2; } .o_cc4 { background-color: #0075C2; color: #FFFFFF; } .o_cc4 .text-muted, .o_colored_level .o_cc4 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } .o_cc4 a:not(.btn), .o_cc4 .btn-link, .o_colored_level .o_cc4 a:not(.btn), .o_colored_level .o_cc4 .btn-link { color: #709bc5; } .o_cc4 a:not(.btn):hover, .o_cc4 .btn-link:hover, .o_colored_level .o_cc4 a:not(.btn):hover, .o_colored_level .o_cc4 .btn-link:hover { color: #172839; } .o_cc4 .btn-fill-primary, .o_cc4 .btn-primary, .o_colored_level .o_cc4 .btn-fill-primary { color: #FFFFFF; background-color: #4375A6; border-color: #4375A6; } .o_cc4 .btn-fill-primary:hover, .o_cc4 .btn-primary:hover, .o_colored_level .o_cc4 .btn-fill-primary:hover { color: #FFFFFF; background-color: #39638d; border-color: #365e85; } .btn-check:focus + .o_cc4 .btn-fill-primary, .btn-check:focus + .o_cc4 .btn-primary, .o_cc4 .btn-fill-primary:focus, .o_cc4 .btn-primary:focus, .btn-check:focus + .o_colored_level .o_cc4 .btn-fill-primary, .o_colored_level .o_cc4 .btn-fill-primary:focus { color: #FFFFFF; background-color: #39638d; border-color: #365e85; box-shadow: 0 0 0 0.25rem rgba(95, 138, 179, 0.5); } .btn-check:checked + .o_cc4 .btn-fill-primary, .btn-check:checked + .o_cc4 .btn-primary, .btn-check:active + .o_cc4 .btn-fill-primary, .btn-check:active + .o_cc4 .btn-primary, .o_cc4 .btn-fill-primary:active, .o_cc4 .btn-primary:active, .o_cc4 .btn-fill-primary.active, .o_cc4 .active.btn-primary, .show > .o_cc4 .btn-fill-primary.dropdown-toggle, .show > .o_cc4 .dropdown-toggle.btn-primary, .btn-check:checked + .o_colored_level .o_cc4 .btn-fill-primary, .btn-check:active + .o_colored_level .o_cc4 .btn-fill-primary, .o_colored_level .o_cc4 .btn-fill-primary:active, .o_colored_level .o_cc4 .btn-fill-primary.active, .show > .o_colored_level .o_cc4 .btn-fill-primary.dropdown-toggle { color: #FFFFFF; background-color: #365e85; border-color: #32587d; } .btn-check:checked + .o_cc4 .btn-fill-primary:focus, .btn-check:checked + .o_cc4 .btn-primary:focus, .btn-check:active + .o_cc4 .btn-fill-primary:focus, .btn-check:active + .o_cc4 .btn-primary:focus, .o_cc4 .btn-fill-primary:active:focus, .o_cc4 .btn-primary:active:focus, .o_cc4 .btn-fill-primary.active:focus, .o_cc4 .active.btn-primary:focus, .show > .o_cc4 .btn-fill-primary.dropdown-toggle:focus, .show > .o_cc4 .dropdown-toggle.btn-primary:focus, .btn-check:checked + .o_colored_level .o_cc4 .btn-fill-primary:focus, .btn-check:active + .o_colored_level .o_cc4 .btn-fill-primary:focus, .o_colored_level .o_cc4 .btn-fill-primary:active:focus, .o_colored_level .o_cc4 .btn-fill-primary.active:focus, .show > .o_colored_level .o_cc4 .btn-fill-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(95, 138, 179, 0.5); } .o_cc4 .btn-fill-primary:disabled, .o_cc4 .btn-fill-primary.o_wysiwyg_loader, .o_cc4 .btn-primary:disabled, .o_cc4 .btn-primary.o_wysiwyg_loader, .o_cc4 .btn-fill-primary.disabled, .o_cc4 .disabled.btn-primary, .o_colored_level .o_cc4 .btn-fill-primary:disabled, .o_colored_level .o_cc4 .btn-fill-primary.disabled { color: #FFFFFF; background-color: #4375A6; border-color: #4375A6; } .o_cc4 .btn-outline-primary, .o_colored_level .o_cc4 .btn-outline-primary { color: #4375A6; border-color: #4375A6; } .o_cc4 .btn-outline-primary:hover, .o_colored_level .o_cc4 .btn-outline-primary:hover { color: #FFFFFF; background-color: #4375A6; border-color: #4375A6; } .btn-check:focus + .o_cc4 .btn-outline-primary, .o_cc4 .btn-outline-primary:focus, .btn-check:focus + .o_colored_level .o_cc4 .btn-outline-primary, .o_colored_level .o_cc4 .btn-outline-primary:focus { box-shadow: 0 0 0 0.25rem rgba(67, 117, 166, 0.5); } .btn-check:checked + .o_cc4 .btn-outline-primary, .btn-check:active + .o_cc4 .btn-outline-primary, .o_cc4 .btn-outline-primary:active, .o_cc4 .btn-outline-primary.active, .o_cc4 .btn-outline-primary.dropdown-toggle.show, .btn-check:checked + .o_colored_level .o_cc4 .btn-outline-primary, .btn-check:active + .o_colored_level .o_cc4 .btn-outline-primary, .o_colored_level .o_cc4 .btn-outline-primary:active, .o_colored_level .o_cc4 .btn-outline-primary.active, .o_colored_level .o_cc4 .btn-outline-primary.dropdown-toggle.show { color: #FFFFFF; background-color: #4375A6; border-color: #4375A6; } .btn-check:checked + .o_cc4 .btn-outline-primary:focus, .btn-check:active + .o_cc4 .btn-outline-primary:focus, .o_cc4 .btn-outline-primary:active:focus, .o_cc4 .btn-outline-primary.active:focus, .o_cc4 .btn-outline-primary.dropdown-toggle.show:focus, .btn-check:checked + .o_colored_level .o_cc4 .btn-outline-primary:focus, .btn-check:active + .o_colored_level .o_cc4 .btn-outline-primary:focus, .o_colored_level .o_cc4 .btn-outline-primary:active:focus, .o_colored_level .o_cc4 .btn-outline-primary.active:focus, .o_colored_level .o_cc4 .btn-outline-primary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(67, 117, 166, 0.5); } .o_cc4 .btn-outline-primary:disabled, .o_cc4 .btn-outline-primary.o_wysiwyg_loader, .o_cc4 .btn-outline-primary.disabled, .o_colored_level .o_cc4 .btn-outline-primary:disabled, .o_colored_level .o_cc4 .btn-outline-primary.disabled { color: #4375A6; background-color: transparent; } .o_cc4 .btn-fill-secondary, .o_cc4 .btn-secondary, .o_colored_level .o_cc4 .btn-fill-secondary { color: #142536; background-color: #F6F6F6; border-color: #F6F6F6; } .o_cc4 .btn-fill-secondary:hover, .o_cc4 .btn-secondary:hover, .o_colored_level .o_cc4 .btn-fill-secondary:hover { color: #142536; background-color: #f7f7f7; border-color: #f7f7f7; } .btn-check:focus + .o_cc4 .btn-fill-secondary, .btn-check:focus + .o_cc4 .btn-secondary, .o_cc4 .btn-fill-secondary:focus, .o_cc4 .btn-secondary:focus, .btn-check:focus + .o_colored_level .o_cc4 .btn-fill-secondary, .o_colored_level .o_cc4 .btn-fill-secondary:focus { color: #142536; background-color: #f7f7f7; border-color: #f7f7f7; box-shadow: 0 0 0 0.25rem rgba(212, 215, 217, 0.5); } .btn-check:checked + .o_cc4 .btn-fill-secondary, .btn-check:checked + .o_cc4 .btn-secondary, .btn-check:active + .o_cc4 .btn-fill-secondary, .btn-check:active + .o_cc4 .btn-secondary, .o_cc4 .btn-fill-secondary:active, .o_cc4 .btn-secondary:active, .o_cc4 .btn-fill-secondary.active, .o_cc4 .active.btn-secondary, .show > .o_cc4 .btn-fill-secondary.dropdown-toggle, .show > .o_cc4 .dropdown-toggle.btn-secondary, .btn-check:checked + .o_colored_level .o_cc4 .btn-fill-secondary, .btn-check:active + .o_colored_level .o_cc4 .btn-fill-secondary, .o_colored_level .o_cc4 .btn-fill-secondary:active, .o_colored_level .o_cc4 .btn-fill-secondary.active, .show > .o_colored_level .o_cc4 .btn-fill-secondary.dropdown-toggle { color: #142536; background-color: #f8f8f8; border-color: #f7f7f7; } .btn-check:checked + .o_cc4 .btn-fill-secondary:focus, .btn-check:checked + .o_cc4 .btn-secondary:focus, .btn-check:active + .o_cc4 .btn-fill-secondary:focus, .btn-check:active + .o_cc4 .btn-secondary:focus, .o_cc4 .btn-fill-secondary:active:focus, .o_cc4 .btn-secondary:active:focus, .o_cc4 .btn-fill-secondary.active:focus, .o_cc4 .active.btn-secondary:focus, .show > .o_cc4 .btn-fill-secondary.dropdown-toggle:focus, .show > .o_cc4 .dropdown-toggle.btn-secondary:focus, .btn-check:checked + .o_colored_level .o_cc4 .btn-fill-secondary:focus, .btn-check:active + .o_colored_level .o_cc4 .btn-fill-secondary:focus, .o_colored_level .o_cc4 .btn-fill-secondary:active:focus, .o_colored_level .o_cc4 .btn-fill-secondary.active:focus, .show > .o_colored_level .o_cc4 .btn-fill-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(212, 215, 217, 0.5); } .o_cc4 .btn-fill-secondary:disabled, .o_cc4 .btn-fill-secondary.o_wysiwyg_loader, .o_cc4 .btn-secondary:disabled, .o_cc4 .btn-secondary.o_wysiwyg_loader, .o_cc4 .btn-fill-secondary.disabled, .o_cc4 .disabled.btn-secondary, .o_colored_level .o_cc4 .btn-fill-secondary:disabled, .o_colored_level .o_cc4 .btn-fill-secondary.disabled { color: #142536; background-color: #F6F6F6; border-color: #F6F6F6; } .o_cc4 .btn-outline-secondary, .o_colored_level .o_cc4 .btn-outline-secondary { color: #F6F6F6; border-color: #F6F6F6; } .o_cc4 .btn-outline-secondary:hover, .o_colored_level .o_cc4 .btn-outline-secondary:hover { color: #142536; background-color: #F6F6F6; border-color: #F6F6F6; } .btn-check:focus + .o_cc4 .btn-outline-secondary, .o_cc4 .btn-outline-secondary:focus, .btn-check:focus + .o_colored_level .o_cc4 .btn-outline-secondary, .o_colored_level .o_cc4 .btn-outline-secondary:focus { box-shadow: 0 0 0 0.25rem rgba(246, 246, 246, 0.5); } .btn-check:checked + .o_cc4 .btn-outline-secondary, .btn-check:active + .o_cc4 .btn-outline-secondary, .o_cc4 .btn-outline-secondary:active, .o_cc4 .btn-outline-secondary.active, .o_cc4 .btn-outline-secondary.dropdown-toggle.show, .btn-check:checked + .o_colored_level .o_cc4 .btn-outline-secondary, .btn-check:active + .o_colored_level .o_cc4 .btn-outline-secondary, .o_colored_level .o_cc4 .btn-outline-secondary:active, .o_colored_level .o_cc4 .btn-outline-secondary.active, .o_colored_level .o_cc4 .btn-outline-secondary.dropdown-toggle.show { color: #142536; background-color: #F6F6F6; border-color: #F6F6F6; } .btn-check:checked + .o_cc4 .btn-outline-secondary:focus, .btn-check:active + .o_cc4 .btn-outline-secondary:focus, .o_cc4 .btn-outline-secondary:active:focus, .o_cc4 .btn-outline-secondary.active:focus, .o_cc4 .btn-outline-secondary.dropdown-toggle.show:focus, .btn-check:checked + .o_colored_level .o_cc4 .btn-outline-secondary:focus, .btn-check:active + .o_colored_level .o_cc4 .btn-outline-secondary:focus, .o_colored_level .o_cc4 .btn-outline-secondary:active:focus, .o_colored_level .o_cc4 .btn-outline-secondary.active:focus, .o_colored_level .o_cc4 .btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(246, 246, 246, 0.5); } .o_cc4 .btn-outline-secondary:disabled, .o_cc4 .btn-outline-secondary.o_wysiwyg_loader, .o_cc4 .btn-outline-secondary.disabled, .o_colored_level .o_cc4 .btn-outline-secondary:disabled, .o_colored_level .o_cc4 .btn-outline-secondary.disabled { color: #F6F6F6; background-color: transparent; } .o_cc4 .nav-pills .nav-link.active, .o_cc4 .nav-pills .show > .nav-link, .o_colored_level .o_cc4 .nav-pills .nav-link.active, .o_colored_level .o_cc4 .nav-pills .show > .nav-link { background-color: #4375A6; color: #FFFFFF; } .o_cc4 .dropdown-menu .dropdown-item.active, .o_cc4 .o_dropdown_menu .dropdown-item.active, .o_cc4 .dropdown-menu .dropdown-item.active h6, .o_cc4 .o_dropdown_menu .dropdown-item.active h6, .o_cc4 .dropdown-menu .dropdown-item.active .h6, .o_cc4 .o_dropdown_menu .dropdown-item.active .h6, .o_cc4 .dropdown-menu .dropdown-item:active, .o_cc4 .o_dropdown_menu .dropdown-item:active, .o_cc4 .dropdown-menu .dropdown-item:active h6, .o_cc4 .o_dropdown_menu .dropdown-item:active h6, .o_cc4 .dropdown-menu .dropdown-item:active .h6, .o_cc4 .o_dropdown_menu .dropdown-item:active .h6, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item.active, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item.active h6, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item:active, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item:active h6 { background-color: #4375A6; color: #FFFFFF !important; } .o_cc4 .dropdown-menu .dropdown-item.active:hover, .o_cc4 .o_dropdown_menu .dropdown-item.active:hover, .o_cc4 .dropdown-menu .dropdown-item.active:focus, .o_cc4 .o_dropdown_menu .dropdown-item.active:focus, .o_cc4 .dropdown-menu .dropdown-item.active h6:hover, .o_cc4 .o_dropdown_menu .dropdown-item.active h6:hover, .o_cc4 .dropdown-menu .dropdown-item.active .h6:hover, .o_cc4 .o_dropdown_menu .dropdown-item.active .h6:hover, .o_cc4 .dropdown-menu .dropdown-item.active h6:focus, .o_cc4 .o_dropdown_menu .dropdown-item.active h6:focus, .o_cc4 .dropdown-menu .dropdown-item.active .h6:focus, .o_cc4 .o_dropdown_menu .dropdown-item.active .h6:focus, .o_cc4 .dropdown-menu .dropdown-item:active:hover, .o_cc4 .o_dropdown_menu .dropdown-item:active:hover, .o_cc4 .dropdown-menu .dropdown-item:active:focus, .o_cc4 .o_dropdown_menu .dropdown-item:active:focus, .o_cc4 .dropdown-menu .dropdown-item:active h6:hover, .o_cc4 .o_dropdown_menu .dropdown-item:active h6:hover, .o_cc4 .dropdown-menu .dropdown-item:active .h6:hover, .o_cc4 .o_dropdown_menu .dropdown-item:active .h6:hover, .o_cc4 .dropdown-menu .dropdown-item:active h6:focus, .o_cc4 .o_dropdown_menu .dropdown-item:active h6:focus, .o_cc4 .dropdown-menu .dropdown-item:active .h6:focus, .o_cc4 .o_dropdown_menu .dropdown-item:active .h6:focus, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item.active:hover, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item.active:focus, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item.active h6:hover, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item.active h6:focus, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item:active:hover, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item:active:focus, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item:active h6:hover, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item:active h6:focus { color: #FFFFFF !important; } .o_cc4 a.list-group-item, .o_colored_level .o_cc4 a.list-group-item { color: #4375A6; } .o_cc4 a.list-group-item.active, .o_colored_level .o_cc4 a.list-group-item.active { background-color: #4375A6; color: #FFFFFF; border-color: #4375A6; } .o_cc5 { background-color: #4375A6; color: #FFFFFF; } .o_cc5 .text-muted, .o_colored_level .o_cc5 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } .o_cc5 h1, .o_cc5 .h1, .o_cc5 h2, .o_cc5 .h2, .o_cc5 h3, .o_cc5 .h3, .o_cc5 h4, .o_cc5 .h4, .o_cc5 h5, .o_cc5 .h5, .o_cc5 h6, .o_cc5 .h6, .o_colored_level .o_cc5 h1, .o_colored_level .o_cc5 h2, .o_colored_level .o_cc5 h3, .o_colored_level .o_cc5 h4, .o_colored_level .o_cc5 h5, .o_colored_level .o_cc5 h6 { color: #FFFFFF; } .o_cc5 a:not(.btn), .o_cc5 .btn-link, .o_colored_level .o_cc5 a:not(.btn), .o_colored_level .o_cc5 .btn-link { color: #004776; } .o_cc5 a:not(.btn):hover, .o_cc5 .btn-link:hover, .o_colored_level .o_cc5 a:not(.btn):hover, .o_colored_level .o_cc5 .btn-link:hover { color: #001929; } .o_cc5 .btn-fill-primary, .o_cc5 .btn-primary, .o_colored_level .o_cc5 .btn-fill-primary { color: #FFFFFF; background-color: #0075C2; border-color: #0075C2; } .o_cc5 .btn-fill-primary:hover, .o_cc5 .btn-primary:hover, .o_colored_level .o_cc5 .btn-fill-primary:hover { color: #FFFFFF; background-color: #0063a5; border-color: #005e9b; } .btn-check:focus + .o_cc5 .btn-fill-primary, .btn-check:focus + .o_cc5 .btn-primary, .o_cc5 .btn-fill-primary:focus, .o_cc5 .btn-primary:focus, .btn-check:focus + .o_colored_level .o_cc5 .btn-fill-primary, .o_colored_level .o_cc5 .btn-fill-primary:focus { color: #FFFFFF; background-color: #0063a5; border-color: #005e9b; box-shadow: 0 0 0 0.25rem rgba(38, 138, 203, 0.5); } .btn-check:checked + .o_cc5 .btn-fill-primary, .btn-check:checked + .o_cc5 .btn-primary, .btn-check:active + .o_cc5 .btn-fill-primary, .btn-check:active + .o_cc5 .btn-primary, .o_cc5 .btn-fill-primary:active, .o_cc5 .btn-primary:active, .o_cc5 .btn-fill-primary.active, .o_cc5 .active.btn-primary, .show > .o_cc5 .btn-fill-primary.dropdown-toggle, .show > .o_cc5 .dropdown-toggle.btn-primary, .btn-check:checked + .o_colored_level .o_cc5 .btn-fill-primary, .btn-check:active + .o_colored_level .o_cc5 .btn-fill-primary, .o_colored_level .o_cc5 .btn-fill-primary:active, .o_colored_level .o_cc5 .btn-fill-primary.active, .show > .o_colored_level .o_cc5 .btn-fill-primary.dropdown-toggle { color: #FFFFFF; background-color: #005e9b; border-color: #005892; } .btn-check:checked + .o_cc5 .btn-fill-primary:focus, .btn-check:checked + .o_cc5 .btn-primary:focus, .btn-check:active + .o_cc5 .btn-fill-primary:focus, .btn-check:active + .o_cc5 .btn-primary:focus, .o_cc5 .btn-fill-primary:active:focus, .o_cc5 .btn-primary:active:focus, .o_cc5 .btn-fill-primary.active:focus, .o_cc5 .active.btn-primary:focus, .show > .o_cc5 .btn-fill-primary.dropdown-toggle:focus, .show > .o_cc5 .dropdown-toggle.btn-primary:focus, .btn-check:checked + .o_colored_level .o_cc5 .btn-fill-primary:focus, .btn-check:active + .o_colored_level .o_cc5 .btn-fill-primary:focus, .o_colored_level .o_cc5 .btn-fill-primary:active:focus, .o_colored_level .o_cc5 .btn-fill-primary.active:focus, .show > .o_colored_level .o_cc5 .btn-fill-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(38, 138, 203, 0.5); } .o_cc5 .btn-fill-primary:disabled, .o_cc5 .btn-fill-primary.o_wysiwyg_loader, .o_cc5 .btn-primary:disabled, .o_cc5 .btn-primary.o_wysiwyg_loader, .o_cc5 .btn-fill-primary.disabled, .o_cc5 .disabled.btn-primary, .o_colored_level .o_cc5 .btn-fill-primary:disabled, .o_colored_level .o_cc5 .btn-fill-primary.disabled { color: #FFFFFF; background-color: #0075C2; border-color: #0075C2; } .o_cc5 .btn-outline-primary, .o_colored_level .o_cc5 .btn-outline-primary { color: #0075C2; border-color: #0075C2; } .o_cc5 .btn-outline-primary:hover, .o_colored_level .o_cc5 .btn-outline-primary:hover { color: #FFFFFF; background-color: #0075C2; border-color: #0075C2; } .btn-check:focus + .o_cc5 .btn-outline-primary, .o_cc5 .btn-outline-primary:focus, .btn-check:focus + .o_colored_level .o_cc5 .btn-outline-primary, .o_colored_level .o_cc5 .btn-outline-primary:focus { box-shadow: 0 0 0 0.25rem rgba(0, 117, 194, 0.5); } .btn-check:checked + .o_cc5 .btn-outline-primary, .btn-check:active + .o_cc5 .btn-outline-primary, .o_cc5 .btn-outline-primary:active, .o_cc5 .btn-outline-primary.active, .o_cc5 .btn-outline-primary.dropdown-toggle.show, .btn-check:checked + .o_colored_level .o_cc5 .btn-outline-primary, .btn-check:active + .o_colored_level .o_cc5 .btn-outline-primary, .o_colored_level .o_cc5 .btn-outline-primary:active, .o_colored_level .o_cc5 .btn-outline-primary.active, .o_colored_level .o_cc5 .btn-outline-primary.dropdown-toggle.show { color: #FFFFFF; background-color: #0075C2; border-color: #0075C2; } .btn-check:checked + .o_cc5 .btn-outline-primary:focus, .btn-check:active + .o_cc5 .btn-outline-primary:focus, .o_cc5 .btn-outline-primary:active:focus, .o_cc5 .btn-outline-primary.active:focus, .o_cc5 .btn-outline-primary.dropdown-toggle.show:focus, .btn-check:checked + .o_colored_level .o_cc5 .btn-outline-primary:focus, .btn-check:active + .o_colored_level .o_cc5 .btn-outline-primary:focus, .o_colored_level .o_cc5 .btn-outline-primary:active:focus, .o_colored_level .o_cc5 .btn-outline-primary.active:focus, .o_colored_level .o_cc5 .btn-outline-primary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(0, 117, 194, 0.5); } .o_cc5 .btn-outline-primary:disabled, .o_cc5 .btn-outline-primary.o_wysiwyg_loader, .o_cc5 .btn-outline-primary.disabled, .o_colored_level .o_cc5 .btn-outline-primary:disabled, .o_colored_level .o_cc5 .btn-outline-primary.disabled { color: #0075C2; background-color: transparent; } .o_cc5 .btn-fill-secondary, .o_cc5 .btn-secondary, .o_colored_level .o_cc5 .btn-fill-secondary { color: #142536; background-color: #F6F6F6; border-color: #F6F6F6; } .o_cc5 .btn-fill-secondary:hover, .o_cc5 .btn-secondary:hover, .o_colored_level .o_cc5 .btn-fill-secondary:hover { color: #142536; background-color: #f7f7f7; border-color: #f7f7f7; } .btn-check:focus + .o_cc5 .btn-fill-secondary, .btn-check:focus + .o_cc5 .btn-secondary, .o_cc5 .btn-fill-secondary:focus, .o_cc5 .btn-secondary:focus, .btn-check:focus + .o_colored_level .o_cc5 .btn-fill-secondary, .o_colored_level .o_cc5 .btn-fill-secondary:focus { color: #142536; background-color: #f7f7f7; border-color: #f7f7f7; box-shadow: 0 0 0 0.25rem rgba(212, 215, 217, 0.5); } .btn-check:checked + .o_cc5 .btn-fill-secondary, .btn-check:checked + .o_cc5 .btn-secondary, .btn-check:active + .o_cc5 .btn-fill-secondary, .btn-check:active + .o_cc5 .btn-secondary, .o_cc5 .btn-fill-secondary:active, .o_cc5 .btn-secondary:active, .o_cc5 .btn-fill-secondary.active, .o_cc5 .active.btn-secondary, .show > .o_cc5 .btn-fill-secondary.dropdown-toggle, .show > .o_cc5 .dropdown-toggle.btn-secondary, .btn-check:checked + .o_colored_level .o_cc5 .btn-fill-secondary, .btn-check:active + .o_colored_level .o_cc5 .btn-fill-secondary, .o_colored_level .o_cc5 .btn-fill-secondary:active, .o_colored_level .o_cc5 .btn-fill-secondary.active, .show > .o_colored_level .o_cc5 .btn-fill-secondary.dropdown-toggle { color: #142536; background-color: #f8f8f8; border-color: #f7f7f7; } .btn-check:checked + .o_cc5 .btn-fill-secondary:focus, .btn-check:checked + .o_cc5 .btn-secondary:focus, .btn-check:active + .o_cc5 .btn-fill-secondary:focus, .btn-check:active + .o_cc5 .btn-secondary:focus, .o_cc5 .btn-fill-secondary:active:focus, .o_cc5 .btn-secondary:active:focus, .o_cc5 .btn-fill-secondary.active:focus, .o_cc5 .active.btn-secondary:focus, .show > .o_cc5 .btn-fill-secondary.dropdown-toggle:focus, .show > .o_cc5 .dropdown-toggle.btn-secondary:focus, .btn-check:checked + .o_colored_level .o_cc5 .btn-fill-secondary:focus, .btn-check:active + .o_colored_level .o_cc5 .btn-fill-secondary:focus, .o_colored_level .o_cc5 .btn-fill-secondary:active:focus, .o_colored_level .o_cc5 .btn-fill-secondary.active:focus, .show > .o_colored_level .o_cc5 .btn-fill-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(212, 215, 217, 0.5); } .o_cc5 .btn-fill-secondary:disabled, .o_cc5 .btn-fill-secondary.o_wysiwyg_loader, .o_cc5 .btn-secondary:disabled, .o_cc5 .btn-secondary.o_wysiwyg_loader, .o_cc5 .btn-fill-secondary.disabled, .o_cc5 .disabled.btn-secondary, .o_colored_level .o_cc5 .btn-fill-secondary:disabled, .o_colored_level .o_cc5 .btn-fill-secondary.disabled { color: #142536; background-color: #F6F6F6; border-color: #F6F6F6; } .o_cc5 .btn-outline-secondary, .o_colored_level .o_cc5 .btn-outline-secondary { color: #F6F6F6; border-color: #F6F6F6; } .o_cc5 .btn-outline-secondary:hover, .o_colored_level .o_cc5 .btn-outline-secondary:hover { color: #142536; background-color: #F6F6F6; border-color: #F6F6F6; } .btn-check:focus + .o_cc5 .btn-outline-secondary, .o_cc5 .btn-outline-secondary:focus, .btn-check:focus + .o_colored_level .o_cc5 .btn-outline-secondary, .o_colored_level .o_cc5 .btn-outline-secondary:focus { box-shadow: 0 0 0 0.25rem rgba(246, 246, 246, 0.5); } .btn-check:checked + .o_cc5 .btn-outline-secondary, .btn-check:active + .o_cc5 .btn-outline-secondary, .o_cc5 .btn-outline-secondary:active, .o_cc5 .btn-outline-secondary.active, .o_cc5 .btn-outline-secondary.dropdown-toggle.show, .btn-check:checked + .o_colored_level .o_cc5 .btn-outline-secondary, .btn-check:active + .o_colored_level .o_cc5 .btn-outline-secondary, .o_colored_level .o_cc5 .btn-outline-secondary:active, .o_colored_level .o_cc5 .btn-outline-secondary.active, .o_colored_level .o_cc5 .btn-outline-secondary.dropdown-toggle.show { color: #142536; background-color: #F6F6F6; border-color: #F6F6F6; } .btn-check:checked + .o_cc5 .btn-outline-secondary:focus, .btn-check:active + .o_cc5 .btn-outline-secondary:focus, .o_cc5 .btn-outline-secondary:active:focus, .o_cc5 .btn-outline-secondary.active:focus, .o_cc5 .btn-outline-secondary.dropdown-toggle.show:focus, .btn-check:checked + .o_colored_level .o_cc5 .btn-outline-secondary:focus, .btn-check:active + .o_colored_level .o_cc5 .btn-outline-secondary:focus, .o_colored_level .o_cc5 .btn-outline-secondary:active:focus, .o_colored_level .o_cc5 .btn-outline-secondary.active:focus, .o_colored_level .o_cc5 .btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(246, 246, 246, 0.5); } .o_cc5 .btn-outline-secondary:disabled, .o_cc5 .btn-outline-secondary.o_wysiwyg_loader, .o_cc5 .btn-outline-secondary.disabled, .o_colored_level .o_cc5 .btn-outline-secondary:disabled, .o_colored_level .o_cc5 .btn-outline-secondary.disabled { color: #F6F6F6; background-color: transparent; } .o_cc5 .nav-pills .nav-link.active, .o_cc5 .nav-pills .show > .nav-link, .o_colored_level .o_cc5 .nav-pills .nav-link.active, .o_colored_level .o_cc5 .nav-pills .show > .nav-link { background-color: #0075C2; color: #FFFFFF; } .o_cc5 .dropdown-menu .dropdown-item.active, .o_cc5 .o_dropdown_menu .dropdown-item.active, .o_cc5 .dropdown-menu .dropdown-item.active h6, .o_cc5 .o_dropdown_menu .dropdown-item.active h6, .o_cc5 .dropdown-menu .dropdown-item.active .h6, .o_cc5 .o_dropdown_menu .dropdown-item.active .h6, .o_cc5 .dropdown-menu .dropdown-item:active, .o_cc5 .o_dropdown_menu .dropdown-item:active, .o_cc5 .dropdown-menu .dropdown-item:active h6, .o_cc5 .o_dropdown_menu .dropdown-item:active h6, .o_cc5 .dropdown-menu .dropdown-item:active .h6, .o_cc5 .o_dropdown_menu .dropdown-item:active .h6, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item.active, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item.active h6, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item:active, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item:active h6 { background-color: #0075C2; color: #FFFFFF !important; } .o_cc5 .dropdown-menu .dropdown-item.active:hover, .o_cc5 .o_dropdown_menu .dropdown-item.active:hover, .o_cc5 .dropdown-menu .dropdown-item.active:focus, .o_cc5 .o_dropdown_menu .dropdown-item.active:focus, .o_cc5 .dropdown-menu .dropdown-item.active h6:hover, .o_cc5 .o_dropdown_menu .dropdown-item.active h6:hover, .o_cc5 .dropdown-menu .dropdown-item.active .h6:hover, .o_cc5 .o_dropdown_menu .dropdown-item.active .h6:hover, .o_cc5 .dropdown-menu .dropdown-item.active h6:focus, .o_cc5 .o_dropdown_menu .dropdown-item.active h6:focus, .o_cc5 .dropdown-menu .dropdown-item.active .h6:focus, .o_cc5 .o_dropdown_menu .dropdown-item.active .h6:focus, .o_cc5 .dropdown-menu .dropdown-item:active:hover, .o_cc5 .o_dropdown_menu .dropdown-item:active:hover, .o_cc5 .dropdown-menu .dropdown-item:active:focus, .o_cc5 .o_dropdown_menu .dropdown-item:active:focus, .o_cc5 .dropdown-menu .dropdown-item:active h6:hover, .o_cc5 .o_dropdown_menu .dropdown-item:active h6:hover, .o_cc5 .dropdown-menu .dropdown-item:active .h6:hover, .o_cc5 .o_dropdown_menu .dropdown-item:active .h6:hover, .o_cc5 .dropdown-menu .dropdown-item:active h6:focus, .o_cc5 .o_dropdown_menu .dropdown-item:active h6:focus, .o_cc5 .dropdown-menu .dropdown-item:active .h6:focus, .o_cc5 .o_dropdown_menu .dropdown-item:active .h6:focus, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item.active:hover, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item.active:focus, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item.active h6:hover, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item.active h6:focus, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item:active:hover, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item:active:focus, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item:active h6:hover, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item:active h6:focus { color: #FFFFFF !important; } .o_cc5 a.list-group-item, .o_colored_level .o_cc5 a.list-group-item { color: #0075C2; } .o_cc5 a.list-group-item.active, .o_colored_level .o_cc5 a.list-group-item.active { background-color: #0075C2; color: #FFFFFF; border-color: #0075C2; } .btn-custom:hover, .btn-fill-custom:hover { filter: invert(0.2); } .btn-outline-custom:not(:hover) { background-color: transparent !important; background-image: none !important; } .o_background_video, .parallax, section, .oe_img_bg, [data-oe-shape-data], .o_background_video > *, .parallax > *, section > *, .oe_img_bg > *, [data-oe-shape-data] > * { position: relative; } .parallax > .s_parallax_bg, .o_bg_video_container, .o_we_shape, .o_we_bg_filter { position: absolute; top: 0; left: 0; bottom: 0; right: 0; position: absolute !important; display: block; overflow: hidden; background-repeat: no-repeat; pointer-events: none; } .o_full_screen_height, .cover_full, .o_half_screen_height, .cover_mid { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: space-around; min-height: 100vh !important; } .o_half_screen_height, .cover_mid { min-height: 55vh !important; } @media (min-width: 992px) { .o_container_small { max-width: 720px; } } .oe_img_bg { background-size: cover; background-repeat: no-repeat; } .oe_img_bg.o_bg_img_opt_repeat { background-size: auto; background-repeat: repeat; } .oe_img_bg.o_bg_img_center { background-position: center; } .text-gradient { -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .text-gradient .o_animated_text, .text-gradient .o_animated_text *, .text-gradient.o_animated_text * { background-image: inherit; -webkit-background-clip: inherit; -webkit-text-fill-color: inherit; } .text-gradient .fa { display: inherit; } /* QWEB */ .odoo-editor-editable t, .odoo-editor-editable [t-if], .odoo-editor-editable [t-elif], .odoo-editor-editable [t-else], .odoo-editor-editable [t-foreach], .o_readonly t, .o_readonly [t-if], .o_readonly [t-elif], .o_readonly [t-else], .o_readonly [t-foreach] { background-color: rgba(0, 0, 102, 0.1) !important; } .odoo-editor-editable t, .odoo-editor-editable [t-esc], .odoo-editor-editable [t-out], .odoo-editor-editable [t-raw], .o_readonly t, .o_readonly [t-esc], .o_readonly [t-out], .o_readonly [t-raw] { border-radius: 2px; } .odoo-editor-editable [t-esc], .odoo-editor-editable [t-out], .odoo-editor-editable [t-raw], .o_readonly [t-esc], .o_readonly [t-out], .o_readonly [t-raw] { background-color: rgba(36, 154, 255, 0.16) !important; } .odoo-editor-editable [t-esc]:empty::before, .o_readonly [t-esc]:empty::before { content: attr(t-esc); } .odoo-editor-editable [t-raw]:empty::before, .o_readonly [t-raw]:empty::before { content: attr(t-raw); } .odoo-editor-editable [t-out]:empty::before, .o_readonly [t-out]:empty::before { content: attr(t-out); } .odoo-editor-editable t[t-set], .o_readonly t[t-set] { display: none; } .odoo-editor-editable t[data-oe-t-inline], .o_readonly t[data-oe-t-inline] { display: inline; } .odoo-editor-editable t:not([data-oe-t-inline]), .o_readonly t:not([data-oe-t-inline]) { display: block; } .odoo-editor-editable t[data-oe-t-inline]:not([data-oe-t-group-active]), .o_readonly t[data-oe-t-inline]:not([data-oe-t-group-active]) { display: unset; } .odoo-editor-editable [data-oe-t-group]:not([data-oe-t-group-active]), .o_readonly [data-oe-t-group]:not([data-oe-t-group-active]) { display: none !important; } .odoo-editor-editable [data-oe-t-group][data-oe-t-selectable], .o_readonly [data-oe-t-group][data-oe-t-selectable] { outline: 1px dashed rgba(0, 0, 102, 0.4) !important; } .oe-qweb-select { position: absolute; z-index: 1056; background-color: white; } .o_we_shape.o_we_animated { will-change: transform; } .o_we_shape.o_web_editor_Airy_01 { background-image: url("/web_editor/shape/web_editor/Airy/01.svg?c1=%230075C2"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_02 { background-image: url("/web_editor/shape/web_editor/Airy/02.svg?c1=%230075C2"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_03 { background-image: url("/web_editor/shape/web_editor/Airy/03.svg?c5=%234375A6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_03_001 { background-image: url("/web_editor/shape/web_editor/Airy/03_001.svg?c5=%234375A6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_04 { background-image: url("/web_editor/shape/web_editor/Airy/04.svg?c1=%230075C2"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_04_001 { background-image: url("/web_editor/shape/web_editor/Airy/04_001.svg?c1=%230075C2"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_05 { background-image: url("/web_editor/shape/web_editor/Airy/05.svg?c1=%230075C2"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_05_001 { background-image: url("/web_editor/shape/web_editor/Airy/05_001.svg?c1=%230075C2"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_06 { background-image: url("/web_editor/shape/web_editor/Airy/06.svg?c2=%23003557"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_07 { background-image: url("/web_editor/shape/web_editor/Airy/07.svg?c2=%23003557"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_08 { background-image: url("/web_editor/shape/web_editor/Airy/08.svg?c1=%230075C2"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_09 { background-image: url("/web_editor/shape/web_editor/Airy/09.svg?c1=%230075C2"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_10 { background-image: url("/web_editor/shape/web_editor/Airy/10.svg?c5=%234375A6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_11 { background-image: url("/web_editor/shape/web_editor/Airy/11.svg?c5=%234375A6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_12 { background-image: url("/web_editor/shape/web_editor/Airy/12.svg?c1=%230075C2&c3=%23F6F6F6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_12_001 { background-image: url("/web_editor/shape/web_editor/Airy/12_001.svg?c1=%230075C2&c3=%23F6F6F6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_13 { background-image: url("/web_editor/shape/web_editor/Airy/13.svg?c1=%230075C2&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_13_001 { background-image: url("/web_editor/shape/web_editor/Airy/13_001.svg?c1=%230075C2&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_14 { background-image: url("/web_editor/shape/web_editor/Airy/14.svg?c1=%230075C2&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_01 { background-image: url("/web_editor/shape/web_editor/Blobs/01.svg?c2=%23003557"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_01_001 { background-image: url("/web_editor/shape/web_editor/Blobs/01_001.svg?c2=%23003557"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_02 { background-image: url("/web_editor/shape/web_editor/Blobs/02.svg?c1=%230075C2&c2=%23003557"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_03 { background-image: url("/web_editor/shape/web_editor/Blobs/03.svg?c2=%23003557"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_04 { background-image: url("/web_editor/shape/web_editor/Blobs/04.svg?c5=%234375A6"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_05 { background-image: url("/web_editor/shape/web_editor/Blobs/05.svg?c1=%230075C2"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_06 { background-image: url("/web_editor/shape/web_editor/Blobs/06.svg?c1=%230075C2"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_07 { background-image: url("/web_editor/shape/web_editor/Blobs/07.svg?c5=%234375A6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_08 { background-image: url("/web_editor/shape/web_editor/Blobs/08.svg?c1=%230075C2"); background-position: right; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_09 { background-image: url("/web_editor/shape/web_editor/Blobs/09.svg?c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_10 { background-image: url("/web_editor/shape/web_editor/Blobs/10.svg?c1=%230075C2&c5=%234375A6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_10_001 { background-image: url("/web_editor/shape/web_editor/Blobs/10_001.svg?c1=%230075C2"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_11 { background-image: url("/web_editor/shape/web_editor/Blobs/11.svg?c1=%230075C2"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_12 { background-image: url("/web_editor/shape/web_editor/Blobs/12.svg?c1=%230075C2"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_01 { background-image: url("/web_editor/shape/web_editor/Blocks/01.svg?c1=%230075C2&c3=%23F6F6F6&c5=%234375A6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_01_001 { background-image: url("/web_editor/shape/web_editor/Blocks/01_001.svg?c1=%230075C2&c3=%23F6F6F6&c5=%234375A6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_02 { background-image: url("/web_editor/shape/web_editor/Blocks/02.svg?c1=%230075C2&c3=%23F6F6F6&c5=%234375A6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_02_001 { background-image: url("/web_editor/shape/web_editor/Blocks/02_001.svg?c1=%230075C2&c3=%23F6F6F6&c5=%234375A6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_03 { background-image: url("/web_editor/shape/web_editor/Blocks/03.svg?c1=%230075C2&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_04 { background-image: url("/web_editor/shape/web_editor/Blocks/04.svg?c1=%230075C2&c2=%23003557&c3=%23F6F6F6&c5=%234375A6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_01 { background-image: url("/web_editor/shape/web_editor/Bold/01.svg?c2=%23003557"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_02 { background-image: url("/web_editor/shape/web_editor/Bold/02.svg?c1=%230075C2&c2=%23003557&c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_03 { background-image: url("/web_editor/shape/web_editor/Bold/03.svg?c1=%230075C2&c3=%23F6F6F6&c5=%234375A6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_04 { background-image: url("/web_editor/shape/web_editor/Bold/04.svg?c2=%23003557&c3=%23F6F6F6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_05 { background-image: url("/web_editor/shape/web_editor/Bold/05.svg?c5=%234375A6"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_05_001 { background-image: url("/web_editor/shape/web_editor/Bold/05_001.svg?c3=%23F6F6F6"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_06 { background-image: url("/web_editor/shape/web_editor/Bold/06.svg?c5=%234375A6"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_06_001 { background-image: url("/web_editor/shape/web_editor/Bold/06_001.svg?c3=%23F6F6F6"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_07 { background-image: url("/web_editor/shape/web_editor/Bold/07.svg?c1=%230075C2&c2=%23003557"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_07_001 { background-image: url("/web_editor/shape/web_editor/Bold/07_001.svg?c1=%230075C2&c2=%23003557"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_08 { background-image: url("/web_editor/shape/web_editor/Bold/08.svg?c1=%230075C2"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_09 { background-image: url("/web_editor/shape/web_editor/Bold/09.svg?c2=%23003557&c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_10 { background-image: url("/web_editor/shape/web_editor/Bold/10.svg?c1=%230075C2&c3=%23F6F6F6&c4=%23FFFFFF&c5=%234375A6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_10_001 { background-image: url("/web_editor/shape/web_editor/Bold/10_001.svg?c1=%230075C2&c4=%23FFFFFF&c5=%234375A6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_11 { background-image: url("/web_editor/shape/web_editor/Bold/11.svg?c1=%230075C2&c2=%23003557&c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_11_001 { background-image: url("/web_editor/shape/web_editor/Bold/11_001.svg?c1=%230075C2&c2=%23003557"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_12 { background-image: url("/web_editor/shape/web_editor/Bold/12.svg?c1=%230075C2&c2=%23003557&c5=%234375A6"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_12_001 { background-image: url("/web_editor/shape/web_editor/Bold/12_001.svg?c1=%230075C2&c2=%23003557&c5=%234375A6"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_01 { background-image: url("/web_editor/shape/web_editor/Floats/01.svg?c1=%230075C2&c2=%23003557&c3=%23F6F6F6&c4=%23FFFFFF&c5=%234375A6"); background-position: center right; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_02 { background-image: url("/web_editor/shape/web_editor/Floats/02.svg?c1=%230075C2&c2=%23003557&c3=%23F6F6F6&c5=%234375A6"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_03 { background-image: url("/web_editor/shape/web_editor/Floats/03.svg?c1=%230075C2&c2=%23003557&c3=%23F6F6F6&c5=%234375A6"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_04 { background-image: url("/web_editor/shape/web_editor/Floats/04.svg?c1=%230075C2&c2=%23003557&c4=%23FFFFFF&c5=%234375A6"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_05 { background-image: url("/web_editor/shape/web_editor/Floats/05.svg?c1=%230075C2&c2=%23003557&c3=%23F6F6F6&c5=%234375A6"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_06 { background-image: url("/web_editor/shape/web_editor/Floats/06.svg?c1=%230075C2&c2=%23003557&c3=%23F6F6F6&c5=%234375A6"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_07 { background-image: url("/web_editor/shape/web_editor/Floats/07.svg?c1=%230075C2&c2=%23003557&c3=%23F6F6F6&c5=%234375A6"); background-position: right bottom; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_08 { background-image: url("/web_editor/shape/web_editor/Floats/08.svg?c1=%230075C2&c2=%23003557&c3=%23F6F6F6&c5=%234375A6"); background-position: top left; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_09 { background-image: url("/web_editor/shape/web_editor/Floats/09.svg?c1=%230075C2&c2=%23003557&c3=%23F6F6F6"); background-position: center right; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_10 { background-image: url("/web_editor/shape/web_editor/Floats/10.svg?c1=%230075C2&c2=%23003557&c3=%23F6F6F6&c5=%234375A6"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_11 { background-image: url("/web_editor/shape/web_editor/Floats/11.svg?c1=%230075C2&c3=%23F6F6F6"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_12 { background-image: url("/web_editor/shape/web_editor/Floats/12.svg?c1=%230075C2&c2=%23003557&c3=%23F6F6F6&c5=%234375A6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_web_editor_Floats_13 { background-image: url("/web_editor/shape/web_editor/Floats/13.svg?c1=%230075C2&c2=%23003557&c5=%234375A6"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_14 { background-image: url("/web_editor/shape/web_editor/Floats/14.svg?c1=%230075C2&c2=%23003557&c3=%23F6F6F6&c5=%234375A6"); background-position: center; background-size: 100%; background-repeat: no-repeat repeat; } .o_we_shape.o_web_editor_Origins_01 { background-image: url("/web_editor/shape/web_editor/Origins/01.svg?c2=%23003557&c5=%234375A6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_02 { background-image: url("/web_editor/shape/web_editor/Origins/02.svg?c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_02_001 { background-image: url("/web_editor/shape/web_editor/Origins/02_001.svg?c4=%23FFFFFF&c5=%234375A6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_03 { background-image: url("/web_editor/shape/web_editor/Origins/03.svg?c3=%23F6F6F6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_04 { background-image: url("/web_editor/shape/web_editor/Origins/04.svg?c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_04_001 { background-image: url("/web_editor/shape/web_editor/Origins/04_001.svg?c3=%23F6F6F6"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_05 { background-image: url("/web_editor/shape/web_editor/Origins/05.svg?c3=%23F6F6F6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_06 { background-image: url("/web_editor/shape/web_editor/Origins/06.svg?c3=%23F6F6F6"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_06_001 { background-image: url("/web_editor/shape/web_editor/Origins/06_001.svg?c3=%23F6F6F6&c4=%23FFFFFF"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_07 { background-image: url("/web_editor/shape/web_editor/Origins/07.svg?c3=%23F6F6F6"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_07_001 { background-image: url("/web_editor/shape/web_editor/Origins/07_001.svg?c3=%23F6F6F6&c5=%234375A6"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_07_002 { background-image: url("/web_editor/shape/web_editor/Origins/07_002.svg?c3=%23F6F6F6&c4=%23FFFFFF&c5=%234375A6"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_08 { background-image: url("/web_editor/shape/web_editor/Origins/08.svg?c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_09 { background-image: url("/web_editor/shape/web_editor/Origins/09.svg?c1=%230075C2&c5=%234375A6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_09_001 { background-image: url("/web_editor/shape/web_editor/Origins/09_001.svg?c3=%23F6F6F6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_10 { background-image: url("/web_editor/shape/web_editor/Origins/10.svg?c2=%23003557&c5=%234375A6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_11 { background-image: url("/web_editor/shape/web_editor/Origins/11.svg?c3=%23F6F6F6&c5=%234375A6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_11_001 { background-image: url("/web_editor/shape/web_editor/Origins/11_001.svg?c3=%23F6F6F6&c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_12 { background-image: url("/web_editor/shape/web_editor/Origins/12.svg?c3=%23F6F6F6&c5=%234375A6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_13 { background-image: url("/web_editor/shape/web_editor/Origins/13.svg?c3=%23F6F6F6&c5=%234375A6"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_14 { background-image: url("/web_editor/shape/web_editor/Origins/14.svg?c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_14_001 { background-image: url("/web_editor/shape/web_editor/Origins/14_001.svg?c3=%23F6F6F6&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_15 { background-image: url("/web_editor/shape/web_editor/Origins/15.svg?c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_16 { background-image: url("/web_editor/shape/web_editor/Origins/16.svg?c3=%23F6F6F6"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_17 { background-image: url("/web_editor/shape/web_editor/Origins/17.svg?c3=%23F6F6F6"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_18 { background-image: url("/web_editor/shape/web_editor/Origins/18.svg?c1=%230075C2"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_01 { background-image: url("/web_editor/shape/web_editor/Rainy/01.svg?c1=%230075C2&c5=%234375A6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_01_001 { background-image: url("/web_editor/shape/web_editor/Rainy/01_001.svg?c1=%230075C2&c5=%234375A6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_02 { background-image: url("/web_editor/shape/web_editor/Rainy/02.svg?c1=%230075C2&c4=%23FFFFFF&c5=%234375A6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_02_001 { background-image: url("/web_editor/shape/web_editor/Rainy/02_001.svg?c1=%230075C2&c4=%23FFFFFF&c5=%234375A6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_03 { background-image: url("/web_editor/shape/web_editor/Rainy/03.svg?c2=%23003557&c4=%23FFFFFF&c5=%234375A6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_web_editor_Rainy_03_001 { background-image: url("/web_editor/shape/web_editor/Rainy/03_001.svg?c2=%23003557&c5=%234375A6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_web_editor_Rainy_04 { background-image: url("/web_editor/shape/web_editor/Rainy/04.svg?c1=%230075C2&c5=%234375A6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_05 { background-image: url("/web_editor/shape/web_editor/Rainy/05.svg?c1=%230075C2&c5=%234375A6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_05_001 { background-image: url("/web_editor/shape/web_editor/Rainy/05_001.svg?c1=%230075C2"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_06 { background-image: url("/web_editor/shape/web_editor/Rainy/06.svg?c1=%230075C2&c2=%23003557&c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_07 { background-image: url("/web_editor/shape/web_editor/Rainy/07.svg?c1=%230075C2&c2=%23003557&c3=%23F6F6F6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_08 { background-image: url("/web_editor/shape/web_editor/Rainy/08.svg?c1=%230075C2&c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_08_001 { background-image: url("/web_editor/shape/web_editor/Rainy/08_001.svg?c1=%230075C2&c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_09 { background-image: url("/web_editor/shape/web_editor/Rainy/09.svg?c1=%230075C2"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_09_001 { background-image: url("/web_editor/shape/web_editor/Rainy/09_001.svg?c1=%230075C2"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_10 { background-image: url("/web_editor/shape/web_editor/Rainy/10.svg?c1=%230075C2&c3=%23F6F6F6"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_01 { background-image: url("/web_editor/shape/web_editor/Wavy/01.svg?c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_01_001 { background-image: url("/web_editor/shape/web_editor/Wavy/01_001.svg?c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_02 { background-image: url("/web_editor/shape/web_editor/Wavy/02.svg?c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_02_001 { background-image: url("/web_editor/shape/web_editor/Wavy/02_001.svg?c3=%23F6F6F6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_03 { background-image: url("/web_editor/shape/web_editor/Wavy/03.svg?c1=%230075C2&c2=%23003557"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_04 { background-image: url("/web_editor/shape/web_editor/Wavy/04.svg?c1=%230075C2&c5=%234375A6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_05 { background-image: url("/web_editor/shape/web_editor/Wavy/05.svg?c1=%230075C2&c5=%234375A6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_06 { background-image: url("/web_editor/shape/web_editor/Wavy/06.svg?c1=%230075C2&c3=%23F6F6F6&c4=%23FFFFFF&c5=%234375A6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_06_001 { background-image: url("/web_editor/shape/web_editor/Wavy/06_001.svg?c1=%230075C2&c3=%23F6F6F6&c5=%234375A6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_07 { background-image: url("/web_editor/shape/web_editor/Wavy/07.svg?c3=%23F6F6F6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_08 { background-image: url("/web_editor/shape/web_editor/Wavy/08.svg?c2=%23003557"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_09 { background-image: url("/web_editor/shape/web_editor/Wavy/09.svg?c1=%230075C2&c5=%234375A6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_10 { background-image: url("/web_editor/shape/web_editor/Wavy/10.svg?c1=%230075C2&c2=%23003557"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_11 { background-image: url("/web_editor/shape/web_editor/Wavy/11.svg?c1=%230075C2&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_12 { background-image: url("/web_editor/shape/web_editor/Wavy/12.svg?c1=%230075C2"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_12_001 { background-image: url("/web_editor/shape/web_editor/Wavy/12_001.svg?c1=%230075C2"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_13 { background-image: url("/web_editor/shape/web_editor/Wavy/13.svg?c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_13_001 { background-image: url("/web_editor/shape/web_editor/Wavy/13_001.svg?c1=%230075C2"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_14 { background-image: url("/web_editor/shape/web_editor/Wavy/14.svg?c1=%230075C2&c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_15 { background-image: url("/web_editor/shape/web_editor/Wavy/15.svg?c1=%230075C2"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_16 { background-image: url("/web_editor/shape/web_editor/Wavy/16.svg?c1=%230075C2"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_17 { background-image: url("/web_editor/shape/web_editor/Wavy/17.svg?c1=%230075C2"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_18 { background-image: url("/web_editor/shape/web_editor/Wavy/18.svg?c5=%234375A6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_19 { background-image: url("/web_editor/shape/web_editor/Wavy/19.svg?c5=%234375A6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_20 { background-image: url("/web_editor/shape/web_editor/Wavy/20.svg?c2=%23003557"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_21 { background-image: url("/web_editor/shape/web_editor/Wavy/21.svg?c2=%23003557"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_22 { background-image: url("/web_editor/shape/web_editor/Wavy/22.svg?c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_23 { background-image: url("/web_editor/shape/web_editor/Wavy/23.svg?c3=%23F6F6F6"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_24 { background-image: url("/web_editor/shape/web_editor/Wavy/24.svg?c1=%230075C2&c2=%23003557"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_25 { background-image: url("/web_editor/shape/web_editor/Wavy/25.svg?c1=%230075C2&c2=%23003557"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_26 { background-image: url("/web_editor/shape/web_editor/Wavy/26.svg?c1=%230075C2&c2=%23003557"); background-position: bottom right; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_27 { background-image: url("/web_editor/shape/web_editor/Wavy/27.svg?c1=%230075C2&c2=%23003557"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_28 { background-image: url("/web_editor/shape/web_editor/Wavy/28.svg?c1=%230075C2&c3=%23F6F6F6"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_01 { background-image: url("/web_editor/shape/web_editor/Zigs/01.svg?c2=%23003557"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_01_001 { background-image: url("/web_editor/shape/web_editor/Zigs/01_001.svg?c2=%23003557"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_02 { background-image: url("/web_editor/shape/web_editor/Zigs/02.svg?c2=%23003557"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_02_001 { background-image: url("/web_editor/shape/web_editor/Zigs/02_001.svg?c2=%23003557"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_03 { background-image: url("/web_editor/shape/web_editor/Zigs/03.svg?c1=%230075C2"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_web_editor_Zigs_04 { background-image: url("/web_editor/shape/web_editor/Zigs/04.svg?c1=%230075C2"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_05 { background-image: url("/web_editor/shape/web_editor/Zigs/05.svg?c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_06 { background-image: url("/web_editor/shape/web_editor/Zigs/06.svg?c4=%23FFFFFF&c5=%234375A6"); background-position: bottom; background-size: 30px 100%; background-repeat: repeat no-repeat; } .ui-autocomplete { max-height: 50vh; overflow-y: auto; overflow-x: hidden; } .ui-autocomplete .ui-menu-item { padding: 0; } .ui-autocomplete .ui-menu-item > .ui-state-active { border: none; font-weight: normal; margin: 0; } .ui-autocomplete .fw-bold { font-weight: 700 !important; } /* /web_editor/static/src/scss/web_editor.frontend.scss */ @media (max-width: 767.98px) { img:not(.o_animate), .media_iframe_video:not(.o_animate), span.fa:not(.o_animate), i.fa:not(.o_animate) { transform: none !important; } } .o_wysiwyg_loader { pointer-events: none; min-height: 100px; color: transparent; } .o_wysiwyg_loading { position: absolute; top: 50%; left: 50%; bottom: auto; right: auto; transform: translate(-50%, -50%); } @media (max-width: 767.98px) { .o_we_shape { display: none; } } .o_we_flip_x { transform: scaleX(-1); } .o_we_flip_y { transform: scaleY(-1); } .o_we_flip_x.o_we_flip_y { transform: scale(-1); } .o_grid_mode { --gutter-x: 0px; --grid-item-padding-y: 10px; --grid-item-padding-x: 10px; } @media (min-width: 992px) { .o_grid_mode { display: grid !important; grid-auto-rows: 50px; grid-template-columns: repeat(12, 1fr); row-gap: 0px; column-gap: 0px; } } .o_grid_mode > * { width: 100%; min-width: 0; margin: 0 !important; padding: var(--grid-item-padding-y) var(--grid-item-padding-x) !important; } .container-fluid > .o_grid_mode, .container-sm > .o_grid_mode, .container-md > .o_grid_mode, .container-lg > .o_grid_mode, .container-xl > .o_grid_mode, .container-xxl > .o_grid_mode { --gutter-x: 30px; } .o_extra_menu_items .o_grid_mode { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; row-gap: 0px !important; column-gap: 0px !important; } .o_grid_item_image img, .o_grid_item_image .media_iframe_video { width: 100% !important; height: 100% !important; object-fit: cover !important; } .o_grid_item_image.o_grid_item_image_contain img, .o_grid_item_image img[data-shape] { object-fit: contain !important; } .o_grid_item_image > a { width: 100%; height: 100%; } body.editor_enable:not(.o_basic_theme) .odoo-editor-editable img::selection { background-color: transparent !important; } /* /portal/static/src/scss/portal.scss */ body { direction: ltr; } header .navbar-brand { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; max-width: 75%; } header .navbar-brand.logo { padding-top: 0; padding-bottom: 0; } header .navbar-brand.logo img { object-fit: contain; display: block; width: auto; height: 2.5rem; } @media (max-width: 767.98px) { header .navbar-brand.logo img { max-height: 2.5rem; } } header .nav-link { white-space: nowrap; } .navbar { margin-bottom: 0; } @media (max-width: 767.98px) { .navbar .nav.navbar-nav.float-end { float: none !important; } } @media (min-width: 768px) { .navbar-expand-md ul.nav > li.divider { display: list-item; } } ul.flex-column > li > a { padding: 2px 15px; } a.fa:hover, .btn-link.fa:hover { text-decoration: none; } .jumbotron { margin-bottom: 0; } ul { list-style-type: disc; } ul ul { list-style-type: circle; } ul ul ul { list-style-type: square; } ul ul ul ul { list-style-type: disc; } ul ul ul ul ul { list-style-type: circle; } ul ul ul ul ul ul { list-style-type: square; } ul ul ul ul ul ul ul { list-style-type: disc; } ol { list-style-type: decimal; } ol ol { list-style-type: lower-alpha; } ol ol ol { list-style-type: lower-greek; } ol ol ol ol { list-style-type: decimal; } ol ol ol ol ol { list-style-type: lower-alpha; } ol ol ol ol ol ol { list-style-type: lower-greek; } ol ol ol ol ol ol ol { list-style-type: decimal; } li > p { margin: 0; } .container-fluid .container-fluid, .container-sm .container-fluid, .container-md .container-fluid, .container-lg .container-fluid, .container-xl .container-fluid, .container-xxl .container-fluid, .container-fluid .container-sm, .container-sm .container-sm, .container-md .container-sm, .container-lg .container-sm, .container-xl .container-sm, .container-xxl .container-sm, .container-fluid .container-md, .container-sm .container-md, .container-md .container-md, .container-lg .container-md, .container-xl .container-md, .container-xxl .container-md, .container-fluid .container-lg, .container-sm .container-lg, .container-md .container-lg, .container-lg .container-lg, .container-xl .container-lg, .container-xxl .container-lg, .container-fluid .container-xl, .container-sm .container-xl, .container-md .container-xl, .container-lg .container-xl, .container-xl .container-xl, .container-xxl .container-xl, .container-fluid .container-xxl, .container-sm .container-xxl, .container-md .container-xxl, .container-lg .container-xxl, .container-xl .container-xxl, .container-xxl .container-xxl, .container .container, .o_container_small .container, .container .o_container_small, .o_container_small .o_container_small, .container .container-fluid, .o_container_small .container-fluid, .container .container-sm, .o_container_small .container-sm, .container .container-md, .o_container_small .container-md, .container .container-lg, .o_container_small .container-lg, .container .container-xl, .o_container_small .container-xl, .container .container-xxl, .o_container_small .container-xxl { padding-right: 0; padding-left: 0; } #wrap .container::before, #wrap .o_container_small::before, #wrap .container::after, #wrap .o_container_small::after, #wrap .container-fluid::before, #wrap .container-sm::before, #wrap .container-md::before, #wrap .container-lg::before, #wrap .container-xl::before, #wrap .container-xxl::before, #wrap .container-fluid::after, #wrap .container-sm::after, #wrap .container-md::after, #wrap .container-lg::after, #wrap .container-xl::after, #wrap .container-xxl::after { content: ""; display: table; clear: both; } [class^="col-lg-"] { min-height: 24px; } .input-group { -webkit-flex-flow: row nowrap; flex-flow: row nowrap; } .list-group-item:not([class*="list-group-item-"]):not(.active) { color: #142536; } .o_portal_wrap .o_portal_navbar .breadcrumb, .o_portal .breadcrumb { background-color: inherit; } .s_title:not([data-vcss]) .s_title_underlined, .o_page_header { margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dee2e6; } img.float-end, .media_iframe_video.float-end, .o_image.float-end { margin-left: 15px; } img.float-start, .media_iframe_video.float-start, .o_image.float-start { margin-right: 15px; } ::-moz-selection { background: rgba(150, 150, 220, 0.3); } ::selection { background: rgba(150, 150, 220, 0.3); } .oe_search_box { padding-right: 23px; text-overflow: ellipsis; } .para_large { font-size: 120%; } .jumbotron .para_large p { font-size: 150%; } .readable { font-size: 120%; max-width: 700px; margin-left: auto; margin-right: auto; } .readable .container, .readable .o_container_small { padding-left: 0; padding-right: 0; width: auto; } .oe_dark { background-color: rgba(200, 200, 200, 0.14); } .oe_black { background-color: rgba(0, 0, 0, 0.9); color: white; } .oe_green { background-color: #169C78; color: white; } .oe_green .text-muted { color: #ddd !important; } .oe_blue_light { background-color: #41b6ab; color: white; } .oe_blue_light .text-muted { color: #ddd !important; } .oe_blue { background-color: #34495e; color: white; } .oe_orange { background-color: #f05442; color: white; } .oe_orange .text-muted { color: #ddd !important; } .oe_purple { background-color: #b163a3; color: white; } .oe_purple .text-muted { color: #ddd !important; } .oe_red { background-color: #9C1b31; color: white; } .oe_red .text-muted { color: #ddd !important; } .oe_none { background-color: #FFFFFF; } .oe_yellow { background-color: #A2A51B; } .oe_green { background-color: #149F2C; } #wrapwrap.o_portal { background-color: #ececec !important; color: #142536; } .o_portal > tbody.o_portal_report_tbody { vertical-align: middle; } .o_portal_wrap .o_portal_my_home > .o_page_header > a:hover { text-decoration: none; } .o_portal_wrap .o_portal_navbar { background-color: white !important; } .o_portal_wrap .o_portal_navbar .breadcrumb { padding-left: 0; padding-right: 0; } .o_portal_wrap .o_portal_my_doc_table th { padding-top: 0.5rem; padding-bottom: 0.5rem; max-width: 500px; } .o_portal_wrap .o_portal_my_doc_table td { padding-top: 0.25rem; padding-bottom: 0.25rem; max-width: 10rem; } .o_portal_wrap .o_portal_my_doc_table tr:last-child td { padding-bottom: 0.375rem; } .o_portal_wrap .o_portal_my_doc_table td, .o_portal_wrap .o_portal_my_doc_table th { vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .o_portal_wrap .o_portal_my_doc_table td:has(a), .o_portal_wrap .o_portal_my_doc_table th:has(a) { color: #0075C2; } .o_portal_wrap address span[itemprop="name"] { margin-bottom: 0.3em; } .o_portal_wrap address div[itemprop="address"] > div { position: relative; } .o_portal_wrap address div[itemprop="address"] > div span[itemprop="streetAddress"] { line-height: 1.2; margin-bottom: 0.3em; } .o_portal_wrap address div[itemprop="address"] > div .fa { position: absolute; top: 0; left: 0; bottom: auto; right: auto; line-height: 1.5; } .o_portal_wrap address div[itemprop="address"] > div .fa + span, .o_portal_wrap address div[itemprop="address"] > div .fa + div { display: block; padding-left: 1.78571429em; } .o_portal_wrap .o_my_sidebar div[itemprop="address"] > div { margin-top: 0.5em; } @media (max-width: 991.98px) { .o_portal_wrap #o_portal_navbar_content { margin: 0.5rem -1rem 0; padding: 0.5rem 1rem; border-top: 1px solid #dee2e6; background-color: #E2ECF6; } } .o_portal_wrap table.table tr { word-wrap: break-word; } .oe_attachments .o_image_small { height: 40px; width: 50px; background-repeat: no-repeat; } form label { font-weight: 700; } form label.label-optional { font-weight: 400; } .o_portal_contact_img { width: 2.3em; height: 2.3em; object-fit: cover; } .o_portal_sidebar #sidebar_content.card { border-left: 0; border-bottom: 0; } .o_portal_sidebar #sidebar_content.card > div.card-body { border-left: 1px solid #dee2e6; } .o_portal_sidebar #sidebar_content.card > ul > li { border-left: 1px solid #dee2e6; margin-bottom: -1px; } .o_portal_sidebar #sidebar_content.card > div.card-footer { border-left: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; } .o_portal_sidebar .o_portal_html_view { overflow: hidden; background: white; position: relative; } .o_portal_sidebar .o_portal_html_view .o_portal_html_loader { position: absolute; top: 45%; left: 0; bottom: auto; right: 0; } .o_portal_sidebar .o_portal_html_view iframe { position: relative; } .o_portal_chatter { padding: 10px; } .o_portal_chatter .o_portal_chatter_avatar { width: 45px; height: 45px; margin-right: 1rem; } .o_portal_chatter .o_portal_chatter_header { margin-bottom: 15px; } .o_portal_chatter .o_portal_chatter_composer { margin-bottom: 15px; } .o_portal_chatter .o_portal_chatter_messages { margin-bottom: 15px; overflow-wrap: break-word; word-break: break-word; } .o_portal_chatter .o_portal_chatter_messages .o_portal_chatter_message div.flex-grow-1 > p:not(.o_portal_chatter_puslished_date):last-of-type { margin-bottom: 5px; } .o_portal_chatter .o_portal_chatter_messages .o_portal_chatter_message_title p { font-size: 85%; color: rgba(20, 37, 54, 0.7); margin: 0px; } .o_portal_chatter .o_portal_chatter_pager { text-align: center; } .o_portal_chatter .o_portal_chatter_attachment .o_portal_chatter_attachment_name, .o_portal_chatter_composer .o_portal_chatter_attachment .o_portal_chatter_attachment_name { word-wrap: break-word; } .o_portal_chatter .o_portal_chatter_attachment .o_portal_chatter_attachment_delete, .o_portal_chatter_composer .o_portal_chatter_attachment .o_portal_chatter_attachment_delete { position: absolute; top: 0; left: auto; bottom: auto; right: 0; opacity: 0; } .o_portal_chatter .o_portal_chatter_attachment:hover .o_portal_chatter_attachment_delete, .o_portal_chatter_composer .o_portal_chatter_attachment:hover .o_portal_chatter_attachment_delete { opacity: 1; } .o_portal_chatter .o_portal_message_internal_off .btn-danger, .o_portal_chatter_composer .o_portal_message_internal_off .btn-danger { display: none; } .o_portal_chatter .o_portal_message_internal_on .btn-success, .o_portal_chatter_composer .o_portal_message_internal_on .btn-success { display: none; } .o_portal_security_body { max-width: 540px; } .o_portal_security_body section form.oe_reset_password_form { max-width: initial; margin: initial; } .o_portal_security_body section[name="portal_deactivate_account"] label { white-space: normal !important; } .o_footer_copyright .o_footer_copyright_name { vertical-align: middle; } .o_footer_copyright .js_language_selector { display: inline-block; } @media (min-width: 768px) { .o_footer_copyright .row { display: -webkit-box; display: -webkit-flex; display: flex; } .o_footer_copyright .row > div { margin: auto 0; } } /* /payment/static/src/scss/portal_payment.scss */ input#cc_number { background-repeat: no-repeat; background-position: center right calc(2.7em); } div.card_placeholder { background-image: url("/payment/static/src/img/placeholder.png"); background-repeat: no-repeat; width: 32px; height: 20px; position: absolute; top: 8px; right: 20px; -webkit-transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); pointer-events: none; } /* if s2s form not in bootstrap_formatting */ div.o_card_brand_detail { position: relative; } div.o_card_brand_detail div.card_placeholder { right: 5px; } div.amex { background-image: url("/payment/static/src/img/amex.png"); background-repeat: no-repeat; } div.diners { background-image: url("/payment/static/src/img/diners.png"); background-repeat: no-repeat; } div.discover { background-image: url("/payment/static/src/img/discover.png"); background-repeat: no-repeat; } div.jcb { background-image: url("/payment/static/src/img/jcb.png"); background-repeat: no-repeat; } div.mastercard { background-image: url("/payment/static/src/img/mastercard.png"); background-repeat: no-repeat; } div.visa { background-image: url("/payment/static/src/img/visa.png"); background-repeat: no-repeat; } ul.checkout img.rounded { max-width: 100px; max-height: 40px; } /* /payment/static/src/scss/payment_templates.scss */ div#o_payment_status_alert > p { margin-bottom: 0; } /* /payment/static/src/scss/payment_form.scss */ .o_payment_form label > input[type="radio"], .o_payment_form input[type="checkbox"] { vertical-align: middle; margin-right: 5px; } .o_payment_form .payment_option_name { font-size: 14px; font-weight: normal !important; font-family: Helvetica Neue, sans-serif; line-height: 1.3em; color: #4d4d4d; } .o_payment_form label { font-weight: normal; margin-top: 5px; } .o_payment_form .card { border-radius: 5px; overflow: hidden; } .o_payment_form .card-body { padding: 1.14em !important; } .o_payment_form .card-body:not(:first-child) { border-top: 1px solid #dddddd; } .o_payment_form .card-body.o_payment_option_card:hover { cursor: pointer; } .o_payment_form .card-footer { padding: 0.5rem; } .o_payment_form .card-footer label { margin-top: 15px; } .o_payment_form .card-footer:last-child { border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important; } .o_payment_form .payment_icon_list { position: relative; margin-top: 0px !important; margin-bottom: -5px !important; } .o_payment_form .payment_icon_list li { padding-left: 5px !important; padding-right: 0px !important; } .o_payment_form .payment_icon_list .more_option { position: absolute; top: auto; left: auto; bottom: auto; right: 10px; font-size: 10px; } /* /sale/static/src/scss/sale_portal.scss */ /* ---- My Orders page ---- */ .orders_vertical_align { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; } .orders_label_text_align { vertical-align: 15%; } /* ---- Order page ---- */ .sale_tbody .o_line_note { word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; } .sale_tbody input.js_quantity { min-width: 48px; text-align: center; } .sale_tbody div.input-group.w-50.pull-right { width: 100% !important; } .o_portal .sale_tbody .js_quantity_container .js_quantity { padding: 0; } .o_portal .sale_tbody .js_quantity_container .input-group-text { padding: 0.2rem 0.4rem; } @media (max-width: 767.98px) { .o_portal .sale_tbody .js_quantity_container { width: 100%; } } /* /google_recaptcha/static/src/scss/recaptcha.scss */ .grecaptcha-badge { visibility: hidden; } /* /website/static/src/scss/website.scss */ :root { --support-13-0-color-system: false; --has-customized-13-0-color-system: false; --header-font-size: 0.75rem; --headings-font: 'SYSTEM_FONTS'; --navbar-font: 'SYSTEM_FONTS'; --buttons-font: 'SYSTEM_FONTS'; --font-size-base: 0.75rem; --body-image-type: 'image'; --layout: 'full'; --color-palettes-name: 'base-1'; --btn-primary-outline: false; --btn-secondary-outline: false; --link-underline: 'always'; --btn-ripple: false; --btn-font-size: 1rem; --font: 'SYSTEM_FONTS'; --headings-font: 'Rubik'; --navbar-font: 'Source Sans Pro'; --buttons-font: 'Montserrat'; --header-template: 'default'; --header-font-size: 0.875rem; --header-links-style: 'default'; --logo-height: 2.5rem; --hamburger-type: 'off-canvas'; --hamburger-position: 'center'; --menu-border-width: 0px; --menu-border-style: 'solid'; --menu-border-radius: 0px; --menu-box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 12px 0px; --sidebar-width: 18.75rem; --footer-template: 'default'; --footer-scrolltop: false; --fixed-logo-height: 2.5rem; --header-scroll-effect: 'fixed'; --logo-height: 2.5rem; --fixed-logo-height: 2.5rem; --number-of-fonts: 15; --font-number-1: 'SYSTEM_FONTS'; --font-number-2: 'Roboto'; --font-number-3: 'Open Sans'; --font-number-4: 'Source Sans Pro'; --font-number-5: 'Raleway'; --font-number-6: 'Noto Serif'; --font-number-7: 'Arvo'; --font-number-8: 'Rubik'; --font-number-9: 'Montserrat'; --font-number-10: 'Teko'; --font-number-11: 'Nunito'; --font-number-12: 'Montserrat Alternates'; --font-number-13: 'Poppins'; --font-number-14: 'Lato'; --font-number-15: 'Baloo Thambi 2'; --btn-padding-y: 0.375rem; --btn-padding-x: 0.75rem; --btn-font-size: 1rem; --btn-padding-y-sm: 0.0625rem; --btn-padding-x-sm: 0.3125rem; --btn-font-size-sm: 0.75rem; --btn-padding-y-lg: 0.5rem; --btn-padding-x-lg: 1rem; --btn-font-size-lg: 0.9375rem; --btn-border-width: 1px; --btn-border-radius: 0.25rem; --btn-border-radius-sm: 0.2rem; --btn-border-radius-lg: 0.3rem; --input-padding-y: 0.375rem; --input-padding-x: 0.75rem; --input-font-size: 0.75rem; --input-padding-y-sm: 0.25rem; --input-padding-x-sm: 0.5rem; --input-font-size-sm: 0.75rem; --input-padding-y-lg: 0.5rem; --input-padding-x-lg: 1rem; --input-font-size-lg: 0.9375rem; --input-border-width: 1px; --input-border-radius: 0.25rem; --input-border-radius-sm: 0.2rem; --input-border-radius-lg: 0.3rem; --color-palettes-name: 'base-1'; --has-customized-colors: true; --custom-colors: "o-color-1" "o-color-2" "o-color-3" "o-color-4" "o-color-5" "body" "menu" "menu-custom" "menu-border-color" "header-boxed" "header-boxed-custom" "footer" "footer-custom" "copyright" "copyright-custom" "o-cc1-bg" "o-cc1-text" "o-cc1-headings" "o-cc1-h2" "o-cc1-h3" "o-cc1-h4" "o-cc1-h5" "o-cc1-h6" "o-cc1-link" "o-cc1-btn-primary" "o-cc1-btn-primary-border" "o-cc1-btn-secondary" "o-cc1-btn-secondary-border" "o-cc2-bg" "o-cc2-text" "o-cc2-headings" "o-cc2-h2" "o-cc2-h3" "o-cc2-h4" "o-cc2-h5" "o-cc2-h6" "o-cc2-link" "o-cc2-btn-primary" "o-cc2-btn-primary-border" "o-cc2-btn-secondary" "o-cc2-btn-secondary-border" "o-cc3-bg" "o-cc3-text" "o-cc3-headings" "o-cc3-h2" "o-cc3-h3" "o-cc3-h4" "o-cc3-h5" "o-cc3-h6" "o-cc3-link" "o-cc3-btn-primary" "o-cc3-btn-primary-border" "o-cc3-btn-secondary" "o-cc3-btn-secondary-border" "o-cc4-bg" "o-cc4-text" "o-cc4-headings" "o-cc4-h2" "o-cc4-h3" "o-cc4-h4" "o-cc4-h5" "o-cc4-h6" "o-cc4-link" "o-cc4-btn-primary" "o-cc4-btn-primary-border" "o-cc4-btn-secondary" "o-cc4-btn-secondary-border" "o-cc5-bg" "o-cc5-text" "o-cc5-headings" "o-cc5-h2" "o-cc5-h3" "o-cc5-h4" "o-cc5-h5" "o-cc5-h6" "o-cc5-link" "o-cc5-btn-primary" "o-cc5-btn-primary-border" "o-cc5-btn-secondary" "o-cc5-btn-secondary-border"; } .navbar .navbar-collapse { min-width: 0; } .navbar .btn { white-space: nowrap; } .navbar .o_menu_image_placeholder { width: 80px !important; } .navbar #top_menu { flex-wrap: nowrap !important; } .navbar #top_menu.o_menu_loading { overflow: hidden !important; opacity: 0 !important; } .navbar-brand, .navbar-text, .navbar .nav-link, .navbar a.js_change_lang span, .navbar a.o_add_language { font-family: "Source Sans Pro", "Odoo Unicode Support Noto", sans-serif; } .navbar-light { background-color: #FFFFFF; color: #142536; } .navbar-light .text-muted, .o_colored_level .navbar-light .text-muted { color: rgba(20, 37, 54, 0.7) !important; } header { font-size: 0.875rem; } header .dropdown-menu, header .o_dropdown_menu, header .btn { font-size: inherit; } header .navbar-brand { font-size: 1.66666667rem; } header .navbar-brand, header .navbar-brand.logo { padding-top: 0; padding-bottom: 0; } .o_footer { background-color: #FFFFFF; color: #142536; } .o_footer .text-muted, .o_colored_level .o_footer .text-muted { color: rgba(20, 37, 54, 0.7) !important; } .o_footer .o_footer_copyright { background-color: rgba(0, 0, 0, 0.15); } .btn { font-family: "Montserrat", "Odoo Unicode Support Noto", sans-serif; } font[style*='background']:not(.text-gradient), font[class*='bg-'] { padding: 2px 6px 4px; } .fa { font-family: "FontAwesome" !important; } .fa.rounded-circle, .fa.rounded-empty-circle, .fa.rounded, .fa.rounded-0, .fa.rounded-leaf, .fa.img-thumbnail, .fa.shadow { display: inline-block; vertical-align: middle; text-align: center; width: 3rem; height: 3rem; line-height: 3rem; background-color: #F6F9FC; } .fa.rounded-circle.fa-2x, .fa.fa-2x.rounded-empty-circle, .fa.rounded.fa-2x, .fa.rounded-0.fa-2x, .fa.rounded-leaf.fa-2x, .fa.img-thumbnail.fa-2x, .fa.shadow.fa-2x { width: 5rem; height: 5rem; line-height: 5rem; } .fa.rounded-circle.fa-3x, .fa.fa-3x.rounded-empty-circle, .fa.rounded.fa-3x, .fa.rounded-0.fa-3x, .fa.rounded-leaf.fa-3x, .fa.img-thumbnail.fa-3x, .fa.shadow.fa-3x { width: 6rem; height: 6rem; line-height: 6rem; } .fa.rounded-circle.fa-4x, .fa.fa-4x.rounded-empty-circle, .fa.rounded.fa-4x, .fa.rounded-0.fa-4x, .fa.rounded-leaf.fa-4x, .fa.img-thumbnail.fa-4x, .fa.shadow.fa-4x { width: 7rem; height: 7rem; line-height: 7rem; } .fa.rounded-circle.fa-5x, .fa.fa-5x.rounded-empty-circle, .fa.rounded.fa-5x, .fa.rounded-0.fa-5x, .fa.rounded-leaf.fa-5x, .fa.img-thumbnail.fa-5x, .fa.shadow.fa-5x { width: 8rem; height: 8rem; line-height: 8rem; } .fa.img-thumbnail { padding: 0; } .fa.rounded-leaf { border-top-left-radius: 3rem; border-bottom-right-radius: 3rem; } .fa.rounded-empty-circle { border-width: 2px; border-style: solid; background: transparent; } @media (min-width: 992px) { .o_container_small { max-width: 720px; } } .btn.flat { border: 0; letter-spacing: 0.05em; text-transform: uppercase; padding: 0.75rem 1.5rem; font-size: 0.5625rem; border-radius: 0; } .btn.flat.btn-lg, .btn-group-lg > .flat.btn { padding: 1rem 2rem; font-size: 0.703125rem; border-radius: 0; } .btn.flat.btn-sm, .btn-group-sm > .flat.btn { padding: 0.5rem 1rem; font-size: 0.5625rem; border-radius: 0; } .btn.flat.btn-xs { padding: 0.25rem 0.5rem; font-size: 0.375rem; border-radius: 0; } .btn.rounded-circle, .btn.fa.rounded-empty-circle { border-radius: 100px !important; padding: 0.45rem 1.35rem; font-size: 0.75rem; border-radius: 30px; } .btn.rounded-circle.btn-lg, .btn.btn-lg.fa.rounded-empty-circle, .btn-group-lg > .btn.rounded-circle, .btn-group-lg > .btn.fa.rounded-empty-circle { padding: 0.6rem 1.8rem; font-size: 0.9375rem; border-radius: 30px; } .btn.rounded-circle.btn-sm, .btn.btn-sm.fa.rounded-empty-circle, .btn-group-sm > .btn.rounded-circle, .btn-group-sm > .btn.fa.rounded-empty-circle { padding: 0.3rem 0.9rem; font-size: 0.75rem; border-radius: 30px; } .btn.rounded-circle.btn-xs, .btn.btn-xs.fa.rounded-empty-circle { padding: 0.15rem 0.45rem; font-size: 0.5625rem; border-radius: 30px; } .oe_img_bg { background-size: cover; background-repeat: no-repeat; } .oe_img_bg.o_bg_img_opt_repeat { background-size: auto; background-repeat: repeat; } .oe_img_bg.o_bg_img_center { background-position: center; } .oe_img_bg.o_bg_img_opt_contain { background-size: contain; background-position: center center; } .oe_img_bg.o_bg_img_opt_custom { background-size: auto; } .oe_img_bg.o_bg_img_opt_repeat_x { background-repeat: repeat-x; } .oe_img_bg.o_bg_img_opt_repeat_y { background-repeat: repeat-y; } .o_bg_video_iframe { position: relative; pointer-events: none !important; } .o_bg_video_loading { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } @media (max-width: 767.98px) { section, .parallax, .row, .hr, .blockquote { height: auto !important; } } .table_desc { margin: 0 0 20px 0; width: 100%; word-break: break-all; border: 1px solid #dddddd; } .table_heading { background-color: #f5f5f5; border: 1px solid #dddddd; color: #666666; font-size: 14px; padding: 4px; } table.table_desc tr td { text-align: left; padding: 5px; font-size: 13px; } table.table_desc tr td:first-child { width: 25%; font-weight: bold; border-bottom: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; border-left: none; } table.table_desc tr td:last-child { border-bottom: 1px solid #c9c9c9; } .jumbotron { border-radius: 0; } .o_full_screen_height, .o_half_screen_height, .cover_full, .cover_mid { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: space-around; min-height: 100vh !important; } .o_half_screen_height, .cover_mid { min-height: 55vh !important; } .card { overflow: hidden; } .s_carousel .carousel-control-prev, .s_carousel .carousel-control-next, .s_quotes_carousel .carousel-control-prev, .s_quotes_carousel .carousel-control-next { position: absolute; cursor: pointer; width: 8%; opacity: 1; } @media (max-width: 767.98px) { .s_carousel .carousel-control-prev, .s_carousel .carousel-control-next, .s_quotes_carousel .carousel-control-prev, .s_quotes_carousel .carousel-control-next { display: none; } } .s_carousel .carousel-control-prev, .s_quotes_carousel .carousel-control-prev { -webkit-box-pack: start; justify-content: flex-start; } .s_carousel .carousel-control-next, .s_quotes_carousel .carousel-control-next { -webkit-box-pack: end; justify-content: flex-end; } .s_carousel .carousel-control-prev-icon, .s_carousel .carousel-control-next-icon, .s_quotes_carousel .carousel-control-prev-icon, .s_quotes_carousel .carousel-control-next-icon { width: auto; height: auto; background-image: none; color: #142536; } .s_carousel .carousel-control-prev-icon:before, .s_carousel .carousel-control-next-icon:before, .s_quotes_carousel .carousel-control-prev-icon:before, .s_quotes_carousel .carousel-control-next-icon:before { font-family: "FontAwesome"; display: inline-block; background-color: #fff; } .s_carousel .carousel-inner, .s_quotes_carousel .carousel-inner { isolation: isolate; overflow: hidden; height: 100%; } .s_carousel .carousel-inner .carousel-item, .s_quotes_carousel .carousel-inner .carousel-item { height: 100%; } .s_carousel .carousel-indicators, .s_quotes_carousel .carousel-indicators { position: absolute; } .s_carousel .carousel-indicators li:hover:not(.active), .s_quotes_carousel .carousel-indicators li:hover:not(.active) { background-color: rgba(255, 255, 255, 0.8); } .s_carousel.s_carousel_default .carousel-control-prev-icon:before, .s_quotes_carousel.s_carousel_default .carousel-control-prev-icon:before { content: "" /*rtl:''*/; margin-left: 1.5rem; } .s_carousel.s_carousel_default .carousel-control-next-icon:before, .s_quotes_carousel.s_carousel_default .carousel-control-next-icon:before { content: "" /*rtl:''*/; margin-right: 1.5rem; } .s_carousel.s_carousel_default .carousel-control-prev-icon:before, .s_carousel.s_carousel_default .carousel-control-next-icon:before, .s_quotes_carousel.s_carousel_default .carousel-control-prev-icon:before, .s_quotes_carousel.s_carousel_default .carousel-control-next-icon:before { background-color: rgba(0, 0, 0, 0); font-size: 2rem; color: #fff; text-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } .s_carousel.s_carousel_default .carousel-indicators li, .s_quotes_carousel.s_carousel_default .carousel-indicators li { height: .6rem; margin-bottom: .5rem; border: 0; border-radius: 0.2rem; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } .s_carousel.s_carousel_bordered, .s_quotes_carousel.s_carousel_bordered { border: 2rem solid rgba(0, 0, 0, 0); } @media (max-width: 767.98px) { .s_carousel.s_carousel_bordered, .s_quotes_carousel.s_carousel_bordered { border: 0.5rem solid rgba(0, 0, 0, 0); } } .s_carousel.s_carousel_bordered .carousel-control-prev-icon:before, .s_quotes_carousel.s_carousel_bordered .carousel-control-prev-icon:before { content: "\f0d9"; } .s_carousel.s_carousel_bordered .carousel-control-next-icon:before, .s_quotes_carousel.s_carousel_bordered .carousel-control-next-icon:before { content: "\f0da"; } .s_carousel.s_carousel_bordered .carousel-control-prev-icon:before, .s_carousel.s_carousel_bordered .carousel-control-next-icon:before, .s_quotes_carousel.s_carousel_bordered .carousel-control-prev-icon:before, .s_quotes_carousel.s_carousel_bordered .carousel-control-next-icon:before { width: 2rem; height: 6rem; line-height: 6rem; font-size: 1.5rem; } .s_carousel.s_carousel_bordered .carousel-indicators li, .s_quotes_carousel.s_carousel_bordered .carousel-indicators li { width: 3rem; height: 1rem; } .s_carousel.s_carousel_rounded .carousel-control-prev, .s_quotes_carousel.s_carousel_rounded .carousel-control-prev { margin-left: 1.5rem; } .s_carousel.s_carousel_rounded .carousel-control-next, .s_quotes_carousel.s_carousel_rounded .carousel-control-next { margin-right: 1.5rem; } .s_carousel.s_carousel_rounded .carousel-control-prev-icon:before, .s_quotes_carousel.s_carousel_rounded .carousel-control-prev-icon:before { content: "\f060"; } .s_carousel.s_carousel_rounded .carousel-control-next-icon:before, .s_quotes_carousel.s_carousel_rounded .carousel-control-next-icon:before { content: "\f061"; } .s_carousel.s_carousel_rounded .carousel-control-prev-icon:before, .s_carousel.s_carousel_rounded .carousel-control-next-icon:before, .s_quotes_carousel.s_carousel_rounded .carousel-control-prev-icon:before, .s_quotes_carousel.s_carousel_rounded .carousel-control-next-icon:before { width: 4rem; height: 4rem; line-height: 4rem; border-radius: 50%; font-size: 1.25rem; } .s_carousel.s_carousel_rounded .carousel-indicators li, .s_quotes_carousel.s_carousel_rounded .carousel-indicators li { width: 1rem; height: 1rem; border-radius: 50%; } .s_carousel.s_carousel_boxed, .s_quotes_carousel.s_carousel_boxed { width: 100%; padding-right: var(--gutter-x, 15px); padding-left: var(--gutter-x, 15px); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .s_carousel.s_carousel_boxed, .s_quotes_carousel.s_carousel_boxed { max-width: 540px; } } @media (min-width: 768px) { .s_carousel.s_carousel_boxed, .s_quotes_carousel.s_carousel_boxed { max-width: 720px; } } @media (min-width: 992px) { .s_carousel.s_carousel_boxed, .s_quotes_carousel.s_carousel_boxed { max-width: 960px; } } @media (min-width: 1200px) { .s_carousel.s_carousel_boxed, .s_quotes_carousel.s_carousel_boxed { max-width: 1140px; } } @media (min-width: 1400px) { .s_carousel.s_carousel_boxed, .s_quotes_carousel.s_carousel_boxed { max-width: 1320px; } } .s_carousel.s_carousel_boxed .carousel-item, .s_quotes_carousel.s_carousel_boxed .carousel-item { padding: 0 1rem; } .s_carousel.s_carousel_boxed .carousel-control-prev, .s_carousel.s_carousel_boxed .carousel-control-next, .s_quotes_carousel.s_carousel_boxed .carousel-control-prev, .s_quotes_carousel.s_carousel_boxed .carousel-control-next { align-items: flex-end; margin-bottom: 1.25rem; } .s_carousel.s_carousel_boxed .carousel-control-prev, .s_quotes_carousel.s_carousel_boxed .carousel-control-prev { margin-left: 3rem; } .s_carousel.s_carousel_boxed .carousel-control-next, .s_quotes_carousel.s_carousel_boxed .carousel-control-next { margin-right: 3rem; } .s_carousel.s_carousel_boxed .carousel-control-prev-icon:before, .s_quotes_carousel.s_carousel_boxed .carousel-control-prev-icon:before { content: "\f104"; } .s_carousel.s_carousel_boxed .carousel-control-next-icon:before, .s_quotes_carousel.s_carousel_boxed .carousel-control-next-icon:before { content: "\f105"; } .s_carousel.s_carousel_boxed .carousel-control-prev-icon:before, .s_carousel.s_carousel_boxed .carousel-control-next-icon:before, .s_quotes_carousel.s_carousel_boxed .carousel-control-prev-icon:before, .s_quotes_carousel.s_carousel_boxed .carousel-control-next-icon:before { width: 2rem; height: 2rem; line-height: 2rem; font-size: 1.25rem; } .s_carousel.s_carousel_boxed .carousel-indicators li, .s_quotes_carousel.s_carousel_boxed .carousel-indicators li { width: 1rem; height: 1rem; } .s_carousel.s_carousel_boxed .carousel-indicators li:hover:not(.active), .s_quotes_carousel.s_carousel_boxed .carousel-indicators li:hover:not(.active) { background-color: rgba(255, 255, 255, 0.8); } .carousel .container .carousel-img img, .carousel .o_container_small .carousel-img img { max-height: 95%; padding: 10px; } .carousel .container > .carousel-caption, .carousel .o_container_small > .carousel-caption { position: absolute; top: auto; left: 50%; bottom: auto; right: 50%; bottom: 20px; } .carousel .container > .carousel-caption > div, .carousel .o_container_small > .carousel-caption > div { position: absolute; text-align: left; padding: 20px; background: rgba(0, 0, 0, 0.4); bottom: 20px; } .carousel .container > .carousel-image, .carousel .o_container_small > .carousel-image { position: absolute; top: 5%; left: auto; bottom: 5%; right: auto; max-height: 90%; margin: 0 auto; } .carousel .container .carousel-item.text_image .container > .carousel-caption, .carousel .o_container_small .carousel-item.text_image .container > .carousel-caption, .carousel .container .carousel-item.text_image .o_container_small > .carousel-caption, .carousel .o_container_small .carousel-item.text_image .o_container_small > .carousel-caption { left: 10%; } .carousel .container .carousel-item.text_image .container > .carousel-caption > div, .carousel .o_container_small .carousel-item.text_image .container > .carousel-caption > div, .carousel .container .carousel-item.text_image .o_container_small > .carousel-caption > div, .carousel .o_container_small .carousel-item.text_image .o_container_small > .carousel-caption > div { right: 50%; margin-right: -20%; max-width: 550px; } .carousel .container .carousel-item.text_image .container > .carousel-image, .carousel .o_container_small .carousel-item.text_image .container > .carousel-image, .carousel .container .carousel-item.text_image .o_container_small > .carousel-image, .carousel .o_container_small .carousel-item.text_image .o_container_small > .carousel-image { right: 10%; left: 50%; } .carousel .container .carousel-item.image_text .container > .carousel-caption, .carousel .o_container_small .carousel-item.image_text .container > .carousel-caption, .carousel .container .carousel-item.image_text .o_container_small > .carousel-caption, .carousel .o_container_small .carousel-item.image_text .o_container_small > .carousel-caption { right: 10%; } .carousel .container .carousel-item.image_text .container > .carousel-caption > div, .carousel .o_container_small .carousel-item.image_text .container > .carousel-caption > div, .carousel .container .carousel-item.image_text .o_container_small > .carousel-caption > div, .carousel .o_container_small .carousel-item.image_text .o_container_small > .carousel-caption > div { left: 50%; margin-left: -20%; max-width: 550px; } .carousel .container .carousel-item.image_text .container > .carousel-image, .carousel .o_container_small .carousel-item.image_text .container > .carousel-image, .carousel .container .carousel-item.image_text .o_container_small > .carousel-image, .carousel .o_container_small .carousel-item.image_text .o_container_small > .carousel-image { right: 50%; left: 10%; } .carousel .container .carousel-item.text_only .container > .carousel-caption, .carousel .o_container_small .carousel-item.text_only .container > .carousel-caption, .carousel .container .carousel-item.text_only .o_container_small > .carousel-caption, .carousel .o_container_small .carousel-item.text_only .o_container_small > .carousel-caption { left: 10%; right: 10%; top: 10%; bottom: auto; } .carousel .container .carousel-item.text_only .container > .carousel-caption > div, .carousel .o_container_small .carousel-item.text_only .container > .carousel-caption > div, .carousel .container .carousel-item.text_only .o_container_small > .carousel-caption > div, .carousel .o_container_small .carousel-item.text_only .o_container_small > .carousel-caption > div { text-align: center; background: transparent; bottom: auto; width: 100%; } .carousel .container .carousel-item.text_only .container > .carousel-image, .carousel .o_container_small .carousel-item.text_only .container > .carousel-image, .carousel .container .carousel-item.text_only .o_container_small > .carousel-image, .carousel .o_container_small .carousel-item.text_only .o_container_small > .carousel-image { display: none !important; } .parallax:not(.s_parallax_no_overflow_hidden) { overflow: hidden; } @media (min-width: 1200px) { .parallax.s_parallax_is_fixed > .s_parallax_bg { background-attachment: fixed; } } .s_parallax { min-height: 10px; } .o_header_affixed { display: block; position: absolute; top: 0; left: 0; bottom: auto; right: 0; position: fixed; } .o_header_affixed:not(.o_header_no_transition) { transition: transform 200ms; } .o_header_affixed.o_header_is_scrolled .navbar-brand { font-size: 1.66666667rem; } .o_header_affixed.o_header_is_scrolled .navbar-brand img { height: 2.5rem; } .navbar .o_extra_menu_items > .show > li + li { border-top: 1px solid #E2ECF6; } .navbar .o_extra_menu_items > .show > li > a.dropdown-toggle { background-color: #E2ECF6; color: inherit; pointer-events: none; } .navbar .o_extra_menu_items > .show > li > ul, .navbar .o_extra_menu_items > .show > li > .o_mega_menu { position: static; float: none; display: block; max-height: none; margin-top: 0; padding: 0; border: none; box-shadow: none; } .navbar .o_extra_menu_items > .show > li > .o_mega_menu .row > div { width: 100%; flex: auto; } header#top { z-index: 1030; } header:not(.o_header_no_transition) #top_menu_container { transition: all 200ms; } header:not(.o_header_no_transition) .navbar-brand { transition: margin 200ms, font-size 200ms, opacity 200ms ease-out; } header:not(.o_header_no_transition) .navbar-brand img { transition: height 200ms; } @media (min-width: 992px) { header .navbar .dropdown-menu, header .navbar .o_dropdown_menu { max-height: 60vh; overflow-y: auto; overflow-x: hidden; } } header .navbar-collapse.show { max-height: 80vh; overflow-y: auto; overflow-x: hidden; } @media (max-width: 991.98px) { header .navbar-collapse.show .nav-link, header .navbar-collapse.show .dropdown-item { white-space: normal; } } header #top_menu_container { flex-direction: inherit; } header .collapsing #top_menu, header .show #top_menu { text-align: center !important; } @media (min-width: 768px) { header .o_navbar_toggler_container { -webkit-box-flex: 0; -webkit-flex: 0 0 0; flex: 0 0 0; min-width: 0; direction: rtl; } } header nav.navbar { border: 0px solid !important; border-radius: 0px !important; box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 12px 0px !important; } #top_menu_collapse.collapsing, #top_menu_collapse.show { position: absolute; top: 0; left: 0; bottom: 0; right: 0; position: fixed; z-index: 1020; height: 100vh; max-height: 100vh; transition: none; transform: none; } #top_menu_collapse.collapsing, #top_menu_collapse.collapsing > .o_header_collapsed_content_wrapper, #top_menu_collapse.show, #top_menu_collapse.show > .o_header_collapsed_content_wrapper { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; flex-flow: row-reverse nowrap !important; align-items: stretch !important; -webkit-box-pack: start !important; justify-content: flex-start !important; } #top_menu_collapse.collapsing > .o_header_collapsed_content_wrapper, #top_menu_collapse.show > .o_header_collapsed_content_wrapper { max-width: none !important; padding: 0 !important; margin: 0 !important; } #top_menu_collapse.collapsing .o_offcanvas_menu_backdrop, #top_menu_collapse.show .o_offcanvas_menu_backdrop { position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: .2; cursor: pointer; } #top_menu_collapse.collapsing #top_menu, #top_menu_collapse.show #top_menu { flex: 0 0 auto !important; overflow: auto; flex-flow: column nowrap !important; width: 100%; max-width: none; text-align: center !important; min-width: 250px; margin: 0 !important; background-color: #FFFFFF; transition: transform 200ms cubic-bezier(0.694, 0.0482, 0.335, 1); } #top_menu_collapse.collapsing #top_menu .o_offcanvas_menu_backdrop, #top_menu_collapse.show #top_menu .o_offcanvas_menu_backdrop { display: none; } #top_menu_collapse.collapsing #top_menu .o_offcanvas_menu_toggler, #top_menu_collapse.show #top_menu .o_offcanvas_menu_toggler { max-width: 90%; } #top_menu_collapse.collapsing #top_menu .nav-item, #top_menu_collapse.collapsing #top_menu .o_offcanvas_logo, #top_menu_collapse.show #top_menu .nav-item, #top_menu_collapse.show #top_menu .o_offcanvas_logo { padding-left: 30px; padding-right: 30px; } #top_menu_collapse.collapsing #top_menu .nav-item, #top_menu_collapse.collapsing #top_menu .dropdown-menu, #top_menu_collapse.collapsing #top_menu .o_dropdown_menu, #top_menu_collapse.show #top_menu .nav-item, #top_menu_collapse.show #top_menu .dropdown-menu, #top_menu_collapse.show #top_menu .o_dropdown_menu { text-align: inherit; } #top_menu_collapse.collapsing #top_menu .nav-item, #top_menu_collapse.collapsing #top_menu .nav-link, #top_menu_collapse.show #top_menu .nav-item, #top_menu_collapse.show #top_menu .nav-link { margin: 0 !important; } #top_menu_collapse.collapsing #top_menu .navbar-toggler, #top_menu_collapse.show #top_menu .navbar-toggler { display: block !important; } #top_menu_collapse.collapsing #top_menu .dropdown-toggle, #top_menu_collapse.show #top_menu .dropdown-toggle { padding-bottom: 0.25rem; } #top_menu_collapse.collapsing #top_menu .dropdown-toggle:after, #top_menu_collapse.show #top_menu .dropdown-toggle:after { content: none; } #top_menu_collapse.collapsing #top_menu .dropdown-menu, #top_menu_collapse.collapsing #top_menu .o_dropdown_menu, #top_menu_collapse.show #top_menu .dropdown-menu, #top_menu_collapse.show #top_menu .o_dropdown_menu { display: block; padding-top: 0; border: 0; background: inherit; color: inherit; } #top_menu_collapse.collapsing #top_menu .dropdown-item, #top_menu_collapse.show #top_menu .dropdown-item { padding-left: .5em; padding-right: .5em; } #top_menu_collapse.collapsing #top_menu .js_language_selector .dropdown-toggle, #top_menu_collapse.show #top_menu .js_language_selector .dropdown-toggle { display: none; } #top_menu_collapse.collapsing #top_menu { transform: translateY(-100%); } #top_menu_collapse.show #top_menu { transform: translate(0); } #top_menu_collapse .o_offcanvas_menu_backdrop { background-image: linear-gradient(-90deg, currentColor 20%, transparent); } .o_mega_menu { width: 100%; padding: 0; margin-top: 0 !important; border-radius: 0; background-clip: unset; background-color: transparent; border: 1px solid #E2ECF6; } .o_mega_menu .container, .o_mega_menu .o_container_small, .o_mega_menu .container-fluid, .o_mega_menu .container-sm, .o_mega_menu .container-md, .o_mega_menu .container-lg, .o_mega_menu .container-xl, .o_mega_menu .container-xxl { padding-left: 15px; padding-right: 15px; } @media (min-width: 992px) { .dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu { left: 50%; transform: translateX(-50%); } } @media (min-width: 576px) { .dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu { max-width: 510px; } } @media (min-width: 768px) { .dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu { max-width: 690px; } } @media (min-width: 992px) { .dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu { max-width: 930px; } } @media (min-width: 1200px) { .dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu { max-width: 1110px; } } @media (min-width: 1400px) { .dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu { max-width: 1290px; } } .s_mega_menu_odoo_menu:not([data-vcss]) .s_mega_menu_odoo_menu_footer .row > div:not(.o_cc), .s_mega_menu_menus_logos:not([data-vcss]) .s_mega_menu_gray_area:last-child, .s_mega_menu_little_icons:not([data-vcss]) .s_mega_menu_gray_area:last-child, .s_mega_menu_thumbnails:not([data-vcss]) .s_mega_menu_thumbnails_footer:not(.o_cc) { z-index: 1; } .s_mega_menu_odoo_menu:not([data-vcss]) .s_mega_menu_odoo_menu_footer .row > div:not(.o_cc):before, .s_mega_menu_menus_logos:not([data-vcss]) .s_mega_menu_gray_area:last-child:before, .s_mega_menu_little_icons:not([data-vcss]) .s_mega_menu_gray_area:last-child:before, .s_mega_menu_thumbnails:not([data-vcss]) .s_mega_menu_thumbnails_footer:not(.o_cc):before { content: ''; display: block; width: 100vw; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; pointer-events: none; background: rgba(0, 0, 0, 0.05); } #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) { position: absolute; top: 0; left: 0; bottom: auto; right: 0; z-index: 1000; } #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar { background-color: transparent !important; border-color: transparent; color: inherit; } #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .nav-item > .nav-link, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .nav-item > .nav-link:hover { background-color: transparent; color: inherit; } #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .nav-item > .nav-link.active { font-weight: bolder; } .js_language_selector .dropdown-menu, .js_language_selector .o_dropdown_menu { min-width: 0; } .js_language_selector a.list-inline-item { padding: 3px 0; } .js_language_selector a.list-inline-item > * { vertical-align: middle; } .o_lang_flag { width: 1em; height: 1em; margin-right: 0.2em; border-radius: 50rem; object-fit: cover; } a.js_change_lang:hover, a.o_add_language:hover { text-decoration: none; } a.js_change_lang:hover span, a.o_add_language:hover span { text-decoration: underline; } span.list-inline-item.o_add_language:last-child { display: none !important; } .o_figure_relative_layout { position: relative; } .o_figure_relative_layout .figure-img { margin-bottom: 0; } .o_figure_relative_layout .figure-caption { position: absolute; top: auto; left: 0; bottom: 0; right: 0; background-color: rgba(20, 27, 31, 0.6) !important; color: #FFFFFF; padding: 0.25rem 0.5rem; font-weight: 700; } .o_figure_relative_layout .figure-caption .text-muted, .o_colored_level .o_figure_relative_layout .figure-caption .text-muted { color: rgba(255, 255, 255, 0.7) !important; } .o_figure_relative_layout .figure-caption a { color: inherit; } .bg-primary-light { background-color: rgba(0, 117, 194, 0.1); } .bg-secondary-light { background-color: rgba(0, 53, 87, 0.1); } .bg-success-light { background-color: rgba(35, 99, 102, 0.1); } .bg-info-light { background-color: rgba(39, 110, 114, 0.1); } .bg-warning-light { background-color: rgba(255, 193, 7, 0.1); } .bg-danger-light { background-color: rgba(220, 53, 69, 0.1); } .bg-light-light { background-color: rgba(246, 248, 249, 0.1); } .bg-dark-light { background-color: rgba(20, 27, 31, 0.1); } .text-facebook, .s_social_media:not(.no_icon_color) .s_social_media_facebook, .s_social_media:not(.no_icon_color) .s_social_media_facebook:hover, .s_social_media:not(.no_icon_color) .s_social_media_facebook:focus, .s_share:not(.no_icon_color) .s_share_facebook, .s_share:not(.no_icon_color) .s_share_facebook:hover, .s_share:not(.no_icon_color) .s_share_facebook:focus { color: #3B5999 !important; } a.text-facebook:hover, .s_social_media:not(.no_icon_color) a.s_social_media_facebook:hover, .s_share:not(.no_icon_color) a.s_share_facebook:hover, a.text-facebook:focus, .s_social_media:not(.no_icon_color) a.s_social_media_facebook:focus, .s_share:not(.no_icon_color) a.s_share_facebook:focus { color: #1f2e4f !important; } .text-twitter, .s_social_media:not(.no_icon_color) .s_social_media_twitter, .s_social_media:not(.no_icon_color) .s_social_media_twitter:hover, .s_social_media:not(.no_icon_color) .s_social_media_twitter:focus, .s_share:not(.no_icon_color) .s_share_twitter, .s_share:not(.no_icon_color) .s_share_twitter:hover, .s_share:not(.no_icon_color) .s_share_twitter:focus { color: #55ACEE !important; } a.text-twitter:hover, .s_social_media:not(.no_icon_color) a.s_social_media_twitter:hover, .s_share:not(.no_icon_color) a.s_share_twitter:hover, a.text-twitter:focus, .s_social_media:not(.no_icon_color) a.s_social_media_twitter:focus, .s_share:not(.no_icon_color) a.s_share_twitter:focus { color: #147bc9 !important; } .text-linkedin, .s_social_media:not(.no_icon_color) .s_social_media_linkedin, .s_social_media:not(.no_icon_color) .s_social_media_linkedin:hover, .s_social_media:not(.no_icon_color) .s_social_media_linkedin:focus, .s_share:not(.no_icon_color) .s_share_linkedin, .s_share:not(.no_icon_color) .s_share_linkedin:hover, .s_share:not(.no_icon_color) .s_share_linkedin:focus { color: #0077B5 !important; } a.text-linkedin:hover, .s_social_media:not(.no_icon_color) a.s_social_media_linkedin:hover, .s_share:not(.no_icon_color) a.s_share_linkedin:hover, a.text-linkedin:focus, .s_social_media:not(.no_icon_color) a.s_social_media_linkedin:focus, .s_share:not(.no_icon_color) a.s_share_linkedin:focus { color: #00344f !important; } .text-google-plus, .s_social_media:not(.no_icon_color) .s_social_media_google, .s_social_media:not(.no_icon_color) .s_social_media_google:hover, .s_social_media:not(.no_icon_color) .s_social_media_google:focus, .s_share:not(.no_icon_color) .s_share_google, .s_share:not(.no_icon_color) .s_share_google:hover, .s_share:not(.no_icon_color) .s_share_google:focus { color: #DD4B39 !important; } a.text-google-plus:hover, .s_social_media:not(.no_icon_color) a.s_social_media_google:hover, .s_share:not(.no_icon_color) a.s_share_google:hover, a.text-google-plus:focus, .s_social_media:not(.no_icon_color) a.s_social_media_google:focus, .s_share:not(.no_icon_color) a.s_share_google:focus { color: #96271a !important; } .text-youtube, .s_social_media:not(.no_icon_color) .s_social_media_youtube, .s_social_media:not(.no_icon_color) .s_social_media_youtube:hover, .s_social_media:not(.no_icon_color) .s_social_media_youtube:focus, .s_share:not(.no_icon_color) .s_share_youtube, .s_share:not(.no_icon_color) .s_share_youtube:hover, .s_share:not(.no_icon_color) .s_share_youtube:focus { color: #ff0000 !important; } a.text-youtube:hover, .s_social_media:not(.no_icon_color) a.s_social_media_youtube:hover, .s_share:not(.no_icon_color) a.s_share_youtube:hover, a.text-youtube:focus, .s_social_media:not(.no_icon_color) a.s_social_media_youtube:focus, .s_share:not(.no_icon_color) a.s_share_youtube:focus { color: #990000 !important; } .text-github, .s_social_media:not(.no_icon_color) .s_social_media_github, .s_social_media:not(.no_icon_color) .s_social_media_github:hover, .s_social_media:not(.no_icon_color) .s_social_media_github:focus, .s_share:not(.no_icon_color) .s_share_github, .s_share:not(.no_icon_color) .s_share_github:hover, .s_share:not(.no_icon_color) .s_share_github:focus { color: #1a1e22 !important; } a.text-github:hover, .s_social_media:not(.no_icon_color) a.s_social_media_github:hover, .s_share:not(.no_icon_color) a.s_share_github:hover, a.text-github:focus, .s_social_media:not(.no_icon_color) a.s_social_media_github:focus, .s_share:not(.no_icon_color) a.s_share_github:focus { color: black !important; } .text-instagram, .s_social_media:not(.no_icon_color) .s_social_media_instagram, .s_social_media:not(.no_icon_color) .s_social_media_instagram:hover, .s_social_media:not(.no_icon_color) .s_social_media_instagram:focus, .s_share:not(.no_icon_color) .s_share_instagram, .s_share:not(.no_icon_color) .s_share_instagram:hover, .s_share:not(.no_icon_color) .s_share_instagram:focus { color: #cf2872 !important; } a.text-instagram:hover, .s_social_media:not(.no_icon_color) a.s_social_media_instagram:hover, .s_share:not(.no_icon_color) a.s_share_instagram:hover, a.text-instagram:focus, .s_social_media:not(.no_icon_color) a.s_social_media_instagram:focus, .s_share:not(.no_icon_color) a.s_share_instagram:focus { color: #7a1743 !important; } .text-whatsapp, .s_social_media:not(.no_icon_color) .s_social_media_whatsapp, .s_social_media:not(.no_icon_color) .s_social_media_whatsapp:hover, .s_social_media:not(.no_icon_color) .s_social_media_whatsapp:focus, .s_share:not(.no_icon_color) .s_share_whatsapp, .s_share:not(.no_icon_color) .s_share_whatsapp:hover, .s_share:not(.no_icon_color) .s_share_whatsapp:focus { color: #25d366 !important; } a.text-whatsapp:hover, .s_social_media:not(.no_icon_color) a.s_social_media_whatsapp:hover, .s_share:not(.no_icon_color) a.s_share_whatsapp:hover, a.text-whatsapp:focus, .s_social_media:not(.no_icon_color) a.s_social_media_whatsapp:focus, .s_share:not(.no_icon_color) a.s_share_whatsapp:focus { color: #167c3c !important; } .text-pinterest, .s_social_media:not(.no_icon_color) .s_social_media_pinterest, .s_social_media:not(.no_icon_color) .s_social_media_pinterest:hover, .s_social_media:not(.no_icon_color) .s_social_media_pinterest:focus, .s_share:not(.no_icon_color) .s_share_pinterest, .s_share:not(.no_icon_color) .s_share_pinterest:hover, .s_share:not(.no_icon_color) .s_share_pinterest:focus { color: #C8232C !important; } a.text-pinterest:hover, .s_social_media:not(.no_icon_color) a.s_social_media_pinterest:hover, .s_share:not(.no_icon_color) a.s_share_pinterest:hover, a.text-pinterest:focus, .s_social_media:not(.no_icon_color) a.s_social_media_pinterest:focus, .s_share:not(.no_icon_color) a.s_share_pinterest:focus { color: #711419 !important; } .text-tiktok, .s_social_media:not(.no_icon_color) .s_social_media_tiktok, .s_social_media:not(.no_icon_color) .s_social_media_tiktok:hover, .s_social_media:not(.no_icon_color) .s_social_media_tiktok:focus { color: #000000 !important; } a.text-tiktok:hover, .s_social_media:not(.no_icon_color) a.s_social_media_tiktok:hover, a.text-tiktok:focus, .s_social_media:not(.no_icon_color) a.s_social_media_tiktok:focus { color: black !important; } .modal-footer > .float-start { margin-right: auto; } .o_record_cover_container { position: relative; } .o_record_cover_container .o_record_cover_component { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-position: center; background-repeat: no-repeat; } .o_scroll_button, #o_wblog_post_content_jump { position: absolute; top: auto; left: 0; bottom: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: flex; width: 50px; height: 50px; animation: o-anim-heartbeat 2.6s ease-in-out 1s infinite; } .o_scroll_button, #o_wblog_post_content_jump, .o_scroll_button:hover { text-decoration: none; } .o_scroll_button:focus, #o_wblog_post_content_jump:focus { outline: none; } .o_scroll_button:hover, #o_wblog_post_content_jump:hover { animation-iteration-count: 1; } @keyframes o-anim-heartbeat { 0%, 14%, 35% { transform: scale(1); } 7%, 21% { transform: scale(1.3); background-color: rgba(0, 117, 194, 0.8); } } .o_ribbon { margin: 0; font-size: 1rem; font-weight: bold; white-space: nowrap; text-align: center; pointer-events: none; } .o_ribbon_right { position: absolute; top: 0; left: auto; bottom: auto; right: 0; padding: 0.5rem 100px; transform: translateX(calc(-0.708 * (100% - 200px))) rotate(45deg) translateX(calc(100% - 100px)); transform-origin: top right; } .o_ribbon_left { position: absolute; top: 0; left: 0; bottom: auto; right: auto; padding: 0.5rem 100px; transform: translateX(calc(0.708 * (100% - 200px) - 100%)) rotate(-45deg) translateX(100px); transform-origin: top right; } .o_tag_right { position: absolute; top: 0; left: auto; bottom: auto; right: 0; padding: 0.25rem 1rem; } .o_tag_left { position: absolute; top: 0; left: 0; bottom: auto; right: auto; padding: 0.25rem 1rem; } .o_conditional_hidden { display: none !important; } #website_cookies_bar { min-height: 0px; height: 0px; } .o_search_result_item_detail { flex: 1; } .o_website_btn_loading { cursor: wait; opacity: 0.65; } .o_website_btn_loading .fa:not(.fa-spin) { display: none; } ul.o_checklist > li.o_checked::after { left: -19px; top: 0; } .modal-open .o_bottom_fixed_element, .o_bottom_fixed_element_hidden { display: none !important; } .o_text_content_invisible, input[value*="data-oe-translation-initial-sha"] { color: transparent !important; } [placeholder*="data-oe-translation-initial-sha"]::-webkit-input-placeholder { /* WebKit */ color: transparent; opacity: 0; } [placeholder*="data-oe-translation-initial-sha"]::-moz-placeholder { /* Firefox */ color: transparent; opacity: 0; } [data-oe-translation-initial-sha] > .o_translation_select { border: 1px solid #BFD4E9; border-radius: 0.25rem; } [data-oe-translation-initial-sha] > .o_translation_select + select { display: none !important; } [data-oe-translation-initial-sha] > .o_translation_select > div:not(:last-child) { border-bottom: inherit; } .o_animate { z-index: 1; animation-duration: 1s; animation-fill-mode: both; transform: translate3d(0, 0, 0); backface-visibility: hidden; text-rendering: geometricPrecision; visibility: hidden; --wanim-intensity: 50; --wanim-intensity-squared: calc(var(--wanim-intensity) * var(--wanim-intensity)); --wanim-zoom-out-scale: calc(1 + (var(--wanim-intensity-squared) / 8333.3)); --wanim-zoom-in-scale: calc(1.01 - (var(--wanim-intensity) / 100 )); --wanim-zoom-in-scale-60: calc(var(--wanim-zoom-in-scale) + ((1 - var(--wanim-zoom-in-scale)) / 2)); --wanim-opacity-adjustment: 0; } .o_animate:not(.o_animating):not(.o_animate_in_dropdown) { transform: none !important; } .o_animate_preview { visibility: visible; } .o_wanim_overflow_xy_hidden { overflow-x: hidden !important; } .o_wanim_overflow_xy_hidden.o_rtl > main { overflow-x: hidden; } .o_wanim_overflow_xy_hidden .o_footer_slideout { overflow-y: hidden !important; } .o_animated_text { display: inline-block; } .o_animate_on_scroll { animation-play-state: paused; --wanim-opacity-adjustment: 1; } @keyframes o_anim_slide_in_down { 0% { opacity: 0; transform: translate(0, calc(-2% * var(--wanim-intensity))); } 10% { opacity: 1; } 100% { transform: translate(0, 0); } } .o_anim_slide_in.o_anim_from_top { animation-name: o_anim_slide_in_down; } @keyframes o_anim_slide_in_left { 0% { opacity: 0; transform: translate(calc(-2% * var(--wanim-intensity)), 0); } 10% { opacity: 1; } 100% { transform: translate(0, 0); } } .o_anim_slide_in.o_anim_from_left { animation-name: o_anim_slide_in_left; } @keyframes o_anim_slide_in_right { 0% { opacity: 0; transform: translate(calc(2% * var(--wanim-intensity)), 0); } 10% { opacity: 1; } 100% { transform: translate(0, 0); } } .o_anim_slide_in.o_anim_from_right { animation-name: o_anim_slide_in_right; } @keyframes o_anim_slide_in_up { 0% { opacity: 0; transform: translate(0, calc(2% * var(--wanim-intensity))); } 10% { opacity: 1; } 100% { transform: translate(0, 0); } } .o_anim_slide_in.o_anim_from_bottom { animation-name: o_anim_slide_in_up; } @keyframes o_anim_bounce_in { 0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale(calc(1 - (var(--wanim-intensity) / 71.4))); } 10% { opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 20% { transform: scale(calc(1 + (var(--wanim-intensity-squared) / 25000))); } 40% { transform: scale(calc(1 - (var(--wanim-intensity-squared) / 25000))); } 60% { opacity: 1; transform: scale(calc(1 + (var(--wanim-intensity-squared) / 83333.3))); } 80% { transform: scale(calc(1 - (var(--wanim-intensity-squared) / 83333.3))); } 100% { opacity: 1; transform: scale(1); } } .o_anim_bounce_in { animation-name: o_anim_bounce_in; } @keyframes o_anim_bounce_in_down { 0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate(0, -3000px); } 10% { opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 60% { opacity: 1; transform: translate(0, calc(1px * (var(--wanim-intensity-squared) / 100))); } 75% { transform: translate(0, calc(-1px * (var(--wanim-intensity-squared) / 250))); } 90% { transform: translate(0, calc(1px * (var(--wanim-intensity-squared) / 500))); } 100% { transform: translate(0, 0); } } .o_anim_bounce_in.o_anim_from_top { animation-name: o_anim_bounce_in_down; } @keyframes o_anim_bounce_in_left { 0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate(-3000px, 0); } 10% { opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 60% { opacity: 1; transform: translate(calc(1px * (var(--wanim-intensity-squared) / 100)), 0); } 75% { transform: translate(calc(-1px * (var(--wanim-intensity-squared) / 250)), 0); } 90% { transform: translate(calc(1px * (var(--wanim-intensity-squared) / 500)), 0); } 100% { transform: translate(0, 0); } } .o_anim_bounce_in.o_anim_from_left { animation-name: o_anim_bounce_in_left; } @keyframes o_anim_bounce_in_right { 0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate(3000px, 0); } 10% { opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 60% { opacity: 1; transform: translate(calc(-1px * (var(--wanim-intensity-squared) / 100)), 0); } 75% { transform: translate(calc(1px * (var(--wanim-intensity-squared) / 250)), 0); } 90% { transform: translate(calc(-1px * (var(--wanim-intensity-squared) / 500)), 0); } 100% { transform: translate(0, 0); } } .o_anim_bounce_in.o_anim_from_right { animation-name: o_anim_bounce_in_right; } @keyframes o_anim_bounce_in_up { 0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate(0, 3000px); } 10% { opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 60% { opacity: 1; transform: translate(0, calc(-1px * (var(--wanim-intensity-squared) / 100))); } 75% { transform: translate(0, calc(1px * (var(--wanim-intensity-squared) / 250))); } 90% { transform: translate(0, calc(-1px * (var(--wanim-intensity-squared) / 500))); } 100% { transform: translate(0, 0); } } .o_anim_bounce_in.o_anim_from_bottom { animation-name: o_anim_bounce_in_up; } @keyframes o_anim_fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } .o_anim_fade_in { animation-name: o_anim_fade_in; } @keyframes o_anim_fade_in_down { 0% { opacity: 0; transform: translate(0, calc(-2% * var(--wanim-intensity))); } 100% { opacity: 1; transform: translate(0, 0); } } .o_anim_fade_in.o_anim_from_top { animation-name: o_anim_fade_in_down; } @keyframes o_anim_fade_in_left { 0% { opacity: 0; transform: translate(calc(-2% * var(--wanim-intensity)), 0); } 100% { opacity: 1; transform: translate(0, 0); } } .o_anim_fade_in.o_anim_from_left { animation-name: o_anim_fade_in_left; } @keyframes o_anim_fade_in_right { 0% { opacity: 0; transform: translate(calc(2% * var(--wanim-intensity)), 0); } 100% { opacity: 1; transform: translate(0, 0); } } .o_anim_fade_in.o_anim_from_right { animation-name: o_anim_fade_in_right; } @keyframes o_anim_fade_in_up { 0% { opacity: 0; transform: translate(0, calc(2% * var(--wanim-intensity))); } 100% { opacity: 1; transform: translate(0, 0); } } .o_anim_fade_in.o_anim_from_bottom { animation-name: o_anim_fade_in_up; } @keyframes o_anim_fade_out { 0% { opacity: 1; } 100% { opacity: 0; } } .o_anim_fade_out { animation-name: o_anim_fade_out; } @keyframes o_anim_rotate_in { 0% { opacity: 0; transform: rotate(calc(-1deg * (5 + (var(--wanim-intensity-squared) / 12.82)))); } 10% { opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100% { opacity: 1; transform: rotate(0); } } .o_anim_rotate_in { animation-name: o_anim_rotate_in; } @keyframes o_anim_rotate_in_down_left { 0% { opacity: 0; transform-origin: left bottom; transform: rotate(calc(-1deg * (5 + (var(--wanim-intensity-squared) / 62.5)))); } 10% { opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100% { opacity: 1; transform-origin: left bottom; transform: rotate(0); } } .o_anim_rotate_in.o_anim_from_bottom_left { animation-name: o_anim_rotate_in_down_left; } @keyframes o_anim_rotate_in_down_right { 0% { opacity: 0; transform-origin: right bottom; transform: rotate(calc(1deg * (5 + (var(--wanim-intensity-squared) / 62.5)))); } 10% { opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100% { opacity: 1; transform-origin: right bottom; transform: rotate(0); } } .o_anim_rotate_in.o_anim_from_bottom_right { animation-name: o_anim_rotate_in_down_right; } @keyframes o_anim_rotate_in_up_left { 0% { opacity: 0; transform-origin: left top; transform: rotate(calc(1deg * (5 + (var(--wanim-intensity-squared) / 62.5)))); } 10% { opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100% { opacity: 1; transform-origin: left top; transform: rotate(0); } } .o_anim_rotate_in.o_anim_from_top_left { animation-name: o_anim_rotate_in_up_left; } @keyframes o_anim_rotate_in_up_right { 0% { opacity: 0; transform-origin: right top; transform: rotate(calc(-1deg * (5 + (var(--wanim-intensity-squared) / 62.5)))); } 10% { opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100% { opacity: 1; transform-origin: right top; transform: rotate(0); } } .o_anim_rotate_in.o_anim_from_top_right { animation-name: o_anim_rotate_in_up_right; } @keyframes o_anim_zoom_out { 0% { opacity: 0; transform: scale(var(--wanim-zoom-out-scale)); } 10% { opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100% { opacity: 1; } } .o_anim_zoom_out { animation-name: o_anim_zoom_out; } @keyframes o_anim_zoom_out_right { 0% { opacity: 0; transform: scale(var(--wanim-zoom-out-scale)) translate(100%, 0); } 10% { opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100% { opacity: 1; } } .o_anim_zoom_out.o_anim_from_right { animation-name: o_anim_zoom_out_right; } @keyframes o_anim_zoom_out_left { 0% { opacity: 0; transform: scale(var(--wanim-zoom-out-scale)) translate(-100%, 0); } 10% { opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100% { opacity: 1; } } .o_anim_zoom_out.o_anim_from_left { animation-name: o_anim_zoom_out_left; } @keyframes o_anim_zoom_out_bottom { 0% { opacity: 0; transform: scale(var(--wanim-zoom-out-scale)) translate(0, 100%); } 10% { opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100% { opacity: 1; } } .o_anim_zoom_out.o_anim_from_bottom { animation-name: o_anim_zoom_out_bottom; } @keyframes o_anim_zoom_out_top { 0% { opacity: 0; transform: scale(var(--wanim-zoom-out-scale)) translate(0, -100%); } 10% { opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100% { opacity: 1; } } .o_anim_zoom_out.o_anim_from_top { animation-name: o_anim_zoom_out_top; } @keyframes o_anim_zoom_in { 0% { opacity: 0; transform: scale(var(--wanim-zoom-in-scale)); } 10% { opacity: calc(0.2 + (0.8 * (var(--wanim-opacity-adjustment)))); } 50% { opacity: 1; } } .o_anim_zoom_in { animation-name: o_anim_zoom_in; } @keyframes o_anim_zoom_in_down { 0% { opacity: 0; transform: scale(var(--wanim-zoom-in-scale)) translate(0, calc(-0.1px * var(--wanim-intensity-squared))); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 10% { opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 60% { opacity: 1; transform: scale(var(--wanim-zoom-in-scale-60)) translate(0, calc(1px * var(--wanim-intensity))); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .o_anim_zoom_in.o_anim_from_top { animation-name: o_anim_zoom_in_down; } @keyframes o_anim_zoom_in_up { 0% { opacity: 0; transform: scale(var(--wanim-zoom-in-scale)) translate(0, calc(0.1px * var(--wanim-intensity-squared))); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 10% { opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 60% { opacity: 1; transform: scale(var(--wanim-zoom-in-scale-60)) translate(0, calc(-1px * var(--wanim-intensity))); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .o_anim_zoom_in.o_anim_from_bottom { animation-name: o_anim_zoom_in_up; } @keyframes o_anim_zoom_in_left { 0% { opacity: 0; transform: scale(var(--wanim-zoom-in-scale)) translate(calc(-0.1px * var(--wanim-intensity-squared)), 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 10% { opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 60% { opacity: 1; transform: scale(var(--wanim-zoom-in-scale-60)) translate(calc(0.2px * var(--wanim-intensity)), 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .o_anim_zoom_in.o_anim_from_left { animation-name: o_anim_zoom_in_left; } @keyframes o_anim_zoom_in_right { 0% { opacity: 0; transform: scale(var(--wanim-zoom-in-scale)) translate(calc(0.1px * var(--wanim-intensity-squared)), 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 10% { opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 60% { opacity: 1; transform: scale(var(--wanim-zoom-in-scale-60)) translate(calc(-0.2px * var(--wanim-intensity)), 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .o_anim_zoom_in.o_anim_from_right { animation-name: o_anim_zoom_in_right; } @keyframes o_anim_flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: calc(1 - (var(--wanim-intensity) / 100)); } } .o_anim_flash { animation-name: o_anim_flash; } @keyframes o_anim_pulse { 0% { transform: scale(1); } 50% { transform: scale(calc(1.01 + (0.000016 * var(--wanim-intensity-squared)))); } 100% { transform: scale(1); } } .o_anim_pulse { animation-name: o_anim_pulse; } @keyframes o_anim_shake { 0%, 100% { transform: translate(0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate(calc(-1px - (0.0036px * var(--wanim-intensity-squared))), 0); } 20%, 40%, 60%, 80% { transform: translate(calc(1px + (0.0036px * var(--wanim-intensity-squared))), 0); } } .o_anim_shake { animation-name: o_anim_shake; } @keyframes o_anim_tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(calc(1 - (0.00004 * var(--wanim-intensity-squared)))) rotate(calc(-2deg - (0.02deg * var(--wanim-intensity)))); } 30%, 50%, 70%, 90% { transform: scale(calc(1 + (0.00004 * var(--wanim-intensity-squared)))) rotate(calc(2deg + (0.02deg * var(--wanim-intensity)))); } 40%, 60%, 80% { transform: scale(calc(1 + (0.00004 * var(--wanim-intensity-squared)))) rotate(calc(-2deg - (0.02deg * var(--wanim-intensity)))); } 100% { transform: scale(1); } } .o_anim_tada { animation-name: o_anim_tada; } @keyframes o_anim_flip_in_x { 0% { transform: perspective(1000px) rotateX(calc(1deg * (5 + (var(--wanim-intensity) * 1.7)))); opacity: 0; } 50% { opacity: 1; } } .o_anim_flip_in_x { backface-visibility: visible; animation-name: o_anim_flip_in_x; transition-timing-function: ease-out; } @keyframes o_anim_flip_in_y { 0% { transform: perspective(1000px) rotateY(calc(1deg * (5 + (var(--wanim-intensity) * 1.7)))); opacity: 0; } 50% { opacity: 1; } } .o_anim_flip_in_y { backface-visibility: visible; animation-name: o_anim_flip_in_y; transition-timing-function: ease-out; } .o_anim_dur500 { animation-duration: 500ms; } .o_anim_dur1500 { animation-duration: 1500ms; } .o_anim_dur2000 { animation-duration: 2000ms; } .o_anim_dur2500 { animation-duration: 2500ms; } .o_anim_dur3000 { animation-duration: 3000ms; } .o_anim_del500 { animation-delay: 500ms; } .o_anim_del1000 { animation-delay: 1000ms; } .o_anim_del1500 { animation-delay: 1500ms; } .o_anim_del2000 { animation-delay: 2000ms; } .o_anim_del2500 { animation-delay: 2500ms; } /* /website/static/src/scss/website.ui.scss */ .o_frontend_to_backend_nav { position: absolute; top: 0; left: 0; bottom: auto; right: auto; z-index: 1055; font-size: 0.8125rem; } .o_frontend_to_backend_nav::before { content: ""; position: absolute; top: 0; left: 0; bottom: auto; right: auto; border-top: 20px solid #714B67; border-left: 20px solid #714B67; border-bottom: 20px solid transparent; border-right: 20px solid transparent; cursor: pointer; } .o_frontend_to_backend_nav::before, .o_frontend_to_backend_nav .o_frontend_to_backend_icon, .o_frontend_to_backend_nav .o_frontend_to_backend_buttons { transform-origin: top left; transition: transform 400ms ease 1s; } .o_frontend_to_backend_nav .o_frontend_to_backend_buttons { transition-duration: 800ms; } .o_frontend_to_backend_nav .o_frontend_to_backend_buttons { transform: translateX(-250%) scaleX(0.5); } .o_frontend_to_backend_nav .o_frontend_to_backend_buttons > a { min-width: 40px; height: 40px; color: #FFFFFF; } .o_frontend_to_backend_nav .o_frontend_to_backend_apps_menu { font-size: 0.92857143rem; max-height: 70vh; overflow: auto; } .o_frontend_to_backend_nav .o_frontend_to_backend_apps_btn { background-color: #714B67; } .o_frontend_to_backend_nav .o_frontend_to_backend_apps_btn:hover { background-color: #624159; } .o_frontend_to_backend_nav .o_frontend_to_backend_edit_btn { background-color: #3e3e46; } .o_frontend_to_backend_nav .o_frontend_to_backend_edit_btn:hover { background-color: #323238; } .o_frontend_to_backend_nav .o_frontend_to_backend_edit_btn > img { height: 1.8em; margin-right: 0.5em; border-radius: 0.25rem; } .o_frontend_to_backend_nav:hover:before, .o_frontend_to_backend_nav:hover .o_frontend_to_backend_icon { transform: scale(0.3); transition-delay: 0ms; transition-duration: 400ms; } .o_frontend_to_backend_nav:hover .o_frontend_to_backend_buttons { transform: translateX(0); transition-delay: 0ms; transition-duration: 400ms; } body { direction: ltr; } .oe_login_form, .oe_signup_form, .oe_reset_password_form { max-width: 300px; position: relative; margin: 50px auto; } .tour .popover-navigation { margin-left: 13px; margin-bottom: 8px; } .css_published .btn-danger, .css_published .css_publish { display: none; } .css_unpublished .btn-success, .css_unpublished .css_unpublish { display: none; } [data-publish='off'] > *:not(.css_options) { opacity: 0.5; } @media print { a[href]:after { content: initial; } } .post_link:not(.o_post_link_js_loaded) { pointer-events: none; } #wrapwrap.o_is_mobile, #wrapwrap.o_is_mobile .modal { scrollbar-color: #999 rgba(255, 255, 255, 0.5); scrollbar-width: thin; } #wrapwrap.o_is_mobile::-webkit-scrollbar, #wrapwrap.o_is_mobile .modal::-webkit-scrollbar { width: 5px; height: 5px; } #wrapwrap.o_is_mobile::-webkit-scrollbar-thumb, #wrapwrap.o_is_mobile .modal::-webkit-scrollbar-thumb { background: #999; } #wrapwrap.o_is_mobile::-webkit-scrollbar-track, #wrapwrap.o_is_mobile .modal::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.5); } /* /stock/static/src/scss/stock_traceability_report.scss */ .o_stock_reports_body_print { background-color: white; color: black; } .o_stock_reports_body_print .o_stock_reports_level0 { border-width: 1px; border-left-style: hidden; border-right-style: hidden; font-weight: bold; border-top-style: solid; border-bottom-style: groove; } .o_main_content .o_stock_reports_page { position: absolute; } .o_stock_reports_page { background-color: white; } .o_stock_reports_page.o_stock_reports_no_print { margin: 16px auto; padding-top: 24px; padding-right: 16px; padding-bottom: 24px; padding-left: 16px; } .o_stock_reports_page.o_stock_reports_no_print .o_stock_reports_level0 { border-width: 1px; border-left-style: hidden; border-right-style: hidden; font-weight: normal; border-top-style: solid; border-bottom-style: groove; } .o_stock_reports_page.o_stock_reports_no_print .o_stock_reports_table { white-space: nowrap; margin-top: 30px; } .o_stock_reports_page.o_stock_reports_no_print .o_stock_reports_table thead { display: table-row-group; } .o_stock_reports_page.o_stock_reports_no_print .o_report_line_header { text-align: left; padding-left: 10px; } .o_stock_reports_page.o_stock_reports_no_print .o_report_header { border-top-style: solid; border-top-style: groove; border-bottom-style: groove; border-width: 2px; } .o_stock_reports_page .o_stock_reports_unfolded { display: inline-block; } .o_stock_reports_page .o_stock_reports_nofoldable { margin-left: 17px; } .o_stock_reports_page a.o_stock_report_lot_action { cursor: pointer; } .o_stock_reports_page .o_stock_reports_unfolded td + td { visibility: hidden; } .o_stock_reports_page div.o_stock_reports_web_action, .o_stock_reports_page span.o_stock_reports_web_action, .o_stock_reports_page i.fa, .o_stock_reports_page span.o_stock_reports_unfoldable, .o_stock_reports_page span.o_stock_reports_foldable, .o_stock_reports_page a.o_stock_reports_web_action { cursor: pointer; } .o_stock_reports_page .o_stock_reports_caret_icon { margin-left: -3px; } .o_stock_reports_page th { border-bottom: thin groove; } .o_stock_reports_page .o_stock_reports_level1 { border-width: 2px; border-left-style: hidden; border-right-style: hidden; font-weight: inherit; border-top-style: hidden; border-bottom-style: solid; } .o_stock_reports_page .o_stock_reports_level2 { border-width: 1px; border-left-style: hidden; border-right-style: hidden; font-weight: inherit; border-top-style: solid; border-bottom-style: solid; } .o_stock_reports_page .o_stock_reports_level2 > td > span:last-child { margin-left: 25px; } .o_stock_reports_page .o_stock_reports_default_style { border-width: 0px; border-left-style: hidden; border-right-style: hidden; font-weight: inherit; border-top-style: solid; border-bottom-style: solid; } .o_stock_reports_page .o_stock_reports_default_style > td > span:last-child { margin-left: 50px; } .o_report_reception { overflow-y: auto; } /* /rating/static/src/scss/rating_templates.scss */ /* Rating feedback */ .o_rating_page_submit .btn-group > .btn:not(:first-child), .o_rating_page_submit .btn-group > .btn-group:not(:first-child) > .btn { margin-left: 0 !important; } .o_rating_page_submit .o_rating_label { opacity: 0.5; } .o_rating_page_submit .o_rating_label:hover { transform: scale(1.1); } .o_rating_page_submit .o_rating_label img.bg-white:hover, .o_rating_page_submit .o_rating_label img.bg-white:focus { background-color: #ffffff !important; } .o_rating_page_submit .btn-check:checked + .o_rating_label { transform: scale(1.2); opacity: 1; } .o_rating_page_submit .btn-check:checked + .o_rating_label img.bg-white:hover, .o_rating_page_submit .btn-check:checked + .o_rating_label img.bg-white:focus { background-color: #ffffff !important; } /* /project/static/src/scss/portal_rating.scss */ .o_portal_project_rating .thumbnail { height: 240px; } .o_portal_project_rating .o_top_partner_rating_image { height: 15px; } .o_portal_project_rating .o_top_partner_image { height: 30px; width: 30px; } .o_portal_project_rating .o_top_partner_feedback { word-wrap: break-word; } .o_portal_project_rating .o_vertical_separator { border-left: 1px solid #eeeeee; } .o_portal_project_rating .o_rating_progress { margin-bottom: 10px; } .o_portal_project_rating .o_rating_count { display: inline-block; min-width: 22px; } .o_portal_project_rating .o_smiley_no_padding_left { padding-left: 0; } .o_portal_project_rating .o_smiley_no_padding_right { padding-right: 0; } .o_portal_project_rating .o_lighter_smileys { opacity: 0.4; } .o_priority_star { display: inline-block; } .o_priority_star.fa-star-o { color: rgba(73, 80, 87, 0.76); } .o_priority_star.fa-star { color: #f3cc00; } .o_status { display: block; background-color: #E2ECF6; height: 12px; width: 12px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); } .dropdown-item > .o_status { transform: translateX(-50%); } /* /project/static/src/scss/project_sharing_frontend.scss */ .o_project_sharing_container > main { display: -webkit-box; display: -webkit-flex; display: flex; } /* /website_mail/static/src/css/website_mail.scss */ .js_follow[data-follow='on'] .js_follow_btn, .js_follow[data-follow='off'] .js_unfollow_btn { display: none; } .js_follow_icons_container .js_follow_btn, .js_follow_icons_container .js_unfollow_btn { animation: js_follow_fade 1s ease forwards; opacity: 0; } .js_follow_icons_container .js_follow_btn small, .js_follow_icons_container .js_follow_btn .small, .js_follow_icons_container .js_unfollow_btn small, .js_follow_icons_container .js_unfollow_btn .small { opacity: 0; transition: opacity 0.3s ease; } .js_follow_icons_container .js_follow_btn:hover small, .js_follow_icons_container .js_follow_btn:hover .small, .js_follow_icons_container .js_follow_btn:focus small, .js_follow_icons_container .js_follow_btn:focus .small, .js_follow_icons_container .js_unfollow_btn:hover small, .js_follow_icons_container .js_unfollow_btn:hover .small, .js_follow_icons_container .js_unfollow_btn:focus small, .js_follow_icons_container .js_unfollow_btn:focus .small { transition-duration: 1s; opacity: 1; } .js_follow_icons_container .fa:before { content: "\f0f3"; color: rgba(20, 37, 54, 0.7); } .js_follow_icons_container .js_follow_btn:hover .fa:before { color: #142536; } .js_follow_icons_container .js_unfollow_btn .fa:before { color: #0075C2; } .js_follow_icons_container .js_unfollow_btn:hover .fa:before { content: "\f1f6"; color: #dc3545; } @keyframes js_follow_fade { to { opacity: 1; } } /* /portal_rating/static/src/scss/portal_rating.scss */ /* static stars */ .o_website_rating_static { color: #FACC2E; } .o_website_rating_card_container { /* progress bars */ } .o_website_rating_card_container .o_message_counter { color: #2D5073; } .o_website_rating_card_container table.o_website_rating_table { width: 100%; overflow: visible; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_star_num { min-width: 50px; white-space: nowrap; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_progress { min-width: 120px; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_progress > .progress { margin-bottom: 2px; margin-left: 5px; margin-right: 5px; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_progress .o_rating_progressbar { background-color: #FACC2E; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_percent { text-align: right; padding-left: 5px; font-size: 0.75rem; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_reset .o_website_rating_selection_reset { color: #dc3545; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_row:not(o_website_rating_table_row_selected) { cursor: pointer; } /* Star Widget */ .o_rating_star_card { margin-bottom: 5px; } .o_rating_star_card .stars { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; color: #FACC2E; margin-right: 15px; } .o_rating_star_card .stars i { padding-right: 1px; padding-left: 1px; text-align: center; } .o_rating_star_card .stars.enabled { cursor: pointer; } .o_rating_star_card .rate_text { display: inline-block; } /* Rating Popup Composer */ .o_rating_popup_composer .o_rating_clickable { cursor: pointer; } .o_rating_popup_composer .o_portal_chatter_avatar { margin-right: 10px; } /* /website_sale/static/src/scss/website_sale.scss */ .oe_website_sale .o_wsale_design_cards { --o-wsale-card-border-width: 1px; --o-wsale-card-border-radius: 0.25rem; --o-wsale-card-info-padding: 0.5rem; --o-wsale-card-bg: #FFF; --o-wsale-card-color: #142536; --o-wsale-card-text-muted: rgba(20, 37, 54, 0.7); --o-wsale-card-thumb-border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .oe_website_sale .o_wsale_design_thumbs { --o-wsale-card-border-width: 0; --o-wsale-card-info-padding: 1rem 0; --o-wsale-card-thumb-border-radius: 7.5px; --o-wsale-card-thumb-shadow: 0 13px 27px -5px rgba(0, 117, 194, 0.1), 0 8px 16px -8px rgba(0, 0, 0, .28); } .oe_website_sale .o_wsale_design_grid { --o-wsale-grid-border: 1px solid rgba(0, 0, 0, 0.125); --o-wsale-card-border-width: 0; } .oe_website_sale .o_wsale_context_thumb_4_3 { --o-wsale-card-thumb-aspect-ratio: 4/3; } .oe_website_sale .o_wsale_context_thumb_4_5 { --o-wsale-card-thumb-aspect-ratio: 4/5; } .oe_website_sale .o_wsale_context_thumb_2_3 { --o-wsale-card-thumb-aspect-ratio: 2/3; } .oe_website_sale .o_wsale_context_thumb_cover { --o-wsale-card-thumb-fill-mode: cover; } .oe_website_sale .o_wsale_filmstip_wrapper { scroll-snap-type: x mandatory; scrollbar-color: currentColor rgba(20, 27, 31, 0.05); scrollbar-height: 2px; } .oe_website_sale .o_wsale_filmstip_wrapper::-webkit-scrollbar { height: 2px; } .oe_website_sale .o_wsale_filmstip_wrapper::-webkit-scrollbar-thumb { background: currentColor; } .oe_website_sale .o_wsale_filmstip_wrapper::-webkit-scrollbar-track { background: rgba(20, 27, 31, 0.05); } .oe_website_sale .o_wsale_filmstip_wrapper .o_wsale_filmstip { transform: translateX(0); } .oe_website_sale .activeDrag * { cursor: grabbing !important; cursor: -webkit-grabbing; } .oe_website_sale .o_wsale_products_grid_before_rail { scrollbar-width: none; -ms-overflow-style: none; } .oe_website_sale .o_wsale_products_grid_before_rail::-webkit-scrollbar { width: 0; height: 0; } .oe_website_sale .o_payment_form .card { border-radius: 4px !important; } .oe_website_sale .address-inline address { display: inline-block; } .oe_website_sale table#cart_products tr td, .oe_website_sale table#suggested_products tr td { vertical-align: middle; } .oe_website_sale table#cart_products { margin-bottom: 0; } .oe_website_sale table#cart_products td:first-child, .oe_website_sale table#cart_products th:first-child { padding-left: 15px; } .oe_website_sale h1[itemprop="name"], .oe_website_sale .h1[itemprop="name"], .oe_website_sale .td-product_name { word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; } .oe_website_sale h1[itemprop="name"], .oe_website_sale .h1[itemprop="name"] { font-size: 1.3125rem; font-weight: 700; } @media (max-width: 767.98px) { .oe_website_sale .td-img { display: none; } } @media (min-width: 1200px) { .oe_website_sale .toggle_summary_div { max-width: 400px; } } .oe_website_sale .text-bg-light .variant_price_extra.text-muted { color: rgba(20, 37, 54, 0.7) !important; } .oe_website_sale input.js_quantity { min-width: 48px; text-align: center; } .oe_website_sale input.quantity { padding: 0; } .oe_website_sale .table-striped tbody tr td:nth-of-type(even) { --table-accent-bg: rgba(0, 0, 0, 0.025); } .oe_website_sale .table-striped tbody tr td:nth-of-type(odd) { --table-accent-bg: rgba(0, 0, 0, 0); } .oe_website_sale *:not(#product_attributes_simple) > .table-sm tbody td { padding-top: 0.75rem; padding-bottom: 0.75rem; } .oe_website_sale #o_wsale_offcanvas { width: 80%; max-width: 400px; } .oe_website_sale #o_wsale_offcanvas .o_searchbar_form .dropdown-menu, .oe_website_sale #o_wsale_offcanvas .o_searchbar_form .o_dropdown_menu { right: 0; } .oe_website_sale #o_wsale_offcanvas #o_wsale_offcanvas_content { scrollbar-color: currentColor rgba(20, 27, 31, 0.05); scrollbar-width: 2px; } .oe_website_sale #o_wsale_offcanvas #o_wsale_offcanvas_content::-webkit-scrollbar { width: 2px; } .oe_website_sale #o_wsale_offcanvas #o_wsale_offcanvas_content::-webkit-scrollbar-thumb { background: currentColor; } .oe_website_sale #o_wsale_offcanvas #o_wsale_offcanvas_content::-webkit-scrollbar-track { background: rgba(20, 27, 31, 0.05); } .oe_website_sale #o_wsale_offcanvas .o_wsale_offcanvas_title::after, .oe_website_sale #o_wsale_offcanvas .o_wsale_offcanvas_title:not(.collapsed)::after { width: .75rem; height: .75rem; background-image: url("data:image/svg+xml,"); background-size: .75rem; } .oe_website_sale #o_wsale_offcanvas .o_wsale_offcanvas_title:not(.collapsed)::after { transform: rotate(-45deg); } .oe_website_sale #o_wsale_offcanvas .o_wsale_offcanvas_title, .oe_website_sale #o_wsale_offcanvas .o_wsale_offcanvas_title:focus, .oe_website_sale #o_wsale_offcanvas .o_wsale_offcanvas_title:hover { box-shadow: none; z-index: 0; } .oe_website_sale #products_grid_before { --o_ws_sidebar_top_gap: calc(1rem + 1rem + calc(0.5rem + var(--gutter-x))); top: var(--o_ws_sidebar_top_gap); } .oe_website_sale #products_grid_before .css_attribute_color { height: 32px; width: 32px; } .oe_website_sale .o_pricelist_dropdown, .oe_website_sale .o_sortby_dropdown { min-width: fit-content; } #product_detail ~ .oe_structure.oe_empty > section:first-child, .o_shop_discussion_rating { border-top: 1px solid #BFD4E9; } .o_alternative_product { margin: auto; } .oe_product_cart { flex-direction: var(--o-wsale-card-flex-direction, column); border: 1px solid rgba(0, 0, 0, 0.125); border-width: var(--o-wsale-card-border-width, 0 0 1px); border-radius: var(--o-wsale-card-border-radius, 0); padding: var(--o-wsale-card-padding, 0); background-color: var(--o-wsale-card-bg); color: var(--o-wsale-card-color); } .oe_product_cart .oe_product_image { min-width: var(--o-wsale-card-thumb-size); width: var(--o-wsale-card-thumb-size); } .oe_product_cart .oe_product_image .oe_product_image_link { padding-top: calc(100% / (var(--o-wsale-card-thumb-aspect-ratio, 1))); } .oe_product_cart .oe_product_image .oe_product_image_link .oe_product_image_img_wrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .oe_product_cart .oe_product_image .oe_product_image_link .oe_product_image_img_wrapper img { box-shadow: var(--o-wsale-card-thumb-shadow); border-radius: var(--o-wsale-card-thumb-border-radius); object-fit: var(--o-wsale-card-thumb-fill-mode, contain); } .oe_product_cart .o_wsale_product_information { padding: var(--o-wsale-card-info-padding, 0.5rem 0); } .oe_product_cart .oe_subdescription div { min-height: calc(0.825rem * 2); overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.1; } .oe_product_cart .oe_subdescription.text-muted > div { color: var(--o-wsale-card-text-muted) !important; } .oe_product_cart .o_wsale_product_btn:empty { display: none !important; } .oe_product_cart .o_ribbon_left, .oe_product_cart .o_ribbon_right { box-shadow: 0px -10px 70px 30px rgba(0, 0, 0, 0.05); } .oe_product_cart .o_product_link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } #products_grid .o_wsale_products_grid_table_wrapper .table { table-layout: fixed; } #products_grid .o_wsale_products_grid_table_wrapper .table td { padding: 7.5px; border: var(--o-wsale-grid-border, 0); } #products_grid .o_wsale_products_grid_table_wrapper { margin: -7.5px; } @media (max-width: 991.98px) { #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper table, #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper tbody { display: block; width: 100%; } #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper tr { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper td { display: inline-block; width: 50%; } #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper .modal-dialog table, #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper .modal-dialog tbody, #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper .modal-dialog tr, #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper .modal-dialog td { display: revert; } } @media screen and (max-width: 991.98px) and (max-width: 768px) { #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper .oe_advanced_configurator_modal table, #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper .oe_advanced_configurator_modal tbody, #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper .oe_advanced_configurator_modal tr, #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper .oe_advanced_configurator_modal td { display: block; width: 100%; } #products_grid:not(.o_wsale_layout_list) .o_wsale_products_grid_table_wrapper .oe_advanced_configurator_modal thead { display: none; } } @media (min-width: 992px) { #products_grid:not(.o_wsale_layout_list) td.oe_product { padding-bottom: 7.5px; } #products_grid:not(.o_wsale_layout_list) td.oe_product .o_wsale_product_btn { position: absolute; top: auto; left: 0.5rem; bottom: calc(100% + 0.5rem); right: auto; z-index: 2; } #products_grid:not(.o_wsale_layout_list) td.oe_product:not(:hover) .o_wsale_product_btn { opacity: 0; } #products_grid:not(.o_wsale_layout_list) [class*="o_wsale_product_grid_wrapper_2_"] { --o-wsale-card-info-padding: 1rem 0 0.5rem; } #products_grid:not(.o_wsale_layout_list) .o_wsale_design_cards [class*="o_wsale_product_grid_wrapper_2_"] { --o-wsale-card-info-padding: 1rem 1rem 0.5rem; } #products_grid:not(.o_wsale_layout_list) [class*="o_wsale_product_grid_wrapper_3_"] { --o-wsale-card-info-padding: 1rem 0 0.5rem; } #products_grid:not(.o_wsale_layout_list) .o_wsale_design_cards [class*="o_wsale_product_grid_wrapper_3_"] { --o-wsale-card-info-padding: 1rem 1rem 0.5rem; } #products_grid:not(.o_wsale_layout_list) [class*="o_wsale_product_grid_wrapper_4_"] { --o-wsale-card-info-padding: 1rem 0 0.5rem; } #products_grid:not(.o_wsale_layout_list) .o_wsale_design_cards [class*="o_wsale_product_grid_wrapper_4_"] { --o-wsale-card-info-padding: 1rem 1rem 0.5rem; } } #products_grid.o_wsale_layout_list .o_wsale_products_grid_table_wrapper table, #products_grid.o_wsale_layout_list .o_wsale_products_grid_table_wrapper tbody { display: block; width: 100%; } #products_grid.o_wsale_layout_list .o_wsale_products_grid_table_wrapper tr { display: block; width: 100%; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #products_grid.o_wsale_layout_list .o_wsale_products_grid_table_wrapper td { display: block; width: 100%; } #products_grid.o_wsale_layout_list .o_wsale_products_grid_table_wrapper .modal-dialog table, #products_grid.o_wsale_layout_list .o_wsale_products_grid_table_wrapper .modal-dialog tbody, #products_grid.o_wsale_layout_list .o_wsale_products_grid_table_wrapper .modal-dialog tr, #products_grid.o_wsale_layout_list .o_wsale_products_grid_table_wrapper .modal-dialog td { display: revert; } @media screen and (max-width: 768px) { #products_grid.o_wsale_layout_list .o_wsale_products_grid_table_wrapper .oe_advanced_configurator_modal table, #products_grid.o_wsale_layout_list .o_wsale_products_grid_table_wrapper .oe_advanced_configurator_modal tbody, #products_grid.o_wsale_layout_list .o_wsale_products_grid_table_wrapper .oe_advanced_configurator_modal tr, #products_grid.o_wsale_layout_list .o_wsale_products_grid_table_wrapper .oe_advanced_configurator_modal td { display: block; width: 100%; } #products_grid.o_wsale_layout_list .o_wsale_products_grid_table_wrapper .oe_advanced_configurator_modal thead { display: none; } } #products_grid.o_wsale_layout_list .oe_product { --o-wsale-card-border-radius: 0; --o-wsale-card-flex-direction: row; --o-wsale-card-info-padding: 0 1rem; --o-wsale-card-thumb-size: calc(100px * var(--o-wsale-card-thumb-aspect-ratio, 1)); } @media (min-width: 992px) { #products_grid.o_wsale_layout_list .oe_product { --o-wsale-card-thumb-size: calc(160px * var(--o-wsale-card-thumb-aspect-ratio, 1)); } #products_grid.o_wsale_layout_list .oe_product h6, #products_grid.o_wsale_layout_list .oe_product .h6 { font-size: 0.975rem; } } #products_grid.o_wsale_layout_list .oe_product { --o-wsale-card-padding: 0 0 15px; } #products_grid.o_wsale_layout_list .o_wsale_design_cards .oe_product { --o-wsale-card-padding: 7.5px; --o-wsale-card-info-padding: 0.5rem 1rem; } .o_wsale_products_main_row { margin-bottom: 15px; margin-top: 15px; } .oe_cart table td:first-child { min-width: 76px; } .oe_cart > .oe_structure { clear: both; } div#payment_method div.list-group { margin-left: 40px; } div#payment_method .list-group-item { padding-top: 5px; padding-bottom: 5px; } ul.wizard { padding: 0; margin-top: 20px; list-style: none outside none; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065); } ul.wizard li { border: 1px solid #E2ECF6; border-right-width: 0; position: relative; float: left; padding: 0 10px 0 20px; margin: 0; line-height: 38px; background: #fbfbfb; } ul.wizard li .chevron { position: absolute; top: 0; right: -10px; z-index: 1; display: block; border: 20px solid transparent; border-right: 0; border-left: 10px solid #E2ECF6; } ul.wizard li .chevron:before { position: absolute; top: -20px; right: 1px; display: block; border: 20px solid transparent; border-right: 0; border-left: 10px solid #fbfbfb; content: ""; } ul.wizard li .o_link_disable { text-decoration: none; color: inherit; cursor: text; } ul.wizard li.text-success { background: #f3f4f5; } ul.wizard li.text-success .chevron:before { border-left: 10px solid #f5f5f5; } ul.wizard li.text-primary { background: #f1f6fc; } ul.wizard li.text-primary .chevron:before { border-left: 10px solid #f1f6fc; } ul.wizard li:first-child { padding-left: 15px; border-radius: 4px 0 0 4px; } ul.wizard li:last-child { border-radius: 0 4px 4px 0; border-right-width: 1px; } ul.wizard li:last-child .chevron { display: none; } .mycart-popover { max-width: 500px; min-width: 250px; } .mycart-popover .cart_line { border-bottom: 1px #EEE solid; } .mycart-popover .popover-body { max-height: 70vh; overflow-y: auto; } tr#empty { display: none; } .js_change_shipping { cursor: pointer; } a.no-decoration { cursor: pointer; text-decoration: none !important; } #o-carousel-product { transition: top 200ms; } #o-carousel-product.css_not_available { opacity: 0.2; } #o-carousel-product .carousel-outer { height: 400px; max-height: 90vh; } #o-carousel-product .carousel-outer .carousel-inner img { object-fit: contain; } #o-carousel-product .carousel-control-prev .fa { padding-right: 2px; } #o-carousel-product .carousel-control-next .fa { padding-left: 2px; } #o-carousel-product .carousel-control-prev, #o-carousel-product .carousel-control-next { height: 70%; top: 15%; opacity: 0.5; cursor: pointer; transition: opacity 0.8s; } #o-carousel-product .carousel-control-prev:focus, #o-carousel-product .carousel-control-next:focus { opacity: 0.65; } #o-carousel-product .carousel-control-prev:hover, #o-carousel-product .carousel-control-next:hover { opacity: 0.8; } #o-carousel-product .carousel-control-prev > span, #o-carousel-product .carousel-control-next > span { width: 2.5rem; height: 2.5rem; line-height: 2.5rem; color: #142536; background: white; font-size: 1.15rem; border: 1px solid #BFD4E9; border-radius: 50%; } @media (max-width: 991.98px) { #o-carousel-product .carousel-control-prev > span, #o-carousel-product .carousel-control-next > span { width: 2rem; height: 2rem; line-height: 2rem; font-size: 1rem; } } @media (min-width: 1200px) { #o-carousel-product:not(:hover) .carousel-control-prev, #o-carousel-product:not(:hover) .carousel-control-next { opacity: 0; } } #o-carousel-product .carousel-item, #o-carousel-product .o_carousel_product_indicators { transition: transform 0.2s ease-out; } #o-carousel-product .carousel-indicators { transition: transform 0.3s ease-in-out; } #o-carousel-product .o_carousel_product_indicators { max-height: 400px; } @media (min-width: 992px) { #o-carousel-product .o_carousel_product_indicators .carousel-indicators { justify-content: start; } #o-carousel-product .o_carousel_product_indicators .carousel-indicators li { width: 64px; height: 64px; text-indent: unset; transition: none; border: 1px solid #BFD4E9; } #o-carousel-product .o_carousel_product_indicators .carousel-indicators li .o_product_video_thumb { position: absolute; top: 0; left: 0; bottom: 0; right: 0; line-height: 64px; } #o-carousel-product .o_carousel_product_indicators .carousel-indicators li.active { border-color: #0075C2; } #o-carousel-product .o_carousel_product_indicators .carousel-indicators li:hover { opacity: 1; } } @media (max-width: 991.98px) { #o-carousel-product.o_carousel_product_left_indicators { flex-direction: column-reverse; } #o-carousel-product .carousel-indicators { justify-content: center; } #o-carousel-product .carousel-indicators li { width: 8px; height: 8px; min-width: 8px; border-radius: 50%; border: 2px solid #BFD4E9; } #o-carousel-product .carousel-indicators li.active { border-color: #0075C2; background-color: #0075C2; } #o-carousel-product .carousel-indicators li > div { display: none; } } @media (min-width: 992px) { #o-carousel-product .carousel-indicators li { margin: 0; } #o-carousel-product .carousel-indicators li:not(:first-child) { margin-left: 10px; } #o-carousel-product.o_carousel_product_left_indicators .carousel-outer { height: 500px; } #o-carousel-product.o_carousel_product_left_indicators .o_carousel_product_indicators { max-height: 500px; } #o-carousel-product.o_carousel_product_left_indicators .carousel-indicators li { margin: 0; } #o-carousel-product.o_carousel_product_left_indicators .carousel-indicators li:not(:first-child) { margin-top: 10px; } } .ecom-zoomable[data-ecom-zoom-click] img.product_detail_img { cursor: zoom-in; } .ecom-zoomable img[data-zoom] { cursor: zoom-in; } .ecom-zoomable .o_editable img[data-zoom] { cursor: pointer; } .ecom-zoomable .zoomodoo-flyout { box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.2); z-index: 1050; } #coupon_box form { max-width: 300px; } .o_website_sale_animate { opacity: 0.7; position: absolute !important; height: 150px; width: 150px; z-index: 1020; } .o_red_highlight { background: #dc3545 !important; box-shadow: 0 0 0 0 rgba(240, 8, 0, 0.4); transition: all 0.5s linear; } .o_shadow_animation { box-shadow: 0 0 5px 10px rgba(240, 8, 0, 0.4) !important; } .o_mycart_zoom_animation { transform: scale(1.4); transition: all 0.3s ease-in-out; } /* product recently viewed snippet */ .o_carousel_product_card .o_carousel_product_card_img_top { object-fit: scale-down; } @media (max-width: 767.98px) { .o_carousel_product_card .o_carousel_product_card_img_top { height: 12rem; } } @media (min-width: 768px) { .o_carousel_product_card .o_carousel_product_card_img_top { height: 8rem; } } @media (min-width: 992px) { .o_carousel_product_card .o_carousel_product_card_img_top { height: 12rem; } } .o_carousel_product_card .o_carousel_product_img_link:hover + .o_carousel_product_remove { display: block; } @media (min-width: 576px) { .o_carousel_product_card_wrap { float: left; } } .o_carousel_product_control { top: 33.33333333%; bottom: 33.33333333%; width: 2rem; border-radius: 5px; background-color: #017e84; } .o_carousel_product_remove { position: absolute; display: none; cursor: pointer; right: 5%; top: 5%; } .o_carousel_product_remove:hover { display: block; } .o_product_page_reviews_title .fa { font-size: 1.4rem; color: #0075C2; } .o_product_page_reviews_title .fa:before { content: "\f067"; } .o_product_page_reviews_title:not(.collapsed) .fa:before { content: "\f068"; } #o_product_page_reviews_content .o_website_rating_avg h1, #o_product_page_reviews_content .o_website_rating_avg .h1 { font-size: 3.5rem; } #o_product_page_reviews_content .o_portal_chatter_composer { position: sticky; transition: top 200ms; } #o_product_page_reviews_content .o_portal_chatter_messages > .o_portal_chatter_message { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 1rem 0; margin-bottom: 1rem; } #o_product_page_reviews_content .o_portal_chatter_avatar { border-radius: 50%; } /* /website_sale/static/src/scss/website_mail.scss */ /* ---- OpenChatter Website ---- */ .oe_msg img.oe_msg_avatar { width: 50px; margin-right: 10px; } .oe_msg_attachment { display: inline-block; width: 120px; margin: 4px 2px; min-height: 80px; position: relative; border-radius: 3px; text-align: center; vertical-align: top; } .oe_msg_attachment a img.oe_attachment_embedded { display: block; position: relative; margin: 0 0 0 10px; width: 100px; height: 80px; border-radius: 1px; border: solid 3px #FFF; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19); } .oe_msg_attachment a div.oe_attachment_name { display: inline-block; max-width: 100%; padding: 1px 3px; margin-top: 2px; margin-bottom: 5px; background: #F4F5FA; overflow: hidden; color: #4c4c4c; text-shadow: none; border-radius: 3px; word-wrap: break-word; } /* /website_sale/static/src/scss/website_sale_frontend.scss */ .progress-wizard { margin-top: 15px; padding: 0 15px; } @media (min-width: 768px) { .progress-wizard { padding: 0; } } .progress-wizard .progress-wizard-step { position: relative; } @media (min-width: 768px) { .progress-wizard .progress-wizard-step { margin-top: 0.8125rem; float: left; width: 33.33333333%; } .o_wizard_has_extra_step + .progress-wizard .progress-wizard-step { width: 25%; } } @media (max-width: 767.98px) { .progress-wizard .progress-wizard-step.disabled, .progress-wizard .progress-wizard-step.complete { display: none; } } .progress-wizard .progress-wizard-step .progress-wizard-dot { width: 0.625rem; height: 0.625rem; position: relative; display: inline-block; background-color: white; border-radius: 50%; box-shadow: 0 0 0 0.125rem #E2ECF6; } @media (min-width: 768px) { .progress-wizard .progress-wizard-step .progress-wizard-dot { position: absolute; top: auto; left: 50%; bottom: auto; right: auto; margin: -0.375rem 0 0 -0.3125rem; } } .progress-wizard .progress-wizard-step .progress-wizard-steplabel { color: rgba(20, 37, 54, 0.7); margin: 5px 0 5px 5px; font-size: 0.75rem; display: inline-block; } @media (min-width: 768px) { .progress-wizard .progress-wizard-step .progress-wizard-steplabel { display: block; margin: 1rem 0 20px 0; } } @media (max-width: 767.98px) { .progress-wizard .progress-wizard-step .progress-wizard-steplabel { margin-left: -15px; font-size: 24px; } } .progress-wizard .progress-wizard-step .progress-wizard-bar { height: 0.125rem; background-color: #E2ECF6; } .progress-wizard .progress-wizard-step.active .progress-wizard-dot { animation: fadeIn 1s ease 0s 1 normal none running; background: #0075C2; box-shadow: 0 0 0 0.1875rem white, 0 0 0 0.25rem rgba(0, 117, 194, 0.5); } .progress-wizard .progress-wizard-step.active .progress-wizard-steplabel { color: #142536; font-weight: bolder; } .progress-wizard .progress-wizard-step.complete .progress-wizard-dot { background: none; box-shadow: none; } .progress-wizard .progress-wizard-step.complete .progress-wizard-dot:after { position: absolute; top: -0.3125rem; left: -0.3125rem; bottom: auto; right: auto; width: 1.25rem; height: 1.25rem; border-radius: 100%; background: white; color: #236366; text-align: center; line-height: 1; font-size: 1.25rem; font-family: FontAwesome; content: "\f058"; } .progress-wizard .progress-wizard-step.complete .progress-wizard-steplabel { color: #236366; } .progress-wizard .progress-wizard-step.complete:hover:not(.disabled) .progress-wizard-dot:after { color: #236366; } .progress-wizard .progress-wizard-step.complete:hover:not(.disabled) .progress-wizard-steplabel { color: #142536; } .progress-wizard .progress-wizard-step.disabled { cursor: default; } .o_wsale_image_viewer { z-index: -1; } .o_wsale_image_viewer .o_wsale_image_viewer_header { height: 40px; z-index: 1; } .o_wsale_image_viewer .o_wsale_image_viewer_image .o_wsale_image_viewer_void { padding-top: 64px; padding-bottom: 156px; } .o_wsale_image_viewer .o_wsale_image_viewer_image img { cursor: zoom-in; } .o_wsale_image_viewer .o_wsale_image_viewer_carousel { z-index: 1; } .o_wsale_image_viewer .o_wsale_image_viewer_carousel ol { list-style: none; } .o_wsale_image_viewer .o_wsale_image_viewer_carousel ol .o_wsale_image_viewer_thumbnail { width: 128px; height: 128px; } .o_wsale_image_viewer .o_wsale_image_viewer_carousel ol li img { border: 1px solid #CED4DA; } .o_wsale_image_viewer .o_wsale_image_viewer_carousel ol li img.active { border-color: #35979c; } .o_wsale_image_viewer .o_wsale_image_viewer_control { z-index: 1; width: 40px; height: 40px; } .o_wsale_image_viewer .o_wsale_image_viewer_control:hover { background-color: rgba(191, 212, 233, 0.1); } .o_wsale_image_viewer .o_wsale_image_viewer_control.o_wsale_image_viewer_previous { margin: 1px 1px 0 0; } .o_wsale_image_viewer .o_wsale_image_viewer_control.o_wsale_image_viewer_next { margin: 1px 0 0 1px; } /* /website/static/lib/multirange/multirange_custom.scss */ input[type="range"][multiple] { pointer-events: none; visibility: hidden; } .multirange-wrapper input[type="range"][multiple] { visibility: initial; } .multirange-wrapper input[type="range"][multiple]::-webkit-slider-thumb { pointer-events: auto; } .multirange-wrapper input[type="range"][multiple]::-moz-range-thumb { pointer-events: auto; } .multirange-wrapper input.reverse[type="range"][multiple] { direction: rtl; } .multirange-wrapper input.multirange[type="range"][multiple]::-moz-range-track { border-color: transparent; /* needed to switch Firefox to "styleable" control */ } .multirange-wrapper input.multirange.original[type="range"][multiple]::-webkit-slider-thumb { position: relative; z-index: 2; } @media all and (min--moz-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) { .multirange-wrapper input.multirange.ghost[type="range"][multiple] { margin-inline-start: calc(1rem + (1px * 2)); width: calc(100% - calc(1rem + (1px * 2))); } } .multirange-wrapper input.multirange.ghost[type="range"][multiple]::-webkit-slider-runnable-track { background: linear-gradient(to right, transparent var(--low), var(--primary) var(--low) var(--high), transparent 0) no-repeat 50%/100% 100%; } .multirange-wrapper input.multirange.ghost[type="range"][multiple]::-moz-range-track { background: linear-gradient(to right, transparent var(--low), var(--primary) var(--low) var(--high), transparent 0) no-repeat 50%/100% 100%; } .multirange-wrapper [x-out-of-boundaries] { display: none; } /* /sale/static/src/scss/product_configurator.scss */ .css_attribute_color { position: relative; display: inline-block; border: 5px solid #BFD4E9; border-radius: 50%; text-align: center; transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out, box-shadow 0.05s ease-in-out; } .css_attribute_color .form-check-input:not(:disabled):not(.o_wysiwyg_loader), .css_attribute_color .form-check-input:not(:disabled):not(.o_wysiwyg_loader) + label { cursor: pointer; } .css_attribute_color:hover, .css_attribute_color:hover .form-check-input:not(:disabled):not(.o_wysiwyg_loader) { border-color: #0075C2; } .css_attribute_color:before { content: ""; display: block; position: absolute; top: -3px; left: -3px; bottom: -3px; right: -3px; border: 4px solid white; border-radius: 50%; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } .css_attribute_color input { margin: 8px; height: 13px; width: 13px; opacity: 0; } .css_attribute_color.active { border: 5px solid #0075C2; } .css_attribute_color.custom_value { background-image: linear-gradient(to bottom right, #FF0000, #FFF200, #1E9600); } .css_attribute_color.transparent { background-image: url(/web/static/img/transparent.png); } .css_not_available_msg { display: none; } .css_not_available.js_product .css_quantity { display: none !important; } .css_not_available.js_product .css_not_available_msg { display: block; } .css_not_available.js_product .js_add, .css_not_available.js_product .oe_price, .css_not_available.js_product .oe_default_price, .css_not_available.js_product .oe_optional { display: none; } .css_quantity { width: initial; } .css_quantity .btn, .css_quantity input { border-color: #BFD4E9; } .css_quantity input { height: auto !important; max-width: 5ch; } option.css_not_available { color: #ccc; } select.form-select.css_attribute_select { background-image: url("data:image/svg+xml;utf8,"); background-size: 20px; background-position: 100% 65%; background-repeat: no-repeat; max-width: 400px; } label.css_not_available, .o_variant_pills.css_not_available { opacity: 0.6; } label.css_attribute_color.css_not_available { opacity: 1; } label.css_attribute_color.css_not_available:after { content: ""; position: absolute; top: -5px; left: -5px; bottom: -5px; right: -5px; border: 2px solid #dc3545; border-radius: 50%; background: url("data:image/svg+xml;utf8,"); background-position: center; background-repeat: no-repeat; } .variant_attribute { padding-bottom: 1rem; } .variant_attribute .attribute_name { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; font-size: 0.9rem; text-transform: uppercase; padding-bottom: 0.5rem; } .variant_attribute .attribute_name:after { content: ''; margin-left: 1rem; flex-grow: 1; border-bottom: 1px solid #BFD4E9; } .variant_attribute .radio_input_value { font-weight: 400; } .variant_attribute .radio_input_value:not(.o_variant_pills_input_value) { margin-right: 1rem; } .variant_attribute .radio_input_value:not(.o_variant_pills_input_value), .variant_attribute .radio_input_value:not(.o_variant_pills_input_value) > span { vertical-align: middle; } .variant_attribute .radio_input_value.o_variant_pills_input_value .badge { color: #4375A6; background: white; border: 1px solid #0075C2; } .variant_attribute .radio_input_value.o_variant_pills_input_value .badge, .variant_attribute .radio_input_value.o_variant_pills_input_value .badge > span { vertical-align: middle; } .variant_attribute .radio_input_value.o_variant_pills_input_value .badge .sign_badge_price_extra { font-size: 1.1rem; } .variant_attribute .variant_custom_value { margin-bottom: 0.7rem; } .variant_attribute .variant_custom_value.custom_value_radio { display: inline-block; } .variant_attribute select { margin-bottom: 0.5rem; } .variant_attribute ul.list-inline { margin-left: 0; } .variant_attribute .o_variant_pills { padding: 0.5rem 1rem; margin-right: 0.2rem; border: none; cursor: default !important; } .variant_attribute .o_variant_pills.btn.active { background-color: #0075C2; } .variant_attribute .o_variant_pills:not(.active) { color: #4375A6; background-color: #E2ECF6; } .variant_attribute .o_variant_pills input { -moz--webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit--webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 0; } .variant_attribute .radio_input_value .badge, .variant_attribute select .badge, .variant_attribute label .badge { margin-left: 3px; padding-left: 3px; } .variant_attribute .radio_input_value .sign_badge_price_extra, .variant_attribute select .sign_badge_price_extra, .variant_attribute label .sign_badge_price_extra { display: inline-block; width: 1rem; height: 1rem; color: #0075C2; background: white; line-height: 1rem; border-radius: 50%; } .o_product_configurator .product_detail_img { max-height: 240px; } .table-striped tbody tr:nth-of-type(odd) .o_select_options { background-color: rgba(0, 0, 0, 0.025); } .table-striped tbody tr:nth-of-type(odd) .o_total_row { font-size: 1.2rem; } .modal.o_technical_modal .oe_advanced_configurator_modal .btn.js_add_cart_json { padding: 0.075rem 0.75rem; } .js_product .td-product_name { word-wrap: break-word; } .js_product .td-product_name { min-width: 140px; } .js_product .td-img { width: 100px; } .js_product .td-qty { width: 200px; } .js_product .td-qty a.input-group-addon { background-color: transparent; border: 0px; } .js_product .td-qty .input-group { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; } .js_product .td-action { width: 30px; } .js_product .td-price, .js_product .td-price-total { width: 120px; } @media (max-width: 767.98px) { .js_product .td-img, .js_product .td-price-total { display: none; } .js_product .td-qty { width: 60px; } .js_product .td-price { width: 80px; } } @media (max-width: 476px) { .js_product .td-qty { width: 60px; } .js_product #modal_optional_products table thead, .js_product .oe_cart table thead { display: none; } .js_product #modal_optional_products table td.td-img, .js_product .oe_cart table td.td-img { display: none; } } .o_total_row { height: 50px; } .oe_striked_price { text-decoration: line-through; white-space: nowrap; } /* /website_blog/static/src/scss/website_blog.scss */ @keyframes o-wblog-fade-In { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes o-wblog-loader { 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); } } .website_blog .css_website_mail .o_has_error { border-color: red; } .website_blog .css_website_mail .css_nav_month { display: none; } .website_blog .css_website_mail .css_nav_month:first-of-type { display: block; } .website_blog .o_wblog_page_cards_bg { background-color: rgba(0, 0, 0, 0.005); } .website_blog .o_wblog_read_with_sidebar { max-width: 1000px; } .website_blog .o_wblog_read_text { font-size: 18px; line-height: 28px; font-weight: 300; } .website_blog .o_wblog_read_text p, .website_blog .o_wblog_read_text ul, .website_blog .o_wblog_read_text ol { margin-bottom: 1.55em; } .website_blog .o_wblog_read_text li { margin-bottom: 1em; } .website_blog .o_wblog_read_text .lead { font-size: 26px; line-height: 34px; margin-bottom: 40px; } .website_blog .o_wblog_author_avatar { width: 1.2em; height: 1.2em; max-width: none; object-fit: cover; } .website_blog .o_wblog_author_avatar_date { width: 2em; height: 2em; max-width: none; object-fit: cover; } .website_blog .o_wblog_social_links > a { width: 3em; height: 3em; } .website_blog .o_wblog_social_links > a > i { font-size: 1.3em; } .website_blog #o_wblog_post_content { min-height: 350px !important; } .website_blog #o_wblog_post_content a.oe_mail_expand:after { content: " →"; } .website_blog #o_wblog_post_content a.oe_mail_expand { font-weight: bold; } .website_blog #o_wblog_post_comments .o_portal_chatter > hr { display: none; } .website_blog .o_wblog_post_page_cover .o_wblog_post_title > .h4 { color: var(--o-cc3-btn-secondary-text); } .website_blog .o_wblog_post_page_cover.cover_auto { padding: 3rem 0; min-height: 1px; } .website_blog .o_wblog_post_page_cover.o_wblog_post_page_cover_regular.o_full_screen_height, .website_blog .o_wblog_post_page_cover_regular.o_half_screen_height, .website_blog .o_wblog_post_page_cover_regular.cover_full, .website_blog .o_wblog_post_page_cover_regular.cover_mid { min-height: 70vh !important; } .website_blog .o_wblog_post_page_cover.o_wblog_post_page_cover_regular.o_half_screen_height, .website_blog .o_wblog_post_page_cover_regular.cover_mid { min-height: 40vh !important; } .website_blog .o_wblog_post_page_cover.o_wblog_post_page_cover_regular.cover_auto { min-height: 150px; padding: 0; } .website_blog .o_wblog_post_page_cover.o_record_has_cover .o_record_cover_image:after { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 50%; right: 0; background-image: linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.369) 19%, rgba(0, 0, 0, 0.2705) 34%, rgba(0, 0, 0, 0.191) 47%, rgba(0, 0, 0, 0.139) 56.5%, rgba(0, 0, 0, 0.097) 65%, rgba(0, 0, 0, 0.063) 73%, rgba(0, 0, 0, 0.0375) 80.2%, rgba(0, 0, 0, 0.021) 86.1%, rgba(0, 0, 0, 0.0105) 91%, rgba(0, 0, 0, 0.004) 95.2%, rgba(0, 0, 0, 0.001) 98.2%, rgba(0, 0, 0, 0) 100%); } .website_blog .o_wblog_post_page_cover.o_record_has_cover .o_wblog_post_title { color: white; } .website_blog .o_wblog_post_page_cover.o_record_has_cover.o_wblog_post_page_cover_regular .o_record_cover_image:after { visibility: hidden; } .website_blog .o_wblog_post_title #o_wblog_post_name { font-weight: 300; line-height: 1.2; font-size: calc(1.475rem + 2.7vw); } @media (min-width: 1200px) { .website_blog .o_wblog_post_title #o_wblog_post_name { font-size: 3.5rem; } } .website_blog .o_wblog_post_title #o_wblog_post_subtitle { font-weight: 300; font-size: 1.125rem; } .website_blog .o_wblog_regular_cover_container #o_wblog_post_name { line-height: 1; padding-bottom: 0.5rem; } .website_blog .o_wblog_post_page_cover_footer { min-height: 33vh; transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1); } .website_blog #o_wblog_next_container { background-color: #FFFFFF; cursor: pointer; } .website_blog #o_wblog_next_container .o_wblog_next_loader { transform: translateZ(1px); } .website_blog #o_wblog_next_container .o_wblog_next_loader div { width: 50px; height: 50px; background: rgba(0, 0, 0, 0.15); animation: o-wblog-loader 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .website_blog #o_wblog_next_container .o_wblog_next_fake_btn { height: 50px; } .website_blog #o_wblog_post_main.o_wblog_post_main_transition { animation: o-wblog-fade-In 1s cubic-bezier(0.02, 0.01, 0.47, 1); } .website_blog #o_wblog_post_footer a.w-25 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; } .website_blog #o_wblog_posts_loop .o_record_cover_container { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); padding-top: 33%; height: auto !important; min-height: auto !important; } .website_blog #o_wblog_posts_loop .o_record_cover_container:hover .o_record_cover_image { opacity: 0.8; } .website_blog #o_wblog_posts_loop .o_wblog_normalize_font { font-size: 13px; line-height: 1.45; } .website_blog #o_wblog_posts_loop .o_wblog_post_list_author { background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.131) 19%, rgba(0, 0, 0, 0.2295) 34%, rgba(0, 0, 0, 0.309) 47%, rgba(0, 0, 0, 0.361) 56.5%, rgba(0, 0, 0, 0.403) 65%, rgba(0, 0, 0, 0.437) 73%, rgba(0, 0, 0, 0.4625) 80.2%, rgba(0, 0, 0, 0.479) 86.1%, rgba(0, 0, 0, 0.4895) 91%, rgba(0, 0, 0, 0.496) 95.2%, rgba(0, 0, 0, 0.499) 98.2%, rgba(0, 0, 0, 0.5) 100%); } .website_blog #o_wblog_posts_loop.o_wblog_list_view .o_record_cover_container { padding-top: 20%; } .website_blog #o_wblog_posts_loop.o_wblog_list_view .o_wblog_post_cover_nocard .o_record_cover_container { padding-top: 33%; } body.editor_enable .website_blog .o_record_cover_container.o_wblog_post_page_cover:not(.o_record_has_cover) { padding: 30px 0; } body.editor_enable .website_blog #o_wblog_sidebar .oe_structure:empty { display: none; } body.editor_enable .website_blog .o_wblog_sidebar_block select[name="archive"] { pointer-events: none; } #o_wblog_post_content_jump { width: 50px; height: 50px; background-color: rgba(0, 0, 0, 0.5); } #o_wblog_post_content_jump:hover { background-color: rgba(0, 0, 0, 0.7); } #o_wblog_index_content > .container > .row > .border-end, #o_wblog_index_content > .o_container_small > .row > .border-end { width: auto; } /* /sh_corpomate_theme/static/src/scss/mega_menu/sh_website_megamenu.scss */ /* all mega menu scss */ #top_menu .nav-item.dropdown { position: static; } #top_menu .nav-item.dropdown ul.oe_structure.dropdown-menu.dropdown-menu, #top_menu .nav-item.dropdown .oe_structure.o_dropdown_menu { left: 0 !important; padding: 0; margin: 0; border: 0; background: transparent; font-size: 14px; } #top_menu .nav-item.dropdown ul.oe_structure.dropdown-menu.show, #top_menu .nav-item.dropdown .oe_structure.show.o_dropdown_menu { transform: scale(1, 0); transition: all .4s; transform-origin: top; width: 100%; } #top_menu .nav-item.dropdown ul.oe_structure.dropdown-menu.show, #top_menu .nav-item.dropdown .oe_structure.show.o_dropdown_menu { transform: scale(1, 1); max-height: unset; } #top_menu .nav-item.dropdown ul.dropdown-menu.dropdown-menu-left.show, #top_menu .nav-item.dropdown ul.dropdown-menu-left.show.o_dropdown_menu { left: auto; padding: 0; margin: 0; border: 0; font-size: 14px; border-radius: 0px; } @media only screen and (min-width: 768px) { #top_menu .nav-item.dropdown.o_extra_menu_items { position: relative; } #top_menu .nav-item.dropdown.o_extra_menu_items .dropdown-menu, #top_menu .nav-item.dropdown.o_extra_menu_items .o_dropdown_menu { background: #fff; } } @media (max-width: 767px) { header ul li > a { padding: 5px 22px !important; } .dropdown-item { padding: 6px 30px !important; } .navbar-collapse { position: fixed !important; top: 7.2% !important; max-width: 50% !important; height: 100vh !important; max-height: unset !important; left: 0 !important; padding: 0 !important; z-index: 2000; margin: 0px !important; } #top_menu_collapse, #top_menu_collapse_clone { width: 100%; } .js-menu-opened #top_menu, .js-menu-opened #top_menu_collapse, .js-menu-opened #top_menu_collapse_clone { justify-content: start; } #top_menu { height: calc(100% - 100px); overflow: auto; } #top_menu { background: #fff; position: relative; z-index: 10; padding-bottom: 10px; transform: translateX(-100%); transition: all .4s; text-align: left !important; border-right: 1px solid #e8e8e8; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); } .navbar-collapse.show #top_menu { transform: translateX(0); overflow-x: hidden; } .navbar-light #top_menu.navbar-nav .nav-link { padding: 10px 25px; /*color: #000 !important;*/ font-size: 16px; } .navbar-light #top_menu.navbar-nav .nav-link b { font-weight: normal; } #top_menu .nav-item.dropdown { position: relative; } #top_menu .nav-item.dropdown ul.dropdown-menu, #top_menu .nav-item.dropdown ul.o_dropdown_menu { position: absolute; background: #fff; } .navbar-light #top_menu.navbar-nav .nav-link.dropdown-toggle:after { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } .navbar-light #top_menu.navbar-nav .nav-link.dropdown-toggle { position: relative; } #top_menu { display: block; } .navbar .nav-item { width: 100%; } .navbar .nav-item { margin: 0 !important; } .navbar-expand-md .navbar-nav .dropdown-menu, .navbar-expand-md .navbar-nav .o_dropdown_menu { box-shadow: none !important; } } @media only screen and (max-width: 576px) { .navbar-collapse { max-width: 75% !important; } } /* all mega menu scss */ /* snippet 7 */ #sh_megamenubar_7 { max-width: 90%; margin: auto; padding: 20px; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); background: #fff; } #sh_megamenubar_7 .sh_content h4, #sh_megamenubar_7 .sh_content .h4 { font-size: 26px; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 15px; } #sh_megamenubar_7 .sh_content p { font-size: 16px; color: #818181; margin-bottom: 0; line-height: 30px; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; } #sh_megamenubar_7 .carousel-control-prev { cursor: pointer; color: #000; background-image: none; width: 30px; height: 30px; background: #fff; opacity: 1; border-radius: 50%; border: 1px solid #ccc; text-align: center; left: 10px; padding: 0; transform: translateY(-50%); top: 50%; } #sh_megamenubar_7 .carousel-control-prev-icon { line-height: 23px; background-image: none; } #sh_megamenubar_7 .carousel-control-next { cursor: pointer; color: #000; background-image: none; width: 30px; height: 30px; background: #fff; opacity: 1; border-radius: 50%; border: 1px solid #ccc; text-align: center; right: 10px; padding: 0; transform: translateY(-50%); top: 50%; } #sh_megamenubar_7 .carousel-control-next-icon { line-height: 23px; background-image: none; } #sh_megamenubar_7 .carousel-item img { height: 250px; object-fit: cover; } #sh_megamenubar_7 .sh_right_img img { width: 100%; } @media only screen and (max-width: 767px) { #sh_megamenubar_7 .sh_content p { margin-bottom: 15px; } #sh_megamenubar_7 .carousel-control-next { right: -5px; } #sh_megamenubar_7 .carousel-control-prev { left: -5px; } #sh_megamenubar_7 { max-width: 95%; } } /* snippet 7 */ /* snippet 8 */ #sh_megamenubar_8 { background: #fff; border: 1px solid #ccc; max-width: 85%; margin: auto; padding: 20px; } #sh_megamenubar_8 .sh_content h4, #sh_megamenubar_8 .sh_content .h4 { font-weight: 600; font-size: 24px; margin-bottom: 15px; } #sh_megamenubar_8 .sh_content p { font-size: 16px; color: #818181; font-weight: 600; margin-bottom: 20px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } #sh_megamenubar_8 .sh_address { list-style: none; padding: 0; } #sh_megamenubar_8 .sh_address li { padding: 5px 0; color: #818181; font-weight: 600; } #sh_megamenubar_8 .sh_address li b { color: #414141; width: 100px; display: inline-block; } #sh_megamenubar_8 .sh_map img { max-width: 100%; max-height: 300px; object-fit: contain; } #sh_megamenubar_8 .sh_map { text-align: right; } #sh_megamenubar_8 .sh_address li a { color: #818181; text-decoration: none; transition: all .4s; } #sh_megamenubar_8 .sh_address li a:hover { color: #0075C2; transition: all .4s; } @media only screen and (max-width: 767px) { #sh_megamenubar_8 .sh_address li b { width: 30%; } } @media only screen and (max-width: 576px) { #sh_megamenubar_8 .sh_address li b { width: 100%; } #sh_megamenubar_8 { max-width: 100%; } #sh_megamenubar_8 .sh_content p { font-size: 14px; } #sh_megamenubar_8 .sh_content h4, #sh_megamenubar_8 .sh_content .h4 { font-size: 20px; } #sh_megamenubar_8 .sh_address li { font-size: 12px; } } /* snippet 8 */ /* snippet 9 */ #sh_megamenubar_9 { max-width: 85%; margin: auto; padding: 20px; border: 1px solid #ccc; background: #f6f9f9; } #sh_megamenubar_9 .sh_content .sh_img { position: relative; } #sh_megamenubar_9 .sh_content .sh_img img { width: 100%; height: 220px; object-fit: cover; object-position: top; } #sh_megamenubar_9 .sh_content .sh_social_shair a { transition: all .4s; margin-bottom: 5px; width: 30px; height: 30px; background: #414141; text-align: center; color: #fff; line-height: 30px; display: block; } #sh_megamenubar_9 .sh_content .sh_social_shair { position: absolute; right: 10px; bottom: 20px; } #sh_megamenubar_9 .sh_content h4, #sh_megamenubar_9 .sh_content .h4 { text-align: center; font-weight: 600; font-size: 18px; padding-top: 10px; transition: all .4s; } #sh_megamenubar_9 .sh_content p { text-align: center; margin: 0; padding-bottom: 10px; } #sh_megamenubar_9 .sh_content { border: 1px solid #ccc; background: #fff; transition: all .4s; } #sh_megamenubar_9 .sh_content .sh_social_shair a:hover { background: #0075C2; } #sh_megamenubar_9 .sh_content:hover h4, #sh_megamenubar_9 .sh_content:hover .h4 { color: #0075C2; } @media only screen and (max-width: 767px) { #sh_megamenubar_9 .sh_content { margin-bottom: 20px; } } @media only screen and (max-width: 576px) { #sh_megamenubar_9 { padding: 20px 10px; max-width: 100%; } } /* snippet 9 */ /* snippet 10 */ #sh_megamenubar_10 { background: #fff; border: 1px solid #ccc; max-width: 85%; margin: auto; padding: 20px; } #sh_megamenubar_10 .sh_content h4, #sh_megamenubar_10 .sh_content .h4 { color: #212121; font-weight: 600; padding-top: 10px; transition: all .4s; } #sh_megamenubar_10 .sh_content p { color: #9e9e9e; font-weight: 600; } #sh_megamenubar_10 .sh_btn { text-align: center; } #sh_megamenubar_10 .sh_btn a { font-weight: 600; padding-left: 20px; padding-right: 20px; border-radius: 50px; } #sh_megamenubar_10 .sh_img img { width: 100%; height: 180px; object-fit: contain; } #sh_megamenubar_10 .sh_content { transition: all .4s; } #sh_megamenubar_10 .sh_content:hover h4, #sh_megamenubar_10 .sh_content:hover .h4 { color: #0075C2; } @media only screen and (max-width: 768px) { #sh_megamenubar_10 .sh_img img { height: auto; } #sh_megamenubar_10 .sh_content h4, #sh_megamenubar_10 .sh_content .h4 { font-size: 16px; } } @media only screen and (max-width: 576px) { #sh_megamenubar_10 { max-width: 100%; } } /* snippet 10 */ /* snippet 11 */ #sh_megamenubar_11 { background: #fff; border: 1px solid #ccc; max-width: 90%; margin: auto; overflow: hidden; } #sh_megamenubar_11 .sh_content { text-align: center; transition: all .4s; } #sh_megamenubar_11 .sh_content .sh_icon { background: #0075C2; width: 40px; height: 40px; border-radius: 50%; color: #fff; } #sh_megamenubar_11 .sh_content .sh_icon span { align-items: center; vertical-align: middle; display: -webkit-box; display: -webkit-flex; display: flex; height: 100%; margin: auto; width: 100%; justify-content: center; font-size: 16px; transition: all .4s; } #sh_megamenubar_11 .sh_content:hover .sh_icon span { font-size: 22px; } #sh_megamenubar_11 .sh_content h4, #sh_megamenubar_11 .sh_content .h4 { padding-top: 20px; font-weight: 600; transition: all .4s; font-size: 18px; } #sh_megamenubar_11 .sh_content p { color: #9e9e9e; font-weight: 600; line-height: normal; margin-bottom: 0; } #sh_megamenubar_11 .sh_content .sh_icon { width: 50px; height: 50px; margin: auto; border: 1px solid #0075C2; border-radius: 50%; line-height: 49px; } #sh_megamenubar_11 .col-md-3 { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px; } #sh_megamenubar_11 .sh_content:hover h4, #sh_megamenubar_11 .sh_content:hover .h4 { color: #0075C2; } @media (max-width: 576px) { #sh_megamenubar_11 { max-width: 100%; } } /* snippet 11 */ /* snippet 11 */ #sh_megamenubar_12 { padding: 20px; background: #fff; max-width: 90%; margin: auto; border: 1px solid #ccc; } #sh_megamenubar_12 .sh_des h4, #sh_megamenubar_12 .sh_des .h4 { color: #414141; font-size: 28px; font-weight: 600; } #sh_megamenubar_12 .sh_des p { color: #818181; font-weight: 600; font-size: 16px; margin: 0; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; } #sh_megamenubar_12 .sh_img img { width: 100%; object-fit: cover; } #sh_megamenubar_12 .sh_link h4, #sh_megamenubar_12 .sh_link .h4 { color: #414141; font-size: 28px; font-weight: 600; } #sh_megamenubar_12 .sh_link ul { list-style: none; margin: 0; padding: 0; } #sh_megamenubar_12 .sh_link ul li a { color: #818181; font-size: 16px; font-weight: 600; display: block; padding-bottom: 3px; text-decoration: none; transition: all .4s; } #sh_megamenubar_12 .sh_link ul li a:hover { color: #0075C2; } @media only screen and (max-width: 768px) { #sh_megamenubar_12 .sh_img img { padding-bottom: 15px; } #sh_megamenubar_12 .sh_des p { margin-bottom: 10px; } } /* snippet 12 */ /* snippet 13 */ #sh_megamenubar_13 { padding: 20px; background: #fff; max-width: 90%; margin: auto; border: 1px solid #ccc; } #sh_megamenubar_13 .sh_map img { width: 100%; height: 270px; object-fit: cover; border: 1px solid #000; } #sh_megamenubar_13 .sh_title { position: relative; } #sh_megamenubar_13 .sh_title h4, #sh_megamenubar_13 .sh_title .h4 { font-size: 26px; font-weight: 600; border-bottom: 2px solid #ccc; padding-bottom: 10px; position: relative; } #sh_megamenubar_13 .sh_title h4:before, #sh_megamenubar_13 .sh_title .h4:before { content: ''; position: absolute; bottom: -2px; width: 75px; height: 3px; background-color: #000; } #sh_megamenubar_13 .sh_send { background: #7e56b7; color: #fff; border-radius: 3px; font-weight: 600; margin-top: 10px; } #sh_megamenubar_13 .sh_address ul.sh_address_detail { list-style: none; padding: 0; margin: 0; padding-top: 10px; } #sh_megamenubar_13 .sh_address ul.sh_address_detail li { padding-bottom: 10px; color: #818181; font-weight: 600; font-size: 16px; } #sh_megamenubar_13 .sh_address ul.sh_address_detail li a { color: #818181; font-weight: 600; text-decoration: none; transition: all .4s; } #sh_megamenubar_13 .sh_address ul.sh_address_detail li span { color: #000; width: 30px; transition: all .4s; } #sh_megamenubar_13 ul.sh_social_media { padding: 0; list-style: none; } #sh_megamenubar_13 ul.sh_social_media li { display: inline-block; width: 30px; height: 30px; background: #000; text-align: center; line-height: 30px; transition: all .4s; } #sh_megamenubar_13 ul.sh_social_media li a { color: #fff; } #sh_megamenubar_13 .sh_title p { font-size: 16px; margin: 0; color: #818181; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; } #sh_megamenubar_13 .sh_address ul.sh_address_detail li a:hover { color: #0075C2; } #sh_megamenubar_13 .sh_address ul.sh_address_detail li a:hover span { color: #0075C2; } #sh_megamenubar_13 ul.sh_social_media li:hover { background-color: #0075C2; } @media (max-width: 768px) { #sh_megamenubar_13 { max-width: 100%; } } @media (max-width: 400px) { #sh_megamenubar_13 { max-width: 100%; padding: 20px 10px; } #sh_megamenubar_13 .sh_title h4, #sh_megamenubar_13 .sh_title .h4 { margin-top: 20px; } #sh_megamenubar_13 .sh_address ul.sh_address_detail li { font-size: 14px; } } /* snippet 13 */ /* snippet 14 */ #sh_megamenubar_14 { padding: 20px; background: #fff; max-width: 90%; margin: auto; border: 1px solid #ccc; } #sh_megamenubar_14 .sh_content { display: -webkit-box; display: -webkit-flex; display: flex; padding-bottom: 20px; transition: all .4s; } #sh_megamenubar_14 .sh_content .sh_img img { width: 100px; height: 100px; object-fit: cover; } #sh_megamenubar_14 .sh_content .sh_img { padding-right: 15px; } #sh_megamenubar_14 .sh_content .sh_des h4, #sh_megamenubar_14 .sh_content .sh_des .h4 { font-weight: 600; font-size: 18px; } #sh_megamenubar_14 .sh_content .sh_des p { color: #616161; font-weight: 600; } #sh_megamenubar_14 .sh_content .sh_media a { text-decoration: none; transition: all .4s; } #sh_megamenubar_14 .sh_content .sh_media a { width: 30px; height: 30px; background: #414141; text-align: center; line-height: 30px; display: inline-block; color: #fff; } #sh_megamenubar_14 .sh_content:nth-child(4) { padding-bottom: 0; } #sh_megamenubar_14 .sh_content:hover .sh_des h4, #sh_megamenubar_14 .sh_content:hover .sh_des .h4 { color: #0075C2; } #sh_megamenubar_14 .sh_content .sh_media a:hover { background: #0075C2; } @media only screen and (min-width: 768px) and (max-width: 991px) { #sh_megamenubar_14 .sh_content .sh_des p { font-size: 10px; } #sh_megamenubar_14 .sh_content .sh_des h4, #sh_megamenubar_14 .sh_content .sh_des .h4 { font-size: 16px; } } @media only screen and (max-width: 767px) { #sh_megamenubar_14 .sh_content { padding-bottom: 20px !important; } } @media only screen and (max-width: 400px) { #sh_megamenubar_14 .sh_content { display: block; } #sh_megamenubar_14 .sh_content .sh_img img { width: 100%; } #sh_megamenubar_14 { max-width: 100%; } #sh_megamenubar_14 .sh_content .sh_des h4, #sh_megamenubar_14 .sh_content .sh_des .h4 { margin-top: 10px; } } /* snippet 14 */ /* snippet 15 */ #sh_megamenubar_15 { padding: 20px; background: #fff; max-width: 90%; margin: auto; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); } #sh_megamenubar_15 .sh_content h4, #sh_megamenubar_15 .sh_content .h4 { font-size: 20px; font-weight: 600; color: #212121; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; } #sh_megamenubar_15 .sh_content ul { padding: 0; list-style: none; } #sh_megamenubar_15 .sh_content ul section a { color: #616161; font-weight: 600; padding-bottom: 10px; display: block; text-decoration: none; } #sh_megamenubar_15 .sh_view_more { text-align: center; padding-top: 20px; } #sh_megamenubar_15 .sh_view_more a.btn { background: #0075C2; color: #fff; border-radius: 0px; box-shadow: none; padding: 7px 21px; font-weight: 600; } @media only screen and (min-width: 768px) and (max-width: 991px) { #sh_megamenubar_15 .sh_content h4, #sh_megamenubar_15 .sh_content .h4 { font-size: 14px; } #sh_megamenubar_15 .sh_content ul section a { font-size: 12px; } } @media only screen and (min-width: 768px) { #sh_megamenubar_15 .sh_content ul { display: block !important; height: 100% !important; } #sh_megamenubar_15 .sh_content h4 span, #sh_megamenubar_15 .sh_content .h4 span { display: none; } } @media only screen and (max-width: 768px) { #sh_megamenubar_15 .sh_content ul { display: none; } #sh_megamenubar_15 .sh_content h4 span, #sh_megamenubar_15 .sh_content .h4 span { float: right; } #sh_megamenubar_15 .sh_content h4, #sh_megamenubar_15 .sh_content .h4 { font-size: 16px; } } /* snippet 15 */ /* snippet 16 */ #sh_megamenubar_16 { padding: 20px; background: #fff; max-width: 90%; margin: auto; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); } #sh_megamenubar_16 .sh_content h4, #sh_megamenubar_16 .sh_content .h4 { font-size: 18px; font-weight: 600; color: #414141; margin-bottom: 15px; } #sh_megamenubar_16 .sh_content .sh_img img { width: 100%; margin-bottom: 10px; } #sh_megamenubar_16 .sh_content p { color: #616161; margin: 0; } #sh_megamenubar_16 .sh_content ul { padding: 0; list-style: none; } #sh_megamenubar_16 .sh_content ul section { padding: 10px 0; } #sh_megamenubar_16 .sh_content ul section a { text-decoration: none; color: #414141; } #sh_megamenubar_16 .sh_content ul section:hover > a { color: #0075C2; } #sh_megamenubar_16 .sh_content ul section a span { padding-right: 7px; color: #0075C2; } #sh_megamenubar_16 .col-md-3:last-child .sh_content ul section:first-child a { display: -webkit-box; display: -webkit-flex; display: flex; } #sh_megamenubar_16 .col-md-3:last-child .sh_content ul section:first-child a span.fa { padding-top: 3px; } /* snippet 16 */ /* snippet 17 */ #sh_megamenubar_17 { padding: 20px; background: #fff; max-width: 90%; margin: auto; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); } #sh_megamenubar_17 .sh_content h4, #sh_megamenubar_17 .sh_content .h4 { font-size: 18px; font-weight: 600; color: #414141; margin-bottom: 15px; background: #ebebeb; padding: 10px; } #sh_megamenubar_17 .sh_content ul { padding: 0; list-style: none; margin: 0; } #sh_megamenubar_17 .sh_content ul section a { color: #616161; font-weight: 600; } #sh_megamenubar_17 .sh_content ul section { padding: 10px; border-bottom: 1px solid #cccccc; } #sh_megamenubar_17 .sh_content ul section:hover a { color: #003557; } #sh_megamenubar_17 .sh_content .sh_img img { width: 100%; height: 120px; object-fit: cover; margin-top: 20px; } @media (max-width: 767px) { #sh_megamenubar_17 .sh_content { margin-bottom: 20px; } } /* snippet 17 */ /* /sh_corpomate_theme/static/src/scss/as_mixin.scss */ /*Mixin*/ /* Hover menu*/ /* Menu Hover -------------*/ /*Product List description*/ /*Section Heading */ /*Product Common code*/ /**/ /* /sh_corpomate_theme/static/src/scss/owl.carousel.css */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/sh_corpomate_theme/static/src/scss/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* /sh_corpomate_theme/static/src/scss/owl.theme.default.min.css */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* /sh_corpomate_theme/static/src/scss/variables.scss */ /*-----top-bar---*/ /*-----top-bar---*/ /*-----header-bar---*/ /*-----header-bar---*/ /*---coyright--*/ /*---coyright--*/ /*---Language--*/ /*---Language--*/ /* /sh_corpomate_theme/static/src/scss/style.scss */ #js_id_model_sh_corpomate_offer_config { z-index: 99999; } .sh_corpomate_remove_line_clamp p, .sh_corpomate_remove_line_clamp span, .sh_corpomate_remove_line_clamp div { -webkit-line-clamp: unset !important; } .o_we_website_top_actions { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-box-pack: end !important; justify-content: flex-end !important; width: 291px; height: 46px; min-height: 46px; background-color: #141217; } .o_lang_flag { width: 1em; height: 1em; margin-right: 0.5em; border-radius: 50rem; } a:hover { text-decoration: none; } /*################################################################################################### HEADER STYLE START /*###################################################################################################*/ @media only screen and (max-width: 768px) { .navbar-light { padding: 15px 10px !important; } } /*====================== TOP BAR 1 STRAT =======================*/ #sh_top_bar_1 { background-color: #003557 !important; color: #fff; font-size: 13px; line-height: 1; } #sh_top_bar_1 .sh_main_content { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding: 10px 0; } #sh_top_bar_1 .sh_main_content .sh_icon { margin-right: 20px; color: #0075C2; font-size: 20px; } #sh_top_bar_1 .sh_main_content .sh_text { font-size: 15px; color: #fff; } #sh_top_bar_1 .sh_main_content .sh_text span { color: #0075C2; font-weight: 700; } #sh_top_bar_1 .sh_contact_details { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; } #sh_top_bar_1 .sh_contact_details .sh_icon { font-size: 20px; color: #fff; margin-right: 15px; } #sh_top_bar_1 .sh_tb_right { background: #0075C2; padding: 10px 35px; } #sh_top_bar_1 .sh_contact_details .sh_content a { color: #fff; font-weight: 600; font-size: 15px; text-decoration: none; } #sh_top_bar_1 .sh_contact_details.bdr { border-right: 1px solid #fff; } #sh_top_bar_1 .sh_topbar_content { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; } #sh_top_bar_1 .container-fluid, #sh_top_bar_1 .container-sm, #sh_top_bar_1 .container-md, #sh_top_bar_1 .container-lg, #sh_top_bar_1 .container-xl, #sh_top_bar_1 .container-xxl { padding-right: 0px; } .o_rtl #sh_top_bar_1 .js_language_selector .dropdown-menu, .o_rtl #sh_top_bar_1 .js_language_selector .o_dropdown_menu { width: 200%; } /*.....responsive.....*/ @media screen and (min-width: 821px) and (max-width: 991px) { #sh_top_bar_1 .sh_main_content .sh_text { font-size: 12px; } #sh_top_bar_1 .sh_main_content .sh_icon { margin-right: 10px; } #sh_top_bar_1 .sh_contact_details .sh_content a { font-size: 13px; } } @media (max-width: 820px) { #sh_top_bar_1 { display: none; } } /*.....responsive.....*/ /*====================== TOP BAR 1 END =======================*/ /*====================== TOP BAR 2 STRAT =======================*/ #sh_top_bar_2 { position: relative; background: #f8f8fc; color: #fff; z-index: 5; font-family: 'Roboto', sans-serif; } #sh_top_bar_2 ul li > a { color: #181a99; text-decoration: none; } #sh_top_bar_2 ul li a:hover { color: #003557 !important; } #sh_top_bar_2 .top-left { position: relative; float: left; padding: 3px 0px; color: #c9c9c9; font-size: 12px; } #sh_top_bar_2 .top-left:before { content: ''; position: absolute; right: 0px; top: 0px; width: 1200px; height: 100%; } #sh_top_bar_2 ul li a { position: relative; display: block; word-spacing: 5px; line-height: 24px; font-size: 15px; text-transform: capitalize; font-weight: 600; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } #sh_top_bar_2 ul { position: relative; z-index: 1; margin: 0px; padding: 3px 0px; display: inline-block; float: left; } #sh_top_bar_2 ul li a span { color: #fe257d; font-size: 18px; } #sh_top_bar_2 ul li { position: relative; float: left; margin-right: 30px; list-style: none; } #sh_top_bar_2 .top-right { position: relative; padding: 3px 0px; float: right; display: -webkit-box; display: -webkit-flex; display: flex; } #sh_top_bar_2 .sh_corpomate_theme_show_hide_lang .list-inline-item a { color: #fff; } #sh_top_bar_2 .top-right ul li { margin-right: 0px; padding: 0px 15px; } #sh_top_bar_2 .top-right ul li::before { top: -1px !important; } #sh_top_bar_2 .top-right ul li:before { content: '|'; position: absolute; right: -1px; top: -3px; color: #ffffff; font-size: 10px; padding-top: 5px; } #sh_top_bar_2 .sh_corpomate_theme_show_hide_lang .list-inline-item .dropdown-item { color: #212529 !important; } #sh_top_bar_2 { display: inline-block; width: 100%; } #sh_top_bar_2 .js_language_selector { margin-top: 4px; font-size: 15px !important; } #sh_top_bar_2 .js_language_selector .dropdown .dropdown-menu a.js_change_lang, #sh_top_bar_2 .js_language_selector .dropdown .o_dropdown_menu a.js_change_lang { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; padding: 10px 30px; } #sh_top_bar_2 .js_language_selector .dropdown .dropdown-menu a.js_change_lang:hover, #sh_top_bar_2 .js_language_selector .dropdown .o_dropdown_menu a.js_change_lang:hover { color: #fff !important; } #sh_top_bar_2 .js_language_selector { padding-left: 10px; } #sh_top_bar_2 .js_language_selector button { color: #181a99; font-weight: 600; background: transparent; box-shadow: none; font-size: 15px; } #sh_top_bar_2 .js_language_selector .dropdown-menu .js_change_lang, #sh_top_bar_2 .js_language_selector .o_dropdown_menu .js_change_lang { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; padding: 10px; } .o_rtl #sh_top_bar_2 .js_language_selector .dropdown-menu, .o_rtl #sh_top_bar_2 .js_language_selector .o_dropdown_menu { width: 200%; } #sh_top_bar_2 .js_language_selector .btn.dropdown-toggle.js_cls_sh_corpomate_theme_flag_btn, #sh_top_bar_2 .js_language_selector { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; } #sh_top_bar_2 .js_language_selector .dropdown-menu.sh_corpomate_lang_dropdown_area, #sh_top_bar_2 .js_language_selector .sh_corpomate_lang_dropdown_area.o_dropdown_menu { right: 0px; left: auto !important; } @media only screen and (max-width: 991px) { #sh_top_bar_2 .top-right { float: none; text-align: center; } } @media (max-width: 768px) { #sh_top_bar_2 { display: none; } } /*====================== TOP BAR 2 END =======================*/ /*====================== TOP BAR 3 start =======================*/ #sh_top_bar_3 { background: #fff; padding: 5px 0; } #sh_top_bar_3 .sh_topbar_content { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; padding: 15px 0; } #sh_top_bar_3 .sh_topbar_content .sh_logo img { object-fit: contain; display: block; max-width: 100%; height: 2.5rem; width: 100%; } #sh_top_bar_3 .sh_topbar_content .sh_logo { width: 30%; } #sh_top_bar_3 .sh_info { display: -webkit-box; display: -webkit-flex; display: flex; } #sh_top_bar_3 .sh_info .sh_call_info { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; margin-right: 20px; } #sh_top_bar_3 .sh_info .sh_call_info .sh_icon { width: 50px; height: 50px; border: 1px solid #777; text-align: center; line-height: 50px; border-radius: 5px; font-size: 24px; color: #0075C2; } #sh_top_bar_3 .sh_info .sh_call_info .sh_callus { margin-left: 20px; } #sh_top_bar_3 .sh_info .sh_call_info .sh_callus h4, #sh_top_bar_3 .sh_info .sh_call_info .sh_callus .h4 { margin: 0; color: #000; font-size: 18px; font-weight: 600; } #sh_top_bar_3 .sh_info .sh_call_info .sh_callus p { margin: 0; color: #777; } #sh_top_bar_3 .sh_info .sh_call_info .sh_callus a { color: #777; font-size: 14px; transition: all .4s; } #sh_top_bar_3 .sh_info .sh_call_info:last-child { margin-right: 0; } #sh_top_bar_3 .sh_info .sh_call_info .sh_callus a:hover { color: #0075C2; } #sh_copyright_15 .copyright-section:after { content: ''; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; } @media (max-width: 768px) { #sh_top_bar_3 { display: none; } } /*====================== TOP BAR 3 start =======================*/ /*====================== TOP BAR 4 start =======================*/ #sh_top_bar_4 { background: #0075C2; padding: 5px 0; } #sh_top_bar_4 .sh_topbar_content { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; } #sh_top_bar_4 .sh_topbar_content .sh_left_content ul { display: -webkit-box; display: -webkit-flex; display: flex; list-style: none; padding: 0; margin: 0; } #sh_top_bar_4 .sh_topbar_content .sh_right_content ul { display: -webkit-box; display: -webkit-flex; display: flex; list-style: none; padding: 0; margin: 0; } #sh_top_bar_4 .sh_topbar_content .sh_left_content ul li { padding-right: 25px; } #sh_top_bar_4 .sh_topbar_content .sh_left_content ul li a { color: #fff; font-size: 14px; transition: 1s; font-weight: 600; } #sh_top_bar_4 .sh_topbar_content .sh_left_content ul li:hover a { color: #05103b; font-size: 14px; font-weight: 600; } #sh_top_bar_4 .sh_topbar_content .sh_left_content ul li a span { color: #fff; transition: 1s; padding-right: 10px; font-size: 18px; } #sh_top_bar_4 .sh_topbar_content .sh_left_content ul li:hover a span { color: #05103b; padding-right: 10px; font-size: 18px; } #sh_top_bar_4 .sh_topbar_content .sh_center_content { margin: 0px auto; } #sh_top_bar_4 .sh_topbar_content .sh_right_content ul li { margin: 0 5px; transition: 1s; } #sh_top_bar_4 .sh_topbar_content .sh_right_content ul li a { display: inline-block; text-align: center; color: #fff; width: 30px; height: 30px; line-height: 30px; } #sh_top_bar_4 .sh_topbar_content .sh_right_content ul li a:hover { color: #0075C2; background: #fff; border-radius: 30px; } #sh_top_bar_4 .sh_topbar_content .sh_right_content ul li a:hover li { background: #fff; } @media (max-width: 768px) { #sh_top_bar_4 { display: none; } } /*====================== TOP BAR 4 end =======================*/ /*====================== TOP BAR 5 start =======================*/ #sh_top_bar_5 { background: #003557; padding: 0px 0; } #sh_top_bar_5 .sh_topbar_content { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; padding: 8px 0; } #sh_top_bar_5 .sh_topbar_content .sh_left_content ul { display: -webkit-box; display: -webkit-flex; display: flex; list-style: none; padding: 0; margin: 0; } #sh_top_bar_5 .sh_topbar_content .sh_right_content ul { display: -webkit-box; display: -webkit-flex; display: flex; list-style: none; padding: 0; margin: 0; color: #fff; } #sh_top_bar_5 .sh_topbar_content .sh_left_content ul li { padding-right: 25px; } #sh_top_bar_5 .sh_topbar_content .sh_left_content ul li a { color: #fff; font-size: 14px; } #sh_top_bar_5 .sh_topbar_content .sh_left_content ul li a span { color: #fff; padding-right: 5px; font-size: 16px; } #sh_top_bar_5 .sh_topbar_content .sh_right_content ul li { margin: 0 15px; position: relative; } #sh_top_bar_5 .sh_topbar_content .sh_right_content ul li a { text-align: center; color: #fff; width: 30px; height: 30px; line-height: 30px; font-size: 15px; } #sh_top_bar_5 .sh_topbar_content .sh_right_content ul li a:hover { color: #0075C2; } #sh_top_bar_5 .sh_bottom_part { background: #fff; padding: 20px 0; } #sh_top_bar_5 .sh_bottom_part .sh_main_part { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; } #sh_top_bar_5 .sh_bottom_part .sh_main_part .sh_mail-box { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; } #sh_top_bar_5 .sh_bottom_part .sh_main_part .sh_mail-box span { font-size: 35px; color: #0075C2; } #sh_top_bar_5 .sh_bottom_part .sh_main_part .sh_text { padding-left: 35px; position: relative; } #sh_top_bar_5 .sh_bottom_part .sh_main_part .sh_text h5, #sh_top_bar_5 .sh_bottom_part .sh_main_part .sh_text .h5 { margin: 0; font-size: 18px; font-weight: 600; } #sh_top_bar_5 .sh_bottom_part .sh_main_part .sh_text p { margin: 0; font-size: 16px; color: #777; } #sh_top_bar_5 .sh_bottom_part .sh_main_part .sh_text:after { content: ''; position: absolute; left: 20px; top: 0px; height: 100%; width: 1px; background: #777; } #sh_top_bar_5 .sh_bottom_part .sh_box_btn a { padding: 10px 20px; letter-spacing: 1px; transition: all .4s; } #sh_top_bar_5 .sh_bottom_part .sh_main_part .sh_text p a { color: #777; transition: all .4s; font-size: 15px; } #sh_top_bar_5 .sh_bottom_part .sh_main_part .sh_text p a:hover { color: #0075C2; } #sh_top_bar_5 .sh_topbar_content .sh_left_content ul li a { transition: all .4s; } #sh_top_bar_5 .sh_topbar_content .sh_left_content ul li:last-child a:hover { color: #0075C2; } #sh_top_bar_5 .sh_bottom_part .sh_box_btn a:hover { background: #fff; color: #0075C2; } #sh_top_bar_5 .sh_topbar_content .sh_left_content ul li { position: relative; } #sh_top_bar_5 .sh_topbar_content .sh_left_content ul li:after { content: ''; position: absolute; top: 0; right: 10px; width: 1px; height: 100%; background: #fff; } #sh_top_bar_5 .sh_topbar_content .sh_left_content ul li:last-child:after { display: none; } #sh_top_bar_5 .sh_topbar_content .sh_right_content ul li:after { content: ''; position: absolute; right: -15px; width: 1px; height: 70%; background: #fff; top: 50%; transform: translateY(-50%); } #sh_top_bar_5 .sh_topbar_content .sh_right_content ul li:last-child:after { display: none; } @media (max-width: 991px) { #sh_top_bar_5 .sh_topbar_content .sh_right_content { margin-top: 0px; } } @media (max-width: 768px) { #sh_top_bar_5 { display: none; } } /*====================== TOP BAR 5 start =======================*/ /*################################################################################################### TOP BAR STYLE END /*###################################################################################################*/ /*################################################################################################### COPYRIGHT STYLE START /*###################################################################################################*/ /*====================== COPYRIGHT 1 STRAT =======================*/ #sh_copyright_1 { background: #111111; padding: 20px 0px 0px; } #sh_copyright_1 img { width: 145px; margin-left: 10px; } #sh_copyright_1 .font-arial.fs-12, .font-arial.fs-11 { letter-spacing: .03em; list-style: none; padding: 0 !important; text-align: right; } #sh_copyright_1 .inline { display: inline-block !important; } #sh_copyright_1 .text-white { color: #fff; } #sh_copyright_1 .p-r-10 { padding-right: 10px !important; padding-left: 10px; } #sh_copyright_1 .b-a, #sh_copyright_1 .b-r, #sh_copyright_1 .b-l, #sh_copyright_1 .b-t, #sh_copyright_1 .b-b { border-style: solid; border-width: 0; border-right-width: 1px; border-color: rgba(255, 255, 255, 0.3); } #sh_copyright_1 .inline a { font-size: 16px; text-decoration: none; color: #fff !important; } #sh_copyright_1 .small-text { margin: 0 !important; letter-spacing: .03em; color: #fff; font-size: 11px !important; line-height: 21px !important; } #sh_copyright_1 .hint-text { opacity: .7; } #sh_copyright_1 .muted { color: #fff; font-size: 16px !important; margin-top: 5px; } #sh_copyright_1 p.muted a { color: #fff !important; } #sh_copyright_1 ul { margin-left: 45%; text-align: center; } @media (max-width: 991px) { .text-right { text-align: left !important; } #sh_copyright_1 img { margin-left: 0px; } #sh_copyright_1 li a:first-child { padding-left: 0px; } } @media screen and (max-width: 768px) { #sh_copyright_1 .muted { color: #fff; font-size: 13px !important; margin-top: 5px; } } @media screen and (max-width: 576px) { #sh_copyright_1 .muted { color: #fff; font-size: 13px !important; margin-top: 5px; text-align: center; } #sh_copyright_1 ul { margin-left: 0 !important; } #sh_copyright_1 .font-arial.fs-12, .font-arial.fs-11 { text-align: center !important; } #sh_copyright_1 .inline a { font-size: 13px; } } /*====================== COPYRIGHT 1 END =======================*/ /*====================== COPYRIGHT 2 STRAT =======================*/ #sh_copyright_2 { background: transparent; padding: 20px 0px 0px; color: #000; } #sh_copyright_2 .sh_main { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: center; } #sh_copyright_2 .sh_main .sh_logo .navbar-brand .img-fluid { width: 150px !important; } #sh_copyright_2 .sh_line { width: 20%; margin: 0px 20px; } #sh_copyright_2 .sh_social ul { list-style-type: none; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } #sh_copyright_2 .sh_social ul li { margin: 0px 10px; font-size: 18px; } #sh_copyright_2 .sh_social ul li a { color: #181a99; transition: all 0.5s; } #sh_copyright_2 .sh_social ul li a:hover { color: #fe257d; } #sh_copyright_2 .muted { color: #858585; } @media screen and (max-width: 991px) { #sh_copyright_6 .muted { font-size: 13px; } } @media (max-width: 768px) { #sh_copyright_2 .muted { font-size: 11px; } #sh_copyright_2 .navbar-brand { margin-right: -7rem; } #sh_copyright_2 .sh_logo img { width: 40% !important; } #sh_copyright_2 .sh_line { width: 0; } #sh_copyright_2 .sh_social { margin-top: 10px; } #sh_copyright_2 .sh_social ul li { margin: 0px 15px; font-size: 18px; } } @media (max-width: 567px) { #sh_copyright_2 .sh_line { display: none; } #sh_copyright_2 .sh_inner_1 { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_copyright_2 .navbar-brand { margin-right: 2rem; } #sh_copyright_2 .muted { color: #858585; font-size: 14px; } #sh_copyright_2 { background: transparent; padding: 0px 0px 0px; color: #000; } #sh_copyright_2 .sh_main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_copyright_2 .sh_logo { text-align: center; } } @media (max-width: 420px) { #sh_copyright_2 .muted { font-size: 12px; } } /*====================== COPYRIGHT 2 END =======================*/ /*====================== COPYRIGHT 3 STRAT =======================*/ #sh_copyright_3 .copyright-section { background-color: #003557; position: relative; padding: 10px 0; } #sh_copyright_3 .copyright-section .copyright { color: #ddd; padding: 15px 20px; font-size: 16px; margin-bottom: 0px; letter-spacing: 1px; position: relative; z-index: 1; } #sh_copyright_3 .copyright-section .copyright a { color: #fff; font-weight: 600; } #sh_copyright_3 .copyright-section .copyright a:before { content: ''; background: currentColor; width: 30%; height: 2px; position: absolute; bottom: 0px; left: 0; opacity: 0; } #sh_copyright_3 .copyright-section { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } #sh_copyright_3 .copyright-section button { background: transparent; color: #fff; box-shadow: none; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; } #sh_copyright_3 .copyright-section .js_language_selector { z-index: 1; } #sh_copyright_3 .copyright-section .js_language_selector .dropdown-menu .js_change_lang, #sh_copyright_3 .copyright-section .js_language_selector .o_dropdown_menu .js_change_lang { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; padding: 10px; } /* 14-4-2021 */ .o_rtl #sh_copyright_3 .copyright-section .js_language_selector .dropdown-menu.show, .o_rtl #sh_copyright_3 .copyright-section .js_language_selector .show.o_dropdown_menu { right: auto !important; } .o_rtl #sh_copyright_3 .js_language_selector .dropdown-menu, .o_rtl #sh_copyright_3 .js_language_selector .o_dropdown_menu { width: 200%; } @media only screen and (max-width: 567px) { #sh_copyright_3 .copyright-section .copyright { color: #ddd; padding: 15px 10px; font-size: 12px; margin-bottom: 0px; letter-spacing: 1px; position: relative; z-index: 1; } } /*====================== COPYRIGHT 3 END =======================*/ /*====================== COPYRIGHT 4 STRAT =======================*/ #sh_copyright_4 .copyright-section { margin-top: 10px; background: #F6F6F6; } #sh_copyright_4 .copyright-section .copyright { color: #fff; padding: 15px 20px; font-size: 14px; margin-bottom: 0px; } #sh_copyright_4 .copyright-section .copyright a { color: #fff; font-weight: 600; } #sh_copyright_4 .copyright-section .copyright a:before { content: ''; background: currentColor; width: 30%; height: 2px; position: absolute; bottom: 0px; left: 0; opacity: 0; } #sh_copyright_4 .copyright-section { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } #sh_copyright_4 .copyright-section button { background: transparent; color: #fff; box-shadow: none; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; } .o_rtl #sh_copyright_4 .js_language_selector .dropdown-menu, .o_rtl #sh_copyright_4 .js_language_selector .o_dropdown_menu { width: 250%; } #sh_copyright_4 .copyright-section .js_language_selector .dropdown-menu .js_change_lang, #sh_copyright_4 .copyright-section .js_language_selector .o_dropdown_menu .js_change_lang { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; padding: 10px; } @media screen and (max-width: 768px) { #sh_copyright_4 .copyright-section .copyright a { color: #fff; font-weight: 600; font-size: 13px; } } /*====================== COPYRIGHT 4 END =======================*/ /*====================== COPYRIGHT 5 STRAT =======================*/ #sh_copyright_5 .copyright-section { background-color: #003557; position: relative; padding: 10px 0; } #sh_copyright_5 .copyright-section .copyright { color: #fff; padding: 15px 20px; font-size: 16px; margin-bottom: 0px; letter-spacing: 1px; font-weight: 600; position: relative; z-index: 1; } #sh_copyright_5 .copyright-section .copyright a { color: #fff; font-weight: 600; } #sh_copyright_5 .copyright-section .copyright a:before { content: ''; background: currentColor; width: 30%; height: 2px; position: absolute; bottom: 0px; left: 0; opacity: 0; } #sh_copyright_5 .copyright-section:after { content: ''; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; } #sh_copyright_5 .copyright-section { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } #sh_copyright_5 .copyright-section button { background: transparent; color: #fff; box-shadow: none; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; } #sh_copyright_5 .copyright-section .js_language_selector { z-index: 1; } #sh_copyright_5 .copyright-section .js_language_selector .dropdown-menu .js_change_lang, #sh_copyright_5 .copyright-section .js_language_selector .o_dropdown_menu .js_change_lang { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; padding: 10px; } @media only screen and (max-width: 567px) { #sh_copyright_5 .copyright-section .copyright { font-size: 12px; } } /*====================== COPYRIGHT 5 END =======================*/ /*====================== COPYRIGHT 6 STRAT =======================*/ #sh_copyright_6 { background: #f7f8fa; padding: 20px 0px 0px; border-top: 1px solid #e8e8e8; } #sh_copyright_6:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: url(/sh_corpomate_theme/static/src/images/theme_18/images/bg_shapes/shape-5.png); background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #sh_copyright_6 img { width: 145px; margin-left: 10px; } #sh_copyright_6 .font-arial.fs-12, .font-arial.fs-11 { letter-spacing: .03em; list-style: none; padding: 0 !important; text-align: right; } #sh_copyright_6 .inline { display: inline-block !important; } #sh_copyright_6 .text-white { color: #414141; } #sh_copyright_6 .p-r-10 { padding-right: 10px !important; padding-left: 10px; } #sh_copyright_6 .b-a, #sh_copyright_6 .b-r, #sh_copyright_6 .b-l, #sh_copyright_6 .b-t, #sh_copyright_6 .b-b { border-style: solid; border-width: 0; border-right-width: 1px; border-color: rgba(255, 255, 255, 0.3); } #sh_copyright_6 .inline a { font-size: 14px; text-decoration: none; color: #212121 !important; } #sh_copyright_6 .small-text { margin: 0 !important; letter-spacing: .03em; color: #414141; font-size: 11px !important; line-height: 21px !important; } #sh_copyright_6 .hint-text { opacity: .7; } #sh_copyright_6 .muted { color: #414141; font-size: 14px !important; margin-top: 5px; } @media (max-width: 991px) { .text-right { text-align: left !important; } #sh_copyright_6 img { margin-left: 0px; } #sh_copyright_6 li a:first-child { padding-left: 0px; } } @media screen and (max-width: 768px) { #sh_copyright_6 .muted { color: #414141; font-size: 13px !important; margin-top: 5px; } } @media screen and (max-width: 576px) { #sh_copyright_6 .muted { color: #414141; font-size: 13px !important; margin-top: 5px; text-align: center; } #sh_copyright_6 .font-arial.fs-12, .font-arial.fs-11 { text-align: center !important; } } /*====================== COPYRIGHT 6 END =======================*/ /*################################################################################################### COPYRIGHT STYLE END /*###################################################################################################*/ /*--------------- button -------------*/ .sh_btn_cm_1 { color: #fff; padding: 14px 40px; display: inline-block; text-align: center; font-weight: 600; transition: all 0.3s linear; font-size: 14px; position: relative; text-decoration: none; margin: 2px; border-radius: 50px; z-index: 50; } .sh_btn_cm_2 { font-size: 14px; font-weight: 600; line-height: 30px; letter-spacing: 1px; fill: #ffffff; color: #ffffff; border-radius: 0px 20px 0px 20px; padding: 10px 40px 10px 40px; display: inline-block; } .sh_btn_cm_3 { padding: 14px 30px 14px; font-size: 16px; font-weight: 600; border-radius: 0; } .sh_btn_cm_3:hover { background: rgba(0, 0, 0, 0.5); transition: all 0.4s; } .sh_btn_cm_4 { font-weight: 600; font-size: 14px; line-height: 1.5; white-space: nowrap; overflow: hidden; display: -webkit-inline-box; display: -webkit-inline-flex; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; justify-content: center; align-items: center; /* height: 48px; */ border-radius: 0px; padding: 0 45px; box-shadow: 13px 15px 15px 0px rgba(105, 105, 105, 0.08); transition: all .2s; } .sh_btn_cm_5 { color: #ffffff; border: 0px; background: linear-gradient(90deg, #0075C2, #0075C2 10%, #0075C2 15%, #003557); position: relative; line-height: 24px; overflow: hidden; text-decoration: none; font-weight: 600; font-size: 15px; letter-spacing: .6px; text-align: center; padding: 14px 30px !important; border-radius: 9px 27px 9px 27px; display: inline-block; transition: all .5s; opacity: 0.8; } .sh_btn_cm_5:hover { opacity: 1; } .sh_btn_cm_6 { padding: 10px 25px; color: #fff; font-size: 15px; border-radius: 7px; background: linear-gradient(to right, #003557 40%, #0075C2); margin-top: 10px; } .sh_btn_cm_6:hover { background: linear-gradient(to right, #0075C2 40%, #003557); color: #fff; padding: 10px 50px; border-radius: 5px; border: none; font-size: 15px; border-radius: 7px; } .sh_btn_cm_7 { background: #0075C2; color: #fff; padding: 6px 50px; border-radius: 30px; border: none; font-size: 14px; border: 2px solid #0075C2; } .sh_btn_cm_7.btn:hover { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.23); border: 2px solid #0075C2; background: #fff; color: #0075C2; font-weight: bold; } .sh_btn_cm_8 { border-radius: 5px; font-weight: 600; letter-spacing: 1px; padding: 10px 25px; } /* 25-12-2020 */ .o_connected_user header.o_header_affixed { display: block; top: 46px; left: 0; bottom: auto; right: 0 !important; position: fixed; transition: margin-top 500ms ease 0s; } /* === 28-12-2020 === */ .o_connected_user header.o_header_affixed { transition: all 0.5s; } .carousel .carousel-indicators { z-index: 1; } .sh_bottom_nav .dropdown-menu:not(.show), .sh_bottom_nav .o_dropdown_menu:not(.show) { opacity: 0; } .sh_bottom_nav .dropdown-menu.show, .sh_bottom_nav .show.o_dropdown_menu { opacity: 1; } /* v15 7-10-2021 */ @media only screen and (max-width: 767.98px) { .js_blog.website_blog .navbar.navbar-expand-sm.navbar-light > .container, .js_blog.website_blog .navbar.navbar-expand-sm.navbar-light > .o_container_small { display: block; } } /* stop double scrollbar */ :not(:root):fullscreen::backdrop { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; background: #fff; } .s_website_form_rows .text-danger.ml8 { position: relative !important; top: 15px !important; left: 10px !important; } .s_website_form_rows .fa.fa-close.mr4 { top: 0px !important; left: -17px !important; color: #dd3e50 !important; } .input-group .btn.js_subscribed_btn { line-height: 35px !important; background-color: #0075C2; border: transparent; } .navbar-light .navbar-nav .nav-link:hover span:after { width: 100%; opacity: 0 !important; display: none !important; } #wrapwrap .o_shop_discussion_rating { display: none; } #wrapwrap:not(.login_signup_reset_password_page):not(.o_portal) .o_header_standard.o_top_fixed_element .sh_softhealer_website_navbar_brand_website_logo_scrolled { display: none; } #wrapwrap:not(.login_signup_reset_password_page):not(.o_portal) .o_header_standard.o_top_fixed_element .sh_softhealer_website_navbar_brand_website_logo { display: block; } #wrapwrap:not(.login_signup_reset_password_page):not(.o_portal) .o_header_standard.o_header_affixed.o_header_is_scrolled.o_top_fixed_element .sh_softhealer_website_navbar_brand_website_logo { display: none; } #wrapwrap:not(.login_signup_reset_password_page):not(.o_portal) .o_header_standard.o_header_affixed.o_header_is_scrolled.o_top_fixed_element .sh_softhealer_website_navbar_brand_website_logo_scrolled { display: block !important; } /* /sh_corpomate_theme/static/src/scss/blog.scss */ #wrap.js_blog website_blog .navbar-light { box-shadow: none !important; } #o_wblog_posts_loop article { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; } #o_wblog_posts_loop article > div { padding: 0 10px; } #o_wblog_posts_loop article div a.o_blog_post_title { font-weight: 600; } .website_blog #o_wblog_posts_loop .o_wblog_normalize_font { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .website_blog .o_wblog_read_text ol li { font-size: 14px; } #wrap.js_blog website_blog { background: red; } #o_wblog_index_content article .o_wblog_post_short_tag_section .badge { padding: 0.5em 0.5em; } /* /sh_corpomate_theme/static/src/scss/event.scss */ .bg-200, .o_wevent_index .o_wevent_events_list.opt_event_list_cards_bg { background: #fff !important; } .o_wevent_index .o_wevent_events_list .opt_events_list_columns header { border-radius: 0 !important; } .o_wevent_index .o_wevent_sidebar_title { border: 0px !important; position: relative; color: #0075C2; font-size: 18px; } .o_wevent_index .o_wevent_sidebar_title:before { content: ''; position: absolute; bottom: 0; background: #0075C2; left: 0; width: 30px; height: 2px; } .o_wevent_sidebar_block .country_events_list ul.list-group li.list-group-item { border-left: 0; border-right: 0; border-radius: 0 !important; } #o_wevent_index_sidebar .o_wevent_sidebar_block.card .card-body { background: rgba(0, 0, 0, 0.03) !important; } #o_wblog_post_content .o_wblog_post_content_field p { font-size: 14px; } #o_wblog_post_content .o_wblog_post_content_field p.lead { font-size: 22px; } #o_wevent_event_main_col .oe_structure h5, #o_wevent_event_main_col .oe_structure .h5 { color: #0075C2; font-size: 22px; position: relative; padding-bottom: 10px; margin-bottom: 10px !important; } #o_wevent_event_main_col .oe_structure > p.lead { font-size: 14px; } #o_wevent_event_main_col .oe_structure > div.border-left { border-left-color: #0075C2 !important; } #o_wevent_event_main_col .oe_structure h5:before, #o_wevent_event_main_col .oe_structure .h5:before { content: ''; position: absolute; bottom: 0; background: #0075C2; left: 0; width: 30px; height: 2px; } .o_wevent_sidebar_block h6, .o_wevent_sidebar_block .h6 { color: #5967ef; font-size: 16px; position: relative; padding-bottom: 10px; margin-bottom: 10px !important; opacity: 1 !important; font-weight: 600; } .o_wevent_sidebar_block h6:before, .o_wevent_sidebar_block .h6:before { content: ''; position: absolute; bottom: 0; background: #0075C2; left: 0; width: 30px; height: 2px; } .o_wevent_events_list article { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important; border-radius: 0 !important; } #o_wevent_index_sidebar .o_wevent_sidebar_block .badge { border-radius: 0; padding: 0.7rem 1rem; } #o_wevent_index_sidebar .o_wevent_sidebar_block { margin: 0 0 1rem 0; } #o_wevent_index_sidebar .o_wevent_sidebar_block.card .card-body p em { font-style: normal; } /* /sh_corpomate_theme/static/src/scss/job.scss */ #jobs_grid ul.list-unstyled li.media { display: inline-block; width: 33%; padding: 10px; vertical-align: top; margin-top: 1rem; } #jobs_grid ul.list-unstyled li.media .media-body { padding: 20px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; min-height: 240px; } #jobs_grid ul.list-unstyled li.media .media-body h3 a span, #jobs_grid ul.list-unstyled li.media .media-body .h3 a span { font-size: 18px; display: block; font-weight: 600; padding-bottom: 20px; } #jobs_grid ul.list-unstyled li.media .media-body address { padding-bottom: 10px; } #wrap.js_hr_recruitment section h1, #wrap.js_hr_recruitment section .h1 { font-size: 20px; font-weight: 600; padding: 15px 0; } #wrap.js_hr_recruitment section div.float-right a { border-radius: 25px; font-size: 14px; } #wrap.js_hr_recruitment section h4 address div span, #wrap.js_hr_recruitment section .h4 address div span { font-size: 14px; font-weight: 600; } #wrap.js_hr_recruitment div section p.lead { font-size: 16px; } #wrap.js_hr_recruitment section.o_tasks h5.fw_semibold, #wrap.js_hr_recruitment section.o_tasks .fw_semibold.h5 { font-size: 18px; font-weight: 600; text-transform: capitalize !important; color: #0075C2; padding-bottom: 10px; position: relative; } #wrap.js_hr_recruitment section.o_tasks h5.fw_semibold:before, #wrap.js_hr_recruitment section.o_tasks .fw_semibold.h5:before { content: ''; position: absolute; bottom: 0; background: #0075C2; left: 0; width: 30px; height: 2px; } #wrap.js_hr_recruitment section h3.display-4, #wrap.js_hr_recruitment section .display-4.h3 { font-size: 20px; font-weight: 600; margin-bottom: 15px; } #wrap.js_hr_recruitment section h3.text-violet-dark, #wrap.js_hr_recruitment section .text-violet-dark.h3 { font-size: 20px; font-weight: 600; margin-bottom: 15px; } #wrap.js_hr_recruitment section.o_job_bottom_bar a { border-radius: 25px; } #wrap.js_hr_recruitment section h3.fw_light, #wrap.js_hr_recruitment section .fw_light.h3 { font-size: 18px; font-weight: 600; text-transform: capitalize !important; color: #5967ef; padding-bottom: 10px; position: relative; } #wrap.js_hr_recruitment section h3.fw_light:before, #wrap.js_hr_recruitment section .fw_light.h3:before { content: ''; position: absolute; bottom: 0; background: #0075C2; left: 0; width: 30px; height: 2px; } #wrap.js_hr_recruitment section .col-md-4 ul { padding: 0; padding-left: 15px; color: #0075C2; } #wrap.js_hr_recruitment section.o_perk span { padding-bottom: 10px; } #wrap.js_hr_recruitment section.o_perk h4, #wrap.js_hr_recruitment section.o_perk .h4 { font-size: 18px; font-weight: 600; text-transform: capitalize !important; color: #5967ef; padding-bottom: 10px; position: relative; } #wrap.js_hr_recruitment section.o_perk p { color: #777; } #hr_recruitment_form .form-group a.o_website_form_send { border-radius: 25px; } #hr_recruitment_form .form-group .offset-lg-3 { text-align: center; } /* /sh_corpomate_theme/static/src/scss/help.scss */ section.o_wforum_forum_card_bg { background: url(https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80) !important; background-size: cover; width: 100%; height: 100%; position: relative; padding: 70px 0 !important; } section.o_wforum_forum_card_bg:before { content: ''; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 1; width: 100%; height: 100%; } section.o_wforum_forum_card_bg .row.s_nb_column_fixed { z-index: 1; position: relative; } .o_wprofile_email_validation_container .col .media { background: #f5f5f5; padding: 20px; border: 1px solid #ccc; } .website_forum .o_wforum_nav .nav-link.active { background: #0075C2 !important; color: #fff !important; border-radius: 0 !important; } .o_wprofile_email_validation_container aside a.nav-link.rounded-pill i { color: #0075C2; opacity: 1 !important; } /* /sh_corpomate_theme/static/src/scss/animate.css */ /*! * animate.css -http://daneden.me/animate * Version - 3.7.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; animation-duration: 1s; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; animation-duration: 1s; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; animation-duration: 1s; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; animation-duration: 1s; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; animation-duration: 1s; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; animation-duration: 1s; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; animation-duration: 1s; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; animation-duration: 1s; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; animation-duration: 1s; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; animation-duration: 1s; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 10); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 10); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; animation-duration: 1s; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; animation-duration: 1s; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; animation-duration: 1s; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; animation-duration: 1s; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; animation-duration: 1s; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; animation-duration: 1s; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; animation-duration: 1s; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; animation-duration: 1s; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; animation-duration: 1s; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; animation-duration: 1s; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; animation-duration: 1s; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; animation-duration: 1s; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; animation-duration: 1s; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; animation-duration: 1s; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation-duration: 1s; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; animation-duration: 1s; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; animation-duration: 1s; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; animation-duration: 1s; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; animation-duration: 1s; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; animation-duration: 1s; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; animation-duration: 1s; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; animation-duration: 1s; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; animation-duration: 1s; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; animation-duration: 1s; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; animation-duration: 1s; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; animation-duration: 1s; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; animation-duration: 1s; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; animation-duration: 1s; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; animation-duration: 1s; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; animation-duration: 1s; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; animation-duration: 1s; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; animation-duration: 1s; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; animation-duration: 1s; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; animation-duration: 1s; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; animation-duration: 1s; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; animation-duration: 1s; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; animation-duration: 1s; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; animation-duration: 1s; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; animation-duration: 1s; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; animation-duration: 1s; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; animation-duration: 1s; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; animation-duration: 1s; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; animation-duration: 1s; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; animation-duration: 1s; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; animation-duration: 1s; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; animation-duration: 1s; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; animation-duration: 1s; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; animation-duration: 1s; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; animation-duration: 1s; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; animation-duration: 1s; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; animation-duration: 1s; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; animation-duration: 1s; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; animation-duration: 1s; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; animation-duration: 1s; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; animation-duration: 1s; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; animation-duration: 1s; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; animation-duration: 1s; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; animation-duration: 1s; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; animation-duration: 1s; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; animation-duration: 1s; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (prefers-reduced-motion) { .animated { -webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important; } } /* /sh_corpomate_theme/static/src/scss/bottom_nav_bar.scss */ * { box-sizing: border-box; } .sh_corpomate_main_navbar_section_style_2 { position: fixed; bottom: auto; background: #fff; width: 100%; opacity: 0; padding: 10px 0px 0px 0px; z-index: 1122; border-radius: 10px; box-sizing: border-box; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; box-shadow: 0px -3px 10px #d7d7d7; } @media screen and (max-width: 992px) { ::-webkit-scrollbar { width: 0px; background-color: transparent; height: 0px; } } @media screen and (max-width: 768px) { .sh_corpomate_main_navbar_section_style_2 .dropdown-menu, .o_dropdown_menu { padding: 0px; } .sh_corpomate_main_navbar_section_style_2 { position: fixed; bottom: 0 !important; background: #fff; width: 100%; padding: 10px 0px 0px 0px; z-index: 1122; opacity: 1; border-radius: 10px; box-sizing: border-box; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; box-shadow: 0px -3px 10px #d7d7d7; display: -webkit-box; display: -webkit-flex; display: flex; } .sh_corpomate_main_navbar_section_style_2 .sh_bottom_nav { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; overflow: unset; width: 100%; } .sh_corpomate_main_navbar_section_style_2 .sh_bottom_nav span { font-size: 20px; height: 50px; color: #c3c9d3; width: auto; text-align: center; line-height: 0px; border-radius: 4px; margin: 0px 10px 0px 7px; } .sh_corpomate_main_navbar_section_style_2 .sh_bottom_nav .menu-text { font-size: 12px; height: 50px; color: #c3c9d3; width: 50px; text-align: center; line-height: 30px; border-radius: 4px; text-transform: capitalize; white-space: pre; } .sh_corpomate_main_navbar_section_style_2 .no_text span { padding-top: 10px; } .sh_corpomate_main_navbar_section_style_2 .js_language_selector .sh_corpomate_flag_design { border: 2px solid #0075C2; border-radius: 50px; padding: 2px; } .o_rtl .sh_corpomate_main_navbar_section_style_2 .sh_bottom_nav .nav-menu .navbar_lang_cl + .menu-text { position: relative; left: 20px; right: auto; } .sh_corpomate_main_navbar_section_style_2 .sh_bottom_nav span:hover { color: #0075C2; } .sh_corpomate_main_navbar_section_style_2 .sh_bottom_nav .nav-menu:hover span { color: #0075C2; } .sh_corpomate_main_navbar_section_style_2 .sh_bottom_nav .navbar_custom_cl.active span { color: #0075C2; } .sh_corpomate_main_navbar_section_style_2 .navbar_lang_cl span { padding-left: 0px; color: #000 !important; font-size: 14px; } .sh_corpomate_main_navbar_section_style_2 .js_language_selector .btn-sm, .sh_corpomate_main_navbar_section_style_2 .js_language_selector .btn-group-sm > .btn, .btn-group-sm > .btn { padding: 0.0625rem 13px; font-size: 0.75rem; line-height: 1.2; border-radius: 0.2rem; margin-bottom: -20px; } .o_rtl .sh_corpomate_main_navbar_section_style_2 .js_language_selector .btn-sm, .o_rtl .sh_corpomate_main_navbar_section_style_2 .js_language_selector .btn-group-sm > .btn, .btn-group-sm > .btn { font-size: 0.75rem; line-height: 1.2; border-radius: 0.2rem; position: relative; right: -5px; height: 4px; width: 0px; display: grid; right: 10px; left: auto; margin-bottom: 17px; } .sh_corpomate_main_navbar_section_style_2 .js_language_selector .btn span { padding: 0px; display: none; } .sh_corpomate_main_navbar_section_style_2 .js_language_selector .show { top: auto !important; bottom: 75px; } .sh_corpomate_main_navbar_section_style_3 .js_language_selector .o_lang_flag { width: 20px; height: 20px; margin-left: 0.2em; border-radius: 50rem; /* position: absolute; */ margin: 0px auto; /* text-align: center; */ /* margin: 0px auto; */ display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; vertical-align: middle; } .sh_corpomate_main_navbar_section_style_2 .js_language_selector .sh_corpomate_flag_design .o_lang_flag { width: 1.2em; height: 1.2em; margin-right: 0px !important; border-radius: 50rem; } .o_rtl .sh_corpomate_main_navbar_section_style_2 .js_language_selector .dropdown-menu, .o_rtl .sh_corpomate_main_navbar_section_style_2 .js_language_selector .o_dropdown_menu { position: absolute; transform: translate3d(0px, -120px, 0px); top: 0px; left: 0px; will-change: transform; } .o_rtl .sh_corpomate_main_navbar_section_style_2 .js_language_selector .show { width: auto !important; left: 60%; } .o_rtl .sh_corpomate_main_navbar_section_style_2 .js_language_selector .show { top: auto !important; bottom: 75px; } .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.o_wysiwyg_loader):not(.disabled):active, .btn-outline-secondary.active:not(:disabled):not(.o_wysiwyg_loader):not(.o_wysiwyg_loader):not(.disabled), .show > .btn-outline-secondary.dropdown-toggle { /* color: #FFFFFF; */ background-color: transparent; border-color: transparent; } .sh_corpomate_main_navbar_section_style_2 .js_language_selector .btn-outline-secondary:hover { color: #FFFFFF; background-color: transparent; border-color: none !important; } .sh_corpomate_main_navbar_section_style_2 .js_language_selector .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: none; } .sh_corpomate_main_navbar_section_style_2 .js_language_selector .btn:focus, .btn.focus { outline: 0; box-shadow: none; } .sh_corpomate_main_navbar_section_style_2 .js_language_selector .btn-outline-secondary.dropdown-toggle:focus { box-shadow: none !important; } .sh_corpomate_main_navbar_section_style_2 .js_language_selector .btn-outline-secondary.dropdown-toggle:focus { border-color: transparent; box-shadow: none; } .sh_corpomate_main_navbar_section_style_2 .js_language_selector .dropdown-menu .js_change_lang, .sh_corpomate_main_navbar_section_style_2 .js_language_selector .o_dropdown_menu .js_change_lang { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding: 10px; } .sh_corpomate_main_navbar_section_style_2 .js_language_selector .dropdown-menu .js_change_lang span, .sh_corpomate_main_navbar_section_style_2 .js_language_selector .o_dropdown_menu .js_change_lang span { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; height: auto; width: auto; font-size: 13px; } .sh_corpomate_main_navbar_section_style_2 .js_language_selector .dropdown-menu .dropdown-item .o_lang_flag, .sh_corpomate_main_navbar_section_style_2 .js_language_selector .o_dropdown_menu .dropdown-item .o_lang_flag { width: 1.2em; height: 1.2em; margin-right: 0.2em; border-radius: 50rem; border: 2px solid #647187; } .sh_corpomate_main_navbar_section_style_2 .js_language_selector .dropdown-menu .dropdown-item, .sh_corpomate_main_navbar_section_style_2 .js_language_selector .o_dropdown_menu .dropdown-item { padding: 10px 5px !important; } .sh_corpomate_main_navbar_section_style_2 .js_language_selector .dropdown-menu a.active, .sh_corpomate_main_navbar_section_style_2 .js_language_selector .o_dropdown_menu a.active { border-left: 5px solid black; background: #edf2fc; } .sh_corpomate_main_navbar_section_style_2 .js_language_selector .dropdown-menu .dropdown-menu.show, .sh_corpomate_main_navbar_section_style_2 .js_language_selector .o_dropdown_menu .dropdown-menu.show, .sh_corpomate_main_navbar_section_style_2 .js_language_selector .dropdown-menu .show.o_dropdown_menu, .sh_corpomate_main_navbar_section_style_2 .js_language_selector .o_dropdown_menu .show.o_dropdown_menu { z-index: 3000; } .sh_corpomate_main_navbar_section_style_2 .navbar_lang_cl .dropdown-toggle::after { height: 0; width: 0; opacity: 0; } .sh_corpomate_main_navbar_section_style_2 .sh_bottom_nav .nav-menu a { display: table-caption; } .sh_corpomate_main_navbar_section_style_2 span.navbar_lang_cl { margin: 0px !important; } .o_rtl .sh_corpomate_main_navbar_section_style_2 span.navbar_lang_cl { margin: -40px !important; } } @media screen and (max-width: 360px) { .sh_corpomate_main_navbar_section_style_2 .sh_bottom_nav span { font-size: 20px; height: 50px; color: #c3c9d3; width: auto; text-align: center; line-height: 0px; border-radius: 4px; transition: 1s; margin: 0px 10px 0px 8px; } } .sh_corpomate_main_navbar_section_style_2 .sh_corpomate_max_line { justify-content: space-around; } .sh_corpomate_main_navbar_section_style_3 { position: fixed; opacity: 0; bottom: 0; background: #fff; width: 100%; left: 0; padding: 10px 0px; z-index: 1; box-sizing: border-box; /* text-align: center; */ display: -webkit-box; display: -webkit-flex; display: flex; box-shadow: 0px -3px 5px #d7d7d7, 0px 5px 5px #d7d7d7; } @media screen and (max-width: 992px) { ::-webkit-scrollbar { width: 0px; background-color: transparent; height: 0px; } } @media screen and (max-width: 768px) { .sh_corpomate_main_navbar_section_style_3 { position: fixed; opacity: 1; bottom: 0; background: #fff; width: 100%; left: 0; padding: 10px 0px; z-index: 1; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; /* text-align: center; */ box-shadow: 0px -3px 5px #d7d7d7, 0px 5px 5px #d7d7d7; } .sh_corpomate_main_navbar_section_style_3 .sh_bottom_nav { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; overflow: scroll; width: 100%; } .sh_corpomate_main_navbar_section_style_3 .sh_bottom_nav span { font-size: 20px; height: 50px; color: #c3c9d3; width: 50px; text-align: center; line-height: 50px; border-radius: 4px; transition: 2s; margin: 0px 10px 0px 13.5px; } .sh_corpomate_main_navbar_section_style_3 .sh_bottom_nav span:hover { color: #0075C2; border-radius: 50px; } .sh_corpomate_main_navbar_section_style_3 .sh_bottom_nav .navbar_custom_cl.active i { color: #0075C2 !important; height: 50px; width: 50px; border-radius: 50px; line-height: 50px; } .sh_corpomate_main_navbar_section_style_3 .navbar_lang_cl { margin: 0px !important; } .sh_corpomate_main_navbar_section_style_3 .navbar_lang_cl span { padding-left: 0px; color: #000; font-size: 14px; margin: 0px; } .sh_corpomate_main_navbar_section_style_3 .js_language_selector .btn span { padding: 0px; display: none; } .sh_corpomate_main_navbar_section_style_3 .js_language_selector .btn-sm, .sh_corpomate_main_navbar_section_style_3 .js_language_selector .btn-group-sm > .btn, .btn-group-sm > .btn { padding: 0.0625rem 16px; font-size: 0.75rem; line-height: 1.5; border-radius: 0.2rem; position: relative; top: 5px; left: -7px; } .o_rtl .sh_corpomate_main_navbar_section_style_3 .js_language_selector.dropdown-menu.show, .o_rtl .sh_corpomate_main_navbar_section_style_3 .js_language_selector.show.o_dropdown_menu { width: 52% !important; top: auto !important; bottom: 86px; } .sh_corpomate_main_navbar_section_style_3 .js_language_selector .o_lang_flag { width: 1.5em; height: 1.5em; margin-right: 0px; border-radius: 50rem; margin: 0px auto; } .o_rtl .sh_corpomate_main_navbar_section_style_3 .js_language_selector .dropdown-menu, .o_rtl .sh_corpomate_main_navbar_section_style_3 .js_language_selector .o_dropdown_menu { position: absolute; transform: translate3d(0px, -120px, 0px); top: 0px; left: 60%; will-change: transform; width: 50%; height: auto; } .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.o_wysiwyg_loader):not(.disabled):active, .btn-outline-secondary.active:not(:disabled):not(.o_wysiwyg_loader):not(.o_wysiwyg_loader):not(.disabled), .show > .btn-outline-secondary.dropdown-toggle { /* color: #FFFFFF; */ background-color: transparent; border-color: transparent; } .sh_corpomate_main_navbar_section_style_3 .js_language_selector .dropdown-menu .js_change_lang, .sh_corpomate_main_navbar_section_style_3 .js_language_selector .o_dropdown_menu .js_change_lang { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding: 10px; } .sh_corpomate_main_navbar_section_style_3 .dropdown-menu, .o_dropdown_menu { padding: 0px; } .sh_corpomate_main_navbar_section_style_3 .js_language_selector .dropdown-menu .js_change_lang span, .sh_corpomate_main_navbar_section_style_3 .js_language_selector .o_dropdown_menu .js_change_lang span { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; height: auto; width: auto; padding: 0px 10px; font-size: 12px; word-break: unset; } .sh_corpomate_main_navbar_section_style_3 .js_language_selector .dropdown-menu .dropdown-item .o_lang_flag, .sh_corpomate_main_navbar_section_style_3 .js_language_selector .o_dropdown_menu .dropdown-item .o_lang_flag { width: 1.5em; height: 1.5em; margin-right: 0px; border-radius: 50rem; border: 2px solid #647187; } .sh_corpomate_main_navbar_section_style_3 .js_language_selector .dropdown-menu a.active, .sh_corpomate_main_navbar_section_style_3 .js_language_selector .o_dropdown_menu a.active { border-left: 5px solid black; background: #edf2fc; } .o_rtl .sh_corpomate_main_navbar_section_style_3 .js_language_selector .btn-sm, .o_rtl .sh_corpomate_main_navbar_section_style_3 .js_language_selector .btn-group-sm > .btn, .btn-group-sm > .btn { padding: 0.0625rem 16px; font-size: 0.75rem; line-height: 1.5; border-radius: 0.2rem; position: relative; top: 5px; right: -7px; } .sh_corpomate_main_navbar_section_style_3 .js_language_selector .sh_corpomate_flag_design { border: 2px solid #0075C2; border-radius: 50px; padding: 2px; } .sh_corpomate_main_navbar_section_style_3 .js_language_selector .btn-outline-secondary:hover { color: transparent; background-color: transparent !important; border-color: none !important; } .sh_corpomate_main_navbar_section_style_3 .js_language_selector .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: none; } .sh_corpomate_main_navbar_section_style_3 .js_language_selector .btn:focus, .btn.focus { outline: 0; box-shadow: none; } .sh_corpomate_main_navbar_section_style_3 .js_language_selector .btn-outline-secondary.dropdown-toggle:focus { box-shadow: none !important; } .sh_corpomate_main_navbar_section_style_3 .js_language_selector .btn-outline-secondary.dropdown-toggle:focus { color: #FFFFFF; background-color: #fff; border-color: transparent; box-shadow: none; } .sh_corpomate_main_navbar_section_style_3 .js_language_selector .dropdown-menu .dropdown-item, .sh_corpomate_main_navbar_section_style_3 .js_language_selector .o_dropdown_menu .dropdown-item { padding: 10px 10px !important; } .sh.sh_corpomate_main_navbar_section_style_2 .js_language_selector .sh_corpomate_flag_design { border: 2px solid #0075C2; border-radius: 50px; padding: 2px; } .sh_corpomate_main_navbar_section_style_3 .js_language_selector .dropdown-menu .dropdown-menu.show, .sh_corpomate_main_navbar_section_style_3 .js_language_selector .o_dropdown_menu .dropdown-menu.show, .sh_corpomate_main_navbar_section_style_3 .js_language_selector .dropdown-menu .show.o_dropdown_menu, .sh_corpomate_main_navbar_section_style_3 .js_language_selector .o_dropdown_menu .show.o_dropdown_menu { z-index: 3000; } .sh_corpomate_main_navbar_section_style_3 .navbar_lang_cl .dropdown-toggle::after { height: 0; width: 0; opacity: 0; } } @media screen and (max-width: 360px) { .sh_corpomate_main_navbar_section_style_3 .sh_bottom_nav span { font-size: 20px; height: 50px; color: #c3c9d3; width: 50px; text-align: center; line-height: 50px; border-radius: 4px; transition: 2s; margin: 0px 10px 0px 15.5px; } } .sh_corpomate_main_navbar_section_style_3 .sh_corpomate_max_line { justify-content: space-around; } /* /sh_corpomate_theme/static/src/scss/theme/theme_1/theme_1_s.scss */ ::selection { background-color: #0075C2; color: #fff; } /*----------------------------------------------------home page start----------------------------------------------------*/ /*------------------------ snnipet 1 start ------------------------*/ #sh_corpomate_theme_accounting_1 { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: center; padding: 100px 0px; position: relative; background-size: cover !important; background-position: top !important; height: 900px; position: relative; background-repeat: no-repeat; } #sh_corpomate_theme_accounting_1::before { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.5); content: ''; } #sh_corpomate_theme_accounting_1 h2, #sh_corpomate_theme_accounting_1 .h2 { color: #fff; font-size: 52px; width: 100%; font-weight: 600; text-align: center; } #sh_corpomate_theme_accounting_1 h2 span, #sh_corpomate_theme_accounting_1 .h2 span { color: #0075C2; } #sh_corpomate_theme_accounting_1 p { font-size: 18px; width: 100%; color: #fff; margin-top: 20px; text-align: center; padding: 0px 250px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_accounting_1 .sh_banner_btn { margin-top: 20px; font-size: 18px; } #sh_corpomate_theme_accounting_1 .sh_banner_btn .sh_btn { color: #0075C2; z-index: 1; overflow: hidden; transition: 0.5s; position: relative; border: 1px solid #0075C2; padding: 10px 20px; font-weight: 600; border-radius: 0; text-decoration: none; } #sh_corpomate_theme_accounting_1 .sh_banner_btn .sh_btn::before { z-index: -1; background: #0075C2; content: ''; height: 100%; transition: 0.5s; width: 5%; top: 0; left: 0; position: absolute; } #sh_corpomate_theme_accounting_1 .sh_banner_btn .sh_btn:hover { color: #fff; } #sh_corpomate_theme_accounting_1 .sh_banner_btn .sh_btn:hover:before { width: 100%; } #sh_corpomate_theme_accounting_1 .sh_btn_group { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } #sh_corpomate_theme_accounting_1 .video_btn { position: relative; z-index: 1; margin: 0px 10px 0px 30px; height: 50px; width: 50px; border-radius: 50px; background: #fff; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; margin-top: 20px; } #sh_corpomate_theme_accounting_1 .video_btn::after { height: 120%; width: 120%; top: -10%; left: -10%; animation: sh_play_button_animation infinite 3s; background: #fff; animation-delay: 0.5s; z-index: -1; opacity: 0; content: ''; position: absolute; border-radius: 100%; } #sh_corpomate_theme_accounting_1 .video_btn::before { height: 140%; animation-delay: 1s; width: 140%; top: -20%; left: -20%; animation: sh_play_button_animation infinite 3s; animation-delay: 1s; background: #fff; z-index: -1; opacity: 0; content: ''; position: absolute; border-radius: 100%; } #sh_corpomate_theme_accounting_1 .video_btn a { color: #003557; } @keyframes sh_play_button_animation { 0% { opacity: 0; } 50% { opacity: 0.4; } 100% { opacity: 0; } } #sh_corpomate_theme_accounting_1 .sh_banner_text a { font-size: 18px; transition: 0.5s; text-decoration: none; color: #fff; } #sh_corpomate_theme_accounting_1 .sh_banner_text { margin-top: 20px; } #sh_corpomate_theme_accounting_1 .sh_banner_text a:hover { color: #0075C2; } @media screen and (min-width: 992px) and (max-width: 1199px) { #sh_corpomate_theme_accounting_1 { height: 700px; } } @media screen and (min-width: 821px) and (max-width: 992px) { #sh_corpomate_theme_accounting_1 h2, #sh_corpomate_theme_accounting_1 .h2 { font-size: 50px; } #sh_corpomate_theme_accounting_1 p { padding: 0px 50px; } #sh_corpomate_theme_accounting_1 { height: 700px; } #sh_corpomate_theme_accounting_1 p { font-size: 15px; } } @media (max-width: 820px) { #sh_corpomate_theme_accounting_1 { padding: 50px 0px; height: 700px; } #sh_corpomate_theme_accounting_1 h2, #sh_corpomate_theme_accounting_1 .h2 { font-size: 50px; } #sh_corpomate_theme_accounting_1 p { padding: 0px 100px; } #sh_corpomate_theme_accounting_1 p { font-size: 15px; } } @media (max-width: 567px) { #sh_corpomate_theme_accounting_1 h2, #sh_corpomate_theme_accounting_1 .h2 { font-size: 25px; } #sh_corpomate_theme_accounting_1 p { padding: 0px 0px; } #sh_corpomate_theme_accounting_1 p { font-size: 14px; } #sh_corpomate_theme_accounting_1 .video_btn { margin: 0px 10px 0px 15px; margin-top: 20px; } } @media screen and (max-width: 380px) { #sh_corpomate_theme_accounting_1 .sh_btn_group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } } /*------------------------ snnipet 1 end ------------------------*/ /*------------------------ snnipet 2 start ------------------------*/ #sh_corpomate_theme_accounting_2 { position: relative; z-index: 1; padding: 50px 0px; height: 650px; background-position: center !important; background-size: cover !important; background-repeat: no-repeat; background-attachment: fixed !important; } #sh_corpomate_theme_accounting_2:after { content: ''; z-index: -1; top: 0; left: 0; height: 100%; width: 100%; position: absolute; background: rgba(234, 236, 244, 0.7); } #sh_corpomate_theme_accounting_2 .main-row { margin-top: 50px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box { padding: 100px 50px 100px 50px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); background: #003557; border-radius: 0px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: inherit; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; margin-top: 0px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_title { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; align-items: center; justify-content: space-around; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_title .sh_icon svg { height: 50px; width: 50px; fill: #fff !important; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_title .sh_text { color: #fff; font-size: 30px; font-weight: 600; width: 40%; text-align: left; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_title .sh_img img { height: 150px; width: 150px; border-radius: 100%; object-fit: cover; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_sub_title h2, #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_sub_title .h2 { margin: 40px 0px; color: #fff; font-weight: 600; font-size: 30px; padding: 0px 22px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_divider { width: 20%; border-bottom: 3px solid #fff; margin: 0px 22px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_content { color: #fff; line-height: 30px; font-size: 18px; margin-top: 30px; padding: 0px 22px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_about_btn { font-size: 18px; margin: 0px 22px; margin-top: 40px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_btn { color: #fff; z-index: 1; overflow: hidden; transition: 0.5s; position: relative; border: 1px solid #fff; padding: 10px 20px; font-weight: 600; border-radius: 0; text-decoration: none; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_btn::before { z-index: -1; background: #fff; content: ''; height: 100%; transition: 0.5s; width: 5%; top: 0; left: 0; position: absolute; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_btn:hover { color: #003557; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_btn:hover:before { width: 100%; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 { padding: 100px 50px 100px 50px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); background: #0075C2; margin-top: -200px; border-radius: 0px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: inherit; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_title { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; align-items: center; justify-content: space-around; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_title .sh_icon svg { height: 50px; width: 50px; fill: #fff !important; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_title .sh_text { color: #fff; font-size: 30px; font-weight: 600; width: 40%; text-align: center; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_title .sh_img img { height: 150px; width: 150px; border-radius: 100%; object-fit: cover; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_sub_title h2, #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_sub_title .h2 { margin: 40px 0px; color: #fff; font-weight: 600; font-size: 30px; padding: 0px 22px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_divider { width: 20%; border-bottom: 3px solid #fff; margin: 0px 22px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_content { color: #fff; line-height: 30px; font-size: 18px; margin-top: 30px; padding: 0px 22px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_about_btn { font-size: 18px; margin: 0px 22px; margin-top: 40px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_btn { color: #fff; z-index: 1; overflow: hidden; transition: 0.5s; position: relative; border: 1px solid #fff; padding: 10px 20px; font-weight: 600; border-radius: 0; text-decoration: none; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_btn::before { z-index: -1; background: #fff; content: ''; height: 100%; transition: 0.5s; width: 5%; top: 0; left: 0; position: absolute; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_btn:hover { color: #0075C2; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_btn:hover:before { width: 100%; } @media screen and (min-width: 992px) and (max-width: 1199px) { #sh_corpomate_theme_accounting_2 .main-row .sh_about_box { padding: 80px 30px 80px 30px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_title .sh_text { font-size: 25px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_title .sh_text { font-size: 25px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 { padding: 80px 30px 80px 30px; } } @media screen and (min-width: 821px) and (max-width: 992px) { #sh_corpomate_theme_accounting_2 .main-row .sh_about_box { padding: 80px 30px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_title { justify-content: space-between; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_title .sh_icon svg { height: 40px; width: 40px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_title .sh_text { font-size: 17px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_title .sh_img img { height: 100px; width: 100px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_sub_title h2, #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_sub_title .h2 { font-size: 25px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 { padding: 80px 30px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_content { font-size: 15px; line-height: 25px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_content { font-size: 15px; line-height: 25px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_title { justify-content: space-between; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_title .sh_icon svg { height: 40px; width: 40px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_title .sh_text { font-size: 17px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_title .sh_img img { height: 100px; width: 100px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_sub_title h2, #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_sub_title .h2 { font-size: 25px; } } @media (max-width: 820px) { #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_title .sh_text { font-size: 17px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box { padding: 70px 20px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 { padding: 70px 20px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_title .sh_text { font-size: 17px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_title .sh_img img { height: 80px; width: 80px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_title .sh_img img { height: 80px; width: 80px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_sub_title h2, #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_sub_title .h2 { font-size: 24px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_sub_title h2, #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_sub_title .h2 { font-size: 24px; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 { margin-top: 70px; } #sh_corpomate_theme_accounting_2 { height: auto; } } @media (max-width: 576px) { #sh_corpomate_theme_accounting_2 { height: auto; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_title .sh_text { font-size: 17px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_title .sh_text { font-size: 17px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_title .sh_img img { height: 80px; width: 80px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_title .sh_img img { height: 80px; width: 80px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_sub_title h2, #sh_corpomate_theme_accounting_2 .main-row .sh_about_box .sh_sub_title .h2 { font-size: 24px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_sub_title h2, #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 .sh_sub_title .h2 { font-size: 24px; } #sh_corpomate_theme_accounting_2 .main-row .sh_about_box_1 { margin-top: 70px; } } /*------------------------ snnipet 2 end ------------------------*/ /*------------------------ snnipet 3 start ------------------------*/ #sh_corpomate_theme_accounting_3 { position: relative; padding: 150px 0px; padding-bottom: 50px; } #sh_corpomate_theme_accounting_3 .main-row { margin-top: 50px; } #sh_corpomate_theme_accounting_3 .main-row .sh_about_us h5, #sh_corpomate_theme_accounting_3 .main-row .sh_about_us .h5 { font-size: 18px; color: #0075C2; margin-bottom: 10px; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_3 .main-row .sh_about_us h2, #sh_corpomate_theme_accounting_3 .main-row .sh_about_us .h2 { font-size: 45px; color: #222; position: relative; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_3 .main-row .sh_about_us h2 .sh_shape, #sh_corpomate_theme_accounting_3 .main-row .sh_about_us .h2 .sh_shape { position: absolute; top: 0; left: 0; height: 80px; width: 80px; } #sh_corpomate_theme_accounting_3 .main-row .sh_about_us h2 .sh_shape img, #sh_corpomate_theme_accounting_3 .main-row .sh_about_us .h2 .sh_shape img { height: 60px; width: 60px; } #sh_corpomate_theme_accounting_3 .main-row .sh_about_tabs { width: 100%; overflow: hidden; margin-top: 30px; padding-bottom: 2rem; } #sh_corpomate_theme_accounting_3 .main-row .sh_about_tabs .nav-tabs { border-bottom: 0px !important; } #sh_corpomate_theme_accounting_3 .main-row .sh_about_tabs .nav-tabs .nav_icon svg { height: 25px; transition: 0.5s; width: 25px; margin-right: 10px; vertical-align: sub; } #sh_corpomate_theme_accounting_3 .main-row .sh_about_tabs .nav-tabs .nav-link { position: relative; background: #eaecf4; transition: 0.5s; border-radius: 0px; border: 0; color: #222; margin-right: 10px; padding: 10px 20px; } #sh_corpomate_theme_accounting_3 .main-row .sh_about_tabs .nav-tabs .nav-link.active { background: #0075C2 !important; color: #fff !important; } #sh_corpomate_theme_accounting_3 .main-row .sh_about_tabs .nav-tabs .nav-link.active .nav_icon svg { fill: #fff; } #sh_corpomate_theme_accounting_3 .main-row .sh_about_tabs .nav-tabs .nav-link .sh_aero { content: ''; transition: all 200ms linear 0ms; width: 0; height: 0; position: absolute; left: 50%; transform: translate(-50%, 0); bottom: -20px; border-width: 10px; border-style: solid; border-color: #0075C2 transparent transparent; opacity: 0; } #sh_corpomate_theme_accounting_3 .main-row .sh_about_tabs .nav-tabs .nav-link.active .sh_aero { opacity: 1; } #sh_corpomate_theme_accounting_3 .main-row .sh_inner { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; } #sh_corpomate_theme_accounting_3 .main-row .sh_inner .sh_inner_img img { height: 250px; width: 250px; border-radius: 100%; object-fit: cover; margin-right: 50px; object-position: left; max-width: fit-content !important; } #sh_corpomate_theme_accounting_3 .main-row .sh_inner_links { width: 100%; overflow: hidden; text-align: justify; } #sh_corpomate_theme_accounting_3 .main-row .sh_inner_links .sh_content .sh_icon { margin-right: 15px; font-size: 20px; font-weight: 600; color: #0075C2; } #sh_corpomate_theme_accounting_3 .main-row .sh_inner_links .sh_content { font-size: 18px; } #sh_corpomate_theme_accounting_3 .main-row .sh_inner_links .sh_content p { line-height: 1.7; color: #5f6368; } #sh_corpomate_theme_accounting_3 .main-row .sh_inner_content { font-size: 18px; margin: 10px 0px 30px 0px; width: 70%; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.7; color: #5f6368; } #sh_corpomate_theme_accounting_3 .main-row .sh_inner .sh_inner_img img.img_2 { object-position: right; } #sh_corpomate_theme_accounting_3 .main-row .sh_inner .sh_inner_img img.img_3 { object-position: right; } @media screen and (min-width: 992px) and (max-width: 1199px) { #sh_corpomate_theme_accounting_3 .main-row .sh_about_tabs .nav-tabs .nav-link { margin-right: 5px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { #sh_corpomate_theme_accounting_3 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_3 .main-row .sh_our_service .h2 { font-size: 40px; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_accounting_3 .main-row .sh_about_tabs .nav-tabs .nav-link { padding: 10px 14px; } } #sh_corpomate_theme_accounting_3 .main-row .sh_img_box { position: relative; } #sh_corpomate_theme_accounting_3 .main-row .sh_about_img { height: 500px; width: 90%; float: right; position: relative; } #sh_corpomate_theme_accounting_3 .main-row .sh_about_img img { height: 500px; width: 100%; object-fit: cover; } #sh_corpomate_theme_accounting_3 .main-row .sh_img_content { height: 150px; width: 150px; animation: sh_jump_animation 2s ease infinite; transition: 0.5s; background: #0075C2; color: #fff; position: absolute; top: 15%; left: -25%; border-radius: 100%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_accounting_3 .main-row .sh_img_content h1, #sh_corpomate_theme_accounting_3 .main-row .sh_img_content .h1 { font-size: 40px; color: #fff; font-weight: 600; margin-bottom: 0px; } #sh_corpomate_theme_accounting_3 .main-row .sh_img_content h4, #sh_corpomate_theme_accounting_3 .main-row .sh_img_content .h4 { text-align: center; font-size: 18px; color: #fff; } #sh_corpomate_theme_accounting_3 .main-row .sh_sub_img { position: absolute; height: 300px; width: 100%; background: #fff; left: -12%; top: 350px; } #sh_corpomate_theme_accounting_3 .main-row .sh_sub_img img { object-fit: cover; height: 95%; width: 95%; position: relative; top: 5%; } @keyframes sh_jump_animation { 0% { transform: translateY(20px); } 100% { transform: translateY(0px); } } @media screen and (min-width: 821px) and (max-width: 992px) { #sh_corpomate_theme_accounting_3 { padding: 50px 0px; } #sh_corpomate_theme_accounting_3 .main-row .sh_about_us h2, #sh_corpomate_theme_accounting_3 .main-row .sh_about_us .h2 { font-size: 40px; } #sh_corpomate_theme_accounting_3 .main-row .sh_about_img img { height: 400px; } #sh_corpomate_theme_accounting_3 .main-row .sh_sub_img img { height: 98%; width: 98%; } #sh_corpomate_theme_accounting_3 .main-row .sh_sub_img { top: 250px !important; height: 250px; left: -4%; } #sh_corpomate_theme_accounting_3 .main-row .sh_img_box { margin-top: 40px; } #sh_corpomate_theme_accounting_3 .main-row .sh_img_content { left: -11%; } } @media (max-width: 820px) { #sh_corpomate_theme_accounting_3 { padding: 50px 0px; } #sh_corpomate_theme_accounting_3 .main-row .sh_about_img { margin-top: 50px; } #sh_corpomate_theme_accounting_3 .main-row .sh_about_img img { height: 500px; width: 70%; object-fit: cover; float: right; } #sh_corpomate_theme_accounting_3 .main-row .sh_img_content { top: 15%; left: 20%; } #sh_corpomate_theme_accounting_3 .main-row .sh_sub_img { width: 80%; background: #fff; left: 5%; top: 350px !important; } } @media (max-width: 768px) { #sh_corpomate_theme_accounting_3 .main-row .sh_sub_img { bottom: 0 !important; top: 350px !important; } } @media (max-width: 576px) { #sh_corpomate_theme_accounting_3 { padding: 50px 0px; padding-bottom: 0px; } #sh_corpomate_theme_accounting_3 .main-row { margin-top: 0px; } #sh_corpomate_theme_accounting_3 .main-row .sh_about_us h2 .sh_shape img, #sh_corpomate_theme_accounting_3 .main-row .sh_about_us .h2 .sh_shape img { height: 50px; width: 50px; } #sh_corpomate_theme_accounting_3 .main-row .sh_about_us h2, #sh_corpomate_theme_accounting_3 .main-row .sh_about_us .h2 { font-size: 28px; } #sh_corpomate_theme_accounting_3 .main-row .sh_inner_content { width: 100%; } #sh_corpomate_theme_accounting_3 .main-row .sh_about_tabs .nav-tabs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_accounting_3 .main-row .sh_about_tabs .nav-tabs .nav-link { margin: 10px 0px; } #sh_corpomate_theme_accounting_3 .main-row .sh_inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_accounting_3 .main-row .sh_inner_links { margin-top: 30px; } #sh_corpomate_theme_accounting_3 .main-row .sh_img_content { left: 0; } #sh_corpomate_theme_accounting_3 .main-row .sh_about_tabs .nav-tabs .nav-link { padding: 10px 15px; } #sh_corpomate_theme_accounting_3 .main-row .sh_inner .sh_inner_img img { margin-right: 0px; } #sh_corpomate_theme_accounting_3 .main-row .sh_inner .sh_inner_img img { height: 200px; width: 200px; } } /*------------------------ snnipet 3 end ------------------------*/ /*------------------------ snnipet 4 start ------------------------*/ #sh_corpomate_theme_accounting_4 { position: relative; margin: 80px 0px; margin-bottom: 200px; } #sh_corpomate_theme_accounting_4 .main-row { margin-top: 50px; } #sh_corpomate_theme_accounting_4 .main-row .sh_our_service h5, #sh_corpomate_theme_accounting_4 .main-row .sh_our_service .h5 { font-size: 18px; color: #0075C2; margin-bottom: 10px; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_4 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_4 .main-row .sh_our_service .h2 { font-size: 45px; color: #222; position: relative; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_4 .main-row .sh_our_service h2 .sh_shape, #sh_corpomate_theme_accounting_4 .main-row .sh_our_service .h2 .sh_shape { position: absolute; top: 0; left: 0; height: 80px; width: 80px; } #sh_corpomate_theme_accounting_4 .main-row .sh_our_service h2 .sh_shape img, #sh_corpomate_theme_accounting_4 .main-row .sh_our_service .h2 .sh_shape img { height: 60px; width: 60px; } #sh_corpomate_theme_accounting_4 .main-row .sh_service_text { margin-top: 40px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.7; color: #5f6368; font-size: 18px; } #sh_corpomate_theme_accounting_4 .second-row { margin-bottom: -150px; } #sh_corpomate_theme_accounting_4 .sh_inner_row { margin-top: 50px; } #sh_corpomate_theme_accounting_4 .sh_inner_row .sh_service_item { width: 100%; height: 300px; position: relative; } #sh_corpomate_theme_accounting_4 .sh_inner_row .sh_service_item img { height: 100%; width: 100%; object-fit: cover; } #sh_corpomate_theme_accounting_4 .sh_inner_row .sh_service_item:before { height: 100%; transition: 0.5s; width: 100%; opacity: 0; background: #0075C2; position: absolute; top: 0; left: 0; content: ''; } #sh_corpomate_theme_accounting_4 .sh_inner_row .sh_service_item:hover:before { opacity: .5; } #sh_corpomate_theme_accounting_4 .sh_inner_row .sh_sub_div { position: absolute; top: 40%; left: 20%; height: 150px; width: 75%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; padding: 0px 20px; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; background-color: #fff; } #sh_corpomate_theme_accounting_4 .sh_inner_row .sh_sub_div .sh_icon svg { height: 50px; width: 50px; fill: #0075C2 !important; margin-bottom: 10px; } #sh_corpomate_theme_accounting_4 .sh_inner_row .sh_sub_div .sh_text { color: #222; font-size: 22px; font-weight: 500; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_accounting_4 .sh_inner_row .sh_remove { display: none; } #sh_corpomate_theme_accounting_4 .second-row section { margin-top: -70px; } #sh_corpomate_theme_accounting_4 .s_carousel.s_carousel_default .carousel-indicators li { height: 10px; width: 10px; box-shadow: none; position: relative; border-radius: 100%; background: #003557; margin-top: 50px; outline: 2px solid #8893a3; outline-offset: 5px; margin-right: 50px; background: #fff; } #sh_corpomate_theme_accounting_4 .s_carousel.s_carousel_default .carousel-indicators { top: 420px; position: relative; } #sh_corpomate_theme_accounting_4 .s_carousel.s_carousel_default .carousel-indicators li.active { background: #003557; } #sh_corpomate_theme_accounting_4 .s_carousel.s_carousel_default .carousel-indicators li:first-child::after { position: absolute; top: 50%; left: 21px; border-bottom: 2px solid #8893a3; content: ''; width: 30px; } #sh_corpomate_theme_accounting_4 .carousel .carousel-indicators { margin-left: 20% !important; } #sh_corpomate_theme_accounting_4 .sh_disable_hover_part.sh_disable_hover_cls .sh_service_item::before { display: none; } @media screen and (min-width: 992px) and (max-width: 1199px) { #sh_corpomate_theme_accounting_4 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_4 .main-row .sh_our_service .h2 { font-size: 42px; } } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_accounting_4 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_4 .main-row .sh_our_service .h2 { font-size: 40px; } #sh_corpomate_theme_accounting_4 .sh_inner_row .sh_r1 { display: none; } #sh_corpomate_theme_accounting_4 .sh_inner_row .sh_r3 { display: none; } } @media (max-width: 820px) { #sh_corpomate_theme_accounting_4 { margin-bottom: 50px; } #sh_corpomate_theme_accounting_4 .s_carousel.s_carousel_default .carousel-indicators { top: 435px; } #sh_corpomate_theme_accounting_4 .sh_inner_row .sh_remove { display: block; } #sh_corpomate_theme_accounting_4 .sh_inner_row .sh_service_item { margin-bottom: 30px; } #sh_corpomate_theme_accounting_4 .main-row { margin-top: 0px; } #sh_corpomate_theme_accounting_4 .sh_r1 { display: none; } #sh_corpomate_theme_accounting_4 .sh_r2 { display: none; } #sh_corpomate_theme_accounting_4 .sh_inner_row .sh_remove.sh_r1 { display: none; } #sh_corpomate_theme_accounting_4 { padding: 30px 0px; } } @media (max-width: 567px) { #sh_corpomate_theme_accounting_4 .s_carousel.s_carousel_default .carousel-indicators { display: none; } #sh_corpomate_theme_accounting_4 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_4 .main-row .sh_our_service .h2 { font-size: 27px; } #sh_corpomate_theme_accounting_4 .main-row .sh_our_service h2 .sh_shape img, #sh_corpomate_theme_accounting_4 .main-row .sh_our_service .h2 .sh_shape img { height: 50px; width: 50px; } #sh_corpomate_theme_accounting_4 .main-row .sh_service_text { margin-top: 10px; margin-bottom: 50px; } #sh_corpomate_theme_accounting_4 .sh_r1 { display: none; } #sh_corpomate_theme_accounting_4 .sh_r2 { display: none; } #sh_corpomate_theme_accounting_4 .carousel .carousel-indicators { margin-left: 30% !important; } #sh_corpomate_theme_accounting_4 .sh_inner_row .sh_remove.sh_r1 { display: none; } } /*------------------------ snnipet 4 end ------------------------*/ /*------------------------ snnipet 5 start ------------------------*/ #sh_corpomate_theme_accounting_5 { position: relative; padding: 50px 0px; padding-bottom: 50px; } #sh_corpomate_theme_accounting_5 .main-row .sh_our_service h5, #sh_corpomate_theme_accounting_5 .main-row .sh_our_service .h5 { font-size: 18px; color: #0075C2; margin-bottom: 10px; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_5 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_5 .main-row .sh_our_service .h2 { font-size: 45px; color: #222; position: relative; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_5 .main-row .sh_our_service h2 .sh_shape, #sh_corpomate_theme_accounting_5 .main-row .sh_our_service .h2 .sh_shape { position: absolute; top: 0; left: 0; height: 80px; width: 80px; } #sh_corpomate_theme_accounting_5 .main-row .sh_our_service h2 .sh_shape img, #sh_corpomate_theme_accounting_5 .main-row .sh_our_service .h2 .sh_shape img { height: 60px; width: 60px; } #sh_corpomate_theme_accounting_5 .main-row .sh_service_text { margin-top: 40px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.7; color: #5f6368; font-size: 18px; } #sh_corpomate_theme_accounting_5 .second-row { margin-top: 50px; } #sh_corpomate_theme_accounting_5 .second-row .tab-content img { height: 360px; } #sh_corpomate_theme_accounting_5 .second-row .sh_icon svg { height: 50px; transition: 0.5s; width: 50px; margin-right: 30px; } #sh_corpomate_theme_accounting_5 .second-row .nav-pills .nav-link.active .sh_icon svg { fill: #fff !important; } #sh_corpomate_theme_accounting_5 .second-row .nav-pills .nav-link { width: 100%; border: 1px solid #e4e4e4; margin-bottom: 20px; font-size: 20px; padding: 30px 25px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; font-weight: 600; color: #081b3a; position: relative; background: #ffffff; box-shadow: none !important; margin-bottom: 30px !important; } #sh_corpomate_theme_accounting_5 .second-row .nav-pills .nav-link.active { color: #FFFFFF; background-color: #003557; } #sh_corpomate_theme_accounting_5 .second-row .nav-pills .nav-link span { text-transform: capitalize !important; font-size: 22px; font-weight: normal; } #sh_corpomate_theme_accounting_5 .second-row .btn-simple { margin-right: 20px; color: #003557; } #sh_corpomate_theme_accounting_5 .second-row .btn-simple:hover { color: #0075C2; } #sh_corpomate_theme_accounting_5 .second-row .btn-simple span { margin-left: 5px; font-size: 20px; } #sh_corpomate_theme_accounting_5 .second-row .tab-pane h4, #sh_corpomate_theme_accounting_5 .second-row .tab-pane .h4 { font-size: 25px; color: #003557; font-weight: 600; margin: 15px 0px; } #sh_corpomate_theme_accounting_5 .second-row .tab-pane p { display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.7; color: #5f6368; font-size: 18px; } @media screen and (min-width: 992px) and (max-width: 1199px) { #sh_corpomate_theme_accounting_5 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_5 .main-row .sh_our_service .h2 { font-size: 42px; } } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_accounting_5 .second-row .nav-pills .nav-link span { font-size: 18px; } } @media (max-width: 820px) { #sh_corpomate_theme_accounting_5 .main-row .sh_service_text { margin-top: 20px; } #sh_corpomate_theme_accounting_5 .second-row .img-fluid.rounded.w-100.mb-4 { height: 300px; } #sh_corpomate_theme_accounting_5 .second-row .sh_icon svg { height: 40px; transition: 0.5s; width: 40px; margin-right: 20px; } #sh_corpomate_theme_accounting_5 .second-row .nav-pills .nav-link span { font-size: 18px; } #sh_corpomate_theme_accounting_5 { padding: 0px; padding-bottom: 20px; } #sh_corpomate_theme_accounting_5 .main-row { margin-top: 200px; } #sh_corpomate_theme_accounting_5 .second-row .nav-pills .nav-link { margin-bottom: 20px !important; } } @media (max-width: 567px) { #sh_corpomate_theme_accounting_5 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_5 .main-row .sh_our_service .h2 { font-size: 28px; } #sh_corpomate_theme_accounting_5 .main-row { margin-top: 150px; } #sh_corpomate_theme_accounting_5 .second-row .tab-pane h4, #sh_corpomate_theme_accounting_5 .second-row .tab-pane .h4 { font-size: 20px; } #sh_corpomate_theme_accounting_5 .second-row .tab-content { margin-top: 30px; } #sh_corpomate_theme_accounting_5 .main-row .sh_our_service h2 .sh_shape img, #sh_corpomate_theme_accounting_5 .main-row .sh_our_service .h2 .sh_shape img { height: 50px; width: 50px; } #sh_corpomate_theme_accounting_5 .second-row .nav-pills .nav-link { margin-bottom: 15px !important; } } /*------------------------ snnipet 5 end ------------------------*/ /*------------------------ snnipet 6 start ------------------------*/ #sh_corpomate_theme_accounting_6 { position: relative; padding: 0px 0px; padding-bottom: 50px; } #sh_corpomate_theme_accounting_6 .main-row { margin-top: 50px; } #sh_corpomate_theme_accounting_6 .main-row .sh_our_service h5, #sh_corpomate_theme_accounting_6 .main-row .sh_our_service .h5 { font-size: 18px; color: #0075C2; margin-bottom: 10px; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_6 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_6 .main-row .sh_our_service .h2 { font-size: 45px; color: #222; position: relative; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_6 .main-row .sh_our_service h2 .sh_shape, #sh_corpomate_theme_accounting_6 .main-row .sh_our_service .h2 .sh_shape { position: absolute; top: 0; left: 0; height: 80px; width: 80px; } #sh_corpomate_theme_accounting_6 .main-row .sh_our_service h2 .sh_shape img, #sh_corpomate_theme_accounting_6 .main-row .sh_our_service .h2 .sh_shape img { height: 60px; width: 60px; } #sh_corpomate_theme_accounting_6 .main-row .sh_service_text { margin-top: 40px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.7; color: #5f6368; font-size: 18px; } #sh_corpomate_theme_accounting_6 .second-row { margin-top: 50px; } #sh_corpomate_theme_accounting_6 .second-row .sh_testimonial_links { width: 100%; } #sh_corpomate_theme_accounting_6 .second-row .sh_testimonial_links .link_1 img { height: 150px; width: 150px; border-radius: 100%; border: 10px solid #fff; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; object-fit: cover; position: relative; object-position: top; left: 45%; } #sh_corpomate_theme_accounting_6 .second-row .sh_testimonial_links .link_2 img { height: 150px; width: 150px; border-radius: 100%; border: 10px solid #fff; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; object-fit: cover; position: relative; left: 1%; object-position: right; } #sh_corpomate_theme_accounting_6 .second-row .sh_testimonial_links .link_3 img { height: 150px; width: 150px; border-radius: 100%; border: 10px solid #fff; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; object-fit: cover; position: relative; left: 45%; top: -100px; object-position: center; } #sh_corpomate_theme_accounting_6 .second-row .sh_testimonial_links .link_4 img { height: 150px; width: 150px; border-radius: 100%; border: 10px solid #fff; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; object-fit: cover; position: relative; top: -80px; left: 1%; object-position: left; } #sh_corpomate_theme_accounting_6 .second-row .sh_testimonial_links .link_5 img { height: 150px; width: 150px; border-radius: 100%; border: 10px solid #fff; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; object-fit: cover; position: relative; top: -200px; left: 45%; object-position: right; } #sh_corpomate_theme_accounting_6 .second-row .sh_testimonial_links img.active { border: 10px solid #0075C2; } #sh_corpomate_theme_accounting_6 .second-row .sh_testimonial_links li { list-style: none; } #sh_corpomate_theme_accounting_6 .second-row .s_carousel .carousel-inner, #sh_corpomate_theme_accounting_6 .second-row .s_quotes_carousel .carousel-inner { overflow: hidden !important; } #sh_corpomate_theme_accounting_6 .second-row .s_carousel_wrapper { margin-top: 50%; transform: translateY(-50%); } #sh_corpomate_theme_accounting_6 .second-row .sh_testimonial_text { position: relative; padding: 20px 60px; font-size: 18px; word-spacing: 0px; color: #5f6368; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_accounting_6 .second-row .sh_testimonial_text h2, #sh_corpomate_theme_accounting_6 .second-row .sh_testimonial_text .h2 { font-size: 25px; color: #003557; padding: 0px 60px; font-weight: 600; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_accounting_6 .second-row .sh_testimonial_text h2 h4, #sh_corpomate_theme_accounting_6 .second-row .sh_testimonial_text .h2 h4, #sh_corpomate_theme_accounting_6 .second-row .sh_testimonial_text h2 .h4, #sh_corpomate_theme_accounting_6 .second-row .sh_testimonial_text .h2 .h4 { font-size: 18px; padding: 0px 60px; color: #5f6368; font-weight: 600; } #sh_corpomate_theme_accounting_6 .second-row .sh_testimonial_text .sh_sub_div { position: absolute; top: -15px; left: 3px; font-size: 50px; color: #d6dae2; } #sh_corpomate_theme_accounting_6 .s_carousel.s_carousel_default .carousel-indicators li { height: 10px; width: 10px; box-shadow: none; position: relative; border-radius: 100%; background: #003557; margin-top: 50px; outline: 2px solid #8893a3; outline-offset: 5px; margin-right: 50px; background: #fff; } #sh_corpomate_theme_accounting_6 .s_carousel.s_carousel_default .carousel-indicators { top: 150px; position: relative; left: -55%; transform: rotate(90deg); } #sh_corpomate_theme_accounting_6 .s_carousel.s_carousel_default .carousel-indicators li.active { background: #003557; } #sh_corpomate_theme_accounting_6 .s_carousel.s_carousel_default .carousel-indicators li::after { position: absolute; top: 51%; left: 15px; border-bottom: 2px solid #8893a3; content: ''; width: 42px; } #sh_corpomate_theme_accounting_6 .s_carousel.s_carousel_default .carousel-indicators li:first-child:before { position: absolute; top: 51%; left: -65px; border-bottom: 2px solid #8893a3; content: ''; width: 60px; } #sh_corpomate_theme_accounting_6 .s_carousel.s_carousel_default .carousel-indicators li:last-child:after { width: 60px; } #sh_corpomate_theme_accounting_6 .carousel .carousel-indicators { margin-left: 20% !important; } #sh_corpomate_theme_accounting_6 .second-row .carousel-inner .carousel-item h2, #sh_corpomate_theme_accounting_6 .second-row .carousel-inner .carousel-item .h2 { font-size: 30px; color: #003557; } #sh_corpomate_theme_accounting_6 .second-row .carousel-inner .carousel-item h4, #sh_corpomate_theme_accounting_6 .second-row .carousel-inner .carousel-item .h4 { font-size: 20px; color: #0075C2; } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_accounting_6 .second-row .sh_testimonial_links { height: 450px; } #sh_corpomate_theme_accounting_6 .s_carousel.s_carousel_default .carousel-indicators { top: 120px; display: none; } } @media (max-width: 820px) { #sh_corpomate_theme_accounting_6 .second-row .s_carousel_wrapper { margin-top: 0; } #sh_corpomate_theme_accounting_6 .s_carousel.s_carousel_default .carousel-indicators { display: none; } #sh_corpomate_theme_accounting_6 .second-row .sh_testimonial_links .link_5 img { top: -225px; left: 80%; } #sh_corpomate_theme_accounting_6 .second-row .sh_testimonial_links .link_3 img { left: 80%; top: -135px; } #sh_corpomate_theme_accounting_6 .second-row .sh_testimonial_links .link_1 img { left: 41%; } #sh_corpomate_theme_accounting_6 { padding: 30px 0px; padding-bottom: 50px; } } @media (max-width: 567px) { #sh_corpomate_theme_accounting_6 .second-row .sh_testimonial_links .link_1 img { height: 120px; width: 120px; left: 35%; } #sh_corpomate_theme_accounting_6 .second-row .sh_testimonial_links .link_2 img { height: 120px; width: 120px; } #sh_corpomate_theme_accounting_6 .second-row .sh_testimonial_links .link_3 img { height: 120px; width: 120px; left: 65%; top: -120px; } #sh_corpomate_theme_accounting_6 .second-row .sh_testimonial_links .link_4 img { height: 120px; width: 120px; } #sh_corpomate_theme_accounting_6 .second-row .sh_testimonial_links .link_5 img { height: 120px; width: 120px; left: 65%; top: -200px; } #sh_corpomate_theme_accounting_6 .second-row .sh_testimonial_text { padding-right: 0px; } #sh_corpomate_theme_accounting_6 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_6 .main-row .sh_our_service .h2 { font-size: 27px; } #sh_corpomate_theme_accounting_6 { padding: 0px; padding-bottom: 50px; } #sh_corpomate_theme_accounting_6 .main-row { margin-top: 20px; } #sh_corpomate_theme_accounting_6 .carousel .carousel-indicators { margin-left: 30% !important; } #sh_corpomate_theme_accounting_6 .main-row .sh_service_text { margin-top: 10px; } #sh_corpomate_theme_accounting_6 .main-row .sh_our_service h2 .sh_shape img, #sh_corpomate_theme_accounting_6 .main-row .sh_our_service .h2 .sh_shape img { height: 50px; width: 50px; } } /*------------------------ snnipet 6 end ------------------------*/ /*------------------------ snnipet 7 start ------------------------*/ #sh_corpomate_theme_accounting_7 { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; margin-top: -80px; justify-content: center; align-items: center; padding: 50px 0px; padding-bottom: 50px; text-align: center; background-position: center !important; background-size: cover; } #sh_corpomate_theme_accounting_7:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #003557; opacity: .8; } #sh_corpomate_theme_accounting_7 .main-row { margin-top: 50px; } #sh_corpomate_theme_accounting_7 .main-row .sh_counter { text-align: center; width: 100%; } #sh_corpomate_theme_accounting_7 .main-row .sh_counter h1, #sh_corpomate_theme_accounting_7 .main-row .sh_counter .h1 { color: #fff; font-size: 35px; font-weight: 600; } #sh_corpomate_theme_accounting_7 .main-row .sh_counter .sh_divider { width: 15%; border-bottom: 5px solid #0075C2; margin: 0px auto; margin-top: 30px; } #sh_corpomate_theme_accounting_7 .main-row .sub-row { margin-top: 30px; } #sh_corpomate_theme_accounting_7 .main-row .sub-row .sh_number { color: #fff; font-size: 60px; font-weight: 600; } #sh_corpomate_theme_accounting_7 .main-row .sub-row .counter_text { font-size: 22px; color: #0075C2; font-weight: 600; } #sh_corpomate_theme_accounting_7 .main-row .sh_counter_img { width: 100%; height: 500px; margin-top: -200px; } #sh_corpomate_theme_accounting_7 .main-row .sh_counter_img img { width: 100%; height: 100%; object-fit: cover; } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_accounting_7 .main-row .sh_counter_img { margin-top: 80px; height: 400px; } } @media (max-width: 820px) { #sh_corpomate_theme_accounting_7 .main-row .sh_counter .sh_divider { width: 30%; } #sh_corpomate_theme_accounting_7 .main-row .sh_counter_img { margin-top: 80px; height: 400px; } #sh_corpomate_theme_accounting_7 .main-row { margin-top: 10px; } } @media (max-width: 567px) { #sh_corpomate_theme_accounting_7 .main-row { margin-top: 0px; } #sh_corpomate_theme_accounting_7 .main-row .sh_counter_img { margin-top: 50px; height: 400px; } } /*------------------------ snnipet 7 end ------------------------*/ /*------------------------ snnipet 8 start ------------------------*/ #sh_corpomate_theme_accounting_8 { position: relative; padding: 50px 0px; background: #f3f4f5; padding-bottom: 0px; } #sh_corpomate_theme_accounting_8 .main-row { margin-top: 50px; } #sh_corpomate_theme_accounting_8 .main-row .sh_our_service h5, #sh_corpomate_theme_accounting_8 .main-row .sh_our_service .h5 { font-size: 18px; color: #0075C2; margin-bottom: 10px; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_8 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_8 .main-row .sh_our_service .h2 { font-size: 45px; color: #222; position: relative; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_8 .main-row .sh_our_service h2 .sh_shape, #sh_corpomate_theme_accounting_8 .main-row .sh_our_service .h2 .sh_shape { position: absolute; top: 0; left: 0; height: 80px; width: 80px; } #sh_corpomate_theme_accounting_8 .main-row .sh_our_service h2 .sh_shape img, #sh_corpomate_theme_accounting_8 .main-row .sh_our_service .h2 .sh_shape img { height: 60px; width: 60px; } #sh_corpomate_theme_accounting_8 .main-row .sh_service_text { margin-top: 60px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.7; color: #5f6368; font-size: 18px; } #sh_corpomate_theme_accounting_8 .sub_img_1 { position: absolute; top: 5%; left: 77%; height: 200px; width: 200px; position: absolute; } #sh_corpomate_theme_accounting_8 .sub_img_1 img { height: 100%; width: 100%; object-fit: cover; } #sh_corpomate_theme_accounting_8 .sub_img_2 { position: absolute; bottom: 40px; left: 115px; height: 200px; width: 200px; z-index: 0; } #sh_corpomate_theme_accounting_8 .sub_img_2 img { height: 100%; width: 100%; object-fit: cover; } #sh_corpomate_theme_accounting_8 .sh_second-row .sh_portfolio_img { height: 500px; width: 100%; position: relative; } #sh_corpomate_theme_accounting_8 .sh_second-row .sh_portfolio_img img { height: 100%; object-fit: cover; width: 100%; } #sh_corpomate_theme_accounting_8 .sh_second-row .sh_portfolio_img .sh_sub_div { position: absolute; left: 15%; background: #fff; bottom: -50px; height: 250px; width: 50%; padding: 40px; z-index: 0; } #sh_corpomate_theme_accounting_8 .sh_second-row .sh_portfolio_img .sh_sub_div .sh_text { font-size: 18px; color: #5f6368; word-spacing: 2px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_accounting_8 .sh_second-row .sh_portfolio_img .sh_sub_div .sh_title { font-size: 30px; color: #003557; margin: 20px 0px; margin-bottom: 0px; font-weight: 600; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_accounting_8 .sh_second-row .sh_portfolio_img .sh_sub_div .sh_sub_title { font-size: 18px; font-weight: 600; color: #5f6368; } #sh_corpomate_theme_accounting_8 .sh_second-row .s_carousel.s_carousel_default .carousel-indicators li { height: 10px; width: 10px; box-shadow: none; position: relative; border-radius: 100%; background: #003557; margin-top: 50px; outline: 2px solid #8893a3; outline-offset: 5px; margin-right: 50px; background: #fff; } #sh_corpomate_theme_accounting_8 .sh_second-row .s_carousel.s_carousel_default .carousel-indicators { top: 620px; position: relative; } #sh_corpomate_theme_accounting_8 .sh_second-row .s_carousel.s_carousel_default .carousel-indicators li.active { background: #003557; } #sh_corpomate_theme_accounting_8 .sh_second-row .s_carousel.s_carousel_default .carousel-indicators li:first-child::after { position: absolute; top: 50%; left: 21px; border-bottom: 2px solid #8893a3; content: ''; width: 30px; } #sh_corpomate_theme_accounting_8 .sh_second-row .carousel-item { min-height: 700px !important; } @media screen and (min-width: 992px) and (max-width: 1199px) { #sh_corpomate_theme_accounting_8 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_8 .main-row .sh_our_service .h2 { font-size: 40px; } } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_accounting_8 .main-row .sh_service_text { margin-top: 40px; } #sh_corpomate_theme_accounting_8 .sh_second-row .sh_portfolio_img .sh_sub_div { height: 300px; } } @media (max-width: 820px) { #sh_corpomate_theme_accounting_8 .sh_second-row .sh_portfolio_img .sh_sub_div .sh_title { font-size: 25px; } #sh_corpomate_theme_accounting_8 .sh_second-row .sh_portfolio_img .sh_sub_div .sh_sub_title { font-size: 16px; } #sh_corpomate_theme_accounting_8 .sh_second-row .sh_portfolio_img .sh_sub_div .sh_text { font-size: 16px; } #sh_corpomate_theme_accounting_8 .main-row { margin-top: 30px; } #sh_corpomate_theme_accounting_8 .main-row .sh_service_text { margin-top: 20px; } #sh_corpomate_theme_accounting_8 .sh_second-row .s_carousel .carousel-inner { margin-top: -30px; } #sh_corpomate_theme_accounting_8 .sub_img_1 { top: 22%; height: 150px; width: 150px; } } #sh_corpomate_theme_accounting_8 .sh_second-row .sh_portfolio_img .sh_sub_div { width: 70%; } @media (max-width: 567px) { #sh_corpomate_theme_accounting_8 { padding: 30px 0px; } #sh_corpomate_theme_accounting_8 .sub_img_1 { display: none; } #sh_corpomate_theme_accounting_8 .sub_img_2 { display: none; } #sh_corpomate_theme_accounting_8 .main-row .sh_our_service h2 .sh_shape img, #sh_corpomate_theme_accounting_8 .main-row .sh_our_service .h2 .sh_shape img { height: 50px; width: 50px; } #sh_corpomate_theme_accounting_8 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_8 .main-row .sh_our_service .h2 { font-size: 27px; } #sh_corpomate_theme_accounting_8 .sh_second-row .sh_portfolio_img .sh_sub_div { position: absolute; left: 15%; background: #fff; bottom: -50px; height: 220px; width: 70%; padding: 20px; z-index: 0; } #sh_corpomate_theme_accounting_8 .sh_second-row .sh_portfolio_img .sh_sub_div .sh_title { font-size: 25px; } } /*------------------------ snnipet 8 end ------------------------*/ /*------------------------ snnipet 9 start ------------------------*/ #sh_corpomate_theme_accounting_9 { position: relative; padding: 50px 0px; padding-bottom: 80px; } #sh_corpomate_theme_accounting_9 .main-row { margin-top: 50px; } #sh_corpomate_theme_accounting_9 .main-row .sh_our_service h5, #sh_corpomate_theme_accounting_9 .main-row .sh_our_service .h5 { font-size: 18px; color: #0075C2; margin-bottom: 10px; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_9 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_9 .main-row .sh_our_service .h2 { font-size: 45px; color: #222; position: relative; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_9 .main-row .sh_our_service h2 .sh_shape, #sh_corpomate_theme_accounting_9 .main-row .sh_our_service .h2 .sh_shape { position: absolute; top: 0; left: 0; height: 80px; width: 80px; } #sh_corpomate_theme_accounting_9 .main-row .sh_our_service h2 .sh_shape img, #sh_corpomate_theme_accounting_9 .main-row .sh_our_service .h2 .sh_shape img { height: 60px; width: 60px; } #sh_corpomate_theme_accounting_9 .main-row .sh_service_text { margin-top: 50px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.7; color: #5f6368; font-size: 18px; } #sh_corpomate_theme_accounting_9 .second-row { margin-top: 50px; } #sh_corpomate_theme_accounting_9 .second-row .our_team { width: 100%; padding: 30px 20px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; height: 480px; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_team_img { height: 180px; width: 180px; border-radius: 100%; position: relative; margin: 0px auto; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_team_img img { height: 100%; width: 100%; object-fit: cover; object-position: center; border-radius: 100%; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_team_img .sh_sub_div { position: absolute; height: 50px; transition: 0.5s; width: 50px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; font-size: 20px; bottom: -20px; left: 38%; background: #003557; color: #fff; border-radius: 100%; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_team_img .sh_sub_div a { color: #fff; text-decoration: none; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_team_img:hover .fa.fa-plus:before { content: '\f068'; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_team_img .sh_sub_div:hover .fa.fa-plus:before { transition: 0.5s; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_team_img:hover .sh_sub_div { background-color: #0075C2; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_team_img .sh_sub_div_1 { position: absolute; transition: 0.5s; height: 40px; width: 40px; opacity: 0; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; background: #fff; font-size: 20px; border-radius: 100%; left: 80%; top: 70%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_team_img .sh_sub_div_2 { position: absolute; transition: 0.5s; height: 40px; width: 40px; opacity: 0; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; background: #fff; font-size: 20px; border-radius: 100%; left: 87%; top: 40%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_team_img .sh_sub_div_3 { position: absolute; transition: 0.5s; height: 40px; width: 40px; opacity: 0; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; background: #fff; font-size: 20px; border-radius: 100%; left: 80%; top: 10%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_team_img .sh_sub_div_1 a { color: #003557; transition: 0.5s; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_team_img .sh_sub_div_2 a { color: #003557; transition: 0.5s; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_team_img .sh_sub_div_3 a { color: #003557; transition: 0.5s; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_team_img .sh_sub_div_1:hover { background: #0075C2; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_team_img .sh_sub_div_2:hover { background: #0075C2; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_team_img .sh_sub_div_3:hover { background: #0075C2; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_team_img .sh_sub_div_1:hover a { color: #fff; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_team_img .sh_sub_div_2:hover a { color: #fff; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_team_img .sh_sub_div_3:hover a { color: #fff; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_team_img:hover .sh_sub_div_1 { opacity: 1; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_team_img:hover .sh_sub_div_2 { opacity: 1; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_team_img:hover .sh_sub_div_3 { opacity: 1; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_team_title { font-size: 30px; color: #003557; margin-top: 40px; font-weight: 600; text-align: center; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_post { font-size: 20px; font-weight: 600; color: #0075C2; text-align: center; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_text { font-size: 18px; margin-top: 20px; color: #0075C2; word-spacing: 2px; text-align: center; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.7; color: #5f6368; font-size: 18px; } #sh_corpomate_theme_accounting_9 .second-row .sh_remove { display: none; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_team_img img._img_1 { object-position: top; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_team_img img._img_2 { object-position: center; } #sh_corpomate_theme_accounting_9 .second-row .our_team .sh_team_img img._img_3 { object-position: center; } @media screen and (min-width: 992px) and (max-width: 1199px) { #sh_corpomate_theme_accounting_9 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_9 .main-row .sh_our_service .h2 { font-size: 40px; } } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_accounting_9 .second-row .our_team { margin-bottom: 30px; } } @media (max-width: 820px) { #sh_corpomate_theme_accounting_9 .second-row .sh_remove { display: block; } #sh_corpomate_theme_accounting_9 .second-row .our_team { margin-bottom: 30px; } } @media (max-width: 567px) { #sh_corpomate_theme_accounting_9 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_9 .main-row .sh_our_service .h2 { font-size: 27px; } #sh_corpomate_theme_accounting_9 .main-row .sh_our_service h2 .sh_shape img, #sh_corpomate_theme_accounting_9 .main-row .sh_our_service .h2 .sh_shape img { height: 50px; width: 50px; } #sh_corpomate_theme_accounting_9 .main-row { margin-top: 0px; } #sh_corpomate_theme_accounting_9 .main-row .sh_service_text { margin-top: 20px; } } /*------------------------ snnipet 9 end ------------------------*/ /*----------------------- snnipet 10 start ------------------------*/ #sh_corpomate_theme_accounting_10 { position: relative; padding: 100px 0px; background-size: cover !important; background-position: center !important; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; z-index: 1; } #sh_corpomate_theme_accounting_10:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; background: #003557; opacity: .8; } #sh_corpomate_theme_accounting_10 .main-row { margin-top: 0px; } #sh_corpomate_theme_accounting_10 .main-row .sh_video_btn { height: 100px; z-index: 1; position: relative; width: 100px; background: #fff; border-radius: 100%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; color: #003557; font-size: 30px; margin: 0px auto; } #sh_corpomate_theme_accounting_10 .main-row .sh_heading h2, #sh_corpomate_theme_accounting_10 .main-row .sh_heading .h2 { text-align: center; font-size: 45px; margin-top: 30px; color: #fff; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_accounting_10 .main-row .sh_our_btn a { color: #fff; z-index: 1; overflow: hidden; transition: 0.5s; position: relative; text-align: center; border: 1px solid #fff; padding: 15px 30px; font-weight: 600; border-radius: 0; position: relative; } #sh_corpomate_theme_accounting_10 .main-row .sh_our_btn { text-align: center; margin-top: 40px; } #sh_corpomate_theme_accounting_10 .main-row .sh_our_btn a::before { z-index: -1; background: #fff; content: ''; height: 100%; transition: 0.5s; width: 5%; top: 0; left: 0; position: absolute; } #sh_corpomate_theme_accounting_10 .main-row .sh_our_btn a:hover { color: #003557; } #sh_corpomate_theme_accounting_10 .main-row .sh_our_btn a:hover:before { width: 100%; } #sh_corpomate_theme_accounting_10 .main-row .sh_video_btn::after { height: 120%; width: 120%; top: -10%; left: -10%; animation: sh_play_button_animation infinite 3s; background: #fff; animation-delay: 0.5s; z-index: -1; opacity: 0; content: ''; position: absolute; border-radius: 100%; } #sh_corpomate_theme_accounting_10 .main-row .sh_video_btn::before { height: 140%; animation-delay: 1s; width: 140%; top: -20%; left: -20%; animation: sh_play_button_animation infinite 3s; animation-delay: 1s; background: #fff; z-index: -1; opacity: 0; content: ''; position: absolute; border-radius: 100%; } @keyframes sh_play_button_animation { 0% { opacity: 0; } 50% { opacity: 0.4; } 100% { opacity: 0; } } @media screen and (min-width: 992px) and (max-width: 1199px) { #sh_corpomate_theme_accounting_10 .main-row .sh_heading h2, #sh_corpomate_theme_accounting_10 .main-row .sh_heading .h2 { font-size: 40px; } } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_accounting_10 .main-row .sh_heading h2, #sh_corpomate_theme_accounting_10 .main-row .sh_heading .h2 { font-size: 35px; } } @media (max-width: 820px) { #sh_corpomate_theme_accounting_10 .main-row { margin-top: 0px; } #sh_corpomate_theme_accounting_10 .main-row .sh_heading h2, #sh_corpomate_theme_accounting_10 .main-row .sh_heading .h2 { font-size: 35px; } } @media (max-width: 567px) { #sh_corpomate_theme_accounting_10 .main-row .sh_heading h2, #sh_corpomate_theme_accounting_10 .main-row .sh_heading .h2 { font-size: 30px; } #sh_corpomate_theme_accounting_10 .main-row .sh_video_btn { height: 80px; width: 80px; } } /*------------------------ snnipet 10 end ------------------------*/ /*------------------------ snnipet 12 start ------------------------*/ #sh_corpomate_theme_accounting_12 { width: 80%; padding: 20px 0px; margin: 0px auto; background: #fff; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; position: absolute; z-index: 5; margin-top: -50px; left: 10%; } #sh_corpomate_theme_accounting_12 .sh_img { padding: 10px 20px; border: 1px solid #ccc; } #sh_corpomate_theme_accounting_12 .sh_img img { height: 100px; object-fit: contain; } #sh_corpomate_theme_accounting_12 .owl-carousel .owl-item img { height: 100px !important; width: 100px !important; object-fit: contain !important; margin: 0px auto; } #sh_corpomate_theme_accounting_12 .owl-nav.disabled { display: none !important; } #sh_corpomate_theme_accounting_12 .owl-theme .owl-dots { display: none !important; } @media (max-width: 820px) { #sh_corpomate_theme_accounting_12 .owl-theme .owl-dots, #sh_corpomate_theme_accounting_12 .owl-theme .owl-nav { display: none !important; } } #sh_corpomate_theme_accounting_12 .owl-carousel .owl-item img { margin: 0px auto; } @media (max-width: 567px) { #sh_corpomate_theme_accounting_12 .owl-theme .owl-dots, #sh_corpomate_theme_accounting_12 .owl-theme .owl-nav { display: none !important; } #sh_corpomate_theme_accounting_12 { padding: 20px 0px; } } /*------------------------ snnipet 12 end ------------------------*/ /*------------------------ snnipet 12a start ------------------------*/ #sh_corpomate_theme_accounting_12a { width: 100%; padding: 150px 0px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; position: relative; background: #0075C2; padding-bottom: 50px; } #sh_corpomate_theme_accounting_12a .sh_content { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; padding: 0px 45px 0px 35px; } #sh_corpomate_theme_accounting_12a .sh_content .sh_our_text h1, #sh_corpomate_theme_accounting_12a .sh_content .sh_our_text .h1 { font-size: 30px; color: #fff; font-weight: 600; } #sh_corpomate_theme_accounting_12a .sh_content .sh_our_text p { font-size: 18px; color: #fff; } #sh_corpomate_theme_accounting_12a .sh_content .sh_our_btn a { color: #fff; z-index: 1; overflow: hidden; transition: 0.5s; position: relative; border: 2px solid #fff; padding: 15px 30px; font-weight: 600; border-radius: 0; text-decoration: none; } #sh_corpomate_theme_accounting_12a .sh_content .sh_our_btn a::before { z-index: -1; background: #fff; content: ''; height: 100%; transition: 0.5s; width: 5%; top: 0; left: 0; position: absolute; } #sh_corpomate_theme_accounting_12a .sh_content .sh_our_btn a:hover { color: #0075C2; } #sh_corpomate_theme_accounting_12a .sh_content .sh_our_btn a:hover:before { width: 100%; } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_accounting_12a .sh_content { padding: 0px 25px 0px 10px; } #sh_corpomate_theme_accounting_12a .sh_content .sh_our_text h1, #sh_corpomate_theme_accounting_12a .sh_content .sh_our_text .h1 { font-size: 25px; } #sh_corpomate_theme_accounting_12a .sh_content .sh_our_text p { font-size: 16px; } } @media (max-width: 820px) { #sh_corpomate_theme_accounting_12a .sh_content { padding: 0px !important; } #sh_corpomate_theme_accounting_12a .sh_content .sh_our_text p { font-size: 16px; } #sh_corpomate_theme_accounting_12a .sh_content .sh_our_text h1, #sh_corpomate_theme_accounting_12a .sh_content .sh_our_text .h1 { font-size: 25px; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_accounting_12a .sh_content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 0; } #sh_corpomate_theme_accounting_12a .sh_content .sh_our_btn { margin-top: 20px; } } @media (max-width: 567px) { #sh_corpomate_theme_accounting_12a .sh_content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 0; } #sh_corpomate_theme_accounting_12a { padding: 120px 0px; padding-bottom: 50px; } #sh_corpomate_theme_accounting_12a .sh_content .sh_our_text { text-align: center; } #sh_corpomate_theme_accounting_12a .sh_content .sh_our_btn { margin-top: 20px; } } /*------------------------ snnipet 12 ends ------------------------*/ /*----------------------------------------------------home page end----------------------------------------------------*/ /*----------------------------------------------------about page start----------------------------------------------------*/ /*------------------------ snnipet 13 start ------------------------*/ #sh_corpomate_theme_accounting_13 { width: 100%; position: relative; overflow: hidden; } #sh_corpomate_theme_accounting_13 .sh_about_banner { position: relative; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; z-index: 1; background-position: center !important; background-size: cover !important; height: 350px; padding: 100px 50px; } #sh_corpomate_theme_accounting_13 .sh_about_banner:before { position: absolute; top: 0; left: 0; content: ''; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.5); z-index: -1; } #sh_corpomate_theme_accounting_13 .sh_about_banner h1, #sh_corpomate_theme_accounting_13 .sh_about_banner .h1 { color: #fff; font-size: 45px; text-align: center; font-weight: 600; } #sh_corpomate_theme_accounting_13 .sh_about_banner h1 span, #sh_corpomate_theme_accounting_13 .sh_about_banner .h1 span { color: #0075C2; } #sh_corpomate_theme_accounting_13 .sh_breacrumb { position: absolute; bottom: 130px; background: rgba(213, 214, 215, 0.7); padding: 10px 25px; } #sh_corpomate_theme_accounting_13 .sh_breacrumb a { color: #222; font-weight: 600; } #sh_corpomate_theme_accounting_13 .sh_breacrumb span { color: #222; padding: 0 10px; } #sh_corpomate_theme_accounting_13 .sh_breacrumb .fa-link:before { content: '/' !important; font-weight: 600; font-size: 20px; } #sh_corpomate_theme_accounting_13 .sh_banner_side_text { width: 100%; padding: 50px 40px; background: #003557; padding-bottom: 50px; height: 450px; } #sh_corpomate_theme_accounting_13 .sh_banner_side_text h1, #sh_corpomate_theme_accounting_13 .sh_banner_side_text .h1 { font-size: 30px; color: #fff; font-weight: 600; } #sh_corpomate_theme_accounting_13 .sh_banner_side_text .sh_divider { width: 25%; border-bottom: 3px solid #fff; margin: 30px 0px; } #sh_corpomate_theme_accounting_13 .sh_banner_side_text .sh_text { color: #fff; font-size: 18px; padding: 0px 30px 0px 0px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_accounting_13 .sh_banner_side_text .sh_banner_btn { margin-top: 50px; } #sh_corpomate_theme_accounting_13 .sh_banner_side_text .sh_banner_btn a { color: #fff; z-index: 1; overflow: hidden; transition: 0.5s; position: relative; text-align: center; border: 1px solid #fff; padding: 15px 30px; font-weight: 600; border-radius: 0; position: relative; } #sh_corpomate_theme_accounting_13 .sh_banner_side_text .sh_banner_btn a::before { z-index: -1; background: #fff; content: ''; height: 100%; transition: 0.5s; width: 5%; top: 0; left: 0; position: absolute; } #sh_corpomate_theme_accounting_13 .sh_banner_side_text .sh_banner_btn a:hover { color: #003557; } #sh_corpomate_theme_accounting_13 .sh_banner_side_text .sh_banner_btn a:hover:before { width: 100%; } #sh_corpomate_theme_accounting_13 .main-row .col-12 { padding: 0px !important; } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_accounting_13 .sh_banner_side_text { padding: 50px 25px; height: 400px; } #sh_corpomate_theme_accounting_13 .sh_banner_side_text h1, #sh_corpomate_theme_accounting_13 .sh_banner_side_text .h1 { font-size: 23px; } #sh_corpomate_theme_accounting_13 .sh_banner_side_text .sh_text { font-size: 15px; } #sh_corpomate_theme_accounting_13 .sh_banner_side_text .sh_banner_btn a { padding: 10px 25px; } } @media (max-width: 820px) { #sh_corpomate_theme_accounting_13 .sh_banner_side_text h1, #sh_corpomate_theme_accounting_13 .sh_banner_side_text .h1 { font-size: 17px; } #sh_corpomate_theme_accounting_13 .sh_about_banner h1, #sh_corpomate_theme_accounting_13 .sh_about_banner .h1 { font-size: 40px; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_accounting_13 .sh_banner_side_text .sh_text { font-size: 16px; } #sh_corpomate_theme_accounting_13 .sh_banner_side_text { height: 350px; } #sh_corpomate_theme_accounting_13 .sh_banner_side_text .sh_banner_btn a { padding: 10px 25px; } } @media (max-width: 567px) { #sh_corpomate_theme_accounting_13 .sh_breacrumb { bottom: 55px; } #sh_corpomate_theme_accounting_13 .sh_banner_side_text h1, #sh_corpomate_theme_accounting_13 .sh_banner_side_text .h1 { font-size: 20px; } #sh_corpomate_theme_accounting_13 .sh_banner_side_text { height: 400px; } #sh_corpomate_theme_accounting_13 .sh_about_banner h1, #sh_corpomate_theme_accounting_13 .sh_about_banner .h1 { font-size: 27px; } #sh_corpomate_theme_accounting_13 .sh_about_banner { align-items: flex-start; padding: 50px; height: 200px !important; } } /*------------------------ snnipet 13 end ------------------------*/ /*------------------------ snnipet 14 start ------------------------*/ #sh_corpomate_theme_accounting_14 { position: relative; padding: 20px 0px; padding-bottom: 50px; } #sh_corpomate_theme_accounting_14 .main-row { margin-top: 50px; } #sh_corpomate_theme_accounting_14 .main-row .sh_our_service h5, #sh_corpomate_theme_accounting_14 .main-row .sh_our_service .h5 { font-size: 18px; color: #0075C2; margin-bottom: 10px; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_14 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_14 .main-row .sh_our_service .h2 { font-size: 40px; color: #222; position: relative; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_14 .main-row .sh_our_service h2 .sh_shape, #sh_corpomate_theme_accounting_14 .main-row .sh_our_service .h2 .sh_shape { position: absolute; top: 0; left: 0; height: 80px; width: 80px; } #sh_corpomate_theme_accounting_14 .main-row .sh_our_service h2 .sh_shape img, #sh_corpomate_theme_accounting_14 .main-row .sh_our_service .h2 .sh_shape img { height: 60px; width: 60px; } #sh_corpomate_theme_accounting_14 .main-row .sh_service_text { margin-top: 45px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.7; color: #5f6368; font-size: 18px; } #sh_corpomate_theme_accounting_14 .second-row { margin-top: 30px; padding: 30px 0px; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box { display: -webkit-inline-box; align-items: center; justify-content: space-between; position: relative; display: -webkit-box; width: 80%; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box .sh_icon { height: 110px; width: 110px; border-radius: 100%; margin-right: 20px; background: #0075C2; color: #fff; font-size: 30px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; position: relative; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box .sh_icon .fa.fa-check { outline: 5px solid #fff; outline-offset: 5px; border-radius: 100%; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box .sh_about_text h3, #sh_corpomate_theme_accounting_14 .second-row .sh_about_box .sh_about_text .h3 { font-size: 25px; font-weight: 600; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box .sh_about_text p { color: #5f6368; word-spacing: 2px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box .sh_about_box_inner { position: absolute; top: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; color: #0075C2; height: 30px; width: 30px; border-radius: 100%; background: #fff; font-size: 18px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; font-weight: 600; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_1 .sh_about_box_inner_1 { position: absolute; top: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; color: #0075C2; height: 30px; width: 30px; border-radius: 100%; background: #fff; font-size: 18px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; font-weight: 600; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_2 .sh_about_box_inner_2 { position: absolute; top: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; color: #0075C2; height: 30px; width: 30px; border-radius: 100%; background: #fff; font-size: 18px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; font-weight: 600; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_1 { display: -webkit-inline-box; align-items: center; justify-content: space-between; position: relative; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_1 .sh_icon_1 { height: 110px; width: 110px; border-radius: 100%; margin-right: 20px; background: #0075C2; color: #fff; font-size: 30px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; position: relative; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_1 .sh_icon_1 .fa.fa-check { outline: 5px solid #fff; outline-offset: 5px; border-radius: 100%; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_1 .sh_about_text h3, #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_1 .sh_about_text .h3 { font-size: 25px; font-weight: 600; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_1 .sh_about_text { width: 80%; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_2 .sh_about_text { width: 80%; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_1 .sh_about_text p { color: #5f6368; word-spacing: 2px; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_2 { display: -webkit-inline-box; align-items: center; justify-content: space-between; position: relative; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_2 .sh_icon_2 { height: 110px; width: 110px; border-radius: 100%; margin-right: 20px; background: #0075C2; color: #fff; font-size: 30px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; position: relative; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_2 .sh_icon_2 .fa.fa-check { outline: 5px solid #fff; outline-offset: 5px; border-radius: 100%; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_2 .sh_about_text h3, #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_2 .sh_about_text .h3 { font-size: 25px; font-weight: 600; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_2 .sh_about_text p { color: #5f6368; word-spacing: 2px; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_img { width: 100%; height: 350px; position: relative; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_img img { height: 100%; width: 100%; object-fit: cover; } #sh_corpomate_theme_accounting_14 .second-row .sh_sub_img { height: 350px; width: 55%; background-color: #fff; position: absolute; top: 30%; left: 0; } #sh_corpomate_theme_accounting_14 .second-row .sh_sub_img img { height: 85%; width: 90%; top: 5%; left: 5%; position: relative; transform: translate(0%, 0%); object-fit: cover; } #sh_corpomate_theme_accounting_14 .second-row .sh_space { position: relative; } #sh_corpomate_theme_accounting_14 .second-row .sh_img_content { height: 150px; width: 150px; transition: 0.5s; background: #0075C2; color: #fff; position: absolute; top: 50%; left: 40%; border-radius: 100%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_accounting_14 .second-row .sh_img_content h1, #sh_corpomate_theme_accounting_14 .second-row .sh_img_content .h1 { font-size: 40px; color: #fff; font-weight: 600; margin-bottom: 0px; } #sh_corpomate_theme_accounting_14 .second-row .sh_img_content h4, #sh_corpomate_theme_accounting_14 .second-row .sh_img_content .h4 { text-align: center; font-size: 18px; color: #fff; } @media screen and (min-width: 820px) and (max-width: 991px) { #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_2 { margin-bottom: 30px; } #sh_corpomate_theme_accounting_14 .main-row { margin-top: 30px; } } @media (max-width: 820px) { #sh_corpomate_theme_accounting_14 .second-row .sh_about_box .sh_icon { height: 120px; width: 120px; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_1 .sh_icon_1 { height: 120px; width: 120px; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_2 .sh_icon_2 { height: 120px; width: 120px; } #sh_corpomate_theme_accounting_14 .second-row .sh_space { margin-top: 50px; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box .sh_about_box_inner { left: auto; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_1 .sh_about_box_inner_1 { left: auto; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_2 .sh_about_box_inner_2 { left: auto; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_1.mt-5 { margin-top: 2rem !important; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_2.mt-5 { margin-top: 2rem !important; } } @media (max-width: 567px) { #sh_corpomate_theme_accounting_14 .second-row .sh_about_box .sh_icon { height: 100px; width: 100px; font-size: 20px; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_1 .sh_icon_1 { height: 100px; width: 100px; font-size: 20px; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_2 .sh_icon_2 { height: 100px; width: 100px; font-size: 20px; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box .sh_about_box_inner { left: auto; right: 0; top: 8%; font-size: 12px; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_1 .sh_about_box_inner_1 { left: auto; right: 0; top: 8%; font-size: 12px; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_2 .sh_about_box_inner_2 { left: auto; right: 0; top: 8%; font-size: 12px; } #sh_corpomate_theme_accounting_14 .second-row .sh_img_content h1, #sh_corpomate_theme_accounting_14 .second-row .sh_img_content .h1 { font-size: 30px; } #sh_corpomate_theme_accounting_14 .main-row .sh_our_service h2 .sh_shape img, #sh_corpomate_theme_accounting_14 .main-row .sh_our_service .h2 .sh_shape img { height: 50px; width: 50px; } #sh_corpomate_theme_accounting_14 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_14 .main-row .sh_our_service .h2 { font-size: 30px; } #sh_corpomate_theme_accounting_14 .second-row .sh_img_content { height: 120px; width: 120px; } #sh_corpomate_theme_accounting_14 .main-row .sh_service_text { margin-top: 10px; } #sh_corpomate_theme_accounting_14 .main-row { margin-top: 20px; } #sh_corpomate_theme_accounting_14 .second-row { margin-top: 0px; } #sh_corpomate_theme_accounting_14 { padding-bottom: 80px; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box .sh_about_text { width: 80%; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_1 .sh_about_text { width: 75%; } #sh_corpomate_theme_accounting_14 .second-row .sh_about_box_2 .sh_about_text { width: 75%; } } /*------------------------ snnipet 14 end ------------------------*/ /*------------------------ snnipet 15 start ------------------------*/ #sh_corpomate_theme_accounting_15 { position: relative; padding: 50px 0px; background: #003557; padding-bottom: 120px; } #sh_corpomate_theme_accounting_15 .main-row { margin-top: 50px; } #sh_corpomate_theme_accounting_15 .main-row .sh_our_service h5, #sh_corpomate_theme_accounting_15 .main-row .sh_our_service .h5 { font-size: 18px; color: #0075C2; margin-bottom: 10px; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_15 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_15 .main-row .sh_our_service .h2 { font-size: 40px; color: #fff; position: relative; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_15 .main-row .sh_our_service h2 .sh_shape, #sh_corpomate_theme_accounting_15 .main-row .sh_our_service .h2 .sh_shape { position: absolute; top: 0; left: 0; height: 80px; width: 80px; } #sh_corpomate_theme_accounting_15 .main-row .sh_our_service h2 .sh_shape img, #sh_corpomate_theme_accounting_15 .main-row .sh_our_service .h2 .sh_shape img { height: 60px; width: 60px; } #sh_corpomate_theme_accounting_15 .sh_video_content { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; } #sh_corpomate_theme_accounting_15 .sh_video_btn { position: relative; z-index: 1; margin: 0px 20px 0px 30px; height: 50px; width: 50px; border-radius: 50px; background: #fff; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; margin-top: 40px; } #sh_corpomate_theme_accounting_15 .sh_video_btn::after { height: 120%; width: 120%; top: -10%; left: -10%; animation: sh_play_button_animation infinite 3s; background: #fff; animation-delay: 0.5s; z-index: -1; opacity: 0; content: ''; position: absolute; border-radius: 100%; } #sh_corpomate_theme_accounting_15 .sh_video_btn::before { height: 140%; animation-delay: 1s; width: 140%; top: -20%; left: -20%; animation: sh_play_button_animation infinite 3s; animation-delay: 1s; background: #fff; z-index: -1; opacity: 0; content: ''; position: absolute; border-radius: 100%; } #sh_corpomate_theme_accounting_15 .sh_video_btn a { color: #003557; } @keyframes sh_play_button_animation { 0% { opacity: 0; } 50% { opacity: 0.4; } 100% { opacity: 0; } } #sh_corpomate_theme_accounting_15 .sh_banner_text a { font-size: 20px; transition: 0.5s; text-decoration: none; color: #fff; font-weight: 600; } #sh_corpomate_theme_accounting_15 .sh_banner_text { margin-top: 40px; } #sh_corpomate_theme_accounting_15 .sh_banner_text a:hover { color: #0075C2; } #sh_corpomate_theme_accounting_15 .sh_video_btn { margin: 0px 20px 0px -10px; } #sh_corpomate_theme_accounting_15 .sh_banner_text a { font-size: 18px; } #sh_corpomate_theme_accounting_15 .sh_video_content { align-items: baseline; } @media screen and (min-width: 820px) and (max-width: 991px) { #sh_corpomate_theme_accounting_15 .main-row { margin-top: 30px; } } @media (max-width: 567px) { #sh_corpomate_theme_accounting_15 { padding: 30px 0px; padding-bottom: 120px; } #sh_corpomate_theme_accounting_15 .sh_banner_text a { font-size: 18px; } #sh_corpomate_theme_accounting_15 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_15 .main-row .sh_our_service .h2 { font-size: 30px; } #sh_corpomate_theme_accounting_15 .sh_video_btn { margin: 0px 20px 0px 10px; } #sh_corpomate_theme_accounting_15 .main-row .sh_our_service h2 .sh_shape img, #sh_corpomate_theme_accounting_15 .main-row .sh_our_service .h2 .sh_shape img { height: 50px; width: 50px; } } /*------------------------ snnipet 15 end ------------------------*/ /*------------------------ snnipet 15 start ------------------------*/ #sh_corpomate_theme_accounting_15a { position: relative; background-position: center !important; width: 85%; margin: 0px auto; background-size: auto !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; padding: 30px 0px; margin-top: -80px; background: #fff; background-image: url("/sh_corpomate_theme/static/src/images/theme_1/images/sh_accounting_image_27.jpg") !important; } #sh_corpomate_theme_accounting_15a .sh_inner_row .sh_box { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; align-items: center; } #sh_corpomate_theme_accounting_15a .sh_inner_row .sh_box .sh_icon svg { height: 60px; width: 60px; fill: #0075C2 !important; } #sh_corpomate_theme_accounting_15a .sh_inner_row .sh_box .sh_title { margin-top: 20px; font-size: 35px; font-weight: 600; position: relative; } #sh_corpomate_theme_accounting_15a .sh_inner_row .sh_box .sh_title:after { color: #0075C2; font-size: 30px; position: absolute; content: "\f067"; display: inline-block; font: normal normal normal 30px/1 FontAwesome; font-size: inherit; text-rendering: auto; font-weight: 500; top: 17px; right: -20px; font-size: 22px !important; } #sh_corpomate_theme_accounting_15a .sh_inner_row .sh_box .sh_text { margin-top: 10px; font-size: 18px; color: #212121; } @media (max-width: 820px) { #sh_corpomate_theme_accounting_15a .sh_inner_row .sh_box { margin-bottom: 50px; } #sh_corpomate_theme_accounting_15a { background-size: cover !important; } } @media (max-width: 567px) { #sh_corpomate_theme_accounting_15a .sh_inner_row { margin-top: 50px; } #sh_corpomate_theme_accounting_15a { background: #fff !important; } #sh_corpomate_theme_accounting_15a .sh_inner_row .sh_box { margin-bottom: 30px; } } /*------------------------ snnipet 15 end ------------------------*/ /*------------------------ snnipet 16 start ------------------------*/ #sh_corpomate_theme_accounting_16 { padding: 100px 0px; position: relative; } #sh_corpomate_theme_accounting_16 .main-row { margin-top: 30px; } #sh_corpomate_theme_accounting_16 .main-row .sh_process_img { height: 450px; width: 100%; position: relative; } #sh_corpomate_theme_accounting_16 .main-row .sh_process_img img { height: 100%; width: 100%; object-fit: cover; } #sh_corpomate_theme_accounting_16 .main-row .sh_process_img .sh_sub_div { position: absolute; bottom: 50px; left: 0; padding: 10px 15px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; background: #0075C2; color: #fff; width: 60%; font-size: 20px; font-weight: 600; } #sh_corpomate_theme_accounting_16 .main-row .sh_process_img .sh_sub_div:before { width: 0; height: 0; border-top: 84px solid #0075C2; border-right: 59px solid transparent; content: ""; position: absolute; right: -59px; top: 0; bottom: 0; } #sh_corpomate_theme_accounting_16 .main-row .sh_our_service h5, #sh_corpomate_theme_accounting_16 .main-row .sh_our_service .h5 { font-size: 18px; color: #0075C2; margin-bottom: 10px; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_16 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_16 .main-row .sh_our_service .h2 { font-size: 40px; color: #222; position: relative; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_16 .main-row .sh_our_service h2 .sh_shape, #sh_corpomate_theme_accounting_16 .main-row .sh_our_service .h2 .sh_shape { position: absolute; top: 0; left: 0; height: 80px; width: 80px; } #sh_corpomate_theme_accounting_16 .main-row .sh_our_service h2 .sh_shape img, #sh_corpomate_theme_accounting_16 .main-row .sh_our_service .h2 .sh_shape img { height: 60px; width: 60px; } #sh_corpomate_theme_accounting_16 .main-row .sh_text { margin-top: 30px; color: #5f6368; word-spacing: 2px; padding: 0px 20px 0px 80px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.7; font-size: 18px; } #sh_corpomate_theme_accounting_16 .main-row .sh_box { display: -webkit-inline-box; align-items: center; margin-top: 10px; padding: 30px 50px 0px 70px; } #sh_corpomate_theme_accounting_16 .main-row .sh_box .sh_icon { height: 100px; width: 100px; border-radius: 100%; background-color: #0075C2; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; margin-right: 20px; } #sh_corpomate_theme_accounting_16 .main-row .sh_box .sh_icon svg { height: 45px; width: 45px; fill: #fff !important; } #sh_corpomate_theme_accounting_16 .main-row .sh_box .sh_content h3, #sh_corpomate_theme_accounting_16 .main-row .sh_box .sh_content .h3 { font-size: 25px; font-weight: 600; } #sh_corpomate_theme_accounting_16 .main-row .sh_box .sh_content p { color: #5f6368; margin-top: 5px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 18px; } @media screen and (min-width: 820px) and (max-width: 991px) { #sh_corpomate_theme_accounting_16 .main-row .sh_our_service { margin-top: 20px; } #sh_corpomate_theme_accounting_16 .main-row .sh_process_img .sh_sub_div:before { display: none; } } @media (max-width: 820px) { #sh_corpomate_theme_accounting_16 .main-row .sh_order_1 { order: 1; } #sh_corpomate_theme_accounting_16 .main-row .sh_order { order: 2; } #sh_corpomate_theme_accounting_16 .main-row .sh_process_img .sh_sub_div:before { border-top: 53px solid #0075C2; border-right: 60px solid transparent; } #sh_corpomate_theme_accounting_16 .main-row .sh_process_img { margin-top: 50px; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_accounting_16 .main-row .sh_process_img .sh_sub_div:before { display: none; } } @media (max-width: 567px) { #sh_corpomate_theme_accounting_16 .main-row .sh_text { padding: 0; } #sh_corpomate_theme_accounting_16 { padding: 40px 0px; padding-bottom: 60px; } #sh_corpomate_theme_accounting_16 .main-row .sh_box { padding: 0px; } #sh_corpomate_theme_accounting_16 .main-row .sh_box .sh_icon { height: 100px; width: 100px; } #sh_corpomate_theme_accounting_16 .main-row .sh_box .sh_icon svg { height: 35px; width: 35px; } #sh_corpomate_theme_accounting_16 .main-row .sh_our_service h2 .sh_shape img, #sh_corpomate_theme_accounting_16 .main-row .sh_our_service .h2 .sh_shape img { height: 50px; width: 50px; } #sh_corpomate_theme_accounting_16 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_16 .main-row .sh_our_service .h2 { font-size: 27px; } #sh_corpomate_theme_accounting_16 .main-row .sh_box .sh_content h3, #sh_corpomate_theme_accounting_16 .main-row .sh_box .sh_content .h3 { font-size: 20px; } #sh_corpomate_theme_accounting_16 .main-row { margin-top: 20px; } #sh_corpomate_theme_accounting_16 .main-row .sh_box .sh_text { width: 65%; } #sh_corpomate_theme_accounting_16 .main-row .sh_text { margin-top: 40px; margin-bottom: 50px; } #sh_corpomate_theme_accounting_16 .main-row .sh_process_img .sh_sub_div:before { border-top: 79px solid #0075C2; border-right: 60px solid transparent; } #sh_corpomate_theme_accounting_16 .main-row .sh_box .sh_content { width: 70%; } #sh_corpomate_theme_accounting_16 { margin-bottom: 20px; } } /*------------------------ snnipet 16 end ------------------------*/ /*----------------------------------------------------about page end----------------------------------------------------*/ /*------------------------ snnipet 17 start ------------------------*/ #sh_corpomate_theme_accounting_17 { width: 100%; position: relative; overflow: hidden; } #sh_corpomate_theme_accounting_17 .sh_about_banner { position: relative; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; z-index: 1; background-position: center !important; background-size: cover !important; height: 350px; padding: 100px 50px; } #sh_corpomate_theme_accounting_17 .sh_about_banner:before { position: absolute; top: 0; left: 0; content: ''; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.5); z-index: -1; } #sh_corpomate_theme_accounting_17 .sh_about_banner h1, #sh_corpomate_theme_accounting_17 .sh_about_banner .h1 { color: #fff; font-size: 45px; text-align: center; font-weight: 600; } #sh_corpomate_theme_accounting_17 .sh_about_banner h1 span, #sh_corpomate_theme_accounting_17 .sh_about_banner .h1 span { color: #0075C2; } #sh_corpomate_theme_accounting_17 .sh_breacrumb { position: absolute; bottom: 130px; background: rgba(213, 214, 215, 0.7); padding: 10px 25px; } #sh_corpomate_theme_accounting_17 .sh_breacrumb a { color: #222; font-weight: 600; } #sh_corpomate_theme_accounting_17 .sh_breacrumb span { color: #222; padding: 0 10px; } #sh_corpomate_theme_accounting_17 .sh_breacrumb .fa-link:before { content: '/' !important; font-weight: 600; font-size: 20px; } #sh_corpomate_theme_accounting_17 .sh_banner_side_text { width: 100%; padding: 50px 40px; background: #003557; padding-bottom: 50px; height: 450px; } #sh_corpomate_theme_accounting_17 .sh_banner_side_text h1, #sh_corpomate_theme_accounting_17 .sh_banner_side_text .h1 { font-size: 28px; color: #fff; font-weight: 600; } #sh_corpomate_theme_accounting_17 .sh_banner_side_text .sh_divider { width: 25%; border-bottom: 3px solid #fff; margin: 30px 0px; } #sh_corpomate_theme_accounting_17 .sh_banner_side_text .sh_text { color: #fff; font-size: 18px; padding: 0px 30px 0px 0px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_accounting_17 .sh_banner_side_text .sh_banner_btn { margin-top: 50px; } #sh_corpomate_theme_accounting_17 .sh_banner_side_text .sh_banner_btn a { color: #fff; z-index: 1; overflow: hidden; transition: 0.5s; position: relative; text-align: center; border: 1px solid #fff; padding: 15px 30px; font-weight: 600; border-radius: 0; position: relative; } #sh_corpomate_theme_accounting_17 .sh_banner_side_text .sh_banner_btn a::before { z-index: -1; background: #fff; content: ''; height: 100%; transition: 0.5s; width: 5%; top: 0; left: 0; position: absolute; } #sh_corpomate_theme_accounting_17 .sh_banner_side_text .sh_banner_btn a:hover { color: #003557; } #sh_corpomate_theme_accounting_17 .sh_banner_side_text .sh_banner_btn a:hover:before { width: 100%; } #sh_corpomate_theme_accounting_17 .main-row .col-12 { padding: 0px !important; } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_accounting_17 .sh_banner_side_text { padding: 50px 25px; height: 400px; } #sh_corpomate_theme_accounting_17 .sh_banner_side_text h1, #sh_corpomate_theme_accounting_17 .sh_banner_side_text .h1 { font-size: 23px; } #sh_corpomate_theme_accounting_17 .sh_banner_side_text .sh_text { font-size: 15px; } #sh_corpomate_theme_accounting_17 .sh_banner_side_text .sh_banner_btn a { padding: 10px 25px; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_accounting_17 .sh_banner_side_text .sh_text { font-size: 15px; } #sh_corpomate_theme_accounting_17 .sh_banner_side_text { height: 350px; } } @media (max-width: 820px) { #sh_corpomate_theme_accounting_17 .sh_banner_side_text h1, #sh_corpomate_theme_accounting_17 .sh_banner_side_text .h1 { font-size: 18px; } #sh_corpomate_theme_accounting_17 .sh_about_banner h1, #sh_corpomate_theme_accounting_17 .sh_about_banner .h1 { font-size: 40px; } } @media (max-width: 567px) { #sh_corpomate_theme_accounting_17 .sh_breacrumb { bottom: 55px; } #sh_corpomate_theme_accounting_17 .sh_banner_side_text h1, #sh_corpomate_theme_accounting_17 .sh_banner_side_text .h1 { font-size: 20px; } #sh_corpomate_theme_accounting_17 .sh_banner_side_text { height: 400px; } #sh_corpomate_theme_accounting_17 .sh_about_banner h1, #sh_corpomate_theme_accounting_17 .sh_about_banner .h1 { font-size: 30px; } #sh_corpomate_theme_accounting_17 .sh_about_banner { align-items: flex-start; padding: 50px; height: 200px !important; } } /*------------------------ snnipet 17 end ------------------------*/ /*------------------------ snnipet 18 start ------------------------*/ #sh_corpomate_theme_accounting_18 { position: relative; padding: 50px 0px; padding-bottom: 50px; } #sh_corpomate_theme_accounting_18 .main-row { margin-top: 50px; } #sh_corpomate_theme_accounting_18 .main-row .sh_our_service h5, #sh_corpomate_theme_accounting_18 .main-row .sh_our_service .h5 { font-size: 18px; color: #0075C2; margin-bottom: 10px; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_18 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_18 .main-row .sh_our_service .h2 { font-size: 45px; color: #222; position: relative; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_18 .main-row .sh_our_service h2 .sh_shape, #sh_corpomate_theme_accounting_18 .main-row .sh_our_service .h2 .sh_shape { position: absolute; top: 0; left: 0; height: 80px; width: 80px; } #sh_corpomate_theme_accounting_18 .main-row .sh_our_service h2 .sh_shape img, #sh_corpomate_theme_accounting_18 .main-row .sh_our_service .h2 .sh_shape img { height: 60px; width: 60px; } #sh_corpomate_theme_accounting_18 .main-row .sh_service_text { margin-top: 45px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 18px; line-height: 1.7; } #sh_corpomate_theme_accounting_18 .second-row { margin-top: 50px; } #sh_corpomate_theme_accounting_18 .second-row .sh_icon svg { height: 50px; transition: 0.5s; width: 50px; margin-right: 30px; } #sh_corpomate_theme_accounting_18 .second-row .nav-pills .nav-link.active .sh_icon svg { fill: #fff !important; } #sh_corpomate_theme_accounting_18 .second-row .nav-pills .nav-link { width: 100%; border: 1px solid #e4e4e4; margin-bottom: 20px; font-size: 20px; padding: 30px 25px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; font-weight: 600; color: #081b3a; position: relative; background: #ffffff; box-shadow: none !important; margin-bottom: 30px !important; } #sh_corpomate_theme_accounting_18 .second-row .nav-pills .nav-link.active { color: #FFFFFF; background-color: #003557; } #sh_corpomate_theme_accounting_18 .second-row .nav-pills .nav-link span { text-transform: capitalize !important; font-size: 22px; font-weight: normal; } #sh_corpomate_theme_accounting_18 .second-row .btn-simple { margin-right: 20px; color: #003557; } #sh_corpomate_theme_accounting_18 .second-row .btn-simple:hover { color: #0075C2; } #sh_corpomate_theme_accounting_18 .second-row .btn-simple span { margin-left: 5px; font-size: 20px; } #sh_corpomate_theme_accounting_18 .second-row .tab-pane h4, #sh_corpomate_theme_accounting_18 .second-row .tab-pane .h4 { font-size: 25px; color: #003557; font-weight: 600; margin: 15px 0px; } #sh_corpomate_theme_accounting_18 .second-row .tab-pane p { display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 18px; line-height: 1.7; } #sh_corpomate_theme_accounting_18 .second-row .tab-content img { height: 360px; object-fit: cover; } @media screen and (min-width: 992px) and (max-width: 1199px) { #sh_corpomate_theme_accounting_18 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_18 .main-row .sh_our_service .h2 { font-size: 40px; } #sh_corpomate_theme_accounting_18 .second-row .nav-pills .nav-link span { font-size: 20px; } } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_accounting_18 .main-row { margin-top: 25px; } } @media (max-width: 820px) { #sh_corpomate_theme_accounting_18 .main-row .sh_service_text { margin-top: 20px; } #sh_corpomate_theme_accounting_18 .second-row .img-fluid.rounded.w-100.mb-4 { height: 300px; } #sh_corpomate_theme_accounting_18 .second-row .sh_icon svg { height: 40px; transition: 0.5s; width: 40px; margin-right: 20px; } #sh_corpomate_theme_accounting_18 .second-row .nav-pills .nav-link span { font-size: 18px; } #sh_corpomate_theme_accounting_18 { padding: 0px; padding-bottom: 50px; } #sh_corpomate_theme_accounting_18 .main-row { margin-top: 0px; } } @media (max-width: 567px) { #sh_corpomate_theme_accounting_18 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_18 .main-row .sh_our_service .h2 { font-size: 27px; } #sh_corpomate_theme_accounting_18 { margin-top: 30px; } #sh_corpomate_theme_accounting_18 .second-row .tab-pane h4, #sh_corpomate_theme_accounting_18 .second-row .tab-pane .h4 { font-size: 20px; } #sh_corpomate_theme_accounting_18 .second-row .tab-content { margin-top: 30px; } #sh_corpomate_theme_accounting_18 .second-row { margin-top: 30px; } #sh_corpomate_theme_accounting_18 .main-row .sh_our_service h2 .sh_shape img, #sh_corpomate_theme_accounting_18 .main-row .sh_our_service .h2 .sh_shape img { height: 50px; width: 50px; } #sh_corpomate_theme_accounting_18 .second-row .nav-pills .nav-link { margin-bottom: 15px !important; } } /*------------------------ snnipet 18 end ------------------------*/ /*------------------------ snnipet 19 start ------------------------*/ #sh_corpomate_theme_accounting_19 { position: relative; padding: 100px 0px; background-size: cover !important; background-position: center !important; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; z-index: 1; } #sh_corpomate_theme_accounting_19:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; background: #003557; opacity: .8; } #sh_corpomate_theme_accounting_19 .main-row { margin-top: 0px; } #sh_corpomate_theme_accounting_19 .main-row .sh_heading h2, #sh_corpomate_theme_accounting_19 .main-row .sh_heading .h2 { text-align: center; font-size: 35px; margin-top: 0px; color: #fff; font-weight: 600; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_accounting_19 .main-row .sh_heading p { font-size: 18px; color: #fff; margin-top: 20px; padding: 0px 250px 0px 260px; text-align: center; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_accounting_19 .main-row .sh_our_btn a { color: #fff; z-index: 1; overflow: hidden; transition: 0.5s; position: relative; text-align: center; border: 1px solid #fff; padding: 15px 30px; font-weight: 600; border-radius: 0; position: relative; } #sh_corpomate_theme_accounting_19 .main-row .sh_our_btn { text-align: center; margin-top: 40px; } #sh_corpomate_theme_accounting_19 .main-row .sh_our_btn a::before { z-index: -1; background: #fff; content: ''; height: 100%; transition: 0.5s; width: 5%; top: 0; left: 0; position: absolute; } #sh_corpomate_theme_accounting_19 .main-row .sh_our_btn a:hover { color: #003557; } #sh_corpomate_theme_accounting_19 .main-row .sh_our_btn a:hover:before { width: 100%; } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_accounting_19 .main-row .sh_heading p { padding: 0px 50px 0px 50px; } } @media (max-width: 820px) { #sh_corpomate_theme_accounting_19 .main-row { margin-top: 0px; } #sh_corpomate_theme_accounting_19 .main-row .sh_heading p { padding: 0px 50px 0px 50px; } } @media (max-width: 567px) { #sh_corpomate_theme_accounting_19 .main-row .sh_heading h2, #sh_corpomate_theme_accounting_19 .main-row .sh_heading .h2 { font-size: 30px; } #sh_corpomate_theme_accounting_19 .main-row .sh_heading p { padding: 0; } #sh_corpomate_theme_accounting_19 { padding-top: 70px; } } /*------------------------ snnipet 19 end ------------------------*/ /*------------------------ snnipet 20 start ------------------------*/ #sh_corpomate_theme_accounting_20 { position: relative; padding: 50px 0px; padding-bottom: 50px; } #sh_corpomate_theme_accounting_20 .main-row { margin-top: 50px; } #sh_corpomate_theme_accounting_20 .main-row .sh_our_service h5, #sh_corpomate_theme_accounting_20 .main-row .sh_our_service .h5 { font-size: 18px; color: #0075C2; margin-bottom: 10px; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_20 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_20 .main-row .sh_our_service .h2 { font-size: 45px; color: #222; position: relative; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_20 .main-row .sh_our_service h2 .sh_shape, #sh_corpomate_theme_accounting_20 .main-row .sh_our_service .h2 .sh_shape { position: absolute; top: 0; left: 0; height: 80px; width: 80px; } #sh_corpomate_theme_accounting_20 .main-row .sh_our_service h2 .sh_shape img, #sh_corpomate_theme_accounting_20 .main-row .sh_our_service .h2 .sh_shape img { height: 60px; width: 60px; } #sh_corpomate_theme_accounting_20 .main-row .sh_service_text { margin-top: 45px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 18px; line-height: 1.7; color: #5f6368; } #sh_corpomate_theme_accounting_20 .second-row { margin-top: 50px; } #sh_corpomate_theme_accounting_20 .second-row .sh_box { width: 100%; margin-bottom: 30px; padding: 30px 20px; box-shadow: 0 0rem 0.5rem rgba(0, 0, 0, 0.15) !important; } #sh_corpomate_theme_accounting_20 .second-row .sh_box .sh_content { display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; } #sh_corpomate_theme_accounting_20 .second-row .sh_box .sh_content .sh_icon { margin-right: 20px; } #sh_corpomate_theme_accounting_20 .second-row .sh_box .sh_content .sh_icon svg { height: 40px; width: 40px; fill: #0075C2 !important; } #sh_corpomate_theme_accounting_20 .second-row .sh_box .sh_content .sh_description h3, #sh_corpomate_theme_accounting_20 .second-row .sh_box .sh_content .sh_description .h3 { font-size: 25px; font-weight: 600; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_accounting_20 .second-row .sh_box .sh_content .sh_description p { font-size: 18px; margin-top: 20px; color: #5f6368; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_accounting_20 .second-row .sh_box .sh_content .sh_description .sh_btn { margin-top: 20px; } #sh_corpomate_theme_accounting_20 .second-row .sh_box .sh_content .sh_description .sh_btn a { font-size: 17px; color: #0075C2; text-decoration: none; } #sh_corpomate_theme_accounting_20 .second-row .sh_box .sh_content .sh_description .sh_btn a:hover, #sh_corpomate_theme_accounting_20 .second-row .sh_box .sh_content .sh_description .sh_btn a:hover span { color: #003557; } #sh_corpomate_theme_accounting_20 .second-row .sh_box .sh_content .sh_description .sh_btn a span { margin-left: 10px; color: #0075C2; } @media screen and (min-width: 992px) and (max-width: 1199px) { #sh_corpomate_theme_accounting_20 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_20 .main-row .sh_our_service .h2 { font-size: 38px; } #sh_corpomate_theme_accounting_20 .second-row .sh_box .sh_content .sh_description p { font-size: 16px; } } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_accounting_20 .main-row .sh_service_text { margin-top: 20px; } #sh_corpomate_theme_accounting_20 .second-row .sh_box .sh_content .sh_description h3, #sh_corpomate_theme_accounting_20 .second-row .sh_box .sh_content .sh_description .h3 { font-size: 23px; } #sh_corpomate_theme_accounting_20 .second-row .sh_box .sh_content .sh_description p { font-size: 15px; } } @media (max-width: 567px) { #sh_corpomate_theme_accounting_20 .main-row { margin-top: 0px; } #sh_corpomate_theme_accounting_20 .main-row .sh_our_service h2 .sh_shape img, #sh_corpomate_theme_accounting_20 .main-row .sh_our_service .h2 .sh_shape img { height: 50px; width: 50px; } #sh_corpomate_theme_accounting_20 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_20 .main-row .sh_our_service .h2 { font-size: 27px; } #sh_corpomate_theme_accounting_20 .main-row .sh_service_text { margin-top: 20px; } #sh_corpomate_theme_accounting_20 { margin-bottom: 70px; } } /*------------------------ snnipet 20 end ------------------------*/ /*------------------------ snnipet 21 start ------------------------*/ #sh_corpomate_theme_accounting_21 { width: 100%; position: relative; overflow: hidden; } #sh_corpomate_theme_accounting_21 .sh_about_banner { position: relative; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; z-index: 1; background-position: center !important; background-size: cover !important; height: 350px; padding: 100px 50px; } #sh_corpomate_theme_accounting_21 .sh_about_banner:before { position: absolute; top: 0; left: 0; content: ''; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.5); z-index: -1; } #sh_corpomate_theme_accounting_21 .sh_about_banner h1, #sh_corpomate_theme_accounting_21 .sh_about_banner .h1 { color: #fff; font-size: 45px; text-align: center; font-weight: 600; } #sh_corpomate_theme_accounting_21 .sh_about_banner h1 span, #sh_corpomate_theme_accounting_21 .sh_about_banner .h1 span { color: #0075C2; } #sh_corpomate_theme_accounting_21 .sh_breacrumb { position: absolute; bottom: 130px; background: rgba(213, 214, 215, 0.7); padding: 10px 25px; } #sh_corpomate_theme_accounting_21 .sh_breacrumb a { color: #222; font-weight: 600; } #sh_corpomate_theme_accounting_21 .sh_breacrumb span { color: #222; padding: 0 10px; } #sh_corpomate_theme_accounting_21 .sh_breacrumb .fa-link:before { content: '/' !important; font-weight: 600; font-size: 20px; } #sh_corpomate_theme_accounting_21 .sh_banner_side_text { width: 100%; padding: 50px 40px; background: #003557; padding-bottom: 50px; height: 450px; } #sh_corpomate_theme_accounting_21 .sh_banner_side_text h1, #sh_corpomate_theme_accounting_21 .sh_banner_side_text .h1 { font-size: 28px; color: #fff; font-weight: 600; } #sh_corpomate_theme_accounting_21 .sh_banner_side_text .sh_divider { width: 25%; border-bottom: 3px solid #fff; margin: 30px 0px; } #sh_corpomate_theme_accounting_21 .sh_banner_side_text .sh_text { color: #fff; font-size: 18px; padding: 0px 30px 0px 0px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_accounting_21 .sh_banner_side_text .sh_banner_btn { margin-top: 50px; } #sh_corpomate_theme_accounting_21 .sh_banner_side_text .sh_banner_btn a { color: #fff; z-index: 1; overflow: hidden; transition: 0.5s; position: relative; text-align: center; border: 1px solid #fff; padding: 15px 30px; font-weight: 600; border-radius: 0; position: relative; } #sh_corpomate_theme_accounting_21 .sh_banner_side_text .sh_banner_btn a::before { z-index: -1; background: #fff; content: ''; height: 100%; transition: 0.5s; width: 5%; top: 0; left: 0; position: absolute; } #sh_corpomate_theme_accounting_21 .sh_banner_side_text .sh_banner_btn a:hover { color: #003557; } #sh_corpomate_theme_accounting_21 .sh_banner_side_text .sh_banner_btn a:hover:before { width: 100%; } #sh_corpomate_theme_accounting_21 .main-row .col-12 { padding: 0px !important; } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_accounting_21 .sh_banner_side_text { padding: 50px 25px; height: 400px; } #sh_corpomate_theme_accounting_21 .sh_banner_side_text h1, #sh_corpomate_theme_accounting_21 .sh_banner_side_text .h1 { font-size: 23px; } #sh_corpomate_theme_accounting_21 .sh_banner_side_text .sh_text { font-size: 15px; } #sh_corpomate_theme_accounting_21 .sh_banner_side_text .sh_banner_btn a { padding: 10px 25px; } } @media (max-width: 820px) { #sh_corpomate_theme_accounting_21 .sh_banner_side_text h1, #sh_corpomate_theme_accounting_21 .sh_banner_side_text .h1 { font-size: 17px; } #sh_corpomate_theme_accounting_21 .sh_about_banner h1, #sh_corpomate_theme_accounting_21 .sh_about_banner .h1 { font-size: 40px; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_accounting_21 .sh_banner_side_text .sh_text { font-size: 15px; } #sh_corpomate_theme_accounting_21 .sh_banner_side_text { height: 350px; } } @media (max-width: 567px) { #sh_corpomate_theme_accounting_21 .sh_breacrumb { bottom: 55px; } #sh_corpomate_theme_accounting_21 .sh_banner_side_text h1, #sh_corpomate_theme_accounting_21 .sh_banner_side_text .h1 { font-size: 20px; } #sh_corpomate_theme_accounting_21 .sh_banner_side_text { height: 400px; } #sh_corpomate_theme_accounting_21 .sh_about_banner h1, #sh_corpomate_theme_accounting_21 .sh_about_banner .h1 { font-size: 30px; } #sh_corpomate_theme_accounting_21 .sh_about_banner { align-items: flex-start; padding: 50px; height: 200px !important; } } /*------------------------ snnipet 21 end ------------------------*/ /*------------------------ snnipet 22 start ------------------------*/ #sh_corpomate_theme_accounting_22 { position: relative; padding: 50px 0px; padding-bottom: 80px; } #sh_corpomate_theme_accounting_22 .main-row { margin-top: 50px; } #sh_corpomate_theme_accounting_22 .main-row .sh_our_service h5, #sh_corpomate_theme_accounting_22 .main-row .sh_our_service .h5 { font-size: 18px; color: #0075C2; margin-bottom: 10px; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_22 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_22 .main-row .sh_our_service .h2 { font-size: 45px; color: #222; position: relative; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_22 .main-row .sh_our_service h2 .sh_shape, #sh_corpomate_theme_accounting_22 .main-row .sh_our_service .h2 .sh_shape { position: absolute; top: 0; left: 0; height: 80px; width: 80px; } #sh_corpomate_theme_accounting_22 .main-row .sh_our_service h2 .sh_shape img, #sh_corpomate_theme_accounting_22 .main-row .sh_our_service .h2 .sh_shape img { height: 60px; width: 60px; } #sh_corpomate_theme_accounting_22 .main-row .sh_service_text { margin-top: 50px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 18px; color: #5f6368; line-height: 1.7; } #sh_corpomate_theme_accounting_22 .second-row { margin-top: 50px; } #sh_corpomate_theme_accounting_22 .second-row .our_team { width: 100%; padding: 30px 20px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; height: 480px; margin-bottom: 40px; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_team_img { height: 180px; width: 180px; border-radius: 100%; position: relative; margin: 0px auto; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_team_img img { height: 100%; width: 100%; object-fit: cover; object-position: center; border-radius: 100%; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_team_img .sh_sub_div { position: absolute; height: 50px; transition: 0.5s; width: 50px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; font-size: 20px; bottom: -20px; left: 38%; background: #003557; color: #fff; border-radius: 100%; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_team_img .sh_sub_div a { color: #fff; text-decoration: none; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_team_img:hover .fa.fa-plus:before { content: '\f068'; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_team_img .sh_sub_div:hover .fa.fa-plus:before { transition: 0.5s; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_team_img:hover .sh_sub_div { background-color: #0075C2; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_team_img .sh_sub_div_1 { position: absolute; transition: 0.5s; height: 40px; width: 40px; opacity: 0; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; background: #fff; font-size: 20px; border-radius: 100%; left: 80%; top: 70%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_team_img .sh_sub_div_2 { position: absolute; transition: 0.5s; height: 40px; width: 40px; opacity: 0; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; background: #fff; font-size: 20px; border-radius: 100%; left: 87%; top: 40%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_team_img .sh_sub_div_3 { position: absolute; transition: 0.5s; height: 40px; width: 40px; opacity: 0; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; background: #fff; font-size: 20px; border-radius: 100%; left: 80%; top: 10%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_team_img .sh_sub_div_1 a { color: #003557; transition: 0.5s; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_team_img .sh_sub_div_2 a { color: #003557; transition: 0.5s; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_team_img .sh_sub_div_3 a { color: #003557; transition: 0.5s; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_team_img .sh_sub_div_1:hover { background: #0075C2; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_team_img .sh_sub_div_2:hover { background: #0075C2; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_team_img .sh_sub_div_3:hover { background: #0075C2; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_team_img .sh_sub_div_1:hover a { color: #fff; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_team_img .sh_sub_div_2:hover a { color: #fff; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_team_img .sh_sub_div_3:hover a { color: #fff; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_team_img:hover .sh_sub_div_1 { opacity: 1; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_team_img:hover .sh_sub_div_2 { opacity: 1; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_team_img:hover .sh_sub_div_3 { opacity: 1; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_team_title { font-size: 30px; color: #003557; margin-top: 40px; font-weight: 600; text-align: center; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_post { font-size: 20px; font-weight: 600; color: #0075C2; text-align: center; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_text { font-size: 18px; margin-top: 20px; color: #5f6368; word-spacing: 2px; text-align: center; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.7; } #sh_corpomate_theme_accounting_22 .second-row .sh_remove { display: none; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_team_img img._img_1 { object-position: top; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_team_img img._img_2 { object-position: center; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_team_img img._img_3 { object-position: center; } @media screen and (min-width: 992px) and (max-width: 1199px) { #sh_corpomate_theme_accounting_22 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_22 .main-row .sh_our_service .h2 { font-size: 40px; } } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_accounting_22 .main-row { margin-top: 30px; } #sh_corpomate_theme_accounting_22 .main-row .sh_service_text { margin-top: 30px; } #sh_corpomate_theme_accounting_22 .second-row .our_team .sh_text { font-size: 16px; } #sh_corpomate_theme_accounting_22 { padding-bottom: 50px; } } @media (max-width: 820px) { #sh_corpomate_theme_accounting_22 .second-row .sh_remove { display: block; } #sh_corpomate_theme_accounting_22 .second-row .our_team { margin-bottom: 30px; } #sh_corpomate_theme_accounting_22 { padding-top: 0px; } } @media (max-width: 567px) { #sh_corpomate_theme_accounting_22 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_22 .main-row .sh_our_service .h2 { font-size: 27px; } #sh_corpomate_theme_accounting_22 .main-row .sh_our_service h2 .sh_shape img, #sh_corpomate_theme_accounting_22 .main-row .sh_our_service .h2 .sh_shape img { height: 50px; width: 50px; } #sh_corpomate_theme_accounting_22 .main-row { margin-top: 0px; } #sh_corpomate_theme_accounting_22 .main-row .sh_service_text { margin-top: 20px; } #sh_corpomate_theme_accounting_22 { padding-bottom: 30px; padding-top: 30px; } } /*------------------------ snnipet 22 end ------------------------*/ /*------------------------ snnipet 23 start ------------------------*/ #sh_corpomate_theme_accounting_23 { padding: 50px 0px; position: relative; } #sh_corpomate_theme_accounting_23 .main-row { margin-top: 30px; } #sh_corpomate_theme_accounting_23 .main-row .sh_process_img { height: 450px; width: 100%; position: relative; } #sh_corpomate_theme_accounting_23 .main-row .sh_process_img img { height: 100%; width: 100%; object-fit: cover; } #sh_corpomate_theme_accounting_23 .main-row .sh_process_img .sh_sub_div { position: absolute; bottom: 50px; left: 0; padding: 10px 15px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; background: #0075C2; color: #fff; width: 60%; font-size: 20px; font-weight: 600; } #sh_corpomate_theme_accounting_23 .main-row .sh_process_img .sh_sub_div:before { width: 0; height: 0; border-top: 84px solid #0075C2; border-right: 59px solid transparent; content: ""; position: absolute; right: -59px; top: 0; bottom: 0; } #sh_corpomate_theme_accounting_23 .main-row .sh_our_service h5, #sh_corpomate_theme_accounting_23 .main-row .sh_our_service .h5 { font-size: 18px; color: #0075C2; margin-bottom: 10px; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_23 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_23 .main-row .sh_our_service .h2 { font-size: 40px; color: #222; position: relative; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_23 .main-row .sh_our_service h2 .sh_shape, #sh_corpomate_theme_accounting_23 .main-row .sh_our_service .h2 .sh_shape { position: absolute; top: 0; left: 0; height: 80px; width: 80px; } #sh_corpomate_theme_accounting_23 .main-row .sh_our_service h2 .sh_shape img, #sh_corpomate_theme_accounting_23 .main-row .sh_our_service .h2 .sh_shape img { height: 60px; width: 60px; } #sh_corpomate_theme_accounting_23 .main-row .sh_text { margin-top: 30px; color: #5f6368; word-spacing: 2px; padding: 0px 20px 0px 80px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 18px; line-height: 1.7; } #sh_corpomate_theme_accounting_23 .progress { display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; height: 0.5rem !important; overflow: hidden; font-size: 0.75rem; background-color: #E9ECEF; border-radius: 0rem; margin-bottom: 25px; } #sh_corpomate_theme_accounting_23 .progress .progress-bar { background-color: #0075C2 !important; } #sh_corpomate_theme_accounting_23 .our-team-progrees-bar { margin-top: 50px; padding: 0px 20px 0px 80px; } #sh_corpomate_theme_accounting_23 .our-team-progrees-bar p { margin-top: 20px; margin-bottom: 5px; font-weight: 600; line-height: 30px; text-align: left; color: #616161; } #sh_corpomate_theme_accounting_23 .our-team-progrees-bar span { float: right; } @media screen and (min-width: 820px) and (max-width: 991px) { #sh_corpomate_theme_accounting_23 .main-row .sh_our_service { margin-top: 20px; } } @media (max-width: 820px) { #sh_corpomate_theme_accounting_23 .main-row .sh_order { order: 2; } #sh_corpomate_theme_accounting_23 .main-row .sh_order_1 { order: 1; } #sh_corpomate_theme_accounting_23 { padding: 0px; padding-bottom: 50px; } #sh_corpomate_theme_accounting_23 .main-row { margin-top: 0px; } #sh_corpomate_theme_accounting_23 .main-row .sh_process_img { margin-top: 50px; height: 400px; } } @media (max-width: 567px) { #sh_corpomate_theme_accounting_23 .main-row .sh_our_service h2 .sh_shape img, #sh_corpomate_theme_accounting_23 .main-row .sh_our_service .h2 .sh_shape img { height: 50px; width: 50px; } #sh_corpomate_theme_accounting_23 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_23 .main-row .sh_our_service .h2 { font-size: 27px; } #sh_corpomate_theme_accounting_23 .main-row .sh_text { padding: 0px; } #sh_corpomate_theme_accounting_23 .our-team-progrees-bar { padding: 0px; } #sh_corpomate_theme_accounting_23 .our-team-progrees-bar { margin-top: 20px; } #sh_corpomate_theme_accounting_23 .main-row .sh_process_img { margin-top: 30px; } } /*------------------------ snnipet 23 end ------------------------*/ /*------------------------ snnipet 24 start ------------------------*/ #sh_corpomate_theme_accounting_24 { width: 100%; position: relative; overflow: hidden; } #sh_corpomate_theme_accounting_24 .sh_about_banner { position: relative; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; z-index: 1; background-position: center !important; background-size: cover !important; height: 350px; padding: 100px 50px; } #sh_corpomate_theme_accounting_24 .sh_about_banner:before { position: absolute; top: 0; left: 0; content: ''; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.5); z-index: -1; } #sh_corpomate_theme_accounting_24 .sh_about_banner h1, #sh_corpomate_theme_accounting_24 .sh_about_banner .h1 { color: #fff; font-size: 45px; text-align: center; font-weight: 600; } #sh_corpomate_theme_accounting_24 .sh_about_banner h1 span, #sh_corpomate_theme_accounting_24 .sh_about_banner .h1 span { color: #0075C2; } #sh_corpomate_theme_accounting_24 .sh_breacrumb { position: absolute; bottom: 130px; background: rgba(213, 214, 215, 0.7); padding: 10px 25px; } #sh_corpomate_theme_accounting_24 .sh_breacrumb a { color: #222; font-weight: 600; } #sh_corpomate_theme_accounting_24 .sh_breacrumb span { color: #222; padding: 0 10px; } #sh_corpomate_theme_accounting_24 .sh_breacrumb .fa-link:before { content: '/' !important; font-weight: 600; font-size: 20px; } #sh_corpomate_theme_accounting_24 .sh_banner_side_text { width: 100%; padding: 50px 40px; background: #003557; padding-bottom: 50px; height: 450px; } #sh_corpomate_theme_accounting_24 .sh_banner_side_text h1, #sh_corpomate_theme_accounting_24 .sh_banner_side_text .h1 { font-size: 28px; color: #fff; font-weight: 600; } #sh_corpomate_theme_accounting_24 .sh_banner_side_text .sh_divider { width: 25%; border-bottom: 3px solid #fff; margin: 30px 0px; } #sh_corpomate_theme_accounting_24 .sh_banner_side_text .sh_text { color: #fff; font-size: 18px; padding: 0px 30px 0px 0px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_accounting_24 .sh_banner_side_text .sh_banner_btn { margin-top: 50px; } #sh_corpomate_theme_accounting_24 .sh_banner_side_text .sh_banner_btn a { color: #fff; z-index: 1; overflow: hidden; transition: 0.5s; position: relative; text-align: center; border: 1px solid #fff; padding: 15px 30px; font-weight: 600; border-radius: 0; position: relative; } #sh_corpomate_theme_accounting_24 .sh_banner_side_text .sh_banner_btn a::before { z-index: -1; background: #fff; content: ''; height: 100%; transition: 0.5s; width: 5%; top: 0; left: 0; position: absolute; } #sh_corpomate_theme_accounting_24 .sh_banner_side_text .sh_banner_btn a:hover { color: #003557; } #sh_corpomate_theme_accounting_24 .sh_banner_side_text .sh_banner_btn a:hover:before { width: 100%; } #sh_corpomate_theme_accounting_24 .main-row .col-12 { padding: 0px !important; } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_accounting_24 .sh_banner_side_text { padding: 50px 25px; height: 400px; } #sh_corpomate_theme_accounting_24 .sh_banner_side_text h1, #sh_corpomate_theme_accounting_24 .sh_banner_side_text .h1 { font-size: 23px; } #sh_corpomate_theme_accounting_24 .sh_banner_side_text .sh_text { font-size: 15px; } #sh_corpomate_theme_accounting_24 .sh_banner_side_text .sh_banner_btn a { padding: 10px 25px; } } @media (max-width: 820px) { #sh_corpomate_theme_accounting_24 .sh_banner_side_text h1, #sh_corpomate_theme_accounting_24 .sh_banner_side_text .h1 { font-size: 17px; } #sh_corpomate_theme_accounting_24 .sh_about_banner h1, #sh_corpomate_theme_accounting_24 .sh_about_banner .h1 { font-size: 40px; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_accounting_24 .sh_banner_side_text .sh_text { font-size: 15px; } #sh_corpomate_theme_accounting_24 .sh_banner_side_text { height: 350px; } } @media (max-width: 567px) { #sh_corpomate_theme_accounting_24 .sh_breacrumb { bottom: 55px; } #sh_corpomate_theme_accounting_24 .sh_banner_side_text h1, #sh_corpomate_theme_accounting_24 .sh_banner_side_text .h1 { font-size: 20px; } #sh_corpomate_theme_accounting_24 .sh_banner_side_text { height: 400px; } #sh_corpomate_theme_accounting_24 .sh_about_banner h1, #sh_corpomate_theme_accounting_24 .sh_about_banner .h1 { font-size: 30px; } #sh_corpomate_theme_accounting_24 .sh_about_banner { align-items: flex-start; padding: 50px; height: 200px !important; } } /*------------------------ snnipet 24 end ------------------------*/ /*------------------------ snnipet 25 start ------------------------*/ #sh_corpomate_theme_accounting_25 { width: 100%; padding: 50px 0px; margin-top: -80px; position: relative; padding-top: 0px; } #sh_corpomate_theme_accounting_25 .main-row { padding: 50px 50px; position: relative; top: 200px; z-index: 1; background: #fff; box-shadow: 0 0rem 0.5rem rgba(0, 0, 0, 0.15) !important; } #sh_corpomate_theme_accounting_25 .main-row .sh_contact_details { width: 100%; background: #003557; padding: 30px 30px; } #sh_corpomate_theme_accounting_25 .main-row .sh_contact_details .sh_contact_box { display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 30px; } #sh_corpomate_theme_accounting_25 .main-row .sh_contact_details .sh_contact_box .sh_icon svg { height: 40px; width: 40px; fill: #fff !important; margin-right: 15px; } #sh_corpomate_theme_accounting_25 .main-row .sh_contact_details .sh_contact_box .sh_content h3, #sh_corpomate_theme_accounting_25 .main-row .sh_contact_details .sh_contact_box .sh_content .h3 { font-size: 25px; font-weight: 600; margin-top: 5px; font-weight: 600; color: #fff; } #sh_corpomate_theme_accounting_25 .main-row .sh_contact_details .sh_contact_box .sh_content p { margin-top: 0px; margin-bottom: 0px; } #sh_corpomate_theme_accounting_25 .main-row .sh_contact_details .sh_contact_box .sh_content a { color: #fff; text-decoration: none; transition: 0.5s; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_accounting_25 .main-row .sh_contact_details .sh_contact_box .sh_content p:hover a { color: #0075C2; } #sh_corpomate_theme_accounting_25 .main-row .sh_our_contact h5, #sh_corpomate_theme_accounting_25 .main-row .sh_our_contact .h5 { font-size: 18px; color: #0075C2; margin-bottom: 10px; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_25 .main-row .sh_our_contact h2, #sh_corpomate_theme_accounting_25 .main-row .sh_our_contact .h2 { font-size: 45px; color: #222; position: relative; font-weight: 600; padding-left: 80px; } #sh_corpomate_theme_accounting_25 .main-row .sh_our_contact h2 .sh_shape, #sh_corpomate_theme_accounting_25 .main-row .sh_our_contact .h2 .sh_shape { position: absolute; top: 0; left: 0; height: 80px; width: 80px; } #sh_corpomate_theme_accounting_25 .main-row .sh_our_contact h2 .sh_shape img, #sh_corpomate_theme_accounting_25 .main-row .sh_our_contact .h2 .sh_shape img { height: 60px; width: 60px; } #sh_corpomate_theme_accounting_25 .main-row .contact_form { margin-top: 30px; } #sh_corpomate_theme_accounting_25 .main-row .contact_form .form-control { border: 1px solid #fff !important; border-radius: 0px !important; box-shadow: 0 0rem 0.5rem rgba(0, 0, 0, 0.1) !important; height: 50px; margin-bottom: 20px; } #sh_corpomate_theme_accounting_25 .main-row .contact_form .sh_btn { color: #0075C2; font-size: 18px; background: #fff; z-index: 1; overflow: hidden; transition: 0.5s; position: relative; border: 2px solid #0075C2; padding: 10px 30px; font-weight: 600; border-radius: 0; text-decoration: none; } #sh_corpomate_theme_accounting_25 .main-row .contact_form .sh_btn:active { box-shadow: 0 0 0 0.2rem #fe5b04 !important; } #sh_corpomate_theme_accounting_25 .main-row .contact_form .sh_btn:focus { box-shadow: 0 0 0 0.2rem #fe5b04 !important; } #sh_corpomate_theme_accounting_25 .main-row .contact_form .sh_btn::before { z-index: -1; background: #0075C2; content: ''; height: 100%; transition: 0.5s; width: 5%; top: 0; left: 0; position: absolute; } #sh_corpomate_theme_accounting_25 .main-row .contact_form .sh_btn:hover { color: #fff; } #sh_corpomate_theme_accounting_25 .main-row .contact_form .sh_btn:hover:before { width: 100%; } #sh_corpomate_theme_accounting_25a { width: 100%; height: 600px !important; position: relative; } #sh_corpomate_theme_accounting_25a iframe { height: 600px !important; width: 100%; } @media screen and (min-width: 992px) and (max-width: 1199px) { #sh_corpomate_theme_accounting_25 .main-row .sh_our_contact h2, #sh_corpomate_theme_accounting_25 .main-row .sh_our_contact .h2 { font-size: 40px; } } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_accounting_25 { margin-top: -140px; } } @media screen and (min-width: 820px) and (max-width: 991px) { #sh_corpomate_theme_accounting_25 .main-row .sh_our_contact { margin-top: 20px; } } @media (max-width: 820px) { #sh_corpomate_theme_accounting_25 .main-row .sh_our_contact { margin-top: 50px; } #sh_corpomate_theme_accounting_25 { margin-top: -150px; } } @media (max-width: 567px) { #sh_corpomate_theme_accounting_25 .main-row { padding: 50px 20px; } #sh_corpomate_theme_accounting_25 .main-row .sh_our_contact h2 .sh_shape img, #sh_corpomate_theme_accounting_25 .main-row .sh_our_contact .h2 .sh_shape img { height: 50px; width: 50px; } #sh_corpomate_theme_accounting_25 .main-row .sh_our_contact h2, #sh_corpomate_theme_accounting_25 .main-row .sh_our_contact .h2 { font-size: 27px; } #sh_corpomate_theme_accounting_25 { margin-top: -130px; } } /*------------------------ snnipet 25 end ------------------------*/ /* /sh_corpomate_theme/static/src/scss/theme/theme_2/theme_2_s.scss */ /*----------------------------------------------------home page start----------------------------------------------------*/ /*------------------------ snnipet 1 start ------------------------*/ #sh_corpomate_theme_crypto_1 { width: 100%; padding: 100px 0px 150px 0px; position: relative; background-size: 100% 100% !important; } #sh_corpomate_theme_crypto_1 .banner .main-banner-row { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; position: relative; } #sh_corpomate_theme_crypto_1 .banner .header-content { padding-top: 20px; width: 50%; padding-bottom: 30px; } #sh_corpomate_theme_crypto_1 .banner .header-content h1, #sh_corpomate_theme_crypto_1 .banner .header-content .h1 { font-size: 40px; color: #0075C2; font-weight: 600; letter-spacing: 2px; } #sh_corpomate_theme_crypto_1 .banner .header-content p { margin-top: 40px; color: #929292; } #sh_corpomate_theme_crypto_1 .banner .header-button { margin-top: 20px; } #sh_corpomate_theme_crypto_1 .banner .header-button .btn { padding: 10px 30px; text-align: center; border-radius: 20px; background: linear-gradient(to right, #0075C2, #ed218a); font-size: 17px; font-weight: 400; border: 0; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; position: relative; border-radius: 40px; margin-right: 10px; margin-top: 10px; position: relative; z-index: 1; color: #fff; transition: 1s; } #sh_corpomate_theme_crypto_1 .banner .header-button .btn:hover { background: linear-gradient(to left, #0075C2, #ed218a); } #sh_corpomate_theme_crypto_1 .header-content-image img { height: 600px; width: 100%; } #sh_corpomate_theme_crypto_1 .header-content-image { width: 60%; margin-top: 0px; top: 0; position: absolute; right: 0; } @media screen and (max-width: 991px) { #sh_corpomate_theme_crypto_1 .header-content-image { width: 55%; } } @media (max-width: 800px) { #sh_corpomate_theme_crypto_1 { width: 100%; padding: 50px 0px; } #sh_corpomate_theme_crypto_1 .header-content-image img { height: 500px; } #sh_corpomate_theme_crypto_1 .banner .header-content h1, #sh_corpomate_theme_crypto_1 .banner .header-content .h1 { font-size: 30px; } } @media (max-width: 767px) { #sh_corpomate_theme_crypto_1 { width: 100%; padding: 50px 0px 180px 0px; } #sh_corpomate_theme_crypto_1 .banner .main-banner-row { display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; position: relative; } #sh_corpomate_theme_crypto_1 .banner .header-content { padding-top: 0px; width: 100%; padding-bottom: 30px; } #sh_corpomate_theme_crypto_1 .banner .header-content-image { width: 100%; position: absolute; right: 14%; top: 91%; } #sh_corpomate_theme_crypto_1 .banner .header-content h1, #sh_corpomate_theme_crypto_1 .banner .header-content .h1 { font-size: 25px; } } @media (max-width: 567px) { #sh_corpomate_theme_crypto_1 .banner .header-button .btn { padding: 15px 20px; font-size: 15px; } #sh_corpomate_theme_crypto_1 .banner .header-content-image { width: 100%; position: absolute; right: 14%; top: 91%; height: 300px; } #sh_corpomate_theme_crypto_1 .banner .header-content h1, #sh_corpomate_theme_crypto_1 .banner .header-content .h1 { font-size: 30px; font-weight: 600; letter-spacing: 2px; } #sh_corpomate_theme_crypto_1 { width: 100%; padding: 30px 0px 80px 0px; } #sh_corpomate_theme_crypto_1 .header-content-image img { display: none; } } @media (max-width: 360px) { #sh_corpomate_theme_crypto_1 .banner .header-content p { font-size: 14px; } #sh_corpomate_theme_crypto_1 { padding: 30px 0px 60px 0px; } #sh_corpomate_theme_crypto_1 .banner .header-content h1, #sh_corpomate_theme_crypto_1 .banner .header-content .h1 { font-size: 25px; } } /*------------------------ snnipet-1 end ------------------------*/ /*------------------------ snnipet -2 start --------------------------*/ #sh_corpomate_theme_crypto_2 { width: 100%; padding: 100px 0px; position: relative; text-align: center; } #sh_corpomate_theme_crypto_2 h1, #sh_corpomate_theme_crypto_2 .h1 { padding: 30px 0px; position: relative; font-weight: 700; color: #0075C2; font-size: 40px; -webkit-text-stroke: 1px #ccc; -moz-text-stroke: 1px #ccc; color: transparent; font-size: 100px; top: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } #sh_corpomate_theme_crypto_2 h1:before, #sh_corpomate_theme_crypto_2 .h1:before { left: 50%; transform: translate(-50%); } #sh_corpomate_theme_crypto_2 h1 span, #sh_corpomate_theme_crypto_2 .h1 span { color: transparent; background-color: #003557; -webkit-background-clip: text; position: absolute; font-size: 40px; -webkit-text-stroke: 0px transparent; top: 70px; } #sh_corpomate_theme_crypto_2 .main-row { margin-top: 50px; } #sh_corpomate_theme_crypto_2 .main-row .sh_about_box { background: #fff; width: 100%; transition: 0.5s; overflow: hidden; position: relative; padding-left: 30px; padding-right: 30px; cursor: pointer; padding-top: 70px; padding-bottom: 60px; box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.2); border-radius: 20px; } #sh_corpomate_theme_crypto_2 .main-row .sh_about_box:after { height: 100px; background-repeat: no-repeat; width: 100px; content: ''; top: -50px; right: -10px; transform: rotate(180deg); position: absolute; background: linear-gradient(to left, #0075C2, #003557); border-radius: 100px; } #sh_corpomate_theme_crypto_2 .main-row .sh_about_box:hover { transform: translateY(-20px); box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); } #sh_corpomate_theme_crypto_2 .main-row .sh_about_box .sh_about_icon { background: #ecebfb; width: 105px; height: 105px; margin: 0 auto 50px; border-radius: 50%; } #sh_corpomate_theme_crypto_2 .main-row .sh_about_box .sh_about_icon img { margin: 0; height: 100px !important; width: 100px !important; max-width: 100%; height: auto; display: block; } #sh_corpomate_theme_crypto_2 .main-row .sh_about_box h3, #sh_corpomate_theme_crypto_2 .main-row .sh_about_box .h3 { color: #0075C2; font-size: 24px; padding-bottom: 26px; font-weight: 600; margin: 0; line-height: 30px; font-weight: 600; } #sh_corpomate_theme_crypto_2 .main-row .sh_about_box p { color: #777; font-size: 18px; padding-bottom: 35px; } #sh_corpomate_theme_crypto_2 .main-row .sh_about_box .sh_divider { width: 80px; height: 4px; background: linear-gradient(to right, #0075C2, #003557); margin: 0px auto; } #sh_corpomate_theme_crypto_2 .second-row { margin-top: 100px; } #sh_corpomate_theme_crypto_2 .second-row .sh_box { width: 100%; height: 600px; } #sh_corpomate_theme_crypto_2 .second-row .sh_box img { height: 100%; width: 100%; object-fit: cover; } #sh_corpomate_theme_crypto_2 .second-row .sh_box_content { text-align: left; width: 100%; } #sh_corpomate_theme_crypto_2 .second-row .sh_box_content h2, #sh_corpomate_theme_crypto_2 .second-row .sh_box_content .h2 { font-size: 40px; font-weight: 600; padding-right: 136px; color: #0075C2; margin-top: 15px; } #sh_corpomate_theme_crypto_2 .second-row .sh_box_content p { font-size: 18px; color: #777; margin-top: 20px; } #sh_corpomate_theme_crypto_2 .second-row .sh_box_content .sh_icon_box ul { margin: 0; padding: 0; padding-top: 17px; } #sh_corpomate_theme_crypto_2 .second-row .sh_box_content .sh_icon_box ul li { margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: flex; transition: all 0.3s ease-in; position: relative; overflow: hidden; box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.2); padding: 10px 30px 10px; align-items: center; border-radius: 10px; } #sh_corpomate_theme_crypto_2 .second-row .sh_box_content .sh_icon_box ul li::after { height: 100px; background-repeat: no-repeat; width: 100px; content: ''; top: -60px; right: -30px; transform: rotate(180deg); position: absolute; background: linear-gradient(to left, #0075C2, #003557); border-radius: 100px; } #sh_corpomate_theme_crypto_2 .second-row .sh_box_content .sh_icon_box ul li .sh_icon { margin-right: 30px; } #sh_corpomate_theme_crypto_2 .second-row .sh_box_content .sh_icon_box ul li .sh_icon img { min-width: 40px; vertical-align: middle; } #sh_corpomate_theme_crypto_2 .second-row .sh_box_content .sh_icon_box ul li .sh_content .sh_subtitle { color: #0075C2; font-size: 20px; margin-bottom: 0px; line-height: 34px; font-weight: 600; } #sh_corpomate_theme_crypto_2 .second-row .sh_box_content .sh_icon_box ul li .sh_content .sh_text { color: #62598f; font-size: 18px; margin-top: 0px; letter-spacing: 0px; line-height: 28px; font-weight: 400; } @media screen and (min-width: 992px) and (max-width: 1199px) { #sh_corpomate_theme_crypto_2 .second-row .sh_box_content h2, #sh_corpomate_theme_crypto_2 .second-row .sh_box_content .h2 { padding-right: 85px; } } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_crypto_2 .second-row .sh_box_content h2, #sh_corpomate_theme_crypto_2 .second-row .sh_box_content .h2 { font-size: 35px; } } @media screen and (max-width: 991px) { #sh_corpomate_theme_crypto_2 .main-row .sh_about_box p { font-size: 16px; } #sh_corpomate_theme_crypto_2 .main-row .sh_about_box p { padding-bottom: 0px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_crypto_2 h1 span, #sh_corpomate_theme_crypto_2 .h1 span { font-size: 35px; top: 60px; } #sh_corpomate_theme_crypto_2 h1, #sh_corpomate_theme_crypto_2 .h1 { font-size: 80px; } #sh_corpomate_theme_crypto_2 .main-row .sh_about_box h3, #sh_corpomate_theme_crypto_2 .main-row .sh_about_box .h3 { font-size: 18px; } #sh_corpomate_theme_crypto_2 .main-row { margin-top: 0px; } #sh_corpomate_theme_crypto_2 .main-row .sh_about_box { padding-left: 10px; padding-right: 10px; } } @media (max-width: 768px) { #sh_corpomate_theme_crypto_2 .main-row .sh_about_box .sh_divider { margin: 0 25%; margin-top: 25px; } #sh_corpomate_theme_crypto_2 .second-row .sh_box { height: 800px; margin-bottom: 20px; } #sh_corpomate_theme_crypto_2 .second-row .sh_box_content .sh_icon_box ul li .sh_icon img { min-width: 35px; } #sh_corpomate_theme_crypto_2 .second-row .sh_box_content h2, #sh_corpomate_theme_crypto_2 .second-row .sh_box_content .h2 { font-size: 35px; } #sh_corpomate_theme_crypto_2 .main-row .sh_about_box .sh_about_icon { margin: 0 auto 30px; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_crypto_2 .main-row .sh_about_box { margin-bottom: 20px; } #sh_corpomate_theme_crypto_2 .main-row .sh_about_box .sh_divider { margin: 0 40%; margin-top: 25px; } } @media (max-width: 576px) { #sh_corpomate_theme_crypto_2 { padding: 30px 0px; } #sh_corpomate_theme_crypto_2 .second-row { margin-top: 50px; } #sh_corpomate_theme_crypto_2 h1, #sh_corpomate_theme_crypto_2 .h1 { font-size: 50px; } #sh_corpomate_theme_crypto_2 h1 span, #sh_corpomate_theme_crypto_2 .h1 span { font-size: 30px; top: 50px; } #sh_corpomate_theme_crypto_2 h1[data-watermark]:before, #sh_corpomate_theme_crypto_2 .h1[data-watermark]:before { font-size: 65px; top: 19px; } #sh_corpomate_theme_crypto_2 .main-row .sh_about_box { margin-bottom: 30px; } #sh_corpomate_theme_crypto_2 .main-row .sh_about_box .sh_divider { margin: 0 38%; } #sh_corpomate_theme_crypto_2 .second-row .sh_box { height: 400px; } #sh_corpomate_theme_crypto_2 .second-row .sh_box_content h2, #sh_corpomate_theme_crypto_2 .second-row .sh_box_content .h2 { padding-right: 35px; } #sh_corpomate_theme_crypto_2 .second-row .sh_box_content p { letter-spacing: 0px; } #sh_corpomate_theme_crypto_2 .second-row .sh_box_content { margin-bottom: 50px; } #sh_corpomate_theme_crypto_2 .second-row .sh_box_content .sh_icon_box ul li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; } #sh_corpomate_theme_crypto_2 .second-row .sh_box_content .sh_icon_box ul li .sh_content .sh_subtitle { font-size: 17px; text-align: center; } #sh_corpomate_theme_crypto_2 .second-row .sh_box_content .sh_icon_box ul li .sh_content .sh_text { text-align: center; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-size: 15px; margin-top: 0px; } } @media (max-width: 360px) { #sh_corpomate_theme_crypto_2 h1[data-watermark]:before, #sh_corpomate_theme_crypto_2 .h1[data-watermark]:before { font-size: 55px; } #sh_corpomate_theme_crypto_2 h1, #sh_corpomate_theme_crypto_2 .h1 { font-size: 35px; } #sh_corpomate_theme_crypto_2 .main-row { margin-top: 30px; } #sh_corpomate_theme_crypto_2 .main-row .sh_about_box .sh_divider { margin: 0 35%; } #sh_corpomate_theme_crypto_2 .second-row .sh_box_content h2, #sh_corpomate_theme_crypto_2 .second-row .sh_box_content .h2 { font-size: 30px; } #sh_corpomate_theme_crypto_2 .second-row .sh_box { height: 300px; } #sh_corpomate_theme_crypto_2 .second-row .sh_box_content .sh_icon_box ul li .sh_content .sh_subtitle { font-size: 16px; } #sh_corpomate_theme_crypto_2 .second-row .sh_box_content .sh_icon_box ul li .sh_content .sh_text { font-size: 14px; } } /*------------------------ snnipet-2 end --------------------------*/ /*------------------------ snnipet-3 start --------------------------*/ #sh_corpomate_theme_crypto_3 { width: 100%; padding: 0px 0px 100px 0px; position: relative; text-align: center; } #sh_corpomate_theme_crypto_3 h1, #sh_corpomate_theme_crypto_3 .h1 { padding: 30px 0px; position: relative; font-weight: 700; color: #0075C2; font-size: 40px; -webkit-text-stroke: 1px #ccc; -moz-text-stroke: 1px #ccc; color: transparent; font-size: 100px; top: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } #sh_corpomate_theme_crypto_3 h1:before, #sh_corpomate_theme_crypto_3 .h1:before { left: 50%; transform: translate(-50%); } #sh_corpomate_theme_crypto_3 h1 span, #sh_corpomate_theme_crypto_3 .h1 span { color: transparent; background-color: #003557; -webkit-background-clip: text; position: absolute; font-size: 40px; -webkit-text-stroke: 0px transparent; top: 70px; } #sh_corpomate_theme_crypto_3 .main-row { margin-top: 50px; } #sh_corpomate_theme_crypto_3 .main-row .sh_control-box { margin-top: 30px; color: #544a84; } #sh_corpomate_theme_crypto_3 .main-row .sh_control-box .sh_subtitle { color: #0075C2; font-weight: 600; margin: 0; font-size: 24px; line-height: 34px; padding: 17px 0 7px; } #sh_corpomate_theme_crypto_3 .main-row .sh_control-box .sh_text { font-size: 18px; font-weight: 400; color: #777; } #sh_corpomate_theme_crypto_3 .main-row .sh_control-box img { height: 40%; width: 40%; } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_crypto_3 .main-row .sh_control-box .sh_subtitle { font-size: 22px; } #sh_corpomate_theme_crypto_3 .main-row .sh_control-box .sh_text { font-size: 16px; } } @media screen and (max-width: 991px) { #sh_corpomate_theme_crypto_3 h1, #sh_corpomate_theme_crypto_3 .h1 { font-size: 80px; } #sh_corpomate_theme_crypto_3 h1 span, #sh_corpomate_theme_crypto_3 .h1 span { font-size: 35px; top: 60px; } } @media (max-width: 567px) { #sh_corpomate_theme_crypto_3 h1[data-watermark]:before, #sh_corpomate_theme_crypto_3 .h1[data-watermark]:before { top: 8px; font-size: 80px; } #sh_corpomate_theme_crypto_3 { padding: 0px 0px 80px 0px; } #sh_corpomate_theme_crypto_3 .main-row { margin-top: 20px; } #sh_corpomate_theme_crypto_3 h1, #sh_corpomate_theme_crypto_3 .h1 { font-size: 50px; } #sh_corpomate_theme_crypto_3 h1 span, #sh_corpomate_theme_crypto_3 .h1 span { font-size: 35px; top: 50px; } #sh_corpomate_theme_crypto_3 .main-row .sh_control-box img { height: 35%; width: 35%; } } @media (max-width: 360px) { #sh_corpomate_theme_crypto_3 h1[data-watermark]:before, #sh_corpomate_theme_crypto_3 .h1[data-watermark]:before { top: 20px; font-size: 60px; } #sh_corpomate_theme_crypto_3 h1, #sh_corpomate_theme_crypto_3 .h1 { font-size: 30px; } } /*------------------------ snnipet-3 end --------------------------*/ /*------------------------ snnipet-4 start --------------------------*/ #sh_corpomate_theme_crypto_4 { width: 100%; padding: 0px 0px 100px 0px; position: relative; margin-bottom: -150px; } #sh_corpomate_theme_crypto_4 h1, #sh_corpomate_theme_crypto_4 .h1 { padding: 30px 0px; position: relative; font-weight: 700; color: #0075C2; font-size: 40px; -webkit-text-stroke: 1px #ccc; -moz-text-stroke: 1px #ccc; color: transparent; font-size: 100px; top: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } #sh_corpomate_theme_crypto_4 h1:before, #sh_corpomate_theme_crypto_4 .h1:before { left: 50%; transform: translate(-50%); } #sh_corpomate_theme_crypto_4 h1 span, #sh_corpomate_theme_crypto_4 .h1 span { color: transparent; background-color: #003557; -webkit-background-clip: text; position: absolute; font-size: 40px; -webkit-text-stroke: 0px transparent; top: 70px; } #sh_corpomate_theme_crypto_4 .main-row { margin-top: 50px; position: relative; } #sh_corpomate_theme_crypto_4 .main-row .sub-div .img { position: absolute; top: 15%; left: 20%; height: 350px; width: 350px; } #sh_corpomate_theme_crypto_4 .main-row .sub-div .img-1 { position: absolute; top: 37%; left: 29%; margin: 0px auto; height: 150px; width: 150px; } #sh_corpomate_theme_crypto_4 .main-row .sub-div-1 img { position: absolute; top: 3%; left: 55%; margin: 0px auto; height: 120px; width: 120px; } #sh_corpomate_theme_crypto_4 .main-row .token_content { width: 100%; padding: 0px 0px 30px 0px; } #sh_corpomate_theme_crypto_4 .main-row .token_content h3, #sh_corpomate_theme_crypto_4 .main-row .token_content .h3 { font-size: 40px; font-weight: 600; color: #0075C2; } #sh_corpomate_theme_crypto_4 .main-row .token_text { width: 100%; overflow: hidden; margin-bottom: 25px; color: #212529; vertical-align: top; display: -webkit-box; display: -webkit-flex; display: flex; position: relative; justify-content: space-between; padding: 18px 40px 18px 20px; background: #fff; box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.2); border-radius: 5px; } #sh_corpomate_theme_crypto_4 .main-row .token_text:before { top: 0; left: 0; position: absolute; content: ''; height: 100%; width: 5px; background: linear-gradient(to bottom, #0075C2, #003557); } #sh_corpomate_theme_crypto_4 .main-row .token_text .token_item { color: #0075C2; font-weight: 600; letter-spacing: 1px; } #sh_corpomate_theme_crypto_4 .main-row .token_text .token_data { color: #777; letter-spacing: 1px; width: 30%; } #sh_corpomate_theme_crypto_4 .main-row .token_img { width: 100%; } #sh_corpomate_theme_crypto_4 .main-row .token_img img { width: 100%; height: 600px; } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_crypto_4 .main-row .token_content h3, #sh_corpomate_theme_crypto_4 .main-row .token_content .h3 { font-size: 35px; } } @media screen and (max-width: 991px) { #sh_corpomate_theme_crypto_4 h1, #sh_corpomate_theme_crypto_4 .h1 { font-size: 80px; } #sh_corpomate_theme_crypto_4 h1 span, #sh_corpomate_theme_crypto_4 .h1 span { font-size: 35px; top: 60px; } } @media (max-width: 768px) { #sh_corpomate_theme_crypto_4 .main-row .sub-div .img-1 { top: 23%; left: 35%; } #sh_corpomate_theme_crypto_4 .main-row .sub-div-1 img { display: none; } #sh_corpomate_theme_crypto_4 .main-row .token_img { margin-top: 50px; } #sh_corpomate_theme_crypto_4 .main-row .token_img img { height: 700px; } #sh_corpomate_theme_crypto_4 { padding: 0px; margin-bottom: -100px; } } @media (max-width: 567px) { #sh_corpomate_theme_crypto_4 .main-row .token_text .token_data { width: 30%; } #sh_corpomate_theme_crypto_4 .main-row .token_img img { height: 500px; margin-bottom: -200px; } #sh_corpomate_theme_crypto_4 .main-row { margin-top: 20px; } #sh_corpomate_theme_crypto_4 .main-row .sub-div { display: none; } #sh_corpomate_theme_crypto_4 h1, #sh_corpomate_theme_crypto_4 .h1 { font-size: 50px; } #sh_corpomate_theme_crypto_4 h1 span, #sh_corpomate_theme_crypto_4 .h1 span { font-size: 30px; top: 50px; } #sh_corpomate_theme_crypto_4 h1[data-watermark]:before, #sh_corpomate_theme_crypto_4 .h1[data-watermark]:before { top: 8px; font-size: 80px; } #sh_corpomate_theme_crypto_4 .main-row .token_content h3, #sh_corpomate_theme_crypto_4 .main-row .token_content .h3 { font-size: 30px; } #sh_corpomate_theme_crypto_4 { margin-bottom: -10px; } #sh_corpomate_theme_crypto_4 .main-row .token_text .token_item { font-size: 17px; } } @media (max-width: 360px) { #sh_corpomate_theme_crypto_4 .main-row .token_text .token_data { width: 30%; } #sh_corpomate_theme_crypto_4 h1[data-watermark]:before, #sh_corpomate_theme_crypto_4 .h1[data-watermark]:before { top: 20px; font-size: 60px; } #sh_corpomate_theme_crypto_4 h1, #sh_corpomate_theme_crypto_4 .h1 { font-size: 30px; } } /*------------------------ snnipet-4 end --------------------------*/ /*------------------------ snnipet-5 start --------------------------*/ #sh_corpomate_theme_crypto_5 { width: 100%; padding: 200px 0px 150px 0px; position: relative; background: url("/sh_corpomate_theme/static/src/images/theme_2/images/sh_crypto_image_9.png") !important; background-position: center !important; background-size: 100% 100% !important; height: 100%; } #sh_corpomate_theme_crypto_5 .sub-div { position: absolute; top: 40%; left: 2%; height: 60px; width: 60px; } #sh_corpomate_theme_crypto_5 .sub-div img { height: 100%; width: 100%; animation: rotate 6s linear infinite; } #sh_corpomate_theme_crypto_5 .sub-div-1 { position: absolute; top: 30%; left: 72%; height: 40px; opacity: 0.6; transform: rotate(60deg); width: 40px; } #sh_corpomate_theme_crypto_5 .sub-div-1 img { height: 100%; width: 100%; } #sh_corpomate_theme_crypto_5 h1, #sh_corpomate_theme_crypto_5 .h1 { padding: 30px 0px; position: relative; font-weight: 700; color: #0075C2; font-size: 40px; -webkit-text-stroke: 1px #ccc; -moz-text-stroke: 1px #ccc; color: transparent; font-size: 100px; top: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } #sh_corpomate_theme_crypto_5 h1:before, #sh_corpomate_theme_crypto_5 .h1:before { left: 50%; transform: translate(-50%); } #sh_corpomate_theme_crypto_5 h1 span, #sh_corpomate_theme_crypto_5 .h1 span { color: transparent; background-color: #003557; -webkit-background-clip: text; position: absolute; font-size: 40px; -webkit-text-stroke: 0px transparent; top: 70px; } #sh_corpomate_theme_crypto_5 .main-row { margin-top: 50px; } #sh_corpomate_theme_crypto_5 .main-row .countdown-item .counter_inner { height: 175px; width: 175px; border-radius: 50%; margin-left: auto; margin-right: auto; border: 2px dashed #ecebfb; padding: 20px; } #sh_corpomate_theme_crypto_5 .main-row .countdown-item .counter_inner .counter { background: #ecebfb; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; z-index: 1; border-radius: 50%; font-weight: 700; color: #000; font-size: 50px; position: relative; line-height: 1; text-align: center; } #sh_corpomate_theme_crypto_5 .main-row .countdown-item .counter_inner .counter:before { background: #fff; height: 50px; width: 50px; border-radius: 50%; position: absolute; content: ''; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); } #sh_corpomate_theme_crypto_5 .main-row .countdown-item h4, #sh_corpomate_theme_crypto_5 .main-row .countdown-item .h4 { text-align: center; margin-top: 10px; color: #0075C2; font-weight: 600; } #sh_corpomate_theme_crypto_5 .main-row .sh_field { background: #fff; padding: 26px 60px; position: relative; top: 4rem; border-radius: 50px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: center; box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.2); } #sh_corpomate_theme_crypto_5 .main-row .sh_left { margin-right: 20px; } #sh_corpomate_theme_crypto_5 .main-row .sh_left h4, #sh_corpomate_theme_crypto_5 .main-row .sh_left .h4 { font-size: 25px; color: #0075C2; font-weight: 600; margin-bottom: 0px; } #sh_corpomate_theme_crypto_5 .main-row .sh_right .btn { position: relative; overflow: hidden; border-radius: 0px; padding: 9px 25px; z-index: 5; box-shadow: none !important; } #sh_corpomate_theme_crypto_5 .main-row .sh_right .btn-primary { background-color: transparent; border-color: transparent; color: #fff !important; } #sh_corpomate_theme_crypto_5 .main-row .sh_right .btn::before { content: ""; height: 100%; width: 100%; background: linear-gradient(to right, #0075C2, #003557); position: absolute; z-index: -1; left: 0; top: 0; transition: .4s; transition: all 0.5s; border-radius: 40px; } #sh_corpomate_theme_crypto_5 .main-row .sh_right .btn:hover:before { background: linear-gradient(to left, #0075C2, #003557); } #sh_corpomate_theme_crypto_5 .main-row .sh_right .btn .sh_icon { position: relative; top: 3px; font-size: 22px; margin-left: 10px; } @media screen and (max-width: 991px) { #sh_corpomate_theme_crypto_5 .main-row .sh_field { padding: 26px 25px; } #sh_corpomate_theme_crypto_5 .main-row .sh_left { margin-right: 15px; } } @media (max-width: 768px) { #sh_corpomate_theme_crypto_5 { background-size: cover; padding: 250px 0px 200px 0px; } #sh_corpomate_theme_crypto_5 .main-row .sh_field { padding: 10px 50px; top: 0rem; } #sh_corpomate_theme_crypto_5 .main-row .sh_left h4, #sh_corpomate_theme_crypto_5 .main-row .sh_left .h4 { margin-bottom: 0px; font-size: 19px; } #sh_corpomate_theme_crypto_5 .main-row .countdown-item { margin-bottom: 30px; } #sh_corpomate_theme_crypto_5 .sub-div-1 { top: 20%; } #sh_corpomate_theme_crypto_5 .sub-div { top: 30%; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_crypto_5 .main-row .sh_field { justify-content: center; } } @media (max-width: 567px) { #sh_corpomate_theme_crypto_5 { padding: 300px 0px 280px 0px; } #sh_corpomate_theme_crypto_5 .main-row .sh_field { padding: 10px 20px; justify-content: center; align-items: flex-end; } #sh_corpomate_theme_crypto_5 .main-row .sh_left h4, #sh_corpomate_theme_crypto_5 .main-row .sh_left .h4 { margin-bottom: 10px; } #sh_corpomate_theme_crypto_5 .sub-div-1 { display: none; } #sh_corpomate_theme_crypto_5 .sub-div { display: none; } #sh_corpomate_theme_crypto_5 h1, #sh_corpomate_theme_crypto_5 .h1 { font-size: 50px; } #sh_corpomate_theme_crypto_5 h1 span, #sh_corpomate_theme_crypto_5 .h1 span { font-size: 30px; top: 50px; } #sh_corpomate_theme_crypto_5 h1[data-watermark]:before, #sh_corpomate_theme_crypto_5 .h1[data-watermark]:before { top: 8px; font-size: 80px; } #sh_corpomate_theme_crypto_5 .main-row .sh_right .btn { padding: 6px 10px; font-size: 14px; } #sh_corpomate_theme_crypto_5 .main-row .sh_left h4, #sh_corpomate_theme_crypto_5 .main-row .sh_left .h4 { font-size: 14px; } } @media (max-width: 360px) { #sh_corpomate_theme_crypto_5 .main-row .sh_field { padding: 10px 30px; } } /*------------------------ snnipet-5 end --------------------------*/ /*------------------------ snnipet 6 start --------------------------*/ #sh_corpomate_theme_crypto_6 { width: 100%; padding: 100px 0px; margin-top: -50px; position: relative; text-align: center; overflow: hidden; } #sh_corpomate_theme_crypto_6 h1, #sh_corpomate_theme_crypto_6 .h1 { padding: 30px 0px; position: relative; font-weight: 700; color: #0075C2; font-size: 40px; -webkit-text-stroke: 1px #ccc; -moz-text-stroke: 1px #ccc; color: transparent; font-size: 100px; top: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } #sh_corpomate_theme_crypto_6 h1:before, #sh_corpomate_theme_crypto_6 .h1:before { left: 50%; transform: translate(-50%); } #sh_corpomate_theme_crypto_6 h1 span, #sh_corpomate_theme_crypto_6 .h1 span { color: transparent; background-color: #003557; -webkit-background-clip: text; position: absolute; font-size: 40px; -webkit-text-stroke: 0px transparent; top: 70px; } #sh_corpomate_theme_crypto_6 .main-row { margin-top: 50px; } #sh_corpomate_theme_crypto_6 .main-row .sh_about_box { background: #fff; width: 100%; transition: 0.5s; overflow: hidden; position: relative; padding-left: 30px; padding-right: 30px; cursor: pointer; padding-top: 70px; padding-bottom: 60px; box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.2); border-radius: 20px; } #sh_corpomate_theme_crypto_6 .main-row .sh_about_box:after { height: 100px; background-repeat: no-repeat; width: 100px; content: ''; top: -50px; right: -10px; transform: rotate(180deg); position: absolute; background: linear-gradient(to left, #0075C2, #003557); border-radius: 100px; } #sh_corpomate_theme_crypto_6 .main-row .sh_about_box:hover { transform: translateY(-20px); box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); } #sh_corpomate_theme_crypto_6 .main-row .sh_about_box .sh_about_icon { width: 180px; height: 180px; margin: 0 auto 20px; padding: 10px; border: 2px dashed #ecebfb; border-radius: 50%; } #sh_corpomate_theme_crypto_6 .main-row .sh_about_box .sh_about_icon img { margin: 0; height: 150px !important; object-fit: cover; width: 150px !important; border-radius: 50%; max-width: 100%; height: auto; display: block; } #sh_corpomate_theme_crypto_6 .main-row .sh_about_box h3, #sh_corpomate_theme_crypto_6 .main-row .sh_about_box .h3 { color: #0075C2; font-size: 25px; padding-bottom: 5px; font-weight: 600; margin: 0; line-height: 30px; } #sh_corpomate_theme_crypto_6 .main-row .sh_about_box p { color: #777; font-size: 18px; line-height: 27px; padding-bottom: 0px; } #sh_corpomate_theme_crypto_6 .main-row .sh_about_box .sh_divider { width: 80px; height: 4px; background: linear-gradient(to right, #0075C2, #003557); margin: 0px auto; } #sh_corpomate_theme_crypto_6 .main-row .sh_about_box .social-icon { text-align: center; color: #777; } #sh_corpomate_theme_crypto_6 .main-row .sh_about_box .social-icon ul { margin: 0; padding: 0; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; list-style-type: none; } #sh_corpomate_theme_crypto_6 .main-row .sh_about_box .social-icon ul li { list-style: none; margin: 20px 25px; } #sh_corpomate_theme_crypto_6 .main-row .sh_about_box .social-icon ul li a { color: #777; transition: 0.5s; font-size: 20px; text-decoration: none; } #sh_corpomate_theme_crypto_6 .main-row .sh_about_box .social-icon ul li:hover a { color: #0075C2; } #sh_corpomate_theme_crypto_6 .second-row { margin-top: 100px; position: relative; } #sh_corpomate_theme_crypto_6 .second-row .sub-div .img { position: absolute; top: 24%; left: 60%; height: 350px; width: 350px; } #sh_corpomate_theme_crypto_6 .second-row .sub-div .img-1 { position: absolute; top: 42%; left: 70%; margin: 0px auto; height: 150px; width: 150px; } #sh_corpomate_theme_crypto_6 .second-row .sub-div-1 img { position: absolute; top: 12%; left: 49%; margin: 0px auto; height: 50px; width: 50px; } #sh_corpomate_theme_crypto_6 .second-row .sh_tab_img { width: 100%; height: 600px; } #sh_corpomate_theme_crypto_6 .second-row .sh_tab_img img { width: 100%; height: 100%; object-fit: cover; } #sh_corpomate_theme_crypto_6 .second-row .sh_tab_content { width: 100%; padding-top: 50px; text-align: left; } #sh_corpomate_theme_crypto_6 .second-row .sh_tab_content h3, #sh_corpomate_theme_crypto_6 .second-row .sh_tab_content .h3 { font-size: 40px; color: #0075C2; font-weight: 600; } #sh_corpomate_theme_crypto_6 .second-row .sh_tab_content .sh_tabs { margin-top: 20px; } #sh_corpomate_theme_crypto_6 .second-row .sh_tab_content .nav-tabs .nav-link.active { border: 0px; color: #000; background: transparent; } #sh_corpomate_theme_crypto_6 .second-row .sh_tab_content .nav-tabs .nav-link { border: 0px; position: relative; color: #a1a1a1; background: transparent; padding: 10px 5px 10px 2px; } #sh_corpomate_theme_crypto_6 .second-row .sh_tab_content .nav-tabs .nav-link::before { content: ''; transition: 0.5s; height: 5px; width: 0%; position: absolute; bottom: 0; left: 0; background: linear-gradient(to right, #0075C2, #003557); } #sh_corpomate_theme_crypto_6 .second-row .sh_tab_content .nav-tabs .nav-link:hover:before, #sh_corpomate_theme_crypto_6 .second-row .sh_tab_content .nav-tabs .nav-link.active:before { width: 100%; } #sh_corpomate_theme_crypto_6 .second-row .sh_tab_content .nav-tabs .nav-item { margin-right: 40px; } #sh_corpomate_theme_crypto_6 .second-row .sh_tab_content .nav-tabs .nav-link:hover { border: 0px; } #sh_corpomate_theme_crypto_6 .second-row .sh_tab_content .nav-tabs { border: 0px; } #main { margin: 50px 0; } #main #faq .card { margin-bottom: 30px; border: 0; box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.2); } #main #faq .card .card-body { background: #fff !important; position: relative; padding: 0px 25px 5px; color: #777; line-height: 25px; margin-top: -8px; font-size: 18px; } #main #faq .card .card-body:before { top: 0; left: 0; position: absolute; content: ''; height: 100%; width: 5px; background: linear-gradient(to top, #0075C2, #003557); } #main #faq .card .card-header { border: 0; border-radius: 2px; padding: 0; position: relative; } #main #faq .card .card-header:before { top: 0; left: 0; position: absolute; content: ''; height: 100%; width: 5px; background: linear-gradient(to bottom, #0075C2, #003557); } #main #faq .card .card-header .btn-header-link { display: block; text-align: left; background: #fff; color: #0075C2; padding: 15px 25px 10px; font-size: 18px; font-weight: 600; } #main #faq .card .card-header .btn-header-link:after { content: "\f078"; font: normal normal normal 14px/1 FontAwesome; font-weight: 900; float: right; margin-top: 5px; } #main #faq .card .card-header .btn-header-link.collapsed { background: #fff; color: #0075C2; font-size: 18px; font-weight: 600; } #main #faq .card .card-header .btn-header-link.collapsed:after { content: "\f077"; font: normal normal normal 14px/1 FontAwesome; } #main #faq .card .collapsing { background: #FFE472; line-height: 30px; } #main #faq .card .collapse { border: 0; } #main #faq .card .collapse.show { background: #FFE472; line-height: 30px; color: #222; } .accordion .collapsing > .card-body:first-child, .accordion .collapse.show > .card-body:first-child { margin-top: 0px; } @media screen and (min-width: 992px) and (max-width: 1199px) { #sh_corpomate_theme_crypto_6 .second-row .sh_tab_content .nav-tabs .nav-item { margin-right: 35px; } } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_crypto_6 .second-row .sh_tab_img { height: 400px; } } @media screen and (max-width: 991px) { #sh_corpomate_theme_crypto_6 .main-row .sh_about_box h3, #sh_corpomate_theme_crypto_6 .main-row .sh_about_box .h3 { font-size: 20px; } #sh_corpomate_theme_crypto_6 .main-row .sh_about_box .social-icon ul li { margin: 20px 15px; } #sh_corpomate_theme_crypto_6 h1, #sh_corpomate_theme_crypto_6 .h1 { font-size: 80px; } #sh_corpomate_theme_crypto_6 h1 span, #sh_corpomate_theme_crypto_6 .h1 span { font-size: 35px; top: 60px; } #sh_corpomate_theme_crypto_6 .main-row .sh_about_box .sh_about_icon { width: 150px; height: 150px; } #sh_corpomate_theme_crypto_6 .main-row .sh_about_box { padding-bottom: 30px; } #sh_corpomate_theme_crypto_6 .main-row .sh_about_box .sh_about_icon img { height: 120px !important; width: 120px !important; object-fit: inherit; } } @media (max-width: 768px) { #sh_corpomate_theme_crypto_6 .main-row .sh_about_box h3, #sh_corpomate_theme_crypto_6 .main-row .sh_about_box .h3 { padding-bottom: 0px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_crypto_6 .second-row .sub-div .img-1 { top: 71%; left: 41%; } #sh_corpomate_theme_crypto_6 .second-row .sub-div .img { top: 63%; left: 25%; } #sh_corpomate_theme_crypto_6 .second-row .sub-div-1 img { top: 57%; left: -3%; } #sh_corpomate_theme_crypto_6 .main-row .sh_about_box .social-icon ul li { margin: 20px; } #sh_corpomate_theme_crypto_6 .second-row .sh_tab_img { height: 700px; } #sh_corpomate_theme_crypto_6 .main-row .sh_about_box { padding-bottom: 20px; } #sh_corpomate_theme_crypto_6 .main-row .sh_about_box .sh_divider { margin: 0px 27%; } #sh_corpomate_theme_crypto_6 .second-row .sh_tab_content .nav-tabs { justify-content: center; } #sh_corpomate_theme_crypto_6 .second-row .sh_tab_content h3, #sh_corpomate_theme_crypto_6 .second-row .sh_tab_content .h3 { text-align: center; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_crypto_6 .main-row .sh_about_box .sh_divider { margin: 0px 40%; } } @media (max-width: 567px) { #sh_corpomate_theme_crypto_6 { padding: 0px 0px; margin-top: -100px; } #sh_corpomate_theme_crypto_6 .second-row .sh_tab_img img { width: 100%; } #sh_corpomate_theme_crypto_6 .second-row .sub-div-1 { display: none; } #sh_corpomate_theme_crypto_6 .second-row .sub-div { display: none; } #sh_corpomate_theme_crypto_6 .main-row .sh_about_box { margin-bottom: 50px; } #sh_corpomate_theme_crypto_6 .second-row { margin-top: 0px; } #sh_corpomate_theme_crypto_6 .second-row .sh_tab_img { height: 400px; } #sh_corpomate_theme_crypto_6 .second-row .sh_tab_content h3, #sh_corpomate_theme_crypto_6 .second-row .sh_tab_content .h3 { font-size: 25px; } #sh_corpomate_theme_crypto_6 .second-row .sh_tab_content .nav-tabs .nav-item { margin-right: 14px; } #main #faq .card .card-header .btn-header-link.collapsed { font-size: 13px; } #main #faq .card .card-header .btn-header-link { font-size: 13px; } #main #faq .card .card-body { font-size: 12px; line-height: 19px; } #sh_corpomate_theme_crypto_6 h1, #sh_corpomate_theme_crypto_6 .h1 { font-size: 50px; } #sh_corpomate_theme_crypto_6 h1 span, #sh_corpomate_theme_crypto_6 .h1 span { font-size: 30px; top: 50px; } #sh_corpomate_theme_crypto_6 h1[data-watermark]:before, #sh_corpomate_theme_crypto_6 .h1[data-watermark]:before { top: 8px; font-size: 80px; } #sh_corpomate_theme_crypto_6 .main-row .sh_about_box .sh_divider { margin: 0 36%; } } @media (max-width: 360px) { #sh_corpomate_theme_crypto_6 .second-row .sh_tab_content h3, #sh_corpomate_theme_crypto_6 .second-row .sh_tab_content .h3 { font-size: 25px; } #main #faq .card .card-header .btn-header-link { padding: 15px 10px; font-size: 12px; } #main #faq .card .card-header .btn-header-link.collapsed { font-size: 12px; } #sh_corpomate_theme_crypto_6 .second-row .sh_tab_content .nav-tabs .nav-item { font-size: 13px; margin-right: 12px; } } /*------------------------ snnipet-6 end --------------------------*/ /*------------------------ snnipet-7 start --------------------------*/ #sh_corpomate_theme_crypto_7 { width: 100%; padding: 100px 0px; margin-top: -100px; position: relative; } #sh_corpomate_theme_crypto_7 h1, #sh_corpomate_theme_crypto_7 .h1 { padding: 30px 0px; position: relative; font-weight: 700; color: #0075C2; font-size: 40px; -webkit-text-stroke: 1px #ccc; -moz-text-stroke: 1px #ccc; color: transparent; font-size: 100px; top: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } #sh_corpomate_theme_crypto_7 h1:before, #sh_corpomate_theme_crypto_7 .h1:before { left: 50%; transform: translate(-50%); } #sh_corpomate_theme_crypto_7 h1 span, #sh_corpomate_theme_crypto_7 .h1 span { color: transparent; background-color: #003557; -webkit-background-clip: text; position: absolute; font-size: 40px; -webkit-text-stroke: 0px transparent; top: 70px; } #sh_corpomate_theme_crypto_7 .main-row { margin-top: 100px; } #sh_corpomate_theme_crypto_7 .sh_testimonial { position: relative; } #sh_corpomate_theme_crypto_7 .sh_testimonial .sub-div { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } #sh_corpomate_theme_crypto_7 .sh_testimonial .sub-div img { height: 500px; width: 100%; object-fit: unset; } #sh_corpomate_theme_crypto_7 .sh_divider { width: 150px; margin-top: 30px; height: 4px; background: linear-gradient(to right, #0075C2, #003557); } #sh_corpomate_theme_crypto_7 .main-row h1, #sh_corpomate_theme_crypto_7 .main-row .h1 { padding: 30px 0px; position: relative; overflow: hidden; font-weight: 700; z-index: 1; color: #0075C2; margin-bottom: 0; font-size: 40px; line-height: 1.3; padding: 0px 36px 0px 0px; text-align: left; } #sh_corpomate_theme_crypto_7 .testimonial .row .tabs li.active { border: 2px dashed #000; } #sh_corpomate_theme_crypto_7 .main-row .sh_testimonial_content { position: relative; } #sh_corpomate_theme_crypto_7 .main-row .sh_testimonial_content .sub-div-1 { position: absolute; top: 120px; left: 10px; height: 200px; width: 200px; } #sh_corpomate_theme_crypto_7 .main-row .sh_testimonial_content .sub-div-1 img { height: 150px; width: 100%; object-fit: cover; } .testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper h6, .testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper .h6 { margin-top: -5px; font-size: 18px; line-height: 1.72222; font-weight: 400; color: #777; } #sh_corpomate_theme_crypto_7 .right.carousel-control { opacity: 0; } #sh_corpomate_theme_crypto_7 .left.carousel-control { opacity: 0; } .testimonial .row .tabs { all: unset; margin-right: 50px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; height: 550px !important; } .testimonial .row .tabs li { all: unset; display: block; position: relative; height: 100px; width: 100px; } .testimonial .row .tabs li.active::before { position: absolute; content: ""; width: 50px; height: 50px; border-radius: 50%; } .testimonial .row .tabs li.active::after { position: absolute; content: ""; width: 30px; height: 30px; border-radius: 50%; } .testimonial .row .tabs li:nth-child(1) { align-self: flex-start; position: relative; left: 153px; border: 2px dashed transparent; height: 150px; width: 150px; padding: 10px; border-radius: 100px; top: -18px; } .testimonial .row .tabs li:nth-child(1)::before { left: 64%; bottom: -50px; } .testimonial .row .tabs li:nth-child(1)::after { left: 97%; bottom: -81px; } .testimonial .row .tabs li:nth-child(1) figure img { margin-left: auto; height: 150px; width: 200px; border-radius: 100px; object-fit: cover; } .testimonial .row .tabs li:nth-child(2) { align-self: flex-start; position: relative; top: 51px; left: 478px; border: 2px dashed transparent; height: 90px; width: 90px; padding: 10px; border-radius: 100px; } .testimonial .row .tabs li:nth-child(2)::before { right: -65px; top: 50%; } .testimonial .row .tabs li:nth-child(2)::after { bottom: 101px; border-radius: 50%; right: -120px; } .testimonial .row .tabs li:nth-child(2) figure img { margin-right: auto; max-width: 300px; width: 100%; margin-top: 0px; object-fit: cover; height: 90px; width: 90px; border-radius: 70px; } .testimonial .row .tabs li:nth-child(3) { align-self: flex-start; position: relative; top: -225px; left: 433px; border: 2px dashed transparent; padding: 10px; height: 80px; width: 80px; border-radius: 100px; } .testimonial .row .tabs li:nth-child(3)::before { right: -10px; top: -66%; } .testimonial .row .tabs li:nth-child(3)::after { top: -130px; border-radius: 50%; right: -46px; } .testimonial .row .tabs li:nth-child(3) figure img { margin-left: auto; margin-top: 0px; height: 80px; width: 80px; border-radius: 100px; object-fit: cover; } .testimonial .row .tabs li:nth-child(3):focus { border: 10px solid red; } .testimonial .row .tabs li:nth-child(4) { align-self: flex-start; position: relative; top: -208px; left: 294px; border: 2px dashed transparent; padding: 10px; height: 70px; width: 70px; border-radius: 100px; } .testimonial .row .tabs li:nth-child(4)::before { right: -10px; top: -66%; } .testimonial .row .tabs li:nth-child(4)::after { top: -130px; border-radius: 50%; right: -46px; } .testimonial .row .tabs li:nth-child(4) figure img { margin-left: auto; margin-top: 0px; height: 70px; width: 70px; border-radius: 100px; object-fit: cover; } .testimonial .row .tabs li:nth-child(4):focus { border: 10px solid red; } .testimonial .row .tabs li:nth-child(5) { align-self: flex-start; position: relative; top: -115px; border: 2px dashed transparent; padding: 10px; border-radius: 100px; left: 415px; height: 70px; width: 70px; } .testimonial .row .tabs li:nth-child(5)::before { right: -10px; top: -66%; } .testimonial .row .tabs li:nth-child(5)::after { top: -130px; border-radius: 50%; right: -46px; } .testimonial .row .tabs li:nth-child(5) figure img { margin-left: auto; margin-top: 0px; height: 70px; width: 70px; border-radius: 100px; object-fit: cover; } .testimonial .row .tabs li:nth-child(5):focus { border: 10px solid red; } .testimonial .row .tabs li:nth-child(6) { align-self: flex-start; position: relative; top: -206px; left: 140px; border: 2px dashed transparent; padding: 10px; height: 80px; width: 80px; border-radius: 100px; } .testimonial .row .tabs li:nth-child(6)::before { right: -10px; top: -66%; } .testimonial .row .tabs li:nth-child(6)::after { top: -130px; border-radius: 50%; right: -46px; } .testimonial .row .tabs li:nth-child(6) figure img { margin-left: auto; margin-top: 0px; height: 80px; width: 80px; border-radius: 100px; object-fit: cover; } .testimonial .row .tabs li:nth-child(6):focus { border: 10px solid red; } .testimonial .row .tabs li:nth-child(7) { align-self: flex-start; position: relative; top: -492px; left: 40px; height: 90px; width: 90px; border: 2px dashed transparent; padding: 10px; border-radius: 100px; } .testimonial .row .tabs li:nth-child(7)::before { right: -10px; top: -66%; } .testimonial .row .tabs li:nth-child(7)::after { top: -130px; border-radius: 50%; right: -46px; } .testimonial .row .tabs li:nth-child(7) figure img { margin-left: auto; margin-top: 0px; height: 90px; width: 90px; border-radius: 100px; object-fit: cover; } .testimonial .row .tabs li:nth-child(7):focus { border: 10px solid red; } .testimonial .row .tabs li figure { position: relative; } .testimonial .row .tabs li figure img { display: block; } .testimonial .row .tabs li figure::after { content: ""; position: absolute; top: 0; z-index: -1; width: 100%; height: 100%; border-radius: 50%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .testimonial .row .tabs li figure:hover::after { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .testimonial .row .tabs.carousel-indicators li.active figure::after { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .testimonial .row .carousel > h3, .testimonial .row .carousel > .h3 { font-size: 20px; line-height: 1.45; color: #0075C2; font-weight: 600; margin-bottom: 0; } .testimonial .row .carousel > h6, .testimonial .row .carousel > .h6 { font-size: 16px; line-height: 1.45; color: #777; font-weight: 400; margin-bottom: 0; } .testimonial .row .carousel h1, .testimonial .row .carousel .h1 { font-size: 40px; line-height: 1.225; margin-top: 23px; font-weight: 700; margin-bottom: 0; } .testimonial .row .carousel .carousel-indicators { all: unset; padding-top: 43px; display: none; list-style: none; } .testimonial .row .carousel .carousel-indicators li { background: #000; background-clip: padding-box; height: 2px; } .testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper { margin-top: 42px; } .testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper p { font-size: 18px; color: #777; } .testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper h3, .testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper .h3 { color: #0075C2; font-weight: 700; margin-top: 20px; font-size: 20px; line-height: 1.45; } @media only screen and (max-width: 1200px) { .tabs { margin-right: 25px; } } @media screen and (min-width: 1200px) and (max-width: 1399px) { .testimonial .row .tabs li:nth-child(1) { top: -30px; left: 90px; } .testimonial .row .tabs li:nth-child(4) { top: -230px; left: 245px; } .testimonial .row .tabs li:nth-child(3) { left: 360px; top: -245px; } .testimonial .row .tabs li:nth-child(5) { top: -79px; } .testimonial .row .tabs li:nth-child(2) { left: 430px; top: 45px; } .testimonial .row .tabs li:nth-child(6) { left: 100px; top: -190px; } .testimonial .row .tabs li:nth-child(5) { left: 350px; top: -115px; } .testimonial .row .tabs li:nth-child(7) { left: 15px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .testimonial .row .tabs li:nth-child(1) { top: -30px; left: 90px; } .testimonial .row .tabs li:nth-child(2) { left: 345px; } .testimonial .row .tabs li:nth-child(3) { left: 300px; } .testimonial .row .tabs li:nth-child(4) { left: 194px; } .testimonial .row .tabs li:nth-child(5) { left: 290px; } .testimonial .row .tabs li:nth-child(6) { left: 90px; } } @media screen and (max-width: 991px) { #sh_corpomate_theme_crypto_7 .main-row { margin-top: 0px; } #sh_corpomate_theme_crypto_7 { padding-bottom: 0px; } #sh_corpomate_theme_crypto_7 h1, #sh_corpomate_theme_crypto_7 .h1 { font-size: 80px; } #sh_corpomate_theme_crypto_7 h1 span, #sh_corpomate_theme_crypto_7 .h1 span { font-size: 35px; top: 60px; } } @media screen and (min-width: 821px) and (max-width: 991px) { .testimonial .row .tabs li:nth-child(1) { top: -65px; } .testimonial .row .tabs li:nth-child(4) { top: -230px; left: 325px; } .testimonial .row .tabs li:nth-child(3) { left: 475px; top: -320px; } .testimonial .row .tabs li:nth-child(5) { top: -79px; } .testimonial .row .tabs li:nth-child(2) { left: 540px; top: 70px; } .testimonial .row .tabs li:nth-child(6) { left: 150px; top: -130px; } .testimonial .row .tabs li:nth-child(5) { left: 460px; top: -55px; } .testimonial .row .tabs li:nth-child(7) { left: 60px; } #sh_corpomate_theme_crypto_7 .sh_testimonial .sub-div img { object-fit: cover; } } @media screen and (max-width: 820px) { #sh_corpomate_theme_crypto_7 .sh_testimonial .sub-div img { object-fit: cover; } .testimonial .row .tabs li:nth-child(4) { top: -230px; left: 325px; } .testimonial .row .tabs li:nth-child(3) { left: 475px; top: -320px; } .testimonial .row .tabs li:nth-child(2) { left: 540px; top: 70px; } .testimonial .row .tabs li:nth-child(6) { left: 150px; top: -130px; } .testimonial .row .tabs li:nth-child(5) { left: 460px; top: -55px; } } @media (max-width: 768px) { .testimonial .row .tabs li:nth-child(4) { top: -244px; left: 348px; } .testimonial .row .tabs li:nth-child(3) { top: -296px; left: 500px; } .testimonial .row .tabs li:nth-child(6) { top: -158px; left: 184px; } .testimonial .row .tabs li:nth-child(5) { left: 488px; top: -80px; } .testimonial .row .tabs li:nth-child(2) { top: 50px; left: 567px; } #sh_corpomate_theme_crypto_7 .main-row .sh_testimonial_content { margin-bottom: 100px; } .testimonial .row .tabs { height: 650px !important; } } @media screen and (min-width: 577px) and (max-width: 767px) { .testimonial .row .tabs li:nth-child(3) { top: -254px; left: 350px; } .testimonial .row .tabs li:nth-child(4) { top: -230px; left: 229px; } .testimonial .row .tabs li:nth-child(2) { top: 50px; left: 369px; } .testimonial .row .tabs li:nth-child(6) { top: -193px; left: 95px; } .testimonial .row .tabs li:nth-child(5) { left: 330px; top: -113px; } } @media (max-width: 567px) { #sh_corpomate_theme_crypto_7 .sh_testimonial { display: none; } #sh_corpomate_theme_crypto_7 { padding: 0px; margin-top: -50px; } #sh_corpomate_theme_crypto_7 .main-row { margin-top: 0px; } #sh_corpomate_theme_crypto_7 h1, #sh_corpomate_theme_crypto_7 .h1 { font-size: 50px; } #sh_corpomate_theme_crypto_7 h1 span, #sh_corpomate_theme_crypto_7 .h1 span { font-size: 27px; top: 50px; } #sh_corpomate_theme_crypto_7 h1[data-watermark]:before, #sh_corpomate_theme_crypto_7 .h1[data-watermark]:before { font-size: 55px; top: 20px; } #sh_corpomate_theme_crypto_7 .main-row .sh_testimonial_content { margin-bottom: 20px; } #sh_corpomate_theme_crypto_7 .right.carousel-control { height: 50px; opacity: 1; background: #fff; width: 50px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; font-size: 20px; position: relative; top: -105px; left: 85%; color: #0075C2; border: 1px solid #0075C2; } #sh_corpomate_theme_crypto_7 .left.carousel-control { height: 50px; opacity: 1; background: #fff; width: 50px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; font-size: 20px; position: relative; top: -55px; left: 65%; color: #0075C2; border: 1px solid #0075C2; } #sh_corpomate_theme_crypto_7 .main-row h1, #sh_corpomate_theme_crypto_7 .main-row .h1 { font-size: 30px; } } @media (max-width: 360px) { #sh_corpomate_theme_crypto_7 h1, #sh_corpomate_theme_crypto_7 .h1 { font-size: 28px; } #sh_corpomate_theme_crypto_7 h1[data-watermark]:before, #sh_corpomate_theme_crypto_7 .h1[data-watermark]:before { font-size: 50px; top: 24px; } } /*------------------------ snnipet-7 end --------------------------*/ /*----------------------------------------------------home page end----------------------------------------------------*/ /*----------------------------------------------------About page start----------------------------------------------------*/ /*------------------------ snnipet-9 start --------------------------*/ #sh_corpomate_theme_crypto_9 { padding: 100px 0px; position: relative; } #sh_corpomate_theme_crypto_9::before { height: 100%; width: 100%; top: -70rem; background-repeat: no-repeat; left: 0; content: ''; position: absolute; background: url("/sh_corpomate_theme/static/src/images/theme_2/images/sh_crypto_image_1.png"); background-size: contain; background-position: bottom; overflow: visible; } #sh_corpomate_theme_crypto_9 h1, #sh_corpomate_theme_crypto_9 .h1 { padding: 30px 0px; position: relative; font-weight: 700; color: #0075C2; font-size: 40px; -webkit-text-stroke: 1px #ccc; -moz-text-stroke: 1px #ccc; color: transparent; font-size: 100px; top: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } #sh_corpomate_theme_crypto_9 h1:before, #sh_corpomate_theme_crypto_9 .h1:before { left: 50%; transform: translate(-50%); } #sh_corpomate_theme_crypto_9 h1 span, #sh_corpomate_theme_crypto_9 .h1 span { color: transparent; background-color: #003557; -webkit-background-clip: text; position: absolute; font-size: 40px; -webkit-text-stroke: 0px transparent; top: 70px; } #sh_corpomate_theme_crypto_9 .main-row { margin-top: 50px; } #sh_corpomate_theme_crypto_9 .main-row .sh_about_content { width: 100%; position: relative; } #sh_corpomate_theme_crypto_9 .main-row .sh_about_content h2, #sh_corpomate_theme_crypto_9 .main-row .sh_about_content .h2 { font-size: 35px; font-weight: 600; color: #0075C2; } #sh_corpomate_theme_crypto_9 .main-row .sh_about_content p { font-size: 18px; font-weight: 400; color: #777; margin-top: 30px; } #sh_corpomate_theme_crypto_9 .main-row .sh_about_sub_content { margin-top: 50px; } #sh_corpomate_theme_crypto_9 .main-row .sh_about_sub_content h4, #sh_corpomate_theme_crypto_9 .main-row .sh_about_sub_content .h4 { font-size: 25px; color: #0075C2; font-weight: 600; } #sh_corpomate_theme_crypto_9 .main-row .sh_about_sub_content p { font-size: 18px; font-weight: 400; color: #777; margin-top: 20px; } #sh_corpomate_theme_crypto_9 .main-row .sh_about_img { width: 100%; } #sh_corpomate_theme_crypto_9 .main-row .sh_about_img img { width: 100%; height: 580px; object-fit: contain; margin-top: -50px; } #sh_corpomate_theme_crypto_9 .main-row-1 { margin-top: 100px; } #sh_corpomate_theme_crypto_9 .main-row-1 .sh_about_box { background: #fff; width: 100%; transition: 0.5s; overflow: hidden; position: relative; padding-left: 30px; padding-right: 30px; cursor: pointer; padding-top: 70px; padding-bottom: 30px; box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.2); border-radius: 20px; } #sh_corpomate_theme_crypto_9 .main-row-1 .sh_about_box:after { height: 100px; background-repeat: no-repeat; width: 100px; content: ''; top: -50px; right: -10px; transform: rotate(180deg); position: absolute; background: linear-gradient(to left, #0075C2, #003557); border-radius: 100px; } #sh_corpomate_theme_crypto_9 .main-row-1 .sh_about_box:hover { transform: translateY(-20px); box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); } #sh_corpomate_theme_crypto_9 .main-row-1 .sh_about_box .sh_about_icon { background: #fff; width: 105px; height: 105px; margin: 0 auto 5px; border-radius: 50%; } #sh_corpomate_theme_crypto_9 .main-row-1 .sh_about_box .sh_about_icon img { margin: 0; height: 50px !important; width: 50px !important; max-width: 100%; height: auto; display: block; } #sh_corpomate_theme_crypto_9 .main-row-1 .sh_about_box h3, #sh_corpomate_theme_crypto_9 .main-row-1 .sh_about_box .h3 { color: #0075C2; font-size: 35px; padding-bottom: 10px; font-weight: 600; margin: 0; text-align: center; line-height: 30px; } #sh_corpomate_theme_crypto_9 .main-row-1 .sh_about_box p { text-align: center; color: #777; font-size: 18px; line-height: 27px; padding-bottom: 10px; } #sh_corpomate_theme_crypto_9 .main-row-1 .sh_about_box .sh_divider { width: 80px; height: 4px; background: linear-gradient(to right, #0075C2, #003557); margin: 0px auto; } @media screen and (min-width: 992px) and (max-width: 1199px) { #sh_corpomate_theme_crypto_9 .main-row-1 .sh_about_box p { font-size: 14px; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_crypto_9::before { top: -158rem; } } @media screen and (max-width: 991px) { #sh_corpomate_theme_crypto_9 .main-row-1 .sh_about_box { margin-bottom: 50px; } #sh_corpomate_theme_crypto_9::before { background-repeat: no-repeat; top: -120rem; } #sh_corpomate_theme_crypto_9 h1, #sh_corpomate_theme_crypto_9 .h1 { font-size: 80px; } #sh_corpomate_theme_crypto_9 h1 span, #sh_corpomate_theme_crypto_9 .h1 span { font-size: 35px; top: 60px; } } @media (max-width: 768px) { #sh_corpomate_theme_crypto_9 .main-row .sh_about_img img { margin-top: 0px; } #sh_corpomate_theme_crypto_9 { padding: 50px 0px; } #sh_corpomate_theme_crypto_9 .main-row-1 .sh_about_box { margin-bottom: 50px; padding-top: 30px; } #sh_corpomate_theme_crypto_9 .main-row { margin-top: 10px; } #sh_corpomate_theme_crypto_9::before { height: 100%; width: 100%; top: -115rem; background-repeat: no-repeat; left: 0; content: ''; position: absolute; background: url("/sh_corpomate_theme/static/src/images/theme_2/images/sh_crypto_image_1.png"); background-size: contain; background-position: bottom; overflow: visible; } } @media (max-width: 567px) { #sh_corpomate_theme_crypto_9 { padding: 0px 0px; } #sh_corpomate_theme_crypto_9 .main-row { margin-top: 0px; } #sh_corpomate_theme_crypto_9 h1[data-watermark]:before, #sh_corpomate_theme_crypto_9 .h1[data-watermark]:before { font-size: 80px; top: 15px; } #sh_corpomate_theme_crypto_9 .main-row .sh_about_content h2, #sh_corpomate_theme_crypto_9 .main-row .sh_about_content .h2 { font-size: 25px; } #sh_corpomate_theme_crypto_9 .main-row .sh_about_content p { font-size: 16px; } #sh_corpomate_theme_crypto_9 .main-row .sh_about_sub_content h4, #sh_corpomate_theme_crypto_9 .main-row .sh_about_sub_content .h4 { font-size: 20px; } #sh_corpomate_theme_crypto_9 .main-row .sh_about_content p { margin-top: 20px; } #sh_corpomate_theme_crypto_9 .main-row .sh_about_sub_content { margin-top: 30px; } #sh_corpomate_theme_crypto_9 .main-row .sh_about_img img { height: 350px; } #sh_corpomate_theme_crypto_9 .main-row .sh_about_sub_content p { font-size: 16px; } #sh_corpomate_theme_crypto_9::before { background: none; } #sh_corpomate_theme_crypto_9 h1, #sh_corpomate_theme_crypto_9 .h1 { font-size: 50px; } #sh_corpomate_theme_crypto_9 h1 span, #sh_corpomate_theme_crypto_9 .h1 span { font-size: 30px; top: 50px; } } @media (max-width: 360px) { #sh_corpomate_theme_crypto_9 .main-row .sh_about_content p { font-size: 13px; } #sh_corpomate_theme_crypto_9 .main-row .sh_about_content h2, #sh_corpomate_theme_crypto_9 .main-row .sh_about_content .h2 { font-size: 25px; } #sh_corpomate_theme_crypto_9 .main-row .sh_about_sub_content h4, #sh_corpomate_theme_crypto_9 .main-row .sh_about_sub_content .h4 { font-size: 17px; } #sh_corpomate_theme_crypto_9 { padding: 10px 0px; } #sh_corpomate_theme_crypto_9 .main-row .sh_about_sub_content p { font-size: 13px; } } /*------------------------ snnipet-9 end --------------------------*/ /*------------------------ snnipet-10 start --------------------------*/ #sh_corpomate_theme_crypto_10 { padding: 50px 0px; width: 100%; position: relative; } #sh_corpomate_theme_crypto_10 .main-row { margin-top: 10px; } #sh_corpomate_theme_crypto_10 .main-row .sh_about-img { width: 100%; position: relative; } #sh_corpomate_theme_crypto_10 .main-row .sh_about-img img { width: 100%; height: 400px; } #sh_corpomate_theme_crypto_10 .main-row .sh_about-text { width: 100%; } #sh_corpomate_theme_crypto_10 .main-row .sh_about-text h3, #sh_corpomate_theme_crypto_10 .main-row .sh_about-text .h3 { font-size: 31px; font-weight: 600; color: #0075C2; } #sh_corpomate_theme_crypto_10 .main-row .sh_about-text p { font-size: 18px; color: #777; font-weight: 400; margin: 20px 0px 50px 0px; } #sh_corpomate_theme_crypto_10 .main-row .sh_about-text h4, #sh_corpomate_theme_crypto_10 .main-row .sh_about-text .h4 { font-size: 18px; color: #777; position: relative; padding: 0px 45px; margin-bottom: 20px; } #sh_corpomate_theme_crypto_10 .main-row .sh_about-text h4 .sub-div, #sh_corpomate_theme_crypto_10 .main-row .sh_about-text .h4 .sub-div { height: 30px; left: 0px; top: -2px; width: 30px; position: absolute; } #sh_corpomate_theme_crypto_10 .main-row .sh_about-text h4 .sub-div img, #sh_corpomate_theme_crypto_10 .main-row .sh_about-text .h4 .sub-div img { height: 100%; width: 100%; object-fit: cover; margin-right: 10px; } @media (max-width: 768px) { #sh_corpomate_theme_crypto_10 .main-row .sh_about-img img { margin-bottom: 30px; } } @media (max-width: 567px) { #sh_corpomate_theme_crypto_10 .main-row .sh_about-img img { height: 300px; margin-bottom: 20px; } #sh_corpomate_theme_crypto_10 .main-row .sh_about-text h3, #sh_corpomate_theme_crypto_10 .main-row .sh_about-text .h3 { font-size: 25px; } #sh_corpomate_theme_crypto_10 .main-row .sh_about-text h4, #sh_corpomate_theme_crypto_10 .main-row .sh_about-text .h4 { font-size: 15px; } } /*------------------------ snnipet-10 end --------------------------*/ /*------------------------ snnipet-11 start --------------------------*/ #sh_corpomate_theme_crypto_11 { padding: 100px 0px; position: relative; width: 100%; margin-bottom: 0px; } #sh_corpomate_theme_crypto_11 .sub-div { position: absolute; top: 60%; left: 0; height: 50px; width: 100%; z-index: -1; } #sh_corpomate_theme_crypto_11 .sub-div img { height: 100%; width: 100%; } #sh_corpomate_theme_crypto_11 h1, #sh_corpomate_theme_crypto_11 .h1 { padding: 30px 0px; position: relative; font-weight: 700; color: #0075C2; font-size: 40px; -webkit-text-stroke: 1px #ccc; -moz-text-stroke: 1px #ccc; color: transparent; font-size: 100px; top: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } #sh_corpomate_theme_crypto_11 h1:before, #sh_corpomate_theme_crypto_11 .h1:before { left: 50%; transform: translate(-50%); } #sh_corpomate_theme_crypto_11 h1 span, #sh_corpomate_theme_crypto_11 .h1 span { color: transparent; background-color: #003557; -webkit-background-clip: text; position: absolute; font-size: 40px; -webkit-text-stroke: 0px transparent; top: 70px; } #sh_corpomate_theme_crypto_11 .main-row { margin-top: 50px; } #sh_corpomate_theme_crypto_11 .main-row { margin-top: 50px; } #sh_corpomate_theme_crypto_11 .main-row .sh_control-box { margin-top: 30px; color: #544a84; } #sh_corpomate_theme_crypto_11 .main-row .sh_control-box .sh_subtitle { color: #504c89; font-weight: 600; margin: 0; font-size: 24px; line-height: 34px; padding: 17px 0 7px; } #sh_corpomate_theme_crypto_11 .main-row .sh_control-box .sh_text { font-size: 16px; font-weight: 400; color: #777; } #sh_corpomate_theme_crypto_11 .main-row .sh_control-box img { height: 40%; width: 40%; } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_crypto_11 { padding: 50px 0px; } } @media screen and (max-width: 991px) { #sh_corpomate_theme_crypto_11 h1, #sh_corpomate_theme_crypto_11 .h1 { font-size: 80px; } #sh_corpomate_theme_crypto_11 h1 span, #sh_corpomate_theme_crypto_11 .h1 span { font-size: 35px; top: 60px; } } @media (max-width: 768px) { #sh_corpomate_theme_crypto_11 h1, #sh_corpomate_theme_crypto_11 .h1 { font-size: 35px; } #sh_corpomate_theme_crypto_11 .sub-div { display: none; } #sh_corpomate_theme_crypto_11 { padding: 50px 0px; } } @media (max-width: 567px) { #sh_corpomate_theme_crypto_11 h1[data-watermark]:before, #sh_corpomate_theme_crypto_11 .h1[data-watermark]:before { top: 15px; font-size: 80px; } #sh_corpomate_theme_crypto_11 { padding: 0px 0px 80px 0px; margin-bottom: 80px; } #sh_corpomate_theme_crypto_11 .main-row { margin-top: 20px; } #sh_corpomate_theme_crypto_11 .main-row .sh_control-box img { height: 35%; width: 35%; } #sh_corpomate_theme_crypto_11 h1 span, #sh_corpomate_theme_crypto_11 .h1 span { font-size: 30px; top: 50px; } #sh_corpomate_theme_crypto_11 h1, #sh_corpomate_theme_crypto_11 .h1 { font-size: 50px; } } @media (max-width: 360px) { #sh_corpomate_theme_crypto_11 h1[data-watermark]:before, #sh_corpomate_theme_crypto_11 .h1[data-watermark]:before { top: 20px; font-size: 60px; } #sh_corpomate_theme_crypto_11 h1, #sh_corpomate_theme_crypto_11 .h1 { font-size: 30px; } } /*------------------------ snnipet-11 end --------------------------*/ /*----------------------------------------------------About page end----------------------------------------------------*/ /*----------------------------------------------------Service page start----------------------------------------------------*/ /*------------------------ snnipet-12 start --------------------------*/ #sh_corpomate_theme_crypto_12 { width: 100%; padding: 100px 0px; position: relative; text-align: center; } #sh_corpomate_theme_crypto_12::before { height: 100%; width: 100%; top: -63rem; background-repeat: no-repeat; left: 0; content: ''; position: absolute; background: url("/sh_corpomate_theme/static/src/images/theme_2/images/sh_crypto_image_1.png"); background-size: contain; background-position: bottom; overflow: visible; } #sh_corpomate_theme_crypto_12 h1, #sh_corpomate_theme_crypto_12 .h1 { padding: 30px 0px; position: relative; font-weight: 700; color: #0075C2; font-size: 40px; -webkit-text-stroke: 1px #ccc; -moz-text-stroke: 1px #ccc; color: transparent; font-size: 100px; top: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } #sh_corpomate_theme_crypto_12 h1:before, #sh_corpomate_theme_crypto_12 .h1:before { left: 50%; transform: translate(-50%); } #sh_corpomate_theme_crypto_12 h1 span, #sh_corpomate_theme_crypto_12 .h1 span { color: transparent; background-color: #003557; -webkit-background-clip: text; position: absolute; font-size: 40px; -webkit-text-stroke: 0px transparent; top: 70px; } #sh_corpomate_theme_crypto_12 .main-row { margin-top: 50px; } #sh_corpomate_theme_crypto_12 .main-row .sh_about_box { background: #fff; width: 90%; transition: 0.5s; overflow: hidden; position: relative; padding-left: 30px; padding-right: 30px; cursor: pointer; padding-top: 40px; padding-bottom: 30px; box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.2); border-radius: 20px; margin-top: 50px; } #sh_corpomate_theme_crypto_12 .main-row .sh_about_box:after { height: 100px; background-repeat: no-repeat; width: 100px; content: ''; top: -50px; right: -10px; transform: rotate(180deg); position: absolute; background: linear-gradient(to left, #0075C2, #003557); border-radius: 100px; } #sh_corpomate_theme_crypto_12 .main-row .sh_about_box:hover { transform: translateY(-20px); box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); } #sh_corpomate_theme_crypto_12 .main-row .sh_about_box .sh_about_icon { background: #ecebfb; width: 105px; position: relative; height: 105px; margin: 0 auto 20px; border-radius: 50%; } #sh_corpomate_theme_crypto_12 .main-row .sh_about_box .sh_about_icon img { margin: 0; height: 100px !important; width: 100px !important; max-width: 100%; height: auto; display: block; position: relative; } #sh_corpomate_theme_crypto_12 .main-row .sh_about_box .sh_about_icon:before { background: #fff; height: 50px; width: 50px; border-radius: 50%; position: absolute; content: ''; z-index: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); } #sh_corpomate_theme_crypto_12 .main-row .sh_about_box h3, #sh_corpomate_theme_crypto_12 .main-row .sh_about_box .h3 { color: #0075C2; font-size: 20px; padding-bottom: 20px; font-weight: 600; margin: 0; line-height: 30px; } #sh_corpomate_theme_crypto_12 .main-row .sh_about_box p { color: #777; font-size: 18px; line-height: 27px; padding-bottom: 15px; } #sh_corpomate_theme_crypto_12 .main-row .sh_about_box .sh_divider { width: 80px; height: 4px; background: linear-gradient(to right, #0075C2 50%, #003557 50%); margin: 0px auto; } @media screen and (max-width: 991px) { #sh_corpomate_theme_crypto_12 { padding: 0; } #sh_corpomate_theme_crypto_12::befor { background-repeat: no-repeat; top: -83rem; } #sh_corpomate_theme_crypto_12 h1, #sh_corpomate_theme_crypto_12 .h1 { font-size: 80px; } #sh_corpomate_theme_crypto_12 h1 span, #sh_corpomate_theme_crypto_12 .h1 span { font-size: 35px; top: 60px; } } @media (max-width: 768px) { #sh_corpomate_theme_crypto_12 { padding: 100px 0px; } #sh_corpomate_theme_crypto_12 .main-row .sh_about_box { padding-left: 10px; padding-right: 10px; width: 100%; } #sh_corpomate_theme_crypto_12 .main-row .sh_about_box .sh_divider { margin: 0 36%; } #sh_corpomate_theme_crypto_12 .main-row { margin-top: 0px; } #sh_corpomate_theme_crypto_12 .main-row .sh_about_box h3, #sh_corpomate_theme_crypto_12 .main-row .sh_about_box .h3 { font-size: 22px; } #sh_corpomate_theme_crypto_12 .main-row .sh_about_box p { padding-bottom: 10px; font-size: 19px; } #sh_corpomate_theme_crypto_12 h1, #sh_corpomate_theme_crypto_12 .h1 { font-size: 35px; } #sh_corpomate_theme_crypto_12::before { height: 100%; width: 100%; top: -83rem; background-repeat: no-repeat; left: 0; content: ''; position: absolute; background: url("/sh_corpomate_theme/static/src/images/theme_2/images/sh_crypto_image_1.png"); background-size: contain; background-position: bottom; overflow: visible; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_crypto_12::before { top: -150rem; } #sh_corpomate_theme_crypto_12 .main-row .sh_about_box .sh_divider { margin: 0 40%; } } @media (max-width: 576px) { #sh_corpomate_theme_crypto_12 { padding: 30px 0px; margin-bottom: -150px; } #sh_corpomate_theme_crypto_12::before { background: none; } #sh_corpomate_theme_crypto_12 h1[data-watermark]:before, #sh_corpomate_theme_crypto_12 .h1[data-watermark]:before { font-size: 65px; top: 25px; } #sh_corpomate_theme_crypto_12 .main-row .sh_about_box { margin-bottom: 30px; } #sh_corpomate_theme_crypto_12 .main-row .sh_about_box .sh_divider { margin: 0 38%; } #sh_corpomate_theme_crypto_12 h1 span, #sh_corpomate_theme_crypto_12 .h1 span { font-size: 30px; top: 50px; } #sh_corpomate_theme_crypto_12 h1, #sh_corpomate_theme_crypto_12 .h1 { font-size: 50px; } } @media (max-width: 360px) { #sh_corpomate_theme_crypto_12 h1[data-watermark]:before, #sh_corpomate_theme_crypto_12 .h1[data-watermark]:before { font-size: 55px; } #sh_corpomate_theme_crypto_12 h1, #sh_corpomate_theme_crypto_12 .h1 { font-size: 35px; } #sh_corpomate_theme_crypto_12 .main-row { margin-top: 30px; } #sh_corpomate_theme_crypto_12 .main-row .sh_about_box .sh_divider { margin: 0 35%; } } /*------------------------ snnipet-12 end --------------------------*/ /*------------------------ snnipet-13 start --------------------------*/ #sh_corpomate_theme_crypto_13 { width: 100%; padding: 200px 0px 150px 0px; height: 100%; position: relative; background: url("/sh_corpomate_theme/static/src/images/theme_2/images/sh_crypto_image_9.png"); background-position: center; background-size: cover; background-size: 100% 100% !important; } #sh_corpomate_theme_crypto_13 .sub-div-3 { position: absolute; top: 40%; left: 2%; height: 60px; width: 60px; } #sh_corpomate_theme_crypto_13 .sub-div img { height: 100%; width: 100%; } #sh_corpomate_theme_crypto_13 .sub-div-1 { position: absolute; top: 30%; left: 72%; height: 40px; opacity: 0.6; transform: rotate(60deg); width: 40px; } #sh_corpomate_theme_crypto_13 .sub-div-1 img { height: 100%; width: 100%; } #sh_corpomate_theme_crypto_13 h1, #sh_corpomate_theme_crypto_13 .h1 { padding: 30px 0px; position: relative; font-weight: 700; color: #0075C2; font-size: 40px; -webkit-text-stroke: 1px #ccc; -moz-text-stroke: 1px #ccc; color: transparent; font-size: 100px; top: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } #sh_corpomate_theme_crypto_13 h1:before, #sh_corpomate_theme_crypto_13 .h1:before { left: 50%; transform: translate(-50%); } #sh_corpomate_theme_crypto_13 h1 span, #sh_corpomate_theme_crypto_13 .h1 span { color: transparent; background-color: #003557; -webkit-background-clip: text; position: absolute; font-size: 40px; -webkit-text-stroke: 0px transparent; top: 70px; } #sh_corpomate_theme_crypto_13 .main-row { margin-top: 50px; } #sh_corpomate_theme_crypto_13 .progress { width: 95%; height: 4px; background-color: #FF58512B; border-radius: 12px; overflow: hidden; margin: 0px auto; margin-left: 12px; } #sh_corpomate_theme_crypto_13 .progress-bar { background-color: #003557; width: 50% !important; height: 4px; line-height: 4px; } #sh_corpomate_theme_crypto_13 .second-row { margin-top: 20px; } #sh_corpomate_theme_crypto_13 .second-row .sh_box { position: relative; } #sh_corpomate_theme_crypto_13 .second-row .sh_box h4, #sh_corpomate_theme_crypto_13 .second-row .sh_box .h4 { font-size: 22px; font-weight: 600; color: #0075C2; text-align: center; margin-top: 20px; margin-bottom: 5px; } #sh_corpomate_theme_crypto_13 .second-row .sh_box h6, #sh_corpomate_theme_crypto_13 .second-row .sh_box .h6 { font-size: 14px; color: #777; text-align: center; } #sh_corpomate_theme_crypto_13 .second-row .sh_box .sub-div { height: 20px; width: 20px; background-color: #003557; border-radius: 30px; position: absolute; top: -52px; left: 40%; } #sh_corpomate_theme_crypto_13 .second-row .sh_box .sub-div::after { content: ''; height: 140%; width: 140%; position: absolute; animation: abc 2s infinite; border-radius: 100%; top: -20%; left: -20%; background-color: #003557; opacity: .3; } #sh_corpomate_theme_crypto_13 .third-row { margin-top: 50px; } #sh_corpomate_theme_crypto_13 .third-row .sh_main_box { border-radius: 30px; background: #fff; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); padding: 30px 10px; } #sh_corpomate_theme_crypto_13 .third-row .sh_main_box h2, #sh_corpomate_theme_crypto_13 .third-row .sh_main_box .h2 { font-weight: 600; font-size: 40px; } #sh_corpomate_theme_crypto_13 .third-row .sh_main_box h5, #sh_corpomate_theme_crypto_13 .third-row .sh_main_box .h5 { color: #504c89; font-weight: 600; font-size: 15px; } @keyframes abc { 50% { opacity: .4; } 100% { opacity: .2; } } @media screen and (max-width: 991px) { #sh_corpomate_theme_crypto_13 .second-row .sh_box h4, #sh_corpomate_theme_crypto_13 .second-row .sh_box .h4 { font-size: 20px; } #sh_corpomate_theme_crypto_13 h1, #sh_corpomate_theme_crypto_13 .h1 { font-size: 80px; } #sh_corpomate_theme_crypto_13 h1 span, #sh_corpomate_theme_crypto_13 .h1 span { font-size: 35px; top: 60px; } } @media (max-width: 768px) { #sh_corpomate_theme_crypto_13 { background-size: cover; padding: 250px 0 200px; } #sh_corpomate_theme_crypto_13 .sub-div-3 { top: 31%; } #sh_corpomate_theme_crypto_13 .sub-div-1 { top: 23%; left: 81%; } #sh_corpomate_theme_crypto_13 .second-row .sh_box h4, #sh_corpomate_theme_crypto_13 .second-row .sh_box .h4 { display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_crypto_13 .third-row .sh_main_box .col-md-6 { margin-bottom: 20px; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_crypto_13 .second-row .sh_box .sub-div { display: none; } } @media (max-width: 567px) { #sh_corpomate_theme_crypto_13 .second-row .sh_box { position: relative; margin-bottom: 40px; } #sh_corpomate_theme_crypto_13 .sh_progress { transform: rotate(90deg); width: 122%; top: 172px; position: relative; z-index: 0; left: -18.1%; } #sh_corpomate_theme_crypto_13 .second-row .sh_box .sub-div.inner1 { top: 2px; left: 98%; } #sh_corpomate_theme_crypto_13 .second-row .sh_box .sub-div.inner2 { top: 76px; left: -21%; } #sh_corpomate_theme_crypto_13 .second-row .sh_box .sub-div.inner3 { top: 52px; left: 98%; } #sh_corpomate_theme_crypto_13 .second-row .sh_box .sub-div.inner4 { top: 135px; left: -21%; } #sh_corpomate_theme_crypto_13 h1[data-watermark]:before, #sh_corpomate_theme_crypto_13 .h1[data-watermark]:before { top: 15px; font-size: 80px; } #sh_corpomate_theme_crypto_13 .sub-div-3 { display: none; } #sh_corpomate_theme_crypto_13 .sub-div-1 { display: none; } #sh_corpomate_theme_crypto_13 .third-row { margin-top: 150px; } #sh_corpomate_theme_crypto_13 .second-row .sh_box h4, #sh_corpomate_theme_crypto_13 .second-row .sh_box .h4 { font-size: 18px; } #sh_corpomate_theme_crypto_13 h1, #sh_corpomate_theme_crypto_13 .h1 { font-size: 50px; } #sh_corpomate_theme_crypto_13 h1 span, #sh_corpomate_theme_crypto_13 .h1 span { font-size: 30px; top: 50px; } #sh_corpomate_theme_crypto_13 h1[data-watermark]:before, #sh_corpomate_theme_crypto_13 .h1[data-watermark]:before { font-size: 60px; top: 20px; } #sh_corpomate_theme_crypto_13 { padding: 280px 0; } #sh_corpomate_theme_crypto_13 .second-row .sh_box .sub-div::after { left: -4px; } #sh_corpomate_theme_crypto_13 .second-row .sh_box .sub-div.inner1 { left: 103%; } #sh_corpomate_theme_crypto_13 .second-row .sh_box .sub-div.inner2 { left: -16%; } #sh_corpomate_theme_crypto_13 .second-row .sh_box .sub-div.inner3 { left: 103%; } #sh_corpomate_theme_crypto_13 .second-row .sh_box .sub-div.inner4 { left: -16%; } #sh_corpomate_theme_crypto_13 .sh_progress { left: -15.2%; } } /*------------------------ snnipet-13 end --------------------------*/ /*------------------------ snnipet-14 start --------------------------*/ #sh_corpomate_theme_crypto_14 { padding: 50px 0; width: 100%; position: relative; margin-bottom: 0; } #sh_corpomate_theme_crypto_14 .main-row { margin-top: 10px; } #sh_corpomate_theme_crypto_14 .main-row .sh_about-img { width: 100%; position: relative; } #sh_corpomate_theme_crypto_14 .main-row .sh_about-img img { width: 100%; height: 400px; } #sh_corpomate_theme_crypto_14 .main-row .sh_about-text { width: 100%; } #sh_corpomate_theme_crypto_14 .main-row .sh_about-text h3, #sh_corpomate_theme_crypto_14 .main-row .sh_about-text .h3 { font-size: 31px; font-weight: 600; color: #0075C2; } #sh_corpomate_theme_crypto_14 .main-row .sh_about-text p { font-size: 18px; color: #777; font-weight: 400; margin: 20px 0 50px 0; } #sh_corpomate_theme_crypto_14 .main-row .sh_about-text h4, #sh_corpomate_theme_crypto_14 .main-row .sh_about-text .h4 { font-size: 18px; color: #777; position: relative; padding: 0 45px; margin-bottom: 20px; } #sh_corpomate_theme_crypto_14 .main-row .sh_about-text h4 .sub-div, #sh_corpomate_theme_crypto_14 .main-row .sh_about-text .h4 .sub-div { height: 30px; left: 0; top: -2px; width: 30px; position: absolute; } #sh_corpomate_theme_crypto_14 .main-row .sh_about-text h4 .sub-div img, #sh_corpomate_theme_crypto_14 .main-row .sh_about-text .h4 .sub-div img { height: 100%; width: 100%; object-fit: cover; margin-right: 10px; } @media (max-width: 768px) { #sh_corpomate_theme_crypto_14 .main-row .sh_about-img img { margin-bottom: 30px; } } @media (max-width: 567px) { #sh_corpomate_theme_crypto_14 .main-row .sh_about-img img { height: 300px; margin-bottom: 20px; } #sh_corpomate_theme_crypto_14 { margin-top: -60px; margin-bottom: 80px; } #sh_corpomate_theme_crypto_14 .main-row .sh_about-text h4, #sh_corpomate_theme_crypto_14 .main-row .sh_about-text .h4 { font-size: 15px; } } /*------------------------ snnipet-14 end --------------------------*/ /*----------------------------------------------------Service page end----------------------------------------------------*/ /*----------------------------------------------------Stastitic page start----------------------------------------------------*/ /*------------------------ snnipet-15 start --------------------------*/ #sh_corpomate_theme_crypto_15 { width: 100%; padding: 100px 0; position: relative; text-align: center; } #sh_corpomate_theme_crypto_15::before { height: 100%; width: 100%; top: -38rem; background-repeat: no-repeat; left: 0; content: ''; position: absolute; background: url("/sh_corpomate_theme/static/src/images/theme_2/images/sh_crypto_image_1.png"); background-size: contain; background-position: bottom; overflow: visible; } #sh_corpomate_theme_crypto_15 h1, #sh_corpomate_theme_crypto_15 .h1 { padding: 30px 0; position: relative; font-weight: 700; color: #0075C2; font-size: 40px; -webkit-text-stroke: 1px #ccc; -moz-text-stroke: 1px #ccc; color: transparent; font-size: 100px; top: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } #sh_corpomate_theme_crypto_15 h1:before, #sh_corpomate_theme_crypto_15 .h1:before { left: 50%; transform: translate(-50%); } #sh_corpomate_theme_crypto_15 h1 span, #sh_corpomate_theme_crypto_15 .h1 span { color: transparent; background-color: #003557; -webkit-background-clip: text; position: absolute; font-size: 40px; -webkit-text-stroke: 0px transparent; top: 70px; } #sh_corpomate_theme_crypto_15 .main-row { margin-top: 50px; } #sh_corpomate_theme_crypto_15 .main-row .sh_main_box { height: 400px; width: 100%; } #sh_corpomate_theme_crypto_15 .main-row .sh_main_box img { height: 100%; width: 100%; margin-bottom: 30px; object-fit: contain; } #sh_corpomate_theme_crypto_15 .second-row { margin-top: 50px; } #sh_corpomate_theme_crypto_15 .second-row .sh_main_box { border-radius: 30px; background: #fff; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); padding: 30px 10px; } #sh_corpomate_theme_crypto_15 .second-row .sh_main_box h2, #sh_corpomate_theme_crypto_15 .second-row .sh_main_box .h2 { font-weight: 600; } #sh_corpomate_theme_crypto_15 .second-row .sh_main_box h5, #sh_corpomate_theme_crypto_15 .second-row .sh_main_box .h5 { color: #504c89; font-weight: 600; } @media screen and (max-width: 991px) { #sh_corpomate_theme_crypto_15::before { background-repeat: no-repeat; top: -48rem; } #sh_corpomate_theme_crypto_15 h1, #sh_corpomate_theme_crypto_15 .h1 { font-size: 80px; } #sh_corpomate_theme_crypto_15 h1 span, #sh_corpomate_theme_crypto_15 .h1 span { font-size: 35px; top: 60px; } } @media (max-width: 768px) { #sh_corpomate_theme_crypto_15 .second-row .sh_main_box .col-md-6 { margin-bottom: 20px; } #sh_corpomate_theme_crypto_15 { padding: 50px 0; } #sh_corpomate_theme_crypto_15::before { height: 100%; width: 100%; top: -53rem; background-repeat: no-repeat; left: 0; content: ''; position: absolute; background: url("/sh_corpomate_theme/static/src/images/theme_2/images/sh_crypto_image_1.png"); background-size: contain; background-position: bottom; overflow: visible; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_crypto_15::before { top: -58rem; } } @media (max-width: 567px) { #sh_corpomate_theme_crypto_15 { padding: 10px 0 50px 0; } #sh_corpomate_theme_crypto_15 .main-row .sh_main_box { height: 300px; } #sh_corpomate_theme_crypto_15 .main-row { margin-top: 0; } #sh_corpomate_theme_crypto_15 h1[data-watermark]:before, #sh_corpomate_theme_crypto_15 .h1[data-watermark]:before { font-size: 80px; top: 15px; } #sh_corpomate_theme_crypto_15::before { background: 0 0; } #sh_corpomate_theme_crypto_15 h1, #sh_corpomate_theme_crypto_15 .h1 { font-size: 50px; } #sh_corpomate_theme_crypto_15 h1 span, #sh_corpomate_theme_crypto_15 .h1 span { font-size: 30px; top: 50px; } } @media (max-width: 360px) { #sh_corpomate_theme_crypto_15 h1[data-watermark]:before, #sh_corpomate_theme_crypto_15 .h1[data-watermark]:before { font-size: 60px; top: 20px; } #sh_corpomate_theme_crypto_15 h1, #sh_corpomate_theme_crypto_15 .h1 { font-size: 30px; } } /*------------------------ snnipet-15 end --------------------------*/ /*------------------------ snnipet 16 start --------------------------*/ #sh_corpomate_theme_crypto_16 { width: 100%; padding: 0 0; position: relative; text-align: center; } #sh_corpomate_theme_crypto_16 h1, #sh_corpomate_theme_crypto_16 .h1 { padding: 30px 0; position: relative; font-weight: 700; color: #0075C2; font-size: 40px; -webkit-text-stroke: 1px #ccc; -moz-text-stroke: 1px #ccc; color: transparent; font-size: 100px; top: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } #sh_corpomate_theme_crypto_16 h1:before, #sh_corpomate_theme_crypto_16 .h1:before { left: 50%; transform: translate(-50%); } #sh_corpomate_theme_crypto_16 h1 span, #sh_corpomate_theme_crypto_16 .h1 span { color: transparent; background-color: #003557; -webkit-background-clip: text; position: absolute; font-size: 40px; -webkit-text-stroke: 0px transparent; top: 70px; } #sh_corpomate_theme_crypto_16 .sh_text { margin-top: 30px; text-align: center; color: #777; font-weight: 400; padding: 0 300px; } #sh_corpomate_theme_crypto_16 .main-row { margin-top: 50px; } #sh_corpomate_theme_crypto_16 .main-row .sh_img { width: 100%; height: 400px; position: relative; } #sh_corpomate_theme_crypto_16 .main-row .sh_img img { height: 100%; width: 100%; object-fit: cover; border-radius: 30px; position: relative; } #sh_corpomate_theme_crypto_16 .main-row .sh_img .shape-1 { position: absolute; top: 50%; left: 50%; height: 100px; width: 100px; background: #fff; border-radius: 100px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); transition: .5s; } #sh_corpomate_theme_crypto_16 .main-row .sh_img .shape-1:hover { background-color: #0075C2; } #sh_corpomate_theme_crypto_16 .main-row .sh_img .shape-1 a { transition: .5s; } #sh_corpomate_theme_crypto_16 .main-row .sh_img .shape-1:hover a { color: #fff; } #sh_corpomate_theme_crypto_16 .main-row .sh_img .shape-1 a.btn:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #fff; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: -1; border-radius: 3px; left: 0; top: 0; } #sh_corpomate_theme_crypto_16 .main-row .sh_img .shape-1 a.btn { padding: 10px 20px; text-align: center; border-radius: 0; background: 0 0; color: #0075C2; font-size: 17px; font-weight: 400; -webkit-transition: all .3s linear; transition: all .3s linear; border: 0; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; position: relative; border-radius: 3px; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 100%; z-index: 1; } #sh_corpomate_theme_crypto_16 .main-row .sh_img.shape-1 a.btn i { margin-left: 10px; font-size: 17px; } #sh_corpomate_theme_crypto_16 .main-row .sh_img .shape-1 a.btn:active, #sh_corpomate_theme_crypto_16 .main-row .sh_img .shape-1 a.btn:focus { -webkit-box-shadow: none; box-shadow: none; border: 0; } #sh_corpomate_theme_crypto_16 .main-row .sh_img .shape-1 a.btn:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #0075C2; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: -1; left: 0; top: 0; } #sh_corpomate_theme_crypto_16 .main-row .sh_img .shape-1 a.btn:after { content: ""; position: absolute; width: 100%; height: 100%; background-color: transparent; -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: -1; left: 0; top: 0; color: #fff; } #sh_corpomate_theme_crypto_16 .main-row .sh_img .shape-1 a span { font-size: 25px; } #sh_corpomate_theme_crypto_16 .main-row .sh_img .shape-1 a.btn:hover:before { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0; } #sh_corpomate_theme_crypto_16 .main-row .sh_img .shape-1 a.btn:hover { color: #0075C2; background-color: #fff; } #sh_corpomate_theme_crypto_16 .main-row .sh_img .shape-1 a.btn:hover:after { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } @media screen and (max-width: 991px) { #sh_corpomate_theme_crypto_16 h1, #sh_corpomate_theme_crypto_16 .h1 { font-size: 80px; } #sh_corpomate_theme_crypto_16 h1 span, #sh_corpomate_theme_crypto_16 .h1 span { font-size: 35px; top: 60px; } #sh_corpomate_theme_crypto_16 .sh_text { margin-top: 0; padding: 0; } } @media (max-width: 768px) { #sh_corpomate_theme_crypto_16 .sh_text { padding: 0 100px; } #sh_corpomate_theme_crypto_16 { padding: 50px 0; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_crypto_16 .sh_text { padding: 0 50px; } } @media (max-width: 567px) { #sh_corpomate_theme_crypto_16 { padding: 10px 0; } #sh_corpomate_theme_crypto_16 .sh_text { padding: 0 0; } #sh_corpomate_theme_crypto_16 .main-row .sh_img { height: 300px; } #sh_corpomate_theme_crypto_16 h1[data-watermark]:before, #sh_corpomate_theme_crypto_16 .h1[data-watermark]:before { font-size: 80px; top: 15px; } #sh_corpomate_theme_crypto_16 .sh_text { margin-top: 0; } #sh_corpomate_theme_crypto_16 .main-row { margin-top: 20px; } #sh_corpomate_theme_crypto_16 h1, #sh_corpomate_theme_crypto_16 .h1 { font-size: 50px; } #sh_corpomate_theme_crypto_16 h1 span, #sh_corpomate_theme_crypto_16 .h1 span { font-size: 30px; top: 50px; } } @media (max-width: 360px) { #sh_corpomate_theme_crypto_16 h1[data-watermark]:before, #sh_corpomate_theme_crypto_16 .h1[data-watermark]:before { font-size: 60px; top: 20px; } #sh_corpomate_theme_crypto_16 h1, #sh_corpomate_theme_crypto_16 .h1 { font-size: 30px; } } /*------------------------ snnipet 16 end --------------------------*/ /*------------------------ snnipet 17 start --------------------------*/ #sh_corpomate_theme_crypto_17 { width: 100%; padding: 50px 0; margin-bottom: 150px; position: relative; text-align: center; } #sh_corpomate_theme_crypto_17 h1, #sh_corpomate_theme_crypto_17 .h1 { padding: 30px 0; position: relative; overflow: hidden; font-weight: 700; z-index: 1; color: #0075C2; margin-bottom: 0; font-size: 40px; line-height: 1.3; } #sh_corpomate_theme_crypto_17 h1[data-watermark]:before, #sh_corpomate_theme_crypto_17 .h1[data-watermark]:before { content: attr(data-watermark); position: absolute; -webkit-text-stroke: 1px #ccc; -moz-text-stroke: 1px #ccc; color: transparent; font-size: 100px; line-height: .9; white-space: nowrap; top: 0; z-index: -1; } #sh_corpomate_theme_crypto_17 h1:before, #sh_corpomate_theme_crypto_17 .h1:before { left: 50%; transform: translate(-50%); } #sh_corpomate_theme_crypto_17 h1 span, #sh_corpomate_theme_crypto_17 .h1 span { color: transparent; background-color: #003557; -webkit-background-clip: text; } #sh_corpomate_theme_crypto_17 .main-row { margin-top: 0; } #sh_corpomate_theme_crypto_17 .main-row .sh_about_box { background: #fff; width: 90%; transition: .5s; overflow: hidden; position: relative; padding-left: 30px; padding-right: 30px; cursor: pointer; padding-top: 40px; padding-bottom: 30px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); border-radius: 20px; margin-top: 50px; } #sh_corpomate_theme_crypto_17 .main-row .sh_about_box:after { height: 100px; background-repeat: no-repeat; width: 100px; content: ''; top: -50px; right: -10px; transform: rotate(180deg); position: absolute; background: linear-gradient(to left, #0075C2, #003557); border-radius: 100px; } #sh_corpomate_theme_crypto_17 .main-row .sh_about_box:hover { transform: translateY(-20px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } #sh_corpomate_theme_crypto_17 .main-row .sh_about_box .sh_about_icon { background: #ecebfb; width: 105px; position: relative; height: 105px; margin: 0 auto 20px; border-radius: 50%; } #sh_corpomate_theme_crypto_17 .main-row .sh_about_box .sh_about_icon img { margin: 0; height: 100px !important; width: 100px !important; max-width: 100%; height: auto; display: block; position: relative; } #sh_corpomate_theme_crypto_17 .main-row .sh_about_box .sh_about_icon:before { background: #fff; height: 50px; width: 50px; border-radius: 50%; position: absolute; content: ''; z-index: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); } #sh_corpomate_theme_crypto_17 .main-row .sh_about_box h3, #sh_corpomate_theme_crypto_17 .main-row .sh_about_box .h3 { color: #0075C2; font-size: 24px; padding-bottom: 15px; font-weight: 600; margin: 0; line-height: 30px; } #sh_corpomate_theme_crypto_17 .main-row .sh_about_box p { color: #777; font-size: 18px; line-height: 27px; padding-bottom: 15px; } #sh_corpomate_theme_crypto_17 .main-row .sh_about_box .sh_divider { width: 80px; height: 4px; background: linear-gradient(to right, #0075C2 50%, #003557 50%); margin: 0 auto; } @media screen and (min-width: 992px) and (max-width: 1199px) { #sh_corpomate_theme_crypto_17 .main-row .sh_about_box h3, #sh_corpomate_theme_crypto_17 .main-row .sh_about_box .h3 { font-size: 20px; } } @media screen and (max-width: 991px) { #sh_corpomate_theme_crypto_17 h1, #sh_corpomate_theme_crypto_17 .h1 { font-size: 80px; } #sh_corpomate_theme_crypto_17 h1 span, #sh_corpomate_theme_crypto_17 .h1 span { font-size: 35px; top: 60px; } #sh_corpomate_theme_crypto_17 { margin-bottom: 0; } } @media (max-width: 768px) { #sh_corpomate_theme_crypto_17 { padding: 50px 0; } #sh_corpomate_theme_crypto_17 .main-row .sh_about_box { padding-left: 10px; padding-right: 10px; width: 100%; } #sh_corpomate_theme_crypto_17 .main-row .sh_about_box .sh_divider { margin: 0 29%; } #sh_corpomate_theme_crypto_17 .main-row { margin-top: 0; } #sh_corpomate_theme_crypto_17 .main-row .sh_about_box h3, #sh_corpomate_theme_crypto_17 .main-row .sh_about_box .h3 { font-size: 21px; } #sh_corpomate_theme_crypto_17 .main-row .sh_about_box p { padding-bottom: 10px; font-size: 19px; } #sh_corpomate_theme_crypto_17 h1, #sh_corpomate_theme_crypto_17 .h1 { font-size: 35px; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_crypto_17 .main-row .sh_about_box .sh_divider { margin: 0 40%; } } @media (max-width: 576px) { #sh_corpomate_theme_crypto_17 { padding: 30px 0; margin-bottom: 80px; } #sh_corpomate_theme_crypto_18 h1, #sh_corpomate_theme_crypto_18 .h1 { font-size: 50px; } #sh_corpomate_theme_crypto_18 h1 span, #sh_corpomate_theme_crypto_18 .h1 span { font-size: 30px; top: 50px; } #sh_corpomate_theme_crypto_17 h1[data-watermark]:before, #sh_corpomate_theme_crypto_17 .h1[data-watermark]:before { font-size: 65px; top: 25px; } #sh_corpomate_theme_crypto_17 .main-row .sh_about_box { margin-bottom: 30px; } #sh_corpomate_theme_crypto_17 .main-row .sh_about_box .sh_divider { margin: 0 38%; } } @media (max-width: 360px) { #sh_corpomate_theme_crypto_17 h1[data-watermark]:before, #sh_corpomate_theme_crypto_17 .h1[data-watermark]:before { font-size: 55px; } #sh_corpomate_theme_crypto_17 h1, #sh_corpomate_theme_crypto_17 .h1 { font-size: 35px; } #sh_corpomate_theme_crypto_17 .main-row { margin-top: 30px; } #sh_corpomate_theme_crypto_17 .main-row .sh_about_box .sh_divider { margin: 0 35%; } } /*------------------------ snnipet 17 end --------------------------*/ /*----------------------------------------------------Stastitic page end----------------------------------------------------*/ /*----------------------------------------------------Team page start----------------------------------------------------*/ /*------------------------ snnipet 18 start --------------------------*/ #sh_corpomate_theme_crypto_18 { width: 100%; padding: 100px 0; margin-top: -50px; position: relative; text-align: center; margin-bottom: -200px; } #sh_corpomate_theme_crypto_18::before { height: 100%; width: 100%; top: -77rem; background-repeat: no-repeat; left: 0; content: ''; position: absolute; background: url("/sh_corpomate_theme/static/src/images/theme_2/images/sh_crypto_image_1.png"); background-size: contain; background-position: bottom; overflow: visible; } #sh_corpomate_theme_crypto_18 h1, #sh_corpomate_theme_crypto_18 .h1 { padding: 30px 0; position: relative; font-weight: 700; color: #0075C2; font-size: 40px; -webkit-text-stroke: 1px #ccc; -moz-text-stroke: 1px #ccc; color: transparent; font-size: 100px; top: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } #sh_corpomate_theme_crypto_18 h1:before, #sh_corpomate_theme_crypto_18 .h1:before { left: 50%; transform: translate(-50%); } #sh_corpomate_theme_crypto_18 h1 span, #sh_corpomate_theme_crypto_18 .h1 span { color: transparent; background-color: #003557; -webkit-background-clip: text; position: absolute; font-size: 40px; -webkit-text-stroke: 0px transparent; top: 70px; } #sh_corpomate_theme_crypto_18 .main-row { margin-top: 50px; } #sh_corpomate_theme_crypto_18 .main-row .sh_about_box { background: #fff; width: 100%; margin-bottom: 50px; transition: .5s; overflow: hidden; position: relative; padding-left: 30px; padding-right: 30px; cursor: pointer; padding-top: 70px; padding-bottom: 60px; box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.2); border-radius: 20px; } #sh_corpomate_theme_crypto_18 .main-row .sh_about_box:after { height: 100px; background-repeat: no-repeat; width: 100px; content: ''; top: -50px; right: -10px; transform: rotate(180deg); position: absolute; background: linear-gradient(to left, #0075C2, #003557); border-radius: 100px; } #sh_corpomate_theme_crypto_18 .main-row .sh_about_box:hover { transform: translateY(-20px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } #sh_corpomate_theme_crypto_18 .main-row .sh_about_box .sh_about_icon { width: 180px; height: 180px; margin: 0 auto 20px; padding: 10px; border: 2px dashed #ecebfb; border-radius: 50%; } #sh_corpomate_theme_crypto_18 .main-row .sh_about_box .sh_about_icon img { margin: 0; height: 150px !important; object-fit: cover; width: 150px !important; border-radius: 50%; max-width: 100%; height: auto; display: block; } #sh_corpomate_theme_crypto_18 .main-row .sh_about_box h3, #sh_corpomate_theme_crypto_18 .main-row .sh_about_box .h3 { color: #0075C2; font-size: 30px; padding-bottom: 5px; font-weight: 500; margin: 0; line-height: 30px; } #sh_corpomate_theme_crypto_18 .main-row .sh_about_box p { color: #777; font-size: 18px; line-height: 27px; padding-bottom: 0; } #sh_corpomate_theme_crypto_18 .main-row .sh_about_box .sh_divider { width: 80px; height: 4px; background: linear-gradient(to right, #0075C2, #003557); margin: 0 38%; } #sh_corpomate_theme_crypto_18 .main-row .sh_about_box .social-icon { text-align: center; color: #777; } #sh_corpomate_theme_crypto_18 .main-row .sh_about_box .social-icon ul { margin: 0; padding: 0; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; list-style-type: none; } #sh_corpomate_theme_crypto_18 .main-row .sh_about_box .social-icon ul li { list-style: none; margin: 20px 25px; } #sh_corpomate_theme_crypto_18 .main-row .sh_about_box .social-icon ul li a { color: #777; transition: .5s; font-size: 20px; text-decoration: none; } #sh_corpomate_theme_crypto_18 .main-row .sh_about_box .social-icon ul li:hover a { color: #0075C2; } @media screen and (max-width: 991px) { #sh_corpomate_theme_crypto_18::before { background-repeat: no-repeat; top: -107rem; } #sh_corpomate_theme_crypto_18 h1, #sh_corpomate_theme_crypto_18 .h1 { font-size: 80px; } #sh_corpomate_theme_crypto_18 h1 span, #sh_corpomate_theme_crypto_18 .h1 span { font-size: 35px; top: 60px; } #sh_corpomate_theme_crypto_18 .main-row .sh_about_box h3, #sh_corpomate_theme_crypto_18 .main-row .sh_about_box .h3 { font-size: 25px; font-weight: 600; } } @media (max-width: 768px) { #sh_corpomate_theme_crypto_18 .main-row .sh_about_box h3, #sh_corpomate_theme_crypto_18 .main-row .sh_about_box .h3 { padding-bottom: 0; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_crypto_18 .main-row .sh_about_box .social-icon ul li { margin: 20px; } #sh_corpomate_theme_crypto_18 .main-row .sh_about_box .sh_about_icon { height: 150px; width: 150px; } #sh_corpomate_theme_crypto_18 .main-row .sh_about_box .sh_about_icon img { height: 120px !important; width: 120px !important; } #sh_corpomate_theme_crypto_18 .main-row .sh_about_box { padding-bottom: 20px; } #sh_corpomate_theme_crypto_18 .main-row .sh_about_box .sh_divider { margin: 0 35%; } #sh_corpomate_theme_crypto_18::before { height: 100%; width: 100%; top: -99rem; background-repeat: no-repeat; left: 0; content: ''; position: absolute; background: url("/sh_corpomate_theme/static/src/images/theme_2/images/sh_crypto_image_1.png"); background-size: contain; background-position: bottom; overflow: visible; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_crypto_18::before { top: -182rem; } #sh_corpomate_theme_crypto_18 .main-row .sh_about_box .sh_divider { margin: 0 40%; } } @media (max-width: 567px) { #sh_corpomate_theme_crypto_18 { padding: 0 0; margin-top: 20px; } #sh_corpomate_theme_crypto_18::before { background: 0 0; } #sh_corpomate_theme_crypto_18 .main-row .sh_about_box { margin-bottom: 50px; } #sh_corpomate_theme_crypto_18 h1[data-watermark]:before, #sh_corpomate_theme_crypto_18 .h1[data-watermark]:before { top: 15px; font-size: 80px; } } /*------------------------ snnipet 18 end --------------------------*/ /*------------------------ snnipet 19 start --------------------------*/ #sh_corpomate_theme_crypto_19 { width: 100%; padding: 300px 0 200px 0; background-repeat: no-repeat !important; position: relative; background: url("/sh_corpomate_theme/static/src/images/theme_2/images/sh_crypto_image_9.png"); background-position: center; background-size: cover; } #sh_corpomate_theme_crypto_19 .sub-div { position: absolute; top: 40%; left: 2%; height: 60px; width: 60px; } #sh_corpomate_theme_crypto_19 .sub-div img { height: 100%; width: 100%; } #sh_corpomate_theme_crypto_19 .sub-div-1 { position: absolute; top: 30%; left: 72%; height: 40px; opacity: .6; transform: rotate(60deg); width: 40px; } #sh_corpomate_theme_crypto_19 .sub-div-1 img { height: 100%; width: 100%; } #sh_corpomate_theme_crypto_19 .sub-div-2 { position: absolute; bottom: 13%; left: 80%; height: 40px; transform: rotate(152deg); width: 40px; } #sh_corpomate_theme_crypto_19 .sub-div-2 img { height: 100%; width: 100%; } #sh_corpomate_theme_crypto_19 h1, #sh_corpomate_theme_crypto_19 .h1 { padding: 30px 0; position: relative; font-weight: 700; color: #0075C2; font-size: 40px; -webkit-text-stroke: 1px #ccc; -moz-text-stroke: 1px #ccc; color: transparent; font-size: 100px; top: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } #sh_corpomate_theme_crypto_19 h1:before, #sh_corpomate_theme_crypto_19 .h1:before { left: 50%; transform: translate(-50%); } #sh_corpomate_theme_crypto_19 h1 span, #sh_corpomate_theme_crypto_19 .h1 span { color: transparent; background-color: #003557; -webkit-background-clip: text; position: absolute; font-size: 40px; -webkit-text-stroke: 0px transparent; top: 70px; } #sh_corpomate_theme_crypto_19 .main-row { margin-top: 50px; } #sh_corpomate_theme_crypto_19 .main-row .sh_box { width: 100%; text-align: center; padding: 30px 20px; } #sh_corpomate_theme_crypto_19 .main-row .sh_box img { height: 60px; width: auto; } #sh_corpomate_theme_crypto_19 .main-row .sh_box h4, #sh_corpomate_theme_crypto_19 .main-row .sh_box .h4 { color: #0075C2; font-size: 20px; font-weight: 600; margin-top: 10px; } #sh_corpomate_theme_crypto_19 .main-row .sh_box p { font-size: 16px; padding: 0 35px; color: #777; } #sh_corpomate_theme_crypto_19 .main-row .sh_box_img { text-align: center; } #sh_corpomate_theme_crypto_19 .main-row .sh_box_img img { height: 500px; width: auto; } #sh_corpomate_theme_crypto_19 .main-row .col-xl-6.col-md-12 { align-self: center !important; } @media screen and (max-width: 991px) { #sh_corpomate_theme_crypto_19 h1, #sh_corpomate_theme_crypto_19 .h1 { font-size: 80px; } #sh_corpomate_theme_crypto_19 h1 span, #sh_corpomate_theme_crypto_19 .h1 span { font-size: 35px; top: 60px; } } @media (max-width: 991px) { #sh_corpomate_theme_crypto_19 { background-size: cover; padding: 380px 0 300px 0; } #sh_corpomate_theme_crypto_19 .main-row .sh_box_img { text-align: center; } #sh_corpomate_theme_crypto_19 .sub-div-1 { top: 24%; } #sh_corpomate_theme_crypto_19 .sub-div-2 { bottom: 16%; } #sh_corpomate_theme_crypto_19 .sub-div { top: 30%; } #sh_corpomate_theme_crypto_19 .main-row .col-xl-6.col-md-12 { order: 3; } } @media (max-width: 567px) { #sh_corpomate_theme_crypto_19 { padding: 315px 0 280px 0; } #sh_corpomate_theme_crypto_19 .main-row .col-xl-6.col-md-12 { display: none; } #sh_corpomate_theme_crypto_19 .sub-div-1 { display: none; } #sh_corpomate_theme_crypto_19 .sub-div { display: none; } #sh_corpomate_theme_crypto_19 h1[data-watermark]:before, #sh_corpomate_theme_crypto_19 .h1[data-watermark]:before { top: 15px; font-size: 80px; } #sh_corpomate_theme_crypto_19 .main-row .sh_box_img img { height: 300px; } } @media (max-width: 360px) { #sh_corpomate_theme_crypto_19 h1[data-watermark]:before, #sh_corpomate_theme_crypto_19 .h1[data-watermark]:before { top: 20px; font-size: 60px; } #sh_corpomate_theme_crypto_19 h1, #sh_corpomate_theme_crypto_19 .h1 { font-size: 30px; } } /*------------------------ snnipet 19 end --------------------------*/ /*------------------------ snnipet 20 start --------------------------*/ #sh_corpomate_theme_crypto_20 { padding: 100px 0; position: relative; margin-bottom: 150px; } #sh_corpomate_theme_crypto_20 .main-row-1 { margin-top: 0; } #sh_corpomate_theme_crypto_20 .main-row-1 .sh_about_box { background: #fff; width: 100%; transition: .5s; overflow: hidden; position: relative; padding-left: 30px; padding-right: 30px; cursor: pointer; padding-top: 50px; padding-bottom: 30px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border-radius: 20px; } #sh_corpomate_theme_crypto_20 .main-row-1 .sh_about_box:after { height: 100px; background-repeat: no-repeat; width: 100px; content: ''; top: -50px; right: -10px; transform: rotate(180deg); position: absolute; background: linear-gradient(to left, #0075C2, #003557); border-radius: 100px; } #sh_corpomate_theme_crypto_20 .main-row-1 .sh_about_box:hover { transform: translateY(-20px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } #sh_corpomate_theme_crypto_20 .main-row-1 .sh_about_box .sh_about_icon { background: #fff; width: 105px; height: 105px; margin: 0 auto 5px; border-radius: 50%; } #sh_corpomate_theme_crypto_20 .main-row-1 .sh_about_box .sh_about_icon img { margin: 0; height: 50px !important; width: 50px !important; max-width: 100%; height: auto; display: block; } #sh_corpomate_theme_crypto_20 .main-row-1 .sh_about_box h3, #sh_corpomate_theme_crypto_20 .main-row-1 .sh_about_box .h3 { color: #0075C2; font-size: 35px; padding-bottom: 10px; font-weight: 600; margin: 0; text-align: center; line-height: 30px; } #sh_corpomate_theme_crypto_20 .main-row-1 .sh_about_box p { text-align: center; color: #777; font-size: 18px; line-height: 27px; padding-bottom: 10px; } #sh_corpomate_theme_crypto_20 .main-row-1 .sh_about_box .sh_divider { width: 80px; height: 4px; background: linear-gradient(to right, #0075C2, #003557); margin: 0 auto; } @media screen and (max-width: 991px) { #sh_corpomate_theme_crypto_20 .main-row-1 .sh_about_box { margin-bottom: 50px; } #sh_corpomate_theme_crypto_20 { margin-bottom: 0; } } @media (max-width: 768px) { #sh_corpomate_theme_crypto_20 { padding: 50px 0; } #sh_corpomate_theme_crypto_20 .main-row-1 .sh_about_box { margin-bottom: 50px; padding-top: 30px; } } @media (max-width: 567px) { #sh_corpomate_theme_crypto_20 { margin-top: -145px; margin-bottom: 80px; } } /*------------------------ snnipet 20 end --------------------------*/ /*------------------------ snnipet 21 start --------------------------*/ #sh_corpomate_theme_crypto_21 { width: 100%; padding: 100px 0; position: relative; } #sh_corpomate_theme_crypto_21::before { height: 100%; width: 100%; top: -51rem; background-repeat: no-repeat; left: 0; content: ''; position: absolute; background: url("/sh_corpomate_theme/static/src/images/theme_2/images/sh_crypto_image_1.png"); background-size: contain; background-position: bottom; overflow: visible; } #sh_corpomate_theme_crypto_21 h1, #sh_corpomate_theme_crypto_21 .h1 { padding: 30px 0; position: relative; font-weight: 700; color: #0075C2; font-size: 40px; -webkit-text-stroke: 1px #ccc; -moz-text-stroke: 1px #ccc; color: transparent; font-size: 100px; top: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } #sh_corpomate_theme_crypto_21 h1:before, #sh_corpomate_theme_crypto_21 .h1:before { left: 50%; transform: translate(-50%); } #sh_corpomate_theme_crypto_21 h1 span, #sh_corpomate_theme_crypto_21 .h1 span { color: transparent; background-color: #003557; -webkit-background-clip: text; position: absolute; font-size: 40px; -webkit-text-stroke: 0px transparent; top: 70px; } #sh_corpomate_theme_crypto_21 .main-row { margin-top: 50px; } #sh_corpomate_theme_crypto_21 .main-row .sh_img img { height: 380px; width: 100%; margin-top: 130px; } #sh_corpomate_theme_crypto_21 .sh_form { padding: 50px 40px; background: #fff; } #sh_corpomate_theme_crypto_21 .sh_form h3, #sh_corpomate_theme_crypto_21 .sh_form .h3 { font-weight: 700; color: #0075C2; margin-bottom: 30px; font-size: 30px; text-align: left !important; } #sh_corpomate_theme_crypto_21 .sh_form form input { padding: 15px 20px; height: auto; font-size: 16px; margin-bottom: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border: 0; border-radius: 35px; color: #0075C2; font-weight: 600; } #sh_corpomate_theme_crypto_21 .sh_form form .form-group { margin-bottom: 0; } #sh_corpomate_theme_crypto_21 .sh_form form textarea { color: #0075C2; font-weight: 600; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border: 0; border-radius: 35px; padding: 20px; min-height: 100px; margin-bottom: 20px; } #sh_corpomate_theme_crypto_21 .sh_form form .form-group .btn { position: relative; overflow: hidden; border-radius: 0; padding: 9px 25px; z-index: 5; box-shadow: none !important; margin-top: 10px; } #sh_corpomate_theme_crypto_21 .sh_form form .form-group .btn-primary { background-color: transparent; border-color: transparent; color: #fff !important; } #sh_corpomate_theme_crypto_21 .sh_form form .form-group .btn::before { content: ""; height: 100%; width: 100%; background: linear-gradient(to right, #0075C2, #003557); position: absolute; z-index: -1; left: 0; top: 0; transition: .4s; transition: all .5s; border-radius: 40px; } #sh_corpomate_theme_crypto_21 .sh_form form .form-group .btn:hover:before { background: linear-gradient(to left, #0075C2, #003557); } #sh_corpomate_theme_crypto_21 .sh_form form .form-group .btn .sh_icon { position: relative; top: 3px; font-size: 22px; margin-left: 10px; } @media screen and (max-width: 991px) { #sh_corpomate_theme_crypto_21 h1, #sh_corpomate_theme_crypto_21 .h1 { font-size: 80px; } #sh_corpomate_theme_crypto_21 h1 span, #sh_corpomate_theme_crypto_21 .h1 span { font-size: 35px; top: 60px; } #sh_corpomate_theme_crypto_21::before { top: -45rem; } #sh_corpomate_theme_crypto_21 .sh_form h3, #sh_corpomate_theme_crypto_21 .sh_form .h3 { font-size: 23px; } } @media (max-width: 768px) { #sh_corpomate_theme_crypto_21 { padding: 50px 0; } #sh_corpomate_theme_crypto_21 .sh_form { top: -80px; margin-bottom: 50px; } #sh_corpomate_theme_crypto_21 .sh_form { padding: 0; } #sh_corpomate_theme_crypto_21 .main-row .sh_img img { height: auto; } #sh_corpomate_theme_crypto_21::before { height: 100%; width: 100%; top: -47rem; background-repeat: no-repeat; left: 0; content: ''; position: absolute; background: url("/sh_corpomate_theme/static/src/images/theme_2/images/sh_crypto_image_1.png"); background-size: contain; background-position: bottom; overflow: visible; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_crypto_21::before { top: -75rem; } #sh_corpomate_theme_crypto_21 .main-row .sh_img img { margin-top: 0; margin-bottom: 30px; } } @media (max-width: 576px) { #sh_corpomate_theme_crypto_21 .sh_form { top: 0; margin-bottom: 0; } #sh_corpomate_theme_crypto_21 .main-row { margin-top: 20px; } #sh_corpomate_theme_crypto_21 h1, #sh_corpomate_theme_crypto_21 .h1 { font-size: 50px; } #sh_corpomate_theme_crypto_21 h1 span, #sh_corpomate_theme_crypto_21 .h1 span { font-size: 30px; top: 50px; } #sh_corpomate_theme_crypto_21 .main-row .sh_img img { height: 300px; width: 100%; margin-top: 0; } #sh_corpomate_theme_crypto_21 .sh_form { padding: 20px 0; background: #fff; margin-top: 50px; } #sh_corpomate_theme_crypto_21 h1[data-watermark]:before, #sh_corpomate_theme_crypto_21 .h1[data-watermark]:before { font-size: 80px; top: 15px; } #sh_corpomate_theme_crypto_21::before { background: 0 0; } #sh_corpomate_theme_crypto_21 { padding: 0; } } @media (max-width: 360px) { #sh_corpomate_theme_crypto_21 h1[data-watermark]:before, #sh_corpomate_theme_crypto_21 .h1[data-watermark]:before { font-size: 60px; top: 20px; } } /*------------------------ snnipet 21 end --------------------------*/ /*------------------------ snnipet 22 start --------------------------*/ #sh_corpomate_theme_crypto_22 { padding: 50px 0; } #sh_corpomate_theme_crypto_22 .main-row { margin-top: 10px; } #sh_corpomate_theme_crypto_22 .main-row .sh_map { border-radius: 30px; } #sh_corpomate_theme_crypto_22 .main-row .sh_map iframe { width: 100% !important; height: 500px !important; border: 0; border-radius: 30px; } @media (max-width: 768px) { #sh_corpomate_theme_crypto_22 .main-row .sh_map iframe { height: 400px !important; } #sh_corpomate_theme_crypto_22 { padding: 0; } } /*------------------------ snnipet 22 end --------------------------*/ /*------------------------ snnipet 23 start --------------------------*/ #sh_corpomate_theme_crypto_23 { padding: 100px 0; margin-bottom: 80px; position: relative; } #sh_corpomate_theme_crypto_23 .main-row { margin-top: 0; } #sh_corpomate_theme_crypto_23 .main-row .sh_about_box { background: #fff; width: 100%; transition: .5s; overflow: hidden; position: relative; padding-left: 30px; padding-right: 30px; cursor: pointer; padding-top: 40px; padding-bottom: 60px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); border-radius: 20px; } #sh_corpomate_theme_crypto_23 .main-row .sh_about_box:after { height: 100px; background-repeat: no-repeat; width: 100px; content: ''; top: -50px; right: -10px; transform: rotate(180deg); position: absolute; background: linear-gradient(to left, #0075C2, #003557); border-radius: 100px; } #sh_corpomate_theme_crypto_23 .main-row .sh_about_box:hover { transform: translateY(-20px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } #sh_corpomate_theme_crypto_23 .main-row .sh_about_box .sh_about_icon { background: #fff; width: 105px; height: 105px; margin: 0 auto 5px; border-radius: 50%; } #sh_corpomate_theme_crypto_23 .main-row .sh_about_box .sh_about_icon img { margin: 0; height: 50px !important; width: 50px !important; max-width: 100%; height: auto; display: block; } #sh_corpomate_theme_crypto_23 .main-row .sh_about_box h3, #sh_corpomate_theme_crypto_23 .main-row .sh_about_box .h3 { color: #0075C2; font-size: 30px; padding-bottom: 10px; font-weight: 600; margin: 0; text-align: center; line-height: 30px; } #sh_corpomate_theme_crypto_23 .main-row .sh_about_box p { text-align: center; color: #777; font-size: 18px; line-height: 27px; padding-bottom: 10px; } #sh_corpomate_theme_crypto_23 .main-row .sh_about_box .sh_divider { width: 80px; height: 4px; background: linear-gradient(to right, #0075C2, #003557); margin: 0 38%; } @media screen and (max-width: 991px) { #sh_corpomate_theme_crypto_23 .main-row .sh_about_box h3, #sh_corpomate_theme_crypto_23 .main-row .sh_about_box .h3 { font-size: 23px; } #sh_corpomate_theme_crypto_23 .main-row .sh_about_box p { font-size: 15px; } #sh_corpomate_theme_crypto_23 .main-row .sh_about_box .sh_divider { margin: 0 25%; } #sh_corpomate_theme_crypto_23 .main-row .sh_about_box { padding-left: 10px; padding-right: 10px; } } @media (max-width: 768px) { #sh_corpomate_theme_crypto_23 { padding: 50px 0; } #sh_corpomate_theme_crypto_23 .main-row .sh_about_box { margin-bottom: 50px; padding-top: 30px; } #sh_corpomate_theme_crypto_23 .main-row .sh_about_box p { display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding-bottom: 0; } #sh_corpomate_theme_crypto_23 .main-row .sh_about_box .sh_divider { width: 80px; height: 4px; background: linear-gradient(to right, #0075C2, #003557); margin: 0 27%; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_crypto_23 .main-row .sh_about_box .sh_divider { margin: 0 40%; } } @media (max-width: 567px) { #sh_corpomate_theme_crypto_23 .main-row .sh_about_box .sh_divider { margin: 0 35%; } } /*------------------------ snnipet 23 end --------------------------*/ /*----------------------------------------------------Team page end----------------------------------------------------*/ /* /sh_corpomate_theme/static/src/scss/theme/theme_3/theme_3_s.scss */ /*----------------------------------------------------home page start----------------------------------------------------*/ /*------------------------ snnipet-1 start ------------------------*/ #sh_corpomate_theme_industry_1 { position: relative; height: 800px; overflow: hidden; } #sh_corpomate_theme_industry_1 figure img { width: 100%; height: 800px; } #sh_corpomate_theme_industry_1 figure.sh_disable_hover_cls img { z-index: 2; } #sh_corpomate_theme_industry_1 figcaption { position: absolute; top: 45%; left: 10%; transform: translateY(-50%); width: 50%; color: #fff; z-index: 1; } #sh_corpomate_theme_industry_1:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #003557; pointer-events: none; opacity: .6; } #sh_corpomate_theme_industry_1 figcaption .sh_content h3, #sh_corpomate_theme_industry_1 figcaption .sh_content .h3 { color: #0075C2; font-size: 30px; border-left: 5px solid #0075C2; padding-left: 10px; margin-bottom: 40px; animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInUp !important; animation-delay: 0.3s; } #sh_corpomate_theme_industry_1 figcaption .sh_content h1, #sh_corpomate_theme_industry_1 figcaption .sh_content .h1 { font-size: 70px; color: #fff; margin-bottom: 40px; animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInUp !important; animation-delay: 0.3s; line-height: .9; } #sh_corpomate_theme_industry_1 figcaption .sh_content p { margin-bottom: 40px; font-size: 19px; animation-fill-mode: both; animation-duration: 1s; animation-name: fadeInDown !important; animation-delay: 0.3s; line-height: 25px; color: #fff; } #sh_corpomate_theme_industry_1 figcaption .sh_content a { padding: 15px 40px; font-size: 14px; font-weight: 600; transition: all .4s; border: 2px solid #0075C2; animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInDown !important; animation-delay: 0.3s; } #sh_corpomate_theme_industry_1 figcaption .sh_content a:hover { border: 2px solid #0075C2; background: transparent; color: #0075C2; } #sh_corpomate_theme_industry_1 .carousel-control-prev, #sh_corpomate_theme_industry_1 .carousel-control-next { width: 5%; } #sh_corpomate_theme_industry_1 svg { position: absolute; bottom: 0; height: 100px; width: 100%; z-index: 1; stroke: none !important; } #sh_corpomate_theme_industry_1 svg polygon { fill: #EFF3F6; } @media (max-width: 768px) { #sh_corpomate_theme_industry_1 figcaption { width: 90%; } } @media (max-width: 576px) { #sh_corpomate_theme_industry_1 figcaption { width: 100%; left: 0; } #sh_corpomate_theme_industry_1 figcaption .sh_content h1, #sh_corpomate_theme_industry_1 figcaption .sh_content .h1 { font-size: 24px; } #sh_corpomate_theme_industry_1 { height: 600px !important; } #sh_corpomate_theme_industry_1 figure img { height: 600px; } #sh_corpomate_theme_industry_1 svg { height: 70px; } } /*------------------------ snnipet-1 end ------------------------*/ /*------------------------ snnipet-2 start ------------------------*/ #sh_corpomate_theme_industry_2 { padding: 100px 0 80px; background: #eff3f6; } #sh_corpomate_theme_industry_2 .sh_left_content { background: #fff; padding: 30px 25px; border-radius: 5px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; position: relative; transition: all .4s; margin-bottom: 30px; transition: all .4s; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } #sh_corpomate_theme_industry_2 .sh_left_content .sh_icon span { font-size: 40px; padding-right: 30px; color: #0075C2; position: relative; z-index: 1; } #sh_corpomate_theme_industry_2 .sh_left_content .sh_des h4, #sh_corpomate_theme_industry_2 .sh_left_content .sh_des .h4 { font-size: 30px; margin-bottom: 20px; line-height: .2; } #sh_corpomate_theme_industry_2 .sh_left_content .sh_des p { margin-bottom: 0; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #3a3a3a; line-height: 25px; } #sh_corpomate_theme_industry_2 .sh_middle_content { background: #fff; padding: 60px 25px 40px; border-radius: 5px; text-align: center; min-height: 340px; position: relative; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } #sh_corpomate_theme_industry_2 .sh_middle_content .sh_icon span { font-size: 50px; color: #0075C2; margin-bottom: 30px; position: relative; z-index: 1; } #sh_corpomate_theme_industry_2 .sh_middle_content .sh_des h4, #sh_corpomate_theme_industry_2 .sh_middle_content .sh_des .h4 { font-size: 30px; margin-bottom: 20px; line-height: .2; } #sh_corpomate_theme_industry_2 .sh_middle_content .sh_des p { margin: 0; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; color: #3a3a3a; font-size: 16px; line-height: 25px; } #sh_corpomate_theme_industry_2 .sh_left_content:after { content: ''; position: absolute; width: 100%; height: 100%; background: #003557; top: 0; left: 0; opacity: 0; border-radius: 5px; z-index: 0; } #sh_corpomate_theme_industry_2 .sh_left_content .sh_des { position: relative; z-index: 1; } #sh_corpomate_theme_industry_2 .sh_left_content:hover .sh_des h4, #sh_corpomate_theme_industry_2 .sh_left_content:hover .sh_des .h4, #sh_corpomate_theme_industry_2 .sh_left_content:hover .sh_des p, #sh_corpomate_theme_industry_2 .sh_left_content:hover .sh_icon span { color: #fff; } #sh_corpomate_theme_industry_2 .sh_middle_content:after { content: ''; position: absolute; width: 100%; height: 100%; background: #003557; top: 0; left: 0; opacity: 0; border-radius: 5px; z-index: 0; } #sh_corpomate_theme_industry_2 .sh_middle_content:hover { background-size: cover !important; } #sh_corpomate_theme_industry_2 .sh_middle_content:hover .sh_icon span { color: #fff; } #sh_corpomate_theme_industry_2 .sh_middle_content:hover .sh_des h4, #sh_corpomate_theme_industry_2 .sh_middle_content:hover .sh_des .h4 { color: #fff; } #sh_corpomate_theme_industry_2 .sh_middle_content:hover .sh_des p { color: #fff; } #sh_corpomate_theme_industry_2 .sh_middle_content .sh_des { position: relative; z-index: 1; } #sh_corpomate_theme_industry_2 .sh_left_content:last-child { margin-bottom: 0; } #sh_corpomate_theme_industry_2 .sh_left_content { position: relative; z-index: 1; } #sh_corpomate_theme_industry_2 .sh_left_content .sh_inner_img { position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 0; display: none; transition: 0.5s; } #sh_corpomate_theme_industry_2 .sh_left_content .sh_inner_img:before { position: absolute; content: ''; height: 100%; width: 100%; background: #003557; opacity: 0.6; top: 0; left: 0; } #sh_corpomate_theme_industry_2 .sh_left_content.sh_disable_hover_cls:hover .sh_inner_img:before { z-index: -1; } #sh_corpomate_theme_industry_2 .sh_left_content .sh_inner_img img { height: 100%; width: 100%; object-fit: cover; } #sh_corpomate_theme_industry_2 .sh_left_content:hover .sh_inner_img { display: block; } #sh_corpomate_theme_industry_2 .sh_left_content.sh_disable_hover_cls:hover .sh_inner_img { display: block; z-index: 1; } #sh_corpomate_theme_industry_2 .sh_left_content.sh_disable_hover_cls:hover { z-index: 0; } #sh_corpomate_theme_industry_2 .sh_left_content.sh_disable_hover_cls:hover .sh_inner_img { z-index: 1; } #sh_corpomate_theme_industry_2 .sh_middle_content { position: relative; z-index: 1; } #sh_corpomate_theme_industry_2 .sh_middle_content .sh_inner_img { position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 0; display: none; transition: 0.5s; } #sh_corpomate_theme_industry_2 .sh_middle_content .sh_inner_img img { height: 100%; width: 100%; object-fit: cover; } #sh_corpomate_theme_industry_2 .sh_middle_content:hover .sh_inner_img { display: block; } #sh_corpomate_theme_industry_2 .sh_middle_content.sh_disable_hover_cls:hover .sh_inner_img { display: block; z-index: 1; } #sh_corpomate_theme_industry_2 .sh_middle_content.sh_disable_hover_cls:hover { z-index: 0; } #sh_corpomate_theme_industry_2 .sh_middle_content.sh_disable_hover_cls:hover .sh_inner_img { z-index: 1; } #sh_corpomate_theme_industry_2 .sh_middle_content .sh_inner_img:before { position: absolute; content: ''; height: 100%; width: 100%; background: #003557; opacity: 0.6; top: 0; left: 0; } #sh_corpomate_theme_industry_2 .sh_middle_content.sh_disable_hover_cls:hover .sh_inner_img:before { z-index: -1; } @media (min-width: 768px) and (max-width: 991px) { #sh_corpomate_theme_industry_2 .sh_middle_content { min-height: 305px; padding: 40px 25px 40px; } #sh_corpomate_theme_industry_2 .sh_left_content { display: block; text-align: center; margin-bottom: 20px; padding: 10px 20px; } #sh_corpomate_theme_industry_2 .sh_left_content .sh_icon span { padding: 0; margin-bottom: 10px; } } @media (max-width: 768px) { #sh_corpomate_theme_industry_2 .sh_middle_content { min-height: auto; margin-bottom: 20px; margin-top: 20px; } } @media (max-width: 576px) { #sh_corpomate_theme_industry_2 .sh_left_content:last-child { margin-bottom: 30px; } #sh_corpomate_theme_industry_2 { padding-bottom: 20px; } } /*------------------------ snnipet-2 end ------------------------*/ /*------------------------ snnipet-3 start ------------------------*/ #sh_corpomate_theme_industry_3 { padding: 120px 0 150px; } #sh_corpomate_theme_industry_3 .sh_icon { display: inline-block; line-height: 1; position: absolute; font-size: 60px; height: 60px; width: 60px; color: #0075C2; top: 2%; left: 5%; transform: translate(-50%, -50%); text-align: center; opacity: .2; } #sh_corpomate_theme_industry_3 .sh_right_content { position: relative; } #sh_corpomate_theme_industry_3 .sh_right_content h6, #sh_corpomate_theme_industry_3 .sh_right_content .h6 { color: #0075C2; font-weight: 600; border-left: 5px solid #0075C2; padding-left: 15px; margin-bottom: 20px; font-size: 25px; } #sh_corpomate_theme_industry_3 .sh_right_content h2, #sh_corpomate_theme_industry_3 .sh_right_content .h2 { font-weight: 600; color: #00173c; margin-bottom: 30px; font-size: 52px; } #sh_corpomate_theme_industry_3 .sh_right_content a { margin-top: 20px; padding: 15px 40px; font-size: 16px; letter-spacing: 1px; font-weight: 600; transition: all .4s; border: 2px solid #0075C2; } #sh_corpomate_theme_industry_3 .sh_right_content a:hover { background: 0 0; border: 2px solid #0075C2; color: #0075C2; } #sh_corpomate_theme_industry_3 .sh_left_content { position: relative; } #sh_corpomate_theme_industry_3 .sh_left_content .sh_top_img img { width: 80%; object-fit: cover; height: 400px; border-radius: 5px; } #sh_corpomate_theme_industry_3 .sh_left_content .sh_bottom_img img { height: 275px; object-fit: cover; width: 310px; border-radius: 5px; } #sh_corpomate_theme_industry_3 .sh_left_content .sh_top_img { position: relative; overflow: hidden; } #sh_corpomate_theme_industry_3 .sh_left_content .sh_top_img:after { content: ''; position: absolute; width: 0; height: 0; border-top: 70px solid transparent; border-left: 50px solid #0075C2; border-bottom: 110px solid transparent; left: 0; top: -30px; animation: top_shape 5s infinite; } #sh_corpomate_theme_industry_3 .sh_right_content p { color: #3a3a3a; font-size: 16px; line-height: 28px; } @keyframes top_shape { 0% { top: 100px; } 50% { top: 0; } 100% { top: 100px; } } #sh_corpomate_theme_industry_3 .sh_left_content .sh_bottom_img { position: absolute; right: 0; bottom: -15%; } #sh_corpomate_theme_industry_3 .sh_left_content .sh_bottom_img:after { content: ''; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-left: 40px solid transparent; border-right: 100px solid transparent; border-bottom: 40px solid #0075C2; animation: right_shape 5s infinite; } @keyframes right_shape { 0% { right: 100px; } 50% { right: 5px; } 100% { right: 100px; } } @media (max-width: 991px) { #sh_corpomate_theme_industry_3 .sh_right_content { margin-top: 120px; } } @media (max-width: 576px) { #sh_corpomate_theme_industry_3 .sh_left_content .sh_top_img img { width: 100%; } #sh_corpomate_theme_industry_3 .sh_left_content .sh_bottom_img img { position: relative; object-fit: cover; width: 100%; } #sh_corpomate_theme_industry_3 { margin-top: 0; padding-top: 0; padding-bottom: 40px; } #sh_corpomate_theme_industry_3 .sh_right_content { margin-top: 50px; } #sh_corpomate_theme_industry_3 .sh_left_content .sh_bottom_img { position: relative; margin-top: 20px; } #sh_corpomate_theme_industry_3 .sh_icon { top: -20px; left: 15px; transform: none; } #sh_corpomate_theme_industry_3 .sh_right_content h2, #sh_corpomate_theme_industry_3 .sh_right_content .h2 { font-size: 20px; } } /*------------------------ snnipet-3 end ------------------------*/ /*------------------------ snnipet-4 start ------------------------*/ #sh_corpomate_theme_industry_4 { background: url(/sh_corpomate_theme/static/src/images/theme_3/sh_industry_image_7.jpg); background-size: cover; background-repeat: no-repeat; position: relative; padding: 70px 0; background-position: bottom; background-attachment: fixed; } #sh_corpomate_theme_industry_4 .sh_title.sh_animation_part { position: relative; } #sh_corpomate_theme_industry_4 .sh_icon { display: inline-block; line-height: 1; position: absolute; font-size: 60px; height: 60px; width: 60px; color: #0075C2; top: 2%; left: 5%; transform: translate(-50%, -50%); text-align: center; opacity: .3; } #sh_corpomate_theme_industry_4:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; background: #003557; height: 100%; pointer-events: none; opacity: .9; } #sh_corpomate_theme_industry_4 .sh_title { position: relative; z-index: 1; } #sh_corpomate_theme_industry_4 .sh_title h6, #sh_corpomate_theme_industry_4 .sh_title .h6 { color: #0075C2; margin-bottom: 10px; border-left: 5px solid #0075C2; padding-left: 15px; font-size: 25px; font-weight: 600; } #sh_corpomate_theme_industry_4 .sh_title h2, #sh_corpomate_theme_industry_4 .sh_title .h2 { font-weight: 600; color: #fff; margin-bottom: 50px; font-size: 52px; } #sh_corpomate_theme_industry_4 .sh_content { position: relative; z-index: 1; background: #fff; text-align: center; border-radius: 5px; overflow: hidden; transition: all .4s; } #sh_corpomate_theme_industry_4 .sh_content .sh_shape { width: 100%; height: 120px; background: #0075C2; border-radius: 50%/50%; border-top-left-radius: 0; border-top-right-radius: 0; transition: all .4s; opacity: .3; } #sh_corpomate_theme_industry_4 .sh_content .sh_img { position: relative; top: -60px; } #sh_corpomate_theme_industry_4 .sh_content .sh_img img { width: 150px; height: 150px; object-fit: cover; border-radius: 50%; border: 10px solid #fff; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1); } #sh_corpomate_theme_industry_4 .sh_content .sh_text { position: relative; top: -30px; padding-bottom: 30px; } #sh_corpomate_theme_industry_4 .sh_content .sh_text h5, #sh_corpomate_theme_industry_4 .sh_content .sh_text .h5 { font-size: 20px; color: #0075C2; margin-bottom: 15px; letter-spacing: 1px; } #sh_corpomate_theme_industry_4 .sh_content .sh_text h4, #sh_corpomate_theme_industry_4 .sh_content .sh_text .h4 { font-size: 30px; margin-bottom: 15px; letter-spacing: 1px; } #sh_corpomate_theme_industry_4 .sh_content .sh_text a { padding-bottom: 10px; color: #3a3a3a; font-weight: 600; font-size: 18px; text-decoration: none; transition: all .4s; position: relative; } #sh_corpomate_theme_industry_4 .sh_content .sh_text a:after { position: absolute; content: ''; height: 2px; bottom: 0; left: 0; width: 100%; background: #6e6d6d; } #sh_corpomate_theme_industry_4 .sh_content .sh_text a:hover { color: #0075C2; } #sh_corpomate_theme_industry_4 .sh_content:hover .sh_shape { background: #0075C2; opacity: 1; } #sh_corpomate_theme_industry_4 .sh_content:after { content: ''; position: absolute; width: 0; height: 0; border-bottom: 50px solid #0075C2; border-left: 50px solid transparent; bottom: 20px; right: 20px; transition: all .4s; opacity: .3; } #sh_corpomate_theme_industry_4 .sh_content:hover:after { border-bottom: 50px solid #0075C2; opacity: 1; } @media (max-width: 768px) { #sh_corpomate_theme_industry_4 .sh_content { margin-bottom: 30px; } #sh_corpomate_theme_industry_4 .col-md-4:last-child .sh_content { margin-bottom: 0px; } } @media (max-width: 576px) { #sh_corpomate_theme_industry_4 .sh_title h2, #sh_corpomate_theme_industry_4 .sh_title .h2 { font-size: 22px; } #sh_corpomate_theme_industry_4 .sh_icon { top: -20px; left: 15px; transform: none; } } /*------------------------ snnipet-4 end ------------------------*/ /*------------------------ snnipet-5 start ------------------------*/ #sh_corpomate_theme_industry_5 { padding: 120px 0px 100px; } #sh_corpomate_theme_industry_5 .sh_title { position: relative; } #sh_corpomate_theme_industry_5 .sh_icon { display: inline-block; line-height: 1; position: absolute; font-size: 60px; height: 60px; width: 60px; color: #0075C2; top: 15%; left: 2%; transform: translate(-50%, -50%); text-align: center; opacity: .2; } #sh_corpomate_theme_industry_5 .sh_title h6, #sh_corpomate_theme_industry_5 .sh_title .h6 { color: #0075C2; margin-bottom: 10px; border-left: 5px solid #0075C2; padding-left: 15px; font-size: 25px; font-weight: 600; } #sh_corpomate_theme_industry_5 .sh_title h2, #sh_corpomate_theme_industry_5 .sh_title .h2 { font-weight: 600; margin-bottom: 50px; font-size: 52px; color: #003557; } #sh_corpomate_theme_industry_5 .sh_content img { width: 100%; object-fit: cover; } #sh_corpomate_theme_industry_5 .sh_content .sh_text { background: #fff; display: inline-block; position: relative; left: 50%; transform: translateX(-50%); top: -45px; padding: 20px; border-radius: 5px; transition: all .4s; width: 65%; text-align: center; } #sh_corpomate_theme_industry_5 .sh_content .sh_text h3, #sh_corpomate_theme_industry_5 .sh_content .sh_text .h3 { font-size: 25px; font-weight: 600; margin-bottom: 5px; color: #003557; } #sh_corpomate_theme_industry_5 .sh_content .sh_text p { margin: 0; font-size: 16px; color: #3a3a3a; } #sh_corpomate_theme_industry_5 .sh_content .sh_img { position: relative; transition: all .4s; height: 275px; } #sh_corpomate_theme_industry_5 .sh_content .sh_img img { height: 100%; width: 100%; } #sh_corpomate_theme_industry_5 .sh_content .sh_img:after { content: ''; position: absolute; width: 0; height: 0; border-left: 35px solid #0075C2; border-bottom: 35px solid transparent; top: 20px; left: 20px; transition: all .4s; opacity: 0; } #sh_corpomate_theme_industry_5 .sh_content:hover .sh_img:after { opacity: 1; } #sh_corpomate_theme_industry_5 .sh_content:hover .sh_text { background: #0075C2; } #sh_corpomate_theme_industry_5 .sh_content:hover .sh_text h3, #sh_corpomate_theme_industry_5 .sh_content:hover .sh_text .h3, #sh_corpomate_theme_industry_5 .sh_content:hover .sh_text p { color: #fff; } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_industry_5 .sh_content .sh_text h3, #sh_corpomate_theme_industry_5 .sh_content .sh_text .h3 { font-size: 21px; } #sh_corpomate_theme_industry_5 { padding: 100px 0px; } } @media screen and (max-width: 820px) { #sh_corpomate_theme_industry_5 .sh_content .sh_text h3, #sh_corpomate_theme_industry_5 .sh_content .sh_text .h3 { font-size: 21px; } #sh_corpomate_theme_industry_5 { padding: 100px 0px; } } @media (max-width: 576px) { #sh_corpomate_theme_industry_5 .sh_title h2, #sh_corpomate_theme_industry_5 .sh_title .h2 { font-size: 22px; } #sh_corpomate_theme_industry_5 { padding-top: 50px; padding-bottom: 0; } #sh_corpomate_theme_industry_5 .sh_icon { top: -20px; left: 10px; transform: none; } } /*------------------------ snnipet-5 end ------------------------*/ /*------------------------ snnipet-6 start ------------------------*/ #sh_corpomate_theme_industry_6 { padding: 100px 0px; } #sh_corpomate_theme_industry_6 .sh_title h6, #sh_corpomate_theme_industry_6 .sh_title .h6 { color: #0075C2; margin-bottom: 10px; border-left: 5px solid #0075C2; padding-left: 15px; font-size: 25px; font-weight: 600; } #sh_corpomate_theme_industry_6 .sh_title h2, #sh_corpomate_theme_industry_6 .sh_title .h2 { font-weight: 600; margin-bottom: 50px; font-size: 52px; color: #003557; } #sh_corpomate_theme_industry_6 .sh_content img { width: 100%; object-fit: cover; } #sh_corpomate_theme_industry_6 .sh_content .sh_text { background: #fff; display: inline-block; position: relative; left: 50%; transform: translateX(-50%); top: -45px; padding: 20px; border-radius: 5px; transition: all .4s; text-align: center; } #sh_corpomate_theme_industry_6 .sh_content .sh_text h3, #sh_corpomate_theme_industry_6 .sh_content .sh_text .h3 { font-size: 25px; font-weight: 400; margin-bottom: 5px; color: #003557; } #sh_corpomate_theme_industry_6 .sh_content .sh_text p { margin: 0; font-size: 16px; color: #3a3a3a; padding-bottom: 10px; } #sh_corpomate_theme_industry_6 .sh_content .sh_img { position: relative; transition: all .4s; height: 288px; width: 100%; } #sh_corpomate_theme_industry_6 .sh_content .sh_img img { height: 100%; width: 100%; } #sh_corpomate_theme_industry_6 .sh_content .sh_img:after { content: ''; position: absolute; width: 0; height: 0; border-left: 35px solid #0075C2; border-bottom: 35px solid transparent; top: 20px; left: 20px; transition: all .4s; opacity: 0; } #sh_corpomate_theme_industry_6 .sh_content:hover .sh_img:after { opacity: 1; } #sh_corpomate_theme_industry_6 .sh_content:hover .sh_text { background: #0075C2; } #sh_corpomate_theme_industry_6 .sh_content:hover .sh_text h3, #sh_corpomate_theme_industry_6 .sh_content:hover .sh_text .h3, #sh_corpomate_theme_industry_6 .sh_content:hover .sh_text p { color: #fff; } #sh_corpomate_theme_industry_6 .sh_content ul { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: flex; opacity: 0; transition: all .4s; } #sh_corpomate_theme_industry_6 .sh_content ul li { transition: all .4s; width: 40px; height: 40px; background: #fff; text-align: center; display: block; line-height: 40px; margin: 0 5px; border-radius: 5px; } #sh_corpomate_theme_industry_6 .sh_content ul li:hover { background: #003557; } #sh_corpomate_theme_industry_6 .sh_content ul li:hover a { color: #fff; } #sh_corpomate_theme_industry_6 .sh_content ul li a { text-decoration: none; padding: 0; margin: 0; color: #0075C2; } #sh_corpomate_theme_industry_6 .sh_content { transition: all .4s; } #sh_corpomate_theme_industry_6 .sh_content:hover ul { opacity: 1; } #sh_corpomate_theme_industry_6 .sh_icon { display: inline-block; line-height: 1; position: absolute; font-size: 50px; height: 60px; width: 60px; color: #0075C2; top: -20px; left: 30px; text-align: center; opacity: .2; } @media (max-width: 991px) { #sh_corpomate_theme_industry_6 .sh_content ul li { width: 25px; height: 25px; line-height: 25px; } #sh_corpomate_theme_industry_6 { padding: 20px 0px; } } @media (max-width: 576px) { #sh_corpomate_theme_industry_6 .sh_title h2, #sh_corpomate_theme_industry_6 .sh_title .h2 { font-size: 22px; } #sh_corpomate_theme_industry_6 { padding: 50px 0 0; } #sh_corpomate_theme_industry_6 .sh_content .sh_text { padding: 20px 60px; } } /*------------------------ snnipet-6 end ------------------------*/ /*------------------------ snnipet-7 start ------------------------*/ #sh_corpomate_theme_industry_7 { background: url(/sh_corpomate_theme/static/src/images/theme_3/sh_industry_image_5.jpg); background-size: cover; background-repeat: no-repeat; position: relative; padding: 100px 0 200px; background-attachment: fixed; } #sh_corpomate_theme_industry_7 .sh_title { position: relative; } #sh_corpomate_theme_industry_7 .sh_icon { display: inline-block; line-height: 1; position: absolute; font-size: 60px; height: 60px; width: 60px; color: #0075C2; top: 0%; left: 4%; transform: translate(-50%, -50%); text-align: center; opacity: .2; } #sh_corpomate_theme_industry_7 .sh_title h6, #sh_corpomate_theme_industry_7 .sh_title .h6 { color: #0075C2; margin-bottom: 10px; border-left: 5px solid #0075C2; padding-left: 15px; font-size: 25px; font-weight: 600; } #sh_corpomate_theme_industry_7 .sh_title h2, #sh_corpomate_theme_industry_7 .sh_title .h2 { font-weight: 600; margin-bottom: 50px; font-size: 52px; color: #fff; } #sh_corpomate_theme_industry_7 .sh_title { position: relative; z-index: 1; } #sh_corpomate_theme_industry_7:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #003557; pointer-events: none; opacity: .8; } #sh_corpomate_theme_industry_7 .sh_counter { text-align: center; position: relative; z-index: 1; } #sh_corpomate_theme_industry_7 .sh_counter h5, #sh_corpomate_theme_industry_7 .sh_counter .h5 { font-weight: 600; color: #fff; font-size: 52px; margin-bottom: 0; } #sh_corpomate_theme_industry_7 .sh_counter h4, #sh_corpomate_theme_industry_7 .sh_counter .h4 { margin: 0; color: #fff; font-size: 25px; margin-top: 10px; font-weight: 400; letter-spacing: 1px; } @media (max-width: 768px) { #sh_corpomate_theme_industry_7 .sh_counter { margin-bottom: 30px; } #sh_corpomate_theme_industry_7 { padding: 50px 0 100px; } } @media (max-width: 576px) { #sh_corpomate_theme_industry_7 .sh_title h2, #sh_corpomate_theme_industry_7 .sh_title .h2 { font-size: 22px; } #sh_corpomate_theme_industry_7 .sh_icon { top: -20px; left: 15px; transform: none; } } /*------------------------ snnipet-7 end ------------------------*/ /*------------------------ snnipet-8 start ------------------------*/ #sh_corpomate_theme_industry_8 { margin-top: -100px; position: relative; z-index: 1; } #sh_corpomate_theme_industry_8 .sh_content { box-shadow: 0 3px 9px -2px #d0cece; text-align: center; padding: 50px 20px; background: #fff; border-radius: 5px; margin: 5px; } #sh_corpomate_theme_industry_8 .sh_content .sh_img { margin-bottom: 20px; } #sh_corpomate_theme_industry_8 .sh_content .sh_img img { width: 80px !important; height: 80px !important; border-radius: 50%; object-fit: cover; object-position: right; margin: auto; object-position: center; } #sh_corpomate_theme_industry_8 .sh_content .sh_text h4, #sh_corpomate_theme_industry_8 .sh_content .sh_text .h4 { margin: 0; font-size: 25px; font-weight: 400; margin-bottom: 10px; color: #003557; } #sh_corpomate_theme_industry_8 .sh_content .sh_text p { margin: 0; font-size: 16px; color: #3a3a3a; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 25px; } #sh_corpomate_theme_industry_8 .sh_video_btn a { width: 60px; height: 60px; background: #0075C2; padding: 0; line-height: 60px; border-radius: 50%; text-align: center; display: block; color: #fff; font-size: 20px; margin: auto; } #sh_corpomate_theme_industry_8 .sh_video_btn a span { line-height: 60px; width: 60px; display: block; } #sh_corpomate_theme_industry_8 .owl-carousel .owl-nav.disabled { display: block; position: absolute; left: -19%; top: 50%; transform: translateX(-50%); } #sh_corpomate_theme_industry_8 .owl-carousel .owl-nav button { width: 40px; height: 40px; color: #fff; text-align: center; margin: 0 5px; border-radius: 5px; border: 2px solid #0075C2; background: #0075C2; font-size: 26px; line-height: 0; position: relative; } #sh_corpomate_theme_industry_8 .owl-carousel .owl-nav button span { opacity: 0; display: none; } #sh_corpomate_theme_industry_8 .owl-carousel .owl-nav button.owl-prev:after { content: "\f053"; font-family: FontAwesome; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); font-size: 16px; } #sh_corpomate_theme_industry_8 .owl-carousel .owl-nav button.owl-next:after { content: "\f054"; font-family: FontAwesome; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); font-size: 16px; } #sh_corpomate_theme_industry_8 .owl-carousel .owl-dots { display: none; } .o_rtl #sh_corpomate_theme_industry_8 .owl-carousel .owl-nav button.owl-prev:after { content: "\f054"; } .o_rtl #sh_corpomate_theme_industry_8 .owl-carousel .owl-nav button.owl-next:after { content: "\f053"; } @media (max-width: 768px) { #sh_corpomate_theme_industry_8 { margin-top: -80px; } #sh_corpomate_theme_industry_8 .sh_video_btn a { margin-bottom: 20px; } #sh_corpomate_theme_industry_8 .sh_content { margin-bottom: 20px; } #sh_corpomate_theme_industry_8 .owl-carousel .owl-nav.disabled { transform: none; } #sh_corpomate_theme_industry_8 .owl-carousel .owl-nav.disabled { display: block; position: absolute; left: -22%; top: 50%; transform: translateX(-50%); } } @media (max-width: 576px) { #sh_corpomate_theme_industry_8 .sh_video_btn a { margin-bottom: 40px; } #sh_corpomate_theme_industry_8 .owl-carousel .owl-nav.disabled { display: none; } } /*------------------------ snnipet-8 end ------------------------*/ /*------------------------ snnipet-9 start ------------------------*/ #sh_corpomate_theme_industry_9 { padding: 100px 0px 100px; background: #EFF3F6; margin-top: 150px; } #sh_corpomate_theme_industry_9 .sh_title h6, #sh_corpomate_theme_industry_9 .sh_title .h6 { color: #0075C2; margin-bottom: 10px; border-left: 5px solid #0075C2; padding-left: 15px; font-size: 25px; font-weight: 600; } #sh_corpomate_theme_industry_9 .sh_title h2, #sh_corpomate_theme_industry_9 .sh_title .h2 { font-weight: 600; margin-bottom: 50px; font-size: 52px; color: #003557; } #sh_corpomate_theme_industry_9 .sh_content { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); text-align: center; padding-bottom: 20px; position: relative; background: #fff; } #sh_corpomate_theme_industry_9 .sh_content .sh_prise { background: #ebebeb; padding: 30px 0; border-radius: 50%/50%; border-top-left-radius: 0; border-top-right-radius: 0; margin-bottom: 20px; transition: all .4s; } #sh_corpomate_theme_industry_9 .sh_content .sh_prise h6, #sh_corpomate_theme_industry_9 .sh_content .sh_prise .h6 { color: #3a3a3a; font-size: 16px; letter-spacing: 1px; margin-bottom: 10px; } #sh_corpomate_theme_industry_9 .sh_content .sh_prise h2, #sh_corpomate_theme_industry_9 .sh_content .sh_prise .h2 { margin: 0; font-weight: 600; font-size: 26px; } #sh_corpomate_theme_industry_9 .sh_content ul { padding: 0; list-style: none; margin: 0; } #sh_corpomate_theme_industry_9 .sh_content ul li { padding-bottom: 20px; color: #3a3a3a; font-size: 16px; } #sh_corpomate_theme_industry_9 .sh_content .sh_btn { padding: 20px 0; } #sh_corpomate_theme_industry_9 .sh_content .sh_btn a { background: #ebebeb; padding: 10px 20px; font-weight: 600; transition: all .4s; border: 2px solid #ebebeb; font-size: 16px; } #sh_corpomate_theme_industry_9 .sh_content:before { content: ''; position: absolute; width: 0; height: 0; border-bottom: 50px solid #ebebeb; border-left: 50px solid transparent; bottom: 20px; right: 20px; transition: all .4s; } #sh_corpomate_theme_industry_9 .sh_content:hover:before { border-bottom: 50px solid #0075C2; } #sh_corpomate_theme_industry_9 .sh_content:hover .sh_btn a { background: #0075C2; color: #fff; border-color: #0075C2; } #sh_corpomate_theme_industry_9 .sh_content:hover .sh_prise { background: #0075C2; } #sh_corpomate_theme_industry_9 .sh_content:hover .sh_prise h6, #sh_corpomate_theme_industry_9 .sh_content:hover .sh_prise .h6 { color: #fff; } #sh_corpomate_theme_industry_9 .sh_content:hover .sh_prise h2, #sh_corpomate_theme_industry_9 .sh_content:hover .sh_prise .h2 { color: #fff; } #sh_corpomate_theme_industry_9 .sh_content.sh_active .sh_prise { background: #0075C2; } #sh_corpomate_theme_industry_9 .sh_content.sh_active .sh_prise h6, #sh_corpomate_theme_industry_9 .sh_content.sh_active .sh_prise .h6, #sh_corpomate_theme_industry_9 .sh_content.sh_active .sh_prise h2, #sh_corpomate_theme_industry_9 .sh_content.sh_active .sh_prise .h2 { color: #fff; } #sh_corpomate_theme_industry_9 .sh_content.sh_active .sh_btn a { background: #0075C2; color: #fff; border-color: #0075C2; } #sh_corpomate_theme_industry_9 .sh_content.sh_active:before { border-bottom: 50px solid #0075C2; } #sh_corpomate_theme_industry_9 .sh_content .sh_btn a:hover { border-color: #0075C2; color: #0075C2; background: transparent; } #sh_corpomate_theme_industry_9 .sh_title > .sh_icon { display: inline-block; line-height: 1; position: absolute; font-size: 50px; height: 60px; width: 60px; color: #0075C2; top: -20px; left: 30px; text-align: center; opacity: .2; } @media (max-width: 991px) { #sh_corpomate_theme_industry_9 .sh_content:before { border-bottom: 30px solid #ebebeb; border-left: 30px solid transparent; } #sh_corpomate_theme_industry_9 .sh_content:hover:before { border-bottom: 30px solid #0075C2; } #sh_corpomate_theme_industry_9 .sh_content.sh_active:before { border-bottom: 30px solid #0075C2; } } @media (max-width: 768px) { #sh_corpomate_theme_industry_9 .sh_content { margin-bottom: 20px; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_industry_9 { margin-top: 50px; } } @media (max-width: 576px) { #sh_corpomate_theme_industry_9 .sh_title h2, #sh_corpomate_theme_industry_9 .sh_title .h2 { font-size: 22px; } #sh_corpomate_theme_industry_9 { padding: 30px 0px 40px; } } /*------------------------ snnipet-9 end ------------------------*/ /*------------------------ snnipet-10 start ------------------------*/ #sh_corpomate_theme_industry_10 { padding: 100px 0px 80px; } #sh_corpomate_theme_industry_10 .sh_title h6, #sh_corpomate_theme_industry_10 .sh_title .h6 { color: #0075C2; margin-bottom: 10px; border-left: 5px solid #0075C2; padding-left: 15px; font-size: 25px; font-weight: 600; } #sh_corpomate_theme_industry_10 .sh_title h2, #sh_corpomate_theme_industry_10 .sh_title .h2 { font-weight: 600; margin-bottom: 50px; font-size: 52px; color: #003557; } #sh_corpomate_theme_industry_10 .sh_content { position: relative; transition: all .4s; } #sh_corpomate_theme_industry_10 .sh_content .sh_text { position: absolute; bottom: 20px; left: 0px; padding: 20px; } #sh_corpomate_theme_industry_10 .sh_content .sh_text span { color: #fff; font-size: 16px; } #sh_corpomate_theme_industry_10 .sh_content .sh_text h4, #sh_corpomate_theme_industry_10 .sh_content .sh_text .h4 { color: #fff; font-weight: 600; font-size: 20px; margin: 15px 0; } #sh_corpomate_theme_industry_10 .sh_content .sh_text p { color: #fff; margin: 0; } #sh_corpomate_theme_industry_10 .sh_content img { width: 100%; transition: all .4s; } #sh_corpomate_theme_industry_10 .sh_right_content { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; background: #fff; margin-bottom: 20px; transition: all .4s; border-radius: 5px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } #sh_corpomate_theme_industry_10 .sh_right_content .sh_text { padding-left: 20px; } #sh_corpomate_theme_industry_10 .sh_right_content .sh_text span { color: #3a3a3a; margin-bottom: 5px; display: block; font-size: 16px; } #sh_corpomate_theme_industry_10 .sh_right_content .sh_text h4, #sh_corpomate_theme_industry_10 .sh_right_content .sh_text .h4 { font-weight: 600; font-size: 20px; color: #003557; } #sh_corpomate_theme_industry_10 .sh_right_content .sh_text p { margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; color: #3a3a3a; font-size: 16px; line-height: 25px; } #sh_corpomate_theme_industry_10 .sh_right_content .sh_img img { height: 189px; width: 189px; object-fit: cover; transition: all .4s; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } #sh_corpomate_theme_industry_10 .sh_content:hover img { opacity: 0.8; } #sh_corpomate_theme_industry_10 .sh_right_content:hover .sh_img img { opacity: 0.8; } #sh_corpomate_theme_industry_10 .sh_right_content .sh_img { position: relative; transition: all .4s; } #sh_corpomate_theme_industry_10 .sh_right_content .sh_img:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #003557; border-top-left-radius: 5px; border-bottom-left-radius: 5px; opacity: 0; pointer-events: none; transition: all .4s; } #sh_corpomate_theme_industry_10 .sh_right_content:hover .sh_img:after { opacity: .5; } #sh_corpomate_theme_industry_10 .sh_title > .sh_icon { display: inline-block; line-height: 1; position: absolute; font-size: 50px; height: 60px; width: 60px; color: #0075C2; top: -20px; left: 30px; text-align: center; opacity: .2; } @media (max-width: 991px) { #sh_corpomate_theme_industry_10 .sh_content { margin-bottom: 20px; } } @media (max-width: 768px) { #sh_corpomate_theme_industry_10 .sh_right_content .sh_text { padding-right: 20px; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_industry_10 { padding: 50px 0px; } } @media (max-width: 576px) { #sh_corpomate_theme_industry_10 .sh_right_content { padding: 0px; text-align: center; display: block; } #sh_corpomate_theme_industry_10 .sh_right_content .sh_text { padding-left: 0px; } #sh_corpomate_theme_industry_10 .sh_right_content .sh_img img { width: 100%; } #sh_corpomate_theme_industry_10 .sh_right_content .sh_text { padding: 10px; } #sh_corpomate_theme_industry_10 .sh_title h2, #sh_corpomate_theme_industry_10 .sh_title .h2 { font-size: 22px; } #sh_corpomate_theme_industry_10 { padding: 30px 0px 20px; } } /*------------------------ snnipet-10 end ------------------------*/ /*----------------------------------------------------home page end----------------------------------------------------*/ /*----------------------------------------------------about us page start----------------------------------------------------*/ /*------------------------ snnipet-11 start ------------------------*/ #sh_corpomate_theme_industry_11 { padding: 150px 0; text-align: center; background: url(/sh_corpomate_theme/static/src/images/theme_3/sh_industry_image_5.jpg); background-size: cover; background-repeat: no-repeat; width: 100%; background-position: bottom; } #sh_corpomate_theme_industry_11 .sh_breacrumb { display: inline-block; background: rgba(0, 0, 0, 0.4); padding: 15px 30px; border-radius: 5px; } #sh_corpomate_theme_industry_11 .sh_breacrumb a { color: #fff; transition: all .4s; } #sh_corpomate_theme_industry_11 .sh_breacrumb p { color: #fff; transition: all .4s; display: inline-block; margin: 0px; } #sh_corpomate_theme_industry_11 .sh_breacrumb span { padding: 0 10px; color: #fff; } #sh_corpomate_theme_industry_11 h4, #sh_corpomate_theme_industry_11 .h4 { margin: 0; color: #fff; font-weight: 600; margin-top: 30px; font-size: 44px; letter-spacing: 2px; } #sh_corpomate_theme_industry_11 .sh_breacrumb a:hover { color: #0075C2; } #sh_corpomate_theme_industry_11 svg { height: 100px; width: 100%; position: absolute; bottom: 0; left: 0; stroke: none !important; } @media (max-width: 576px) { #sh_corpomate_theme_industry_11 svg { height: 80px; } } /*------------------------ snnipet-11 end ------------------------*/ /*------------------------ snnipet-12 start ------------------------*/ #sh_corpomate_theme_industry_12 { padding: 100px 0px; } #sh_corpomate_theme_industry_12 .sh_left_content h2, #sh_corpomate_theme_industry_12 .sh_left_content .h2 { font-size: 52px; font-weight: 600; color: #003557; } #sh_corpomate_theme_industry_12 .sh_left_content p { color: #3a3a3a; margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; font-size: 16px; line-height: 28px; } #sh_corpomate_theme_industry_12 .sh_left_content .sh_flex_part { display: -webkit-box; display: -webkit-flex; display: flex; } #sh_corpomate_theme_industry_12 .sh_left_content .sh_flex_part .sh_img img { width: 150px; height: 150px; object-fit: cover; object-position: left; border-radius: 5px; display: inline-table; transition: all .4s; max-width: fit-content !important; } #sh_corpomate_theme_industry_12 .sh_left_content .sh_flex_part .sh_text { padding-left: 20px; } #sh_corpomate_theme_industry_12 .sh_left_content .sh_flex_part .sh_text h4, #sh_corpomate_theme_industry_12 .sh_left_content .sh_flex_part .sh_text .h4 { font-size: 30px; font-weight: 600; color: #0075C2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_industry_12 .sh_left_content .sh_flex_part .sh_text p { font-size: 16px; color: #3a3a3a; margin: 0; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; line-height: 28px; } #sh_corpomate_theme_industry_12 .sh_right_content > img { width: 100%; transition: all .4s; } #sh_corpomate_theme_industry_12 .sh_right_content .sh_bottom_img { position: absolute; bottom: -15%; left: 50%; transform: translateX(-50%); width: 50%; } #sh_corpomate_theme_industry_12 .sh_right_content { position: relative; } #sh_corpomate_theme_industry_12 .sh_right_content img { width: 100%; border-radius: 5px; max-height: 400px; object-fit: cover; } #sh_corpomate_theme_industry_12 .sh_right_content:after { content: ''; position: absolute; top: 0%; width: 0; height: 0; border-top: 40px solid transparent; border-left: 60px solid #0075C2; border-bottom: 150px solid transparent; left: 0; animation: top_shape 5s infinite; } #sh_corpomate_theme_industry_12 .sh_right_content .sh_bottom_img:after { content: ''; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-left: 40px solid transparent; border-right: 100px solid transparent; border-bottom: 40px solid #0075C2; animation: right_shape 5s infinite; } @media (max-width: 991px) { #sh_corpomate_theme_industry_12 .sh_right_content img { margin-top: 30px; } } @media (max-width: 576px) { s#sh_corpomate_theme_industry_12 .sh_left_content h2, s#sh_corpomate_theme_industry_12 .sh_left_content .h2 { font-size: 22px; } s#sh_corpomate_theme_industry_12 .sh_right_content img { margin-top: 0; } s#sh_corpomate_theme_industry_12 .sh_right_content:after { border-top: 40px solid transparent; border-left: 40px solid #0075C2; border-bottom: 50px solid transparent; } s#sh_corpomate_theme_industry_12 .sh_right_content { margin-top: 20px; } s#sh_corpomate_theme_industry_12 .sh_right_content .sh_bottom_img { overflow: hidden; } s#sh_corpomate_theme_industry_12 { padding-bottom: 30px; } } /*------------------------ snnipet-12 end ------------------------*/ /*------------------------ snnipet-13 start ------------------------*/ #sh_corpomate_theme_industry_13 { margin-top: 50px; background: #003557; } #sh_corpomate_theme_industry_13 .col-md-6:first-child { padding-left: 0px; } #sh_corpomate_theme_industry_13 .sh_left_img img { width: 100%; height: 600px; object-fit: cover; transition: all .4s; } #sh_corpomate_theme_industry_13 .sh_right_content h2, #sh_corpomate_theme_industry_13 .sh_right_content .h2 { color: #fff; font-weight: 600; margin-bottom: 30px; font-size: 52px; } #sh_corpomate_theme_industry_13 .sh_right_content > p { color: #fff; font-size: 16px; margin: 0; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; line-height: 28px; } #sh_corpomate_theme_industry_13 .sh_right_content .sh_flex_part { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: left; } #sh_corpomate_theme_industry_13 .sh_right_content .sh_flex_part .sh_number { color: #fff; border-right: 1px solid #fff; margin-top: 30px; padding-right: 30px; } #sh_corpomate_theme_industry_13 .sh_right_content .sh_flex_part .sh_number:last-child { border-right: 0; padding-right: 0; padding-left: 30px; } #sh_corpomate_theme_industry_13 .row { align-items: center; } #sh_corpomate_theme_industry_13 .sh_right_content .sh_flex_part h3, #sh_corpomate_theme_industry_13 .sh_right_content .sh_flex_part .h3 { font-size: 45px; font-weight: 600; color: #0075C2; } #sh_corpomate_theme_industry_13 .sh_right_content .sh_flex_part p { font-size: 17px; letter-spacing: 1px; color: #fff; } #sh_corpomate_theme_industry_13 .sh_right_content { padding: 50px 20px; } #sh_corpomate_theme_industry_13 .sh_left_img:hover img { opacity: 0.8; } @media (max-width: 991px) { #sh_corpomate_theme_industry_13 .sh_right_content .sh_flex_part p { font-size: 16px; } #sh_corpomate_theme_industry_13 .sh_right_content .sh_flex_part h3, #sh_corpomate_theme_industry_13 .sh_right_content .sh_flex_part .h3 { font-size: 26px; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_industry_13 .col-md-6:first-child { padding-left: 15px; padding-top: 15px; } } @media (max-width: 576px) { #sh_corpomate_theme_industry_13 .col-md-6:first-child { padding-right: 0px; } #sh_corpomate_theme_industry_13 .sh_right_content h2, #sh_corpomate_theme_industry_13 .sh_right_content .h2 { font-size: 22px; } } /*------------------------ snnipet-13 end ------------------------*/ /*------------------------ snnipet-14 start ------------------------*/ #sh_corpomate_theme_industry_14 { padding: 100px 0; } #sh_corpomate_theme_industry_14 .sh_left_part { position: relative; width: 100%; height: 420px; } #sh_corpomate_theme_industry_14 .sh_left_part img { width: 100%; transition: all .4s; border-radius: 5px; } #sh_corpomate_theme_industry_14 .sh_left_part a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #0075C2; color: #fff; width: 80px; height: 80px; line-height: 80px; border-radius: 50%; padding: 0; font-size: 28px; text-align: center; margin: 0; } #sh_corpomate_theme_industry_14 .sh_left_part a span { width: 80px; } #sh_corpomate_theme_industry_14 .row { align-items: center; } #sh_corpomate_theme_industry_14 .sh_right_part p { margin-bottom: 20px; color: #3a3a3a; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; font-size: 16px; line-height: 28px; } #sh_corpomate_theme_industry_14 .sh_right_part h2, #sh_corpomate_theme_industry_14 .sh_right_part .h2 { font-weight: 600; margin-bottom: 30px; font-size: 52px; color: #003557; } #sh_corpomate_theme_industry_14 .sh_right_part p:last-child { margin-bottom: 0px; } #sh_corpomate_theme_industry_14 .sh_left_part:hover img { opacity: 0.8; } #sh_corpomate_theme_industry_14 .sh_left_part:after { content: ''; position: absolute; top: 10%; width: 0; height: 0; border-top: 40px solid transparent; border-left: 60px solid #0075C2; border-bottom: 150px solid transparent; left: 0; animation: top_shape 5s infinite; } @media (max-width: 991px) { #sh_corpomate_theme_industry_14 .sh_right_part h2, #sh_corpomate_theme_industry_14 .sh_right_part .h2 { font-size: 26px; } } @media (max-width: 768px) { #sh_corpomate_theme_industry_14 .sh_left_part { margin-bottom: 20px; overflow: hidden; } } @media (max-width: 576px) { #sh_corpomate_theme_industry_14 .sh_left_part { overflow: hidden; } #sh_corpomate_theme_industry_14 .sh_right_part h2, #sh_corpomate_theme_industry_14 .sh_right_part .h2 { font-size: 22px; } #sh_corpomate_theme_industry_14 { padding: 50px 0; } } /*------------------------ snnipet-14 end ------------------------*/ /*----------------------------------------------------about us page end----------------------------------------------------*/ /*---------------------------------------------------services page start----------------------------------------------------*/ /*------------------------ snnipet-15 start ------------------------*/ #sh_corpomate_theme_industry_15 { padding: 150px 0; text-align: center; background: url(/sh_corpomate_theme/static/src/images/theme_3/sh_industry_image_5.jpg) !important; background-size: cover !important; background-repeat: no-repeat; width: 100%; background-position: center !important; } #sh_corpomate_theme_industry_15 .sh_breacrumb { display: inline-block; background: rgba(0, 0, 0, 0.4); padding: 15px 30px; } #sh_corpomate_theme_industry_15 .sh_breacrumb a { color: #fff; transition: all .4s; } #sh_corpomate_theme_industry_15 .sh_breacrumb span { padding: 0 10px; color: #fff; } #sh_corpomate_theme_industry_15 h4, #sh_corpomate_theme_industry_15 .h4 { margin: 0; color: #fff; font-weight: 600; margin-top: 30px; font-size: 44px; letter-spacing: 2px; } #sh_corpomate_theme_industry_15 .sh_breacrumb a:hover { color: #0075C2; } #sh_corpomate_theme_industry_15 svg { height: 100px; width: 100%; position: absolute; left: 0; bottom: 0; stroke: none !important; } @media (max-width: 576px) { #sh_corpomate_theme_industry_15 svg { bottom: -1px; height: 80px; } } /*------------------------ snnipet-15 end ------------------------*/ /*------------------------ snnipet-16 start ------------------------*/ #sh_corpomate_theme_industry_16 { padding: 80px 0px; } #sh_corpomate_theme_industry_16 .sh_title h6, #sh_corpomate_theme_industry_16 .sh_title .h6 { color: #0075C2; margin-bottom: 10px; border-left: 5px solid #0075C2; padding-left: 15px; font-size: 25px; font-weight: 600; } #sh_corpomate_theme_industry_16 .sh_title h2, #sh_corpomate_theme_industry_16 .sh_title .h2 { font-weight: 600; margin-bottom: 40px; font-size: 52px; color: #003557; } #sh_corpomate_theme_industry_16 .sh_content { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); padding: 30px 25px; margin-bottom: 30px; position: relative; transition: all .4s; text-align: center; border-radius: 5px; } #sh_corpomate_theme_industry_16 .sh_content .sh_icon span { width: 80px; background: #ebebeb; height: 80px; text-align: center; line-height: 80px; color: #333; border-radius: 50%; font-size: 30px; margin-bottom: 25px; transition: all .4s; } #sh_corpomate_theme_industry_16 .sh_content h4, #sh_corpomate_theme_industry_16 .sh_content .h4 { font-weight: 600; font-size: 25px; color: #003557; margin-bottom: 20px; } #sh_corpomate_theme_industry_16 .sh_content p { color: #3a3a3a; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; font-size: 16px; line-height: 28px; } #sh_corpomate_theme_industry_16 .sh_content a { padding: 0; font-weight: 600; color: #0075C2; box-shadow: none; } #sh_corpomate_theme_industry_16 .sh_content:before { content: ''; position: absolute; width: 0; height: 0; border-bottom: 50px solid #ebebeb; border-left: 50px solid transparent; bottom: 20px; right: 20px; transition: all .4s; } #sh_corpomate_theme_industry_16 .sh_content:hover .sh_icon span { background: #0075C2; color: #fff; } #sh_corpomate_theme_industry_16 .sh_content:hover:before { border-bottom: 50px solid #0075C2; } #sh_corpomate_theme_industry_16 .sh_title > .sh_icon { display: inline-block; line-height: 1; position: absolute; font-size: 50px; height: 60px; width: 60px; color: #0075C2; top: -20px; left: 30px; text-align: center; opacity: .2; } @media (max-width: 576px) { #sh_corpomate_theme_industry_16 .sh_title h2, #sh_corpomate_theme_industry_16 .sh_title .h2 { font-size: 26px; } #sh_corpomate_theme_industry_16 { padding: 50px 0 30px; } } /*------------------------ snnipet-16 end ------------------------*/ /*---------------------------------------------------services page end----------------------------------------------------*/ /*---------------------------------------------------contact page start----------------------------------------------------*/ /*------------------------ snnipet-17 start ------------------------*/ #sh_corpomate_theme_industry_17 { padding: 150px 0; text-align: center; background: url(/sh_corpomate_theme/static/src/images/theme_3/sh_industry_image_13.png); background-size: cover; background-repeat: no-repeat; width: 100%; background-position: bottom; } #sh_corpomate_theme_industry_17 .sh_breacrumb { display: inline-block; background: rgba(0, 0, 0, 0.4); padding: 15px 30px; } #sh_corpomate_theme_industry_17 .sh_breacrumb a { color: #fff; transition: all .4s; } #sh_corpomate_theme_industry_17 .sh_breacrumb span { padding: 0 10px; color: #fff; } #sh_corpomate_theme_industry_17 h4, #sh_corpomate_theme_industry_17 .h4 { margin: 0; color: #fff; font-weight: 600; margin-top: 30px; font-size: 44px; letter-spacing: 2px; } #sh_corpomate_theme_industry_17 .sh_breacrumb a:hover { color: #0075C2; } #sh_corpomate_theme_industry_17 svg { position: absolute; bottom: 0; height: 100px; width: 100%; z-index: 1; left: 0; stroke: none !important; } @media (max-width: 576px) { #sh_corpomate_theme_industry_17 svg { height: 80px; } } /*------------------------ snnipet-17 end ------------------------*/ /*------------------------ snnipet-18 start ------------------------*/ #sh_corpomate_theme_industry_18 { margin-top: 0px; position: relative; z-index: 1; bottom: -50px; } #sh_corpomate_theme_industry_18 .sh_address { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); padding: 30px; background: #fff; width: 90%; margin: auto; transition: all .4s; } #sh_corpomate_theme_industry_18 .sh_address .sh_map_address { text-align: center; width: 33.33%; transition: all .4s; } #sh_corpomate_theme_industry_18 .sh_address .sh_icon span { font-size: 40px; color: #0075C2; margin-bottom: 20px; transform: rotate(0deg); transition: all .4s; } #sh_corpomate_theme_industry_18 .sh_address h4, #sh_corpomate_theme_industry_18 .sh_address .h4 { font-size: 25px; font-weight: 600; color: #003557; } #sh_corpomate_theme_industry_18 .sh_address p { margin: 0; color: #3a3a3a; font-size: 16px; line-height: 25px; } #sh_corpomate_theme_industry_18 .sh_address p a { margin: 0; color: #3a3a3a; transition: all .4s; } #sh_corpomate_theme_industry_18 .sh_address:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25), 0 5px 15px 2px rgba(0, 0, 0, 0.2); } #sh_corpomate_theme_industry_18 .sh_address .sh_map_address:hover .sh_icon span { transform: rotate(360deg); } #sh_corpomate_theme_industry_18 .sh_address p a:hover { color: #0075C2; } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_industry_18 .sh_address p { font-size: 14px; } } @media (max-width: 768px) { #sh_corpomate_theme_industry_18 .sh_address .sh_map_address { margin-bottom: 20px; width: 100%; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_industry_18 .sh_address h4, #sh_corpomate_theme_industry_18 .sh_address .h4 { font-size: 19px; } #sh_corpomate_theme_industry_18 .sh_address { width: 100%; padding: 20px; } #sh_corpomate_theme_industry_18 .sh_address p a { font-size: 14px; } #sh_corpomate_theme_industry_18 .sh_address p { font-size: 14px; } } @media (max-width: 567px) { #sh_corpomate_theme_industry_18 .sh_address { display: block; } } /*------------------------ snnipet-18 end ------------------------*/ /*------------------------ snnipet-19 start ------------------------*/ #sh_corpomate_theme_industry_19 { background: url(/sh_corpomate_theme/static/src/images/theme_3/sh_industry_image_14.png); background-size: cover; background-repeat: no-repeat; position: relative; padding: 130px 0 70px; } #sh_corpomate_theme_industry_19:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0075C2; opacity: 0.7; pointer-events: none; } #sh_corpomate_theme_industry_19 form { position: relative; z-index: 1; text-align: center; } #sh_corpomate_theme_industry_19 form input { height: 50px; background: transparent; color: #fff; border: 1px solid #fff; margin-bottom: 25px; } #sh_corpomate_theme_industry_19 form input::placeholder, #sh_corpomate_theme_industry_19 form textarea::placeholder { color: #fff; } #sh_corpomate_theme_industry_19 form textarea { height: 100px; background: transparent; color: #fff; border: 1px solid #fff; margin-bottom: 25px; } #sh_corpomate_theme_industry_19 form a.btn { border: 1px solid #fff; background: #0075C2; margin-top: 10px; text-decoration: none; } #sh_corpomate_theme_industry_19 form a.btn:hover { background: #fff; color: #0075C2; } /*------------------------ snnipet-19 end ------------------------*/ #sh_corpomate_theme_industry_20 iframe { width: 100%; margin: 50px 0px; } /*---------------------------------------------------contact page end----------------------------------------------------*/ /* /sh_corpomate_theme/static/src/scss/theme/theme_4/theme_4_s.scss */ * { margin: 0; padding: 0; box-sizing: border-box; } p { font-size: 16px; line-height: 1.8em; color: #333; } #sh_corpomate_theme_transport_1 { width: 100%; height: 600px; text-align: center; } #sh_corpomate_theme_transport_1 img { width: 100%; object-fit: cover; height: 600px; position: relative; z-index: 0; } #sh_corpomate_theme_transport_1 .sh_banner:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: rgba(31, 31, 46, 0.9); } #sh_corpomate_theme_transport_1 .carousel-indicators { bottom: 75px; z-index: 5; } #sh_corpomate_theme_transport_1 .sh_banner { position: relative; } #sh_corpomate_theme_transport_1 .sh_banner_content { position: absolute; top: 20%; left: 0; height: 100%; width: 100%; z-index: 1; } #sh_corpomate_theme_transport_1 .sh_banner_content h3, #sh_corpomate_theme_transport_1 .sh_banner_content .h3 { color: #0075C2; margin-bottom: 0; font-weight: 600; } #sh_corpomate_theme_transport_1 .sh_banner_content h1, #sh_corpomate_theme_transport_1 .sh_banner_content .h1 { font-size: 50px; color: #fff; font-weight: 900; margin-top: 10px; } #sh_corpomate_theme_transport_1 .sh_banner_content p { color: #fff; margin-top: 25px; font-weight: 500; line-height: 30px; } #sh_corpomate_theme_transport_1 span.carousel-control-prev-icon:before { content: "\f053"; font-family: FontAwesome; z-index: 5; position: absolute; left: 20px; width: 50px; height: 50px; background: rgba(198, 196, 196, 0.2); line-height: 50px; top: 50%; pointer-events: auto; } #sh_corpomate_theme_transport_1 span.carousel-control-prev-icon { display: block !important; background: 0 0 !important; z-index: 5; } #sh_corpomate_theme_transport_1 span.carousel-control-next-icon:before { content: "\f054"; font-family: FontAwesome; z-index: 5; position: absolute; right: 20px; width: 50px; height: 50px; background: rgba(198, 196, 196, 0.2); line-height: 50px; top: 50%; pointer-events: auto; } #sh_corpomate_theme_transport_1 span.carousel-control-next-icon { display: block !important; background: 0 0 !important; z-index: 5; } #sh_corpomate_theme_transport_1 a.carousel-control-prev { width: 100%; opacity: 1; pointer-events: none; z-index: 3; } #sh_corpomate_theme_transport_1 a.carousel-control-next { width: 100%; opacity: 1; pointer-events: none; z-index: 3; } #sh_corpomate_theme_transport_1 .sh_banner_content .shape img { height: 15px; width: 5%; object-fit: contain; text-align: center; margin-top: 10px; } #sh_corpomate_theme_transport_1 .sh_banner_content .service_button { color: #fff; background: #0075C2; padding: 10px 25px; font-weight: 400; font-size: 16px; border: 0; margin-top: 30px; transition: 1s; } #sh_corpomate_theme_transport_1 .sh_banner_content .about_button { color: #212121; background: #fff; padding: 10px 40px; font-weight: 400; margin-left: 10px; font-size: 16px; border: 0; transition: 1s; margin-top: 30px; } #sh_corpomate_theme_transport_1 .sh_banner_content .service_button:hover { color: #fff; background: #0c2239; padding: 10px 25px; font-weight: 400; font-size: 16px; border: 0; margin-top: 30px; } #sh_corpomate_theme_transport_1 .sh_banner_content .about_button:hover { color: #fff; background: #0c2239; padding: 10px 40px; font-weight: 400; margin-left: 10px; font-size: 16px; border: 0; margin-top: 30px; } #sh_corpomate_theme_transport_1 .sh_banner_content .about_button_1 { color: #212121; background: #fff; padding: 10px 40px; font-weight: 400; margin-right: 10px; font-size: 16px; border: 0; transition: 1s; margin-top: 30px; } #sh_corpomate_theme_transport_1 .sh_banner_content .about_button_1:hover { color: #fff; background: #0c2239; padding: 10px 40px; font-weight: 400; margin-right: 10px; font-size: 16px; border: 0; margin-top: 30px; } #sh_corpomate_theme_transport_1 .sh_disable_hover_cls .sh_banner img { z-index: 2; } @media (max-width: 768px) { #sh_corpomate_theme_transport_1 .sh_banner_content h1, #sh_corpomate_theme_transport_1 .sh_banner_content .h1 { font-size: 40px; color: #fff; font-weight: 900; margin-top: 10px; } #sh_corpomate_theme_transport_1 { width: 100%; height: 500px; text-align: center; } #sh_corpomate_theme_transport_1 img { width: 100%; object-fit: cover; height: 500px; position: relative; z-index: 0; } #sh_corpomate_theme_transport_1 .carousel-indicators { bottom: 8%; z-index: 5; } } @media (max-width: 576px) { #sh_corpomate_theme_transport_1 a.carousel-control-prev { width: 100%; opacity: 0; pointer-events: none; z-index: 3; } #sh_corpomate_theme_transport_1 a.carousel-control-next { width: 100%; opacity: 0; pointer-events: none; z-index: 3; } #sh_corpomate_theme_transport_1 figure { padding-bottom: 0; margin-bottom: 0; } #sh_corpomate_theme_transport_1 img { width: 100%; object-fit: cover; height: 400px; position: relative; z-index: 0; } #sh_corpomate_theme_transport_1 .carousel-indicators { bottom: 0; z-index: 5; } #sh_corpomate_theme_transport_1 { width: 100%; height: 400px; text-align: center; } #sh_corpomate_theme_transport_1 { top: 0; padding: 10px 0; } #sh_corpomate_theme_transport_1 .sh_banner_content h1, #sh_corpomate_theme_transport_1 .sh_banner_content .h1 { font-size: 35px; color: #fff; font-weight: 900; margin-top: 10px; } #sh_corpomate_theme_transport_1 img { height: 500px; object-fit: cover; } #sh_corpomate_theme_transport_1 span.carousel-control-next-icon:before, #sh_corpomate_theme_transport_1 span.carousel-control-prev-icon:before { bottom: 0; } #sh_corpomate_theme_transport_1 { height: auto; } #sh_corpomate_theme_transport_1 .sh_banner_content p { color: azure; margin-top: 25px; font-weight: 700; font-size: 14px; line-height: 25px; } #sh_corpomate_theme_transport_1 .carousel-indicators { bottom: 0; z-index: 5; } #sh_corpomate_theme_transport_1 .sh_banner_content .service_button { color: #fff; background: #0075C2; padding: 10px 10px; font-weight: 400; font-size: 15px; border: 0; margin-top: 20px; } #sh_corpomate_theme_transport_1 .sh_banner_content .about_button { color: #212121; background: #fff; padding: 10px 20px; font-weight: 400; margin-left: 10px; font-size: 15px; border: 0; margin-top: 20px; } #sh_corpomate_theme_transport_1 .sh_banner_content .about_button_1 { color: #212121; background: #fff; padding: 10px 20px; font-weight: 400; margin-right: 10px; font-size: 15px; border: 0; transition: 1s; margin-top: 20px; } #sh_corpomate_theme_transport_1 .sh_banner_content .service_button:hover { color: #fff; background: #0c2239; padding: 10px 10px; font-weight: 400; font-size: 15px; border: 0; margin-top: 20px; } #sh_corpomate_theme_transport_1 .sh_banner_content .about_button:hover { color: #fff; background: #0c2239; padding: 10px 20px; font-weight: 400; margin-left: 10px; font-size: 15px; border: 0; margin-top: 20px; } #sh_corpomate_theme_transport_1 .sh_banner_content .about_button_1:hover { color: #fff; background: #0c2239; padding: 10px 20px; font-weight: 400; margin-right: 10px; font-size: 15px; border: 0; margin-top: 20px; } #sh_corpomate_theme_transport_1 .sh_banner_content .shape img { height: 10px; width: 10%; } } #sh_corpomate_theme_transport_1 .sh_banner_content { top: 17%; } @media (max-width: 416px) { #sh_corpomate_theme_transport_1 .carousel-indicators { bottom: -15px; z-index: 5; } } #sh_corpomate_theme_transport_2 { width: 100%; padding: 50px 0; background: #fff; position: relative; } #sh_corpomate_theme_transport_2 .remove_space { margin-left: 0; margin-right: 0; border-top: 0; border: 1px solid #f3f3f3; background: #fff; z-index: 3; position: absolute; bottom: 95%; left: 0; border-radius: 10px; box-shadow: 0 5px 83px rgba(40, 40, 40, 0.12); width: 100%; } #sh_corpomate_theme_transport_2 .row .remove_padding { padding: 0 !important; } #sh_corpomate_theme_transport_2 .service_content { display: -webkit-box; display: -webkit-flex; display: flex; box-sizing: border-box; width: 100%; transition: 1s; border-right: 1px solid #f0f8ff; justify-content: space-between; align-items: center; } #sh_corpomate_theme_transport_2 .service_content_1 { display: -webkit-box; display: -webkit-flex; display: flex; box-sizing: border-box; width: 100%; justify-content: space-between; align-items: center; padding: 25px 30px; } #sh_corpomate_theme_transport_2 .service_content .service_content_icon { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; width: 30%; align-items: center; flex-direction: row; } #sh_corpomate_theme_transport_2 .service_content .service_content_icon svg { height: 45px; width: 45px; fill: #0075C2; transition: 1s; } #sh_corpomate_theme_transport_2 .service_content .service_content_text { width: 70%; text-align: left; padding: 10px 10px; } #sh_corpomate_theme_transport_2 .service_content .service_content_text p { color: #919191; font-size: 16px; } #sh_corpomate_theme_transport_2 .service_content .service_content_text h4, #sh_corpomate_theme_transport_2 .service_content .service_content_text .h4 { font-weight: 700; margin-bottom: 0; } #sh_corpomate_theme_transport_2 .service_content_1 .service_content_icon { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; width: 30%; align-items: center; flex-direction: row; } #sh_corpomate_theme_transport_2 .service_content_1 .service_content_icon svg { height: 45px; width: 45px; fill: #0075C2; transition: 1s; } #sh_corpomate_theme_transport_2 .service_content_1 .service_content_text { width: 70%; text-align: left; } #sh_corpomate_theme_transport_2 .service_content_1 .service_content_text p { font-size: 14px; margin-bottom: 5px; } #sh_corpomate_theme_transport_2 .service_content_1 .service_content_text h4, #sh_corpomate_theme_transport_2 .service_content_1 .service_content_text .h4 { font-weight: 700; margin-bottom: 0; font-size: 1.3rem; line-height: 25px; } #sh_corpomate_theme_transport_2 .service_content .border-right { border-right: 0px !important; } #sh_corpomate_theme_transport_2 .service_content:hover { background: #0075C2; color: #fff; border-radius: 10px; border: none; } #sh_corpomate_theme_transport_2 .service_content:hover svg { fill: #fff; } #sh_corpomate_theme_transport_2 .service_content:hover .service_content_text p { color: #fff; font-size: 16px; } #sh_corpomate_theme_transport_2 .service_content_1:hover { background: #0075C2; color: #fff; border-radius: 10px; border: none; padding: 25px 30px; } #sh_corpomate_theme_transport_2 .service_content_1:hover .service_content_icon svg { fill: #fff; } #sh_corpomate_theme_transport_2 .service_content_1:hover .service_content_text p { color: #fff; font-size: 16px; } #sh_corpomate_theme_transport_2 .main-content { width: 100%; padding: 0; margin: 100px 0 0 0; } #sh_corpomate_theme_transport_2 .sub-content .sub-content-text { font-weight: 600; width: 100%; color: #0075C2; padding: 0 20px; padding-left: 43px; position: relative; font-size: 15px; } #sh_corpomate_theme_transport_2 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; font-size: 14px; left: 0; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_2 .main-content h3, #sh_corpomate_theme_transport_2 .main-content .h3 { font-weight: 700; font-size: 1.7rem; margin-top: 20px; color: #0c2239; line-height: 1.41; letter-spacing: -.02em; } #sh_corpomate_theme_transport_2 .lorem-content { font-size: 16px; color: #333; margin: 135px 0 0 0; line-height: 30px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_transport_2 .third-row .remove_padding { padding-left: 0; } #sh_corpomate_theme_transport_2 .third-row .inspiration-card { padding: 15px; overflow: hidden; transition: 1s; background: #fff; border-radius: 10px; position: relative; text-align: left; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 50px 50px 36px; box-shadow: 0 3px 53px rgba(40, 40, 40, 0.05); } #sh_corpomate_theme_transport_2 .third-row .inspiration-card .insporation-card-sub-div { position: absolute; top: -5%; right: -15%; z-index: 0; opacity: .2; height: 200px; width: 130px; } #sh_corpomate_theme_transport_2 .third-row .inspiration-card .insporation-card-sub-div img { height: 100%; width: 100%; transition: 1s; opacity: 0; object-fit: contain; } #sh_corpomate_theme_transport_2 .third-row .inspiration-card:hover .insporation-card-sub-div img { opacity: 1; } #sh_corpomate_theme_transport_2 .third-row .inspiration-card .inspiration-card-icon img { height: 50px; width: 50px; } #sh_corpomate_theme_transport_2 .third-row .inspiration-card .inspiration-card-heading { border-bottom: 2px solid #e8e8e8; padding: 20px 0; width: 100%; transition: 1s; } #sh_corpomate_theme_transport_2 .third-row .inspiration-card .inspiration-card-heading h4, #sh_corpomate_theme_transport_2 .third-row .inspiration-card .inspiration-card-heading .h4 { font-weight: 700; transition: 1s; font-size: 1rem; line-height: 29px; padding-right: 45%; } #sh_corpomate_theme_transport_2 .third-row .inspiration-card .inspiration-card-text { color: #333; font-size: 16px; line-height: 28px; margin-top: 20px; padding: 10px 0; } #sh_corpomate_theme_transport_2 .third-row .inspiration-card .inspiration-card-btn { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; margin-top: 10px; justify-content: space-between; align-items: center; flex-direction: row; } #sh_corpomate_theme_transport_2 .third-row .inspiration-card .inspiration-card-btn .inspiration-card-btn-icon { width: 100%; vertical-align: middle; } #sh_corpomate_theme_transport_2 .third-row .inspiration-card .inspiration-card-btn .inspiration-card-btn-icon span { height: 25px; transition: 1s; width: 25px; text-align: center; line-height: 25px; color: #f0f8ff; font-size: 15px; border-radius: 30px; margin-top: 10px; background: #0075C2; } #sh_corpomate_theme_transport_2 .third-row .inspiration-card .inspiration-card-btn .inspiration-card-link { width: 80%; padding: 0 10px; vertical-align: middle; background: 0 0 !important; } #sh_corpomate_theme_transport_2 .third-row .inspiration-card .inspiration-card-btn .inspiration-card-link a { color: #212121; transition: 1s; font-weight: 600; } #sh_corpomate_theme_transport_2 .third-row .inspiration-card .inspiration-card-btn .inspiration-card-link a:hover { color: #0075C2; } #sh_corpomate_theme_transport_2 .unique-bg { position: relative; width: 100%; z-index: 1; } #sh_corpomate_theme_transport_2 .unique-bg .rotateme { -webkit-animation-name: rotateme; animation-name: rotateme; -webkit-animation-duration: 10s; animation-duration: 60s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @keyframes rotateme { from { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotateme { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } #sh_corpomate_theme_transport_2 .unique-bg-1 { content: ''; position: absolute; top: 10%; right: 21%; z-index: 0; opacity: 0; height: 250px; width: 250px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_20.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_2 .unique-bg-2 { content: ''; position: absolute; z-index: 0; top: 82%; left: 10%; height: 100px; width: 100px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_21.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } @media screen and (max-width: 1024px) { #sh_corpomate_theme_transport_2 .service_content_1 .service_content_text p { color: #919191; font-size: 16px; margin-bottom: 0; transition: 1s; } #sh_corpomate_theme_transport_2 .third-row .inspiration-card { padding: 50px 20px 36px; } } @media screen and (max-width: 991px) { #sh_corpomate_theme_transport_2 .service_content_1 { padding: 25px 10px; } #sh_corpomate_theme_transport_2 .service_content_1 .service_content_text p { font-size: 14px; } #sh_corpomate_theme_transport_2 .service_content_1 .service_content_icon { width: 22%; } #sh_corpomate_theme_transport_2 .service_content_1 .service_content_text h4, #sh_corpomate_theme_transport_2 .service_content_1 .service_content_text .h4 { font-size: .9rem; line-height: 20px; } } @media screen and (max-width: 790px) { #sh_corpomate_theme_transport_2 .third-row .inspiration-card .inspiration-card-text { color: #212121; font-size: 14px; line-height: 30px; margin-top: 20px; padding: 10px 0; } #sh_corpomate_theme_transport_2 .third-row .inspiration-card .inspiration-card-text { margin-top: 0; line-height: 25px; } #sh_corpomate_theme_transport_2 .third-row .inspiration-card .inspiration-card-heading h4, #sh_corpomate_theme_transport_2 .third-row .inspiration-card .inspiration-card-heading .h4 { margin-bottom: 0; line-height: 25px; } #sh_corpomate_theme_transport_2 .third-row .inspiration-card .inspiration-card-heading { padding: 10px 0; } } @media screen and (max-width: 767px) { #sh_corpomate_theme_transport_2 .service_content .service_content_text p { color: #919191; margin-bottom: 0; font-size: 16px; } #sh_corpomate_theme_transport_2 { width: 100%; padding: 20px 0 40px 0; background: #fff; position: relative; } #sh_corpomate_theme_transport_2 .remove_space { margin-left: 0; margin-right: 0; border-top: 0; border: 1px solid #f3f3f3; background: #fff; z-index: 3; position: unset; bottom: 93%; left: 0; border-radius: 10px; } #sh_corpomate_theme_transport_2 .main-content h3, #sh_corpomate_theme_transport_2 .main-content .h3 { font-weight: 700; font-size: 30px; margin-top: 20px; font-size: calc(1vw + 1.2rem); } #sh_corpomate_theme_transport_2 .main-content { width: 100%; padding: 0; margin: 10px 0 20px 0; } #sh_corpomate_theme_transport_2 .lorem-content { margin: 10px 0 20px 0; color: #212121; } #sh_corpomate_theme_transport_2 .service_content_1 .service_content_text p { font-size: 14px; margin-bottom: 0; transition: 1s; } #sh_corpomate_theme_transport_2 .unique-bg-1 { content: ''; position: absolute; top: 60%; right: 8%; z-index: 0; height: 250px; width: 250px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_20.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } } @media screen and (max-width: 576px) { #sh_corpomate_theme_transport_2 { overflow: hidden; } #sh_corpomate_theme_transport_2 .main-content h3, #sh_corpomate_theme_transport_2 .main-content .h3 { font-weight: 700; margin-top: 20px; font-size: 21px; } #sh_corpomate_theme_transport_2 .lorem-content { padding: 0; margin-bottom: 0; font-size: 16px; } #sh_corpomate_theme_transport_2 .service_content_1 .service_content_text h4, #sh_corpomate_theme_transport_2 .service_content_1 .service_content_text .h4 { margin-top: 5px; margin-bottom: 0; } #sh_corpomate_theme_transport_2 .third-row .inspiration-card { padding: 15px; transition: 1s; background: #fff; box-shadow: 3px 3px 5px #e8e8e8,-3px -3px 5px #e8e8e8; border-radius: 10px; text-align: left; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_transport_2 .main-content { margin: 10px 0 10px 0; } #sh_corpomate_theme_transport_2 .col-xl-6.col-lg-6.col-md-6.col-sm-12.col-12.mt-3 { margin-top: 0 !important; } #sh_corpomate_theme_transport_2 .lorem-content { line-height: 25px; font-size: 14px; } #sh_corpomate_theme_transport_2 .third-row .inspiration-card .inspiration-card-text { line-height: 25px; } #sh_corpomate_theme_transport_2 .third-row .inspiration-card .inspiration-card-heading { padding: 10px 0; } #sh_corpomate_theme_transport_2 .third-row .inspiration-card .inspiration-card-heading h4, #sh_corpomate_theme_transport_2 .third-row .inspiration-card .inspiration-card-heading .h4 { padding-right: 40%; margin-bottom: 0; } #sh_corpomate_theme_transport_2 .third-row .inspiration-card .inspiration-card-text { margin-top: 0; padding: 10px 0; font-size: 14px; } #sh_corpomate_theme_transport_2 .remove_space { margin-bottom: 20px; } #sh_corpomate_theme_transport_2 .row.mt-5.third-row { margin-top: 2rem !important; } } @media screen and (max-width: 360px) { #sh_corpomate_theme_transport_2 .main-content h3, #sh_corpomate_theme_transport_2 .main-content .h3 { font-weight: 700; margin-top: 30px; } #sh_corpomate_theme_transport_2 .lorem-content { font-size: 16px; color: #919191; } } #sh_corpomate_theme_transport_3 { width: 100%; padding: 50px 0; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_10.png"); background-position: bottom; } #sh_corpomate_theme_transport_3 .sh_inner { position: absolute; height: 70px; width: 150px; top: 25%; left: 5%; opacity: .3; background-size: contain; animation-name: ZoomToFade3; animation-duration: 4s; animation-iteration-count: infinite; } @keyframes ZoomToFade3 { 50% { transform: scale(1.2); } 100% { transform: scale(1); } } #sh_corpomate_theme_transport_3 .sh_inner img { height: 100%; width: 100%; } #sh_corpomate_theme_transport_3 .about-us-img { width: 100%; height: 100%; position: relative; overflow: hidden; border-radius: 10px; } #sh_corpomate_theme_transport_3 .about-us-img:hover img { transform: scale(1.3); filter: brightness(120%); } #sh_corpomate_theme_transport_3 .about-us-img img { height: 100%; overflow: hidden; width: 100%; position: relative; transition: 1s; object-fit: cover; border-radius: 10px; position: relative; } #sh_corpomate_theme_transport_3 .about-us-img .about-us-img-content { position: absolute; bottom: 0; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; left: 0; width: 100%; background: #252538; color: #fff; height: 10%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #sh_corpomate_theme_transport_3 .about-us-img .about-us-img-content h3, #sh_corpomate_theme_transport_3 .about-us-img .about-us-img-content .h3 { font-size: 23px; margin-bottom: 0; } #sh_corpomate_theme_transport_3 .about-us-content { width: 100%; padding: 20px 0; } #sh_corpomate_theme_transport_3 .sub-content .sub-content-text { font-weight: 700; width: 100%; color: #0075C2; padding: 0 20px; padding-left: 43px; position: relative; font-size: 15px; } #sh_corpomate_theme_transport_3 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 0; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_3 .about-us-content h3, #sh_corpomate_theme_transport_3 .about-us-content .h3 { font-weight: 700; font-size: 1.7rem; margin-top: 20px; color: #0c2239; line-height: 1.41; letter-spacing: -.02em; } #sh_corpomate_theme_transport_3 .about-us-content p { margin-top: 30px; } #sh_corpomate_theme_transport_3 .about-us-content .about-us-sub-content { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; margin-top: 30px; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; flex-direction: row; } #sh_corpomate_theme_transport_3 .about-us-content .about-us-sub-content-1 { width: 50%; text-align: left; } #sh_corpomate_theme_transport_3 .about-us-content .about-us-sub-content-1 img { height: 35px; width: 35px; } #sh_corpomate_theme_transport_3 .about-us-content .about-us-sub-content-1 .icon-details { padding: 0 10px; font-size: 19px; font-weight: 700; vertical-align: text-bottom; color: #000; } #sh_corpomate_theme_transport_3 .about-us-content .about-us-sub-content-1 p { margin-top: 20px; } #sh_corpomate_theme_transport_3 .about-us-content .about-us-content-button { width: 100%; margin-top: 10px; } #sh_corpomate_theme_transport_3 .about-us-content .about-us-content-button .service_button { color: #fff; background: #0075C2; transition: 1s; padding: 10px 25px; font-weight: 400; font-size: 16px; border: 0; margin-top: 30px; } #sh_corpomate_theme_transport_3 .about-us-content .about-us-content-button .about_button { color: #fff; background: #212121; transition: 1s; padding: 10px 40px; font-weight: 400; margin-left: 10px; font-size: 16px; border: 0; margin-top: 30px; } #sh_corpomate_theme_transport_3 .about-us-content .about-us-content-button .service_button:hover { color: #fff; background: #0c2239; padding: 10px 25px; font-weight: 400; font-size: 16px; border: 0; margin-top: 30px; } #sh_corpomate_theme_transport_3 .about-us-content .about-us-content-button .about_button:hover { color: #fff; background: #0c2239; padding: 10px 40px; font-weight: 400; margin-left: 10px; font-size: 16px; border: 0; margin-top: 30px; } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_transport_3 .about-us-content .about-us-sub-content-1 .icon-details { font-size: 17px; } #sh_corpomate_theme_transport_3 .sh_content_text { display: -webkit-box; display: -webkit-flex; display: flex; } #sh_corpomate_theme_transport_3 .about-us-content .about-us-sub-content-1 .icon-details { font-size: 16px; } } @media (max-width: 960px) { #sh_corpomate_theme_transport_3 { width: 100%; padding: 30px 0 40px 0; background: #f5f5f5; } #sh_corpomate_theme_transport_3 .about-us-img img { height: 100%; overflow: hidden; width: 100%; position: relative; transition: 1s; object-fit: cover; object-position: bottom; border-radius: 10px; position: relative; } #sh_corpomate_theme_transport_3 .sh_content_text { display: -webkit-box; display: -webkit-flex; display: flex; } #sh_corpomate_theme_transport_3 .about-us-content .about-us-sub-content-1 .icon-details { font-size: 16px; } } @media screen and (max-width: 790px) { #sh_corpomate_theme_transport_3 .about-us-content .about-us-sub-content-1 .icon-details { font-size: 15px; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_transport_3 .about-us-content .about-us-sub-content-1 .icon-details { font-size: 15px; } } @media (max-width: 767px) { #sh_corpomate_theme_transport_3 { width: 100%; padding: 20px 0 40px 0; background: #f5f5f5; } #sh_corpomate_theme_transport_3 .about-us-img { width: 100%; height: 100%; position: relative; border-radius: 10px; } #sh_corpomate_theme_transport_3 { width: 100%; padding: 20px 0 40px 0; background: #f5f5f5; } #sh_corpomate_theme_transport_3 .about-us-img .about-us-img-content h3, #sh_corpomate_theme_transport_3 .about-us-img .about-us-img-content .h3 { font-size: 18px; } #sh_corpomate_theme_transport_3 .about-us-img .about-us-img-content { position: absolute; bottom: 0; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; left: 0; width: 100%; background: #F6F6F6; color: azure; height: 15%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #sh_corpomate_theme_transport_3 .about-us-content h3, #sh_corpomate_theme_transport_3 .about-us-content .h3 { font-weight: 700; font-size: 30px; margin-top: 20px; } } @media (max-width: 576px) { #sh_corpomate_theme_transport_3 .sh_inner { display: none; } #sh_corpomate_theme_transport_3 .about-us-content h3, #sh_corpomate_theme_transport_3 .about-us-content .h3 { font-size: 21px; } #sh_corpomate_theme_transport_3 { overflow: hidden; } #sh_corpomate_theme_transport_3 .about-us-content { width: 100%; } #sh_corpomate_theme_transport_3 .about-us-img .about-us-img-content { position: absolute; bottom: 0; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; left: 0; width: 100%; background: #F6F6F6; color: azure; height: 15%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #sh_corpomate_theme_transport_3 .about-us-img .about-us-img-content h3, #sh_corpomate_theme_transport_3 .about-us-img .about-us-img-content .h3 { font-size: 18px; } #sh_corpomate_theme_transport_3 .about-us-content .about-us-sub-content { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; margin-top: 30px; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_transport_3 .about-us-content .about-us-sub-content-1 { width: 100%; text-align: left; margin-top: 10px; } #sh_corpomate_theme_transport_3 .about-us-content .about-us-content-button .about_button { color: #fff; background: #212121; padding: 10px 20px; font-weight: 400; margin-left: 10px; font-size: 15px; border: 0; margin-top: 20px; } #sh_corpomate_theme_transport_3 .about-us-content .about-us-content-button .service_button { color: #fff; background: #0075C2; padding: 10px 10px; font-weight: 400; font-size: 15px; border: 0; margin-top: 20px; } #sh_corpomate_theme_transport_3 .about-us-content .about-us-content-button .service_button:hover { color: #fff; background: #0c2239; padding: 10px 10px; font-weight: 400; font-size: 15px; border: 0; margin-top: 20px; } #sh_corpomate_theme_transport_3 .about-us-content .about-us-content-button .about_button:hover { color: #fff; background: #0c2239; padding: 10px 20px; font-weight: 400; margin-left: 10px; font-size: 15px; border: 0; margin-top: 20px; } #sh_corpomate_theme_transport_3 .about-us-content p { margin-top: 15px; line-height: 22px; font-size: 14px; } #sh_corpomate_theme_transport_3 .col-xl-6.col-lg-6.col-md-6.col-sm-12.col-12.mt-5 { margin-top: 1.5rem !important; } } #sh_corpomate_theme_transport_4 { width: 100%; padding: 80px 0; position: relative; justify-content: center; background-attachment: fixed !important; margin-top: 50px; overflow: hidden; } #sh_corpomate_theme_transport_4:before { content: ''; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: rgba(31, 31, 46, 0.9); } #sh_corpomate_theme_transport_4 .sub-div { width: 100%; height: 100%; top: 0; left: 0; } #sh_corpomate_theme_transport_4 .sub-div .sh_heading { vertical-align: middle; color: #0075C2; text-align: center; left: 51.5%; transform: translate(-50%, -50%); font-weight: 700; font-size: 15px !important; position: relative; } #sh_corpomate_theme_transport_4 .sub-div .sh_heading:before { content: ''; position: absolute; top: 10px; left: 41%; height: 3px; background: #0075C2; width: 2.5%; } #sh_corpomate_theme_transport_4 .sub-div h2, #sh_corpomate_theme_transport_4 .sub-div .h2 { font-size: 25px; font-weight: 700; } #sh_corpomate_theme_transport_4 .sub-div .our-features-details { padding: 30px 30px; text-align: left; border-radius: 10px; border: 1px solid #fff; } #sh_corpomate_theme_transport_4 .sub-div .our-features-details .our-features-details-icon img { height: 50px; width: 50px; } #sh_corpomate_theme_transport_4 .sub-div .our-features-details .our-features-details-heading { width: 100%; color: #fff; margin-top: 20px; font-size: 22px; font-weight: 700; } #sh_corpomate_theme_transport_4 .sub-div .our-features-details .our-features-details-heading p { color: #fff; margin-top: 30px; font-weight: 400; } #sh_corpomate_theme_transport_4 .sub-div .carousel-indicators { bottom: -50px; z-index: 5; } #sh_corpomate_theme_transport_4 .sub-div span.carousel-control-prev-icon:before { content: "\f053"; font-family: FontAwesome; z-index: 5; position: absolute; left: -45px; width: 50px; height: 50px; background: rgba(198, 196, 196, 0.2); border-radius: 50px; line-height: 50px; top: 50%; pointer-events: auto; } #sh_corpomate_theme_transport_4 .sub-div span.carousel-control-prev-icon { display: block !important; background: 0 0 !important; z-index: 5; } #sh_corpomate_theme_transport_4 .sub-div span.carousel-control-next-icon:before { content: "\f054"; font-family: FontAwesome; z-index: 5; position: absolute; right: -45px; width: 50px; height: 50px; border-radius: 50px; background: rgba(198, 196, 196, 0.2); line-height: 50px; top: 50%; pointer-events: auto; } #sh_corpomate_theme_transport_4 .sub-div span.carousel-control-next-icon { display: block !important; background: 0 0 !important; z-index: 5; } @media screen and (max-width: 1024px) { #sh_corpomate_theme_transport_4 .sub-div .sh_heading:before { content: ''; position: absolute; top: 8px; left: 39%; height: 3px; background: #0075C2; width: 2.5%; } } @media screen and (max-width: 800px) { #sh_corpomate_theme_transport_4 .sub-div .sh_heading:before { content: ''; position: absolute; top: 8px; left: 37%; height: 3px; background: #0075C2; width: 2.5%; } #sh_corpomate_theme_transport_4 .sub-div .our-features-details .our-features-details-heading p { line-height: 25px; } } @media screen and (max-width: 767px) { #sh_corpomate_theme_transport_4 .sub-div .our-features-details { width: 100%; padding: 30px 30px; text-align: left; border-radius: 10px; border: 2px solid #fff; } #sh_corpomate_theme_transport_4 { width: 100%; padding: 40px 0 60px 0; position: relative; justify-content: center; } #sh_corpomate_theme_transport_4 .sub-div .sh_heading:before { content: ''; position: absolute; top: 8px; left: 33%; height: 3px; background: #0075C2; width: 2.5%; } } @media screen and (max-width: 576px) { #sh_corpomate_theme_transport_4 { overflow: hidden; } #sh_corpomate_theme_transport_4 .sub-div .sh_heading:before { content: ''; position: absolute; top: 8px; left: 32%; height: 3px; background: #0075C2; width: 2.5%; } #sh_corpomate_theme_transport_4 .sub-div span.carousel-control-next-icon:before { content: "\f054"; font-family: FontAwesome; z-index: 5; position: absolute; right: 0; width: 50px; height: 50px; border-radius: 50px; z-index: 0; background: rgba(198, 196, 196, 0.2); opacity: 0; line-height: 50px; top: 50%; pointer-events: auto; } #sh_corpomate_theme_transport_4 .sub-div span.carousel-control-prev-icon:before { content: "\f053"; font-family: FontAwesome; z-index: 5; position: absolute; left: 0; width: 50px; height: 50px; background: rgba(198, 196, 196, 0.2); border-radius: 50px; line-height: 50px; top: 50%; opacity: 0; pointer-events: auto; } } @media screen and (max-width: 460px) { #sh_corpomate_theme_transport_4 .sub-div .sh_heading:before { content: ''; position: absolute; top: 8px; left: 30%; height: 3px; background: #0075C2; width: 2.5%; } } @media screen and (max-width: 430px) { #sh_corpomate_theme_transport_4 .sub-div .sh_heading:before { content: ''; position: absolute; top: 8px; left: 27%; height: 3px; background: #0075C2; width: 2.5%; } } @media screen and (max-width: 400px) { #sh_corpomate_theme_transport_4 .sub-div .sh_heading:before { content: ''; position: absolute; top: 8px; left: 26%; height: 3px; background: #0075C2; width: 2.5%; } } @media screen and (max-width: 360px) { #sh_corpomate_theme_transport_4 .sub-div .sh_heading:before { content: ''; position: absolute; top: 8px; left: 22%; height: 3px; background: #0075C2; width: 2.5%; } } #sh_corpomate_theme_transport_5 { width: 100%; padding: 50px 0; background: url(/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_19.png); overflow: hidden; } #sh_corpomate_theme_transport_5 .sub-content .sub-content-text { font-weight: 700; width: 100%; color: #0075C2; padding: 0 20px; padding-left: 43px; position: relative; font-size: 15px; } #sh_corpomate_theme_transport_5 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 0; background: #0075C2; width: 25px; height: 3px; font-size: 15px; } #sh_corpomate_theme_transport_5 .testimonial-details h3, #sh_corpomate_theme_transport_5 .testimonial-details .h3 { font-weight: 700; font-size: 1.7rem; line-height: 1.41; letter-spacing: -.02em; margin-top: 20px; } #sh_corpomate_theme_transport_5 .testimonial-details p { margin-top: 20px; } #sh_corpomate_theme_transport_5 .testimonial-details .testimonial-details-img { width: 100%; margin-top: 30px; height: auto; overflow: hidden; border-radius: 10px; position: relative; } #sh_corpomate_theme_transport_5 .testimonial-details .testimonial-details-img:hover img { transform: scale(1.3); filter: brightness(120%); } #sh_corpomate_theme_transport_5 .testimonial-details .testimonial-details-img img { height: 315px; border-radius: 10px; width: 100%; transition: 1s; object-fit: cover; object-position: center; position: relative; } #sh_corpomate_theme_transport_5 .testimonial-details .testimonial-details-img:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2; border-radius: 10px; background: rgba(0, 0, 0, 0.5); } #sh_corpomate_theme_transport_5 .testimonial-details .testimonial-details-img .testimonial-play-icon { height: 80px; width: 80px; position: absolute; top: 50%; z-index: 2; left: 50%; background: #0075C2; transform: translate(-50%, -50%); border-radius: 80px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } #sh_corpomate_theme_transport_5 .testimonial-details .testimonial-details-img .testimonial-play-icon:before { content: ""; transition: .3s; display: inline-block; position: absolute; top: -2px; left: -2px; bottom: -2px; right: -2px; border-radius: inherit; border: 1px solid #fff; -webkit-animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite; animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite; animation-duration: 2s; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: both; opacity: 0; animation-play-state: running; animation-name: btnIconRipple; transition: .3s; z-index: -1; } #sh_corpomate_theme_transport_5 .testimonial-details .testimonial-details-img:hover .testimonial-play-icon:before { opacity: 1; } @keyframes btnIconRipple { 0% { border-width: 4px; -webkit-transform: scale(1); transform: scale(1); } 80% { border-width: 1px; -webkit-transform: scale(1.35); transform: scale(1.35); } 100% { opacity: 0; } } @-webkit-keyframes btnIconRipple { 0% { border-width: 4px; -webkit-transform: scale(1); transform: scale(1); } 80% { border-width: 1px; -webkit-transform: scale(1.35); transform: scale(1.35); } 100% { opacity: 0; } } #sh_corpomate_theme_transport_5 .testimonial-details .testimonial-details-img .testimonial-play-icon a span { font-size: 40px; font-weight: 700; color: #fff; } #sh_corpomate_theme_transport_5 .unique-bg { position: relative; width: 100%; z-index: 1; } #sh_corpomate_theme_transport_5 .unique-bg .rotateme { -webkit-animation-name: rotateme; animation-name: rotateme; -webkit-animation-duration: 10s; animation-duration: 60s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @keyframes rotateme { from { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotateme { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } #sh_corpomate_theme_transport_5 .unique-bg-1 { content: ''; position: absolute; opacity: .5; top: 10%; right: 15%; z-index: 0; height: 250px; width: 250px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_20.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_5 .unique-bg-2 { content: ''; position: absolute; z-index: 0; top: 87%; left: 10%; height: 100px; width: 100px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_21.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content { width: 100%; padding: 20px 30px; border-radius: 10px; background: #fefefe; position: relative; margin-left: 20px; border-radius: 10px; transition: 1s; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content:hover { width: 100%; margin-left: 0; border-radius: 10px; transition: 1s; } #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content p { margin-top: 0; margin-bottom: 0; } #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content .testimonial-content-details { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 15px; } #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-img { width: 10%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: center; } #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-img img { height: 50px; width: 50px; border-radius: 100px; object-fit: cover; object-position: center; } #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-text { width: 90%; padding: 0 20px; vertical-align: middle; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-text .sub-content .sub-content-text { font-weight: 700; width: 100%; color: #0075C2; font-size: 13px; padding-left: 32px; position: relative; } #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-text .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 0; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-text p { font-size: 14px; margin-top: -5px; color: #000; margin-bottom: 0; font-weight: 700; } #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content .sub-icon { height: 50px; width: 50px; font-size: 20px; color: #fff; border-bottom-right-radius: 10px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; background: #0075C2; align-items: center; position: absolute; right: 0; bottom: 0; } #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content .sub-icon span { color: #fff; } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-img img { height: 40px; width: 40px; } } @media screen and (max-width: 960px) { #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-text { width: 90%; padding: 0 30px; vertical-align: middle; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-text .sub-content .sub-content-text { position: absolute; font-weight: 700; font-size: 10px; bottom: 13px; left: 100px; width: 100%; color: #0075C2; padding: 0 10px; } #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-text .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: -13px; background: #0075C2; width: 20px; height: 3px; } } @media screen and (max-width: 790px) { #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content p { line-height: 25px; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-text .sub-content .sub-content-text { position: absolute; font-weight: 700; font-size: 10px; bottom: 25px; left: 100px; width: 100%; color: #0075C2; padding: 0 10px; } #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-text p { margin-bottom: 13px; } } @media screen and (max-width: 767px) { #sh_corpomate_theme_transport_5 { width: 100%; padding: 20px 0 40px 0; background: #f4f4f4; } #sh_corpomate_theme_transport_5 .testimonial-details h3, #sh_corpomate_theme_transport_5 .testimonial-details .h3 { font-weight: 700; font-size: 30px; margin-top: 20px; } #sh_corpomate_theme_transport_5 .unique-bg-1 { content: ''; position: absolute; top: 60%; right: 8%; z-index: 0; height: 250px; width: 250px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_20.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content { padding: 10px 30px; background: #fefefe; position: relative; margin-left: 0; border-radius: 10px; } #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-text .sub-content .sub-content-text { position: absolute; font-weight: 700; font-size: 10px; bottom: 13px; left: 118px; width: 100%; color: #0075C2; } #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-text .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: -19px; background: #0075C2; width: 20px; height: 3px; } #sh_corpomate_theme_transport_5 .unique-bg-2 { content: ''; position: absolute; z-index: 0; top: 46%; left: 10%; height: 100px; width: 100px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_21.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } } @media screen and (max-width: 576px) { #sh_corpomate_theme_transport_5 { overflow: hidden; } #sh_corpomate_theme_transport_5 .testimonial-details h3, #sh_corpomate_theme_transport_5 .testimonial-details .h3 { font-size: 21px; } #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content p { line-height: 25px; font-size: 14px; } #sh_corpomate_theme_transport_5 .testimonial-details p { margin-top: 10px; line-height: 25px; font-size: 14px; } #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-text { width: 90%; padding: 0 30px; vertical-align: middle; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 450px) { #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-text .sub-content .sub-content-text { position: absolute; font-weight: 700; font-size: 10px; bottom: 18px; left: 110px; width: 100%; color: #0075C2; } } @media screen and (max-width: 400px) { #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-text { width: 90%; padding: 0 30px; vertical-align: middle; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_transport_5 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-text .sub-content .sub-content-text { position: absolute; font-weight: 700; font-size: 10px; bottom: 18px; left: 103px; width: 100%; color: #0075C2; } } #sh_corpomate_theme_transport_6 { width: 100%; padding: 50px 0; background: #fff; } #sh_corpomate_theme_transport_6 .our-team-details { width: 100%; padding: 20px 0; } #sh_corpomate_theme_transport_6 .sub-content .sub-content-text { font-weight: 600; width: 100%; color: #0075C2; padding: 0 20px; padding-left: 43px; position: relative; font-size: 15px; } #sh_corpomate_theme_transport_6 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 0; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_6 .our-team-details h3, #sh_corpomate_theme_transport_6 .our-team-details .h3 { font-weight: 700; font-size: 35px; margin-top: 20px; font-size: 1.7rem; line-height: 1.41; letter-spacing: -.02em; } #sh_corpomate_theme_transport_6 .our-team-details p { margin-top: 40px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_transport_6 .our-team-details-button .service_button { color: #fff; background: #0075C2; transition: 1s; padding: 10px 30px; font-weight: 400; font-size: 15px; border: 0; margin-top: 40px; } #sh_corpomate_theme_transport_6 .our-team-details-button .service_button:hover { color: #fff; background: #0c2239; padding: 10px 30px; font-weight: 400; font-size: 15px; border: 0; margin-top: 40px; } #sh_corpomate_theme_transport_6 .our-team { width: 100%; transform: translateY(-40px); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; text-align: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_transport_6 .our-team .our-team-img { height: 100%; width: 100%; } #sh_corpomate_theme_transport_6 .rotateme { -webkit-animation-name: rotateme; animation-name: rotateme; -webkit-animation-duration: 10s; animation-duration: 60s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @keyframes rotateme { from { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotateme { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } #sh_corpomate_theme_transport_6 .our-team .unique-bg-2 { content: ''; position: absolute; z-index: -1; top: 38%; left: 10%; height: 100px; width: 100px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_21.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_6 .our-team .our-team-img img { height: 200px; width: 200px; border-radius: 200px; object-fit: cover; object-position: center; z-index: 1; } #sh_corpomate_theme_transport_6 .our-team .our-team-img .layer { position: relative; height: 200px; width: 200px; border-radius: 200px; margin: 0 auto; } #sh_corpomate_theme_transport_6 .our-team .our-team-img:hover .layer:after { opacity: 1; } #sh_corpomate_theme_transport_6 .our-team .our-team-img .layer:after { height: 100%; width: 100%; transition: .3s; position: absolute; content: ''; z-index: 2; background: rgba(31, 31, 46, 0.7); left: 0; top: 0; border-radius: 50%; opacity: 0; transition: .3s; } #sh_corpomate_theme_transport_6 .our-team .our-team-img .our-team-icon { position: absolute; transition: 1s; top: 5%; right: 30%; z-index: 2; height: 50px; width: 50px; display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; color: #fff; background: #f55; font-size: 30px; border-radius: 50px; } #sh_corpomate_theme_transport_6 .our-team .our-team-img .our-team-icon a span { font-size: 20px; color: #fff; transition: 1s; } #sh_corpomate_theme_transport_6 .our-team .our-team-img .team-icon { position: absolute; left: -10px; right: 0; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; flex-direction: row; z-index: 3; top: 30%; transition: .3s; opacity: 0; } #sh_corpomate_theme_transport_6 .our-team .our-team-img .team-icon a { text-decoration: none; color: gray; margin-left: 10px; } #sh_corpomate_theme_transport_6 .our-team .our-team-img .team-icon a span { font-size: 15px; height: 30px; width: 30px; line-height: 30px; margin-left: 5px; border-radius: 30px; background: #fff; } #sh_corpomate_theme_transport_6 .our-team .our-team-img:hover .team-icon { opacity: 1; } #sh_corpomate_theme_transport_6 .our-team .our-team-img:hover .team-icon a { color: gray !important; transition: .3s; } #sh_corpomate_theme_transport_6 .our-team .our-team-img .team-icon a:hover span { color: #fff !important; background: #0075C2; } #sh_corpomate_theme_transport_6 .our-team .our-team-img .our-team-img-icon { position: absolute; transition: 1s; top: 5%; right: 15%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; z-index: 3; height: 50px; width: 50px; background: #0075C2; opacity: 0; border-radius: 50px; line-height: 50px; } #sh_corpomate_theme_transport_6 .our-team .our-team-img:hover .our-team-img-icon { opacity: 1; } #sh_corpomate_theme_transport_6 .our-team .our-team-img .our-team-img-icon a span { color: #fff; font-size: 20px; text-align: center; line-height: 60px; } #sh_corpomate_theme_transport_6 .our-team h4, #sh_corpomate_theme_transport_6 .our-team .h4 { text-align: center; margin-top: 20px; font-size: 19px; font-weight: 600; } #sh_corpomate_theme_transport_6 .our-team p { text-align: center; color: #0075C2; font-size: 14px; } #sh_corpomate_theme_transport_6 .sh_disable_hover_cls .layer:after { display: none; } #sh_corpomate_theme_transport_6 .our-team-1 { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; text-align: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; position: relative; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img { height: 100%; width: 100%; position: relative; z-index: 1; } #sh_corpomate_theme_transport_6 .our-team-1 .unique-bg-2 { content: ''; position: absolute; z-index: 0; top: 38%; left: 10%; height: 100px; width: 100px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_21.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img img { height: 200px; width: 200px; border-radius: 200px; object-fit: cover; object-position: center; z-index: 1; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img .layer { position: relative; height: 200px; width: 200px; border-radius: 200px; margin: 0 auto; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img:hover .layer:after { opacity: 1; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img .layer:after { height: 100%; width: 100%; transition: .3s; position: absolute; content: ''; z-index: 2; background: rgba(31, 31, 46, 0.7); left: 0; top: 0; border-radius: 50%; opacity: 0; transition: .3s; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img .our-team-icon { position: absolute; top: 5%; right: 30%; z-index: 2; height: 50px; width: 50px; display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; color: #fff; background: #f55; font-size: 30px; border-radius: 50px; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img .our-team-icon a span { font-size: 20px; color: #fff; transition: 1s; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img .team-icon { position: absolute; left: -10px; right: 0; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; flex-direction: row; z-index: 3; top: 45%; transition: .3s; opacity: 0; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img .team-icon a { text-decoration: none; color: gray; margin-left: 10px !important; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img .team-icon a span { font-size: 15px; height: 30px; width: 30px; line-height: 30px; margin-left: 5px; border-radius: 30px; background: #fff; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img:hover .team-icon { opacity: 1; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img:hover .team-icon a { color: gray !important; transition: .3s; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img .team-icon a:hover span { color: #fff !important; background: #0075C2; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img .our-team-img-icon { position: absolute; top: 5%; right: 15%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; z-index: 3; height: 50px; width: 50px; background: #0075C2; border-radius: 50px; opacity: 0; transition: 1s; line-height: 50px; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img:hover .our-team-img-icon { opacity: 1; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img .our-team-img-icon a span { color: #fff; font-size: 20px; text-align: center; line-height: 60px; } #sh_corpomate_theme_transport_6 .our-team-1 h4, #sh_corpomate_theme_transport_6 .our-team-1 .h4 { text-align: center; margin-top: 20px; font-size: 19px; font-weight: 600; } #sh_corpomate_theme_transport_6 .our-team-1 p { text-align: center; color: #0075C2; font-size: 14px; } @media screen and (max-width: 992px) { #sh_corpomate_theme_transport_6 .our-team .our-team-img img { height: 150px; width: 150px; border-radius: 150px; object-fit: cover; object-position: center; z-index: 1; } #sh_corpomate_theme_transport_6 .our-team .our-team-img .layer { position: relative; height: 150px; width: 150px; border-radius: 150px; margin: 0 auto; } #sh_corpomate_theme_transport_6 .our-team .our-team-img .team-icon a { text-decoration: none; color: gray; margin-left: 3px !important; } #sh_corpomate_theme_transport_6 .our-team .unique-bg-2 { content: ''; position: absolute; z-index: -1; top: 27%; left: 5%; height: 100px; width: 100px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_21.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_6 .our-team .our-team-img .team-icon { position: absolute; left: -10px; right: 0; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; flex-direction: row; z-index: 3; top: 25%; transition: .3s; opacity: 0; } #sh_corpomate_theme_transport_6 .our-team .our-team-img .our-team-icon { position: absolute; top: 5%; right: 9%; z-index: 2; height: 40px; width: 40px; display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; color: #fff; background: #f55; font-size: 30px; border-radius: 50px; } #sh_corpomate_theme_transport_6 .our-team .our-team-img .our-team-img-icon { position: absolute; top: 2%; right: 5%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; z-index: 3; height: 40px; width: 40px; background: #0075C2; border-radius: 50px; line-height: 50px; } #sh_corpomate_theme_transport_6 .our-team .our-team-img .our-team-icon a span { font-size: 28px; color: #fff; transition: 1s; } #sh_corpomate_theme_transport_6 .our-team-1 { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; text-align: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; margin: 0 20px; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img img { height: 150px; width: 150px; border-radius: 150px; object-fit: cover; object-position: center; z-index: 1; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img .layer { position: relative; height: 150px; width: 150px; border-radius: 150px; margin: 0 auto; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img .team-icon a { text-decoration: none; color: gray; margin-left: 3px !important; } #sh_corpomate_theme_transport_6 .our-team-1 .unique-bg-2 { content: ''; position: absolute; z-index: -1; top: 27%; left: 5%; height: 100px; width: 100px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_21.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img .team-icon { position: absolute; left: -10px; right: 0; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; flex-direction: row; z-index: 3; top: 40%; transition: .3s; opacity: 0; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img .our-team-icon { position: absolute; top: 5%; right: 8%; z-index: 2; height: 40px; width: 40px; display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; color: #fff; background: #f55; font-size: 30px; border-radius: 50px; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img .our-team-img-icon { position: absolute; top: 5%; right: -3%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; z-index: 3; height: 40px; width: 40px; background: #0075C2; border-radius: 50px; line-height: 50px; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img .our-team-icon a span { font-size: 28px; color: #fff; transition: 1s; } #sh_corpomate_theme_transport_6 .our-team-1 .unique-bg-2 { z-index: 0 !important; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_transport_6 .our-team-1 .unique-bg-2 { content: ''; position: absolute; z-index: 0; top: 27%; left: 16%; height: 100px; width: 100px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_21.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } } @media screen and (max-width: 767px) { #sh_corpomate_theme_transport_6 { width: 100%; padding: 20px 0 40px 0; background: #fff; } #sh_corpomate_theme_transport_6 .our-team { margin-top: 20px; margin-bottom: -50px !important; } #sh_corpomate_theme_transport_6 { width: 100%; padding: 20px 0 30px 0; background: #fff; } #sh_corpomate_theme_transport_6 .our-team-details h3, #sh_corpomate_theme_transport_6 .our-team-details .h3 { font-weight: 700; font-size: 30px; margin-top: 20px; } #sh_corpomate_theme_transport_6 .our-team .our-team-img img { height: 200px; width: 200px; border-radius: 200px; object-fit: cover; object-position: center; z-index: 1; } #sh_corpomate_theme_transport_6 .our-team .our-team-img .layer { position: relative; height: 200px; width: 200px; border-radius: 200px; margin: 0 auto; } #sh_corpomate_theme_transport_6 .our-team .our-team-img .team-icon a { text-decoration: none; color: gray; margin-left: 10px !important; } #sh_corpomate_theme_transport_6 .our-team .unique-bg-2 { content: ''; position: absolute; z-index: -1; top: 38%; left: 25%; height: 100px; width: 100px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_21.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_6 .our-team .our-team-img .team-icon { position: absolute; left: -10px; right: 0; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; flex-direction: row; z-index: 3; top: 33%; transition: .3s; opacity: 0; } #sh_corpomate_theme_transport_6 .our-team .our-team-img .our-team-img-icon { position: absolute; top: 3%; right: 32%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; z-index: 3; height: 50px; width: 50px; background: #0075C2; border-radius: 50px; line-height: 50px; } #sh_corpomate_theme_transport_6 .our-team .our-team-img .our-team-icon a span { font-size: 30px; color: #fff; transition: 1s; } #sh_corpomate_theme_transport_6 .our-team-1 { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; text-align: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; margin: 0 0; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img img { height: 200px; width: 200px; border-radius: 200px; object-fit: cover; object-position: center; z-index: 1; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img .layer { position: relative; height: 200px; width: 200px; border-radius: 200px; margin: 0 auto; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img .team-icon a { text-decoration: none; color: gray; margin-left: 10px !important; } #sh_corpomate_theme_transport_6 .our-team-1 .unique-bg-2 { content: ''; position: absolute; z-index: 0; top: 38%; left: 22%; height: 100px; width: 100px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_21.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img .team-icon { position: absolute; left: -10px; right: 0; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; flex-direction: row; z-index: 3; top: 45%; transition: .3s; opacity: 0; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img .our-team-img-icon { position: absolute; top: 3%; right: 32%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; z-index: 3; height: 50px; width: 50px; background: #0075C2; border-radius: 50px; line-height: 50px; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img .our-team-icon a span { font-size: 20px; color: #fff; transition: 1s; } } @media screen and (max-width: 576px) { #sh_corpomate_theme_transport_6 { overflow: hidden; } #sh_corpomate_theme_transport_6 .our-team-details p { line-height: 25px; margin-top: 20px; } #sh_corpomate_theme_transport_6 .our-team-details h3, #sh_corpomate_theme_transport_6 .our-team-details .h3 { font-size: 21px; } #sh_corpomate_theme_transport_6 .our-team-details-button .service_button { margin-top: 0; padding: 15px 30px; } #sh_corpomate_theme_transport_6 .our-team-details p { font-size: 14px; } } @media screen and (max-width: 400px) { #sh_corpomate_theme_transport_6 .our-team .our-team-img .our-team-img-icon { position: absolute; top: 3%; right: 21%; display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; z-index: 3; height: 50px; width: 50px; background: #0075C2; border-radius: 50px; line-height: 50px; } #sh_corpomate_theme_transport_6 .our-team-1 .our-team-img .our-team-img-icon { position: absolute; top: 3%; right: 21%; display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; z-index: 3; height: 50px; width: 50px; background: #0075C2; border-radius: 50px; line-height: 50px; } } #sh_corpomate_theme_transport_7 { width: 100%; padding: 50px 0 100px 0; position: relative; } #sh_corpomate_theme_transport_7::before { content: ''; position: absolute; background: rgba(31, 31, 46, 0.9); width: 100%; top: 0; left: 0; height: 100%; } #sh_corpomate_theme_transport_7 .counter-details { text-align: center; padding: 0; z-index: 2; color: #fff; } #sh_corpomate_theme_transport_7 .counter-details h5, #sh_corpomate_theme_transport_7 .counter-details .h5 { font-size: 25px; font-weight: 700; } #sh_corpomate_theme_transport_7 .counter-details p { font-size: 18px; margin-top: 20px; } #sh_corpomate_theme_transport_7 .counter-details .counter-border { width: 65%; margin: 0 auto; padding: 0 20px; position: relative; border-radius: 10px; border-bottom: 4px solid #fff; } #sh_corpomate_theme_transport_7 .counter-details .counter-border .sub-counter-border { position: absolute; top: 0; left: 0; width: 70%; height: 100%; border-bottom: 4px solid #0075C2; background: #0075C2; } @media screen and (max-width: 767px) { #sh_corpomate_theme_transport_7 { width: 100%; padding: 50px 0 80px 0; position: relative; } } @media screen and (max-width: 576px) { #sh_corpomate_theme_transport_7 { overflow: hidden; } } #sh_corpomate_theme_transport_8 { width: 100%; padding: 50px 0; } #sh_corpomate_theme_transport_8 .sub-content .sub-content-text { font-weight: 700; text-align: center; color: #0075C2; padding: 0 20px; padding-left: 43px; position: relative; font-size: 15px; } #sh_corpomate_theme_transport_8 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 43%; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_8 h4, #sh_corpomate_theme_transport_8 .h4 { font-size: 35px; font-weight: 700; margin-top: 15px; } #sh_corpomate_theme_transport_8 .unique-bg { position: relative; width: 100%; z-index: 1; } #sh_corpomate_theme_transport_8 .unique-bg .rotateme { -webkit-animation-name: rotateme; animation-name: rotateme; -webkit-animation-duration: 10s; animation-duration: 60s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @keyframes rotateme { from { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotateme { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } #sh_corpomate_theme_transport_8 .unique-bg-1 { content: ''; position: absolute; opacity: 0; top: 10%; right: 21%; z-index: 0; height: 250px; width: 250px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_20.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_8 .unique-bg-2 { content: ''; position: absolute; z-index: 0; top: 87%; left: 7%; height: 100px; width: 100px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_21.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_8 .our-project-details { border-radius: 10px; background: #fff; box-shadow: 0 5px 83px rgba(40, 40, 40, 0.12); } #sh_corpomate_theme_transport_8 .our-project-details .our-project-details-img { width: 100%; height: 250px; border-top-left-radius: 10px; border-top-right-radius: 10px; position: relative; overflow: hidden; } #sh_corpomate_theme_transport_8 .our-project-details .our-project-details-img:hover img { transform: scale(1.2); } #sh_corpomate_theme_transport_8 .our-project-details .our-project-details-img:before { content: ''; transition: 1s; position: absolute; top: 0; left: 0; height: 0%; background: rgba(31, 31, 46, 0.7); width: 100%; z-index: 2; } #sh_corpomate_theme_transport_8 .our-project-details .our-project-details-img:hover:before { height: 100%; } #sh_corpomate_theme_transport_8 .our-project-details .our-project-details-img img { width: 100%; height: 100%; object-fit: cover; transition: 1s; border-top-left-radius: 10px; border-top-right-radius: 10px; } #sh_corpomate_theme_transport_8 .our-project-details .our-projects-details-content { width: 100%; padding: 20px 20px; background: 0 0; } #sh_corpomate_theme_transport_8 .our-project-details .our-projects-details-content h5, #sh_corpomate_theme_transport_8 .our-project-details .our-projects-details-content .h5 { margin-top: 10px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-size: 1.1rem; } #sh_corpomate_theme_transport_8 .our-project-details .our-projects-details-content h6, #sh_corpomate_theme_transport_8 .our-project-details .our-projects-details-content .h6 { margin-top: 10px; font-size: 14px; color: #0075C2; } #sh_corpomate_theme_transport_8 .our-project-details .our-projects-details-content p { margin-top: 20px; } #sh_corpomate_theme_transport_8 .our-projects-details-btn .our-projects-details-btn-icon span { height: 25px; width: 25px; text-align: center; line-height: 25px; color: #fff; font-size: 15px; border-radius: 30px; margin-top: 10px; background: #0075C2; } #sh_corpomate_theme_transport_8 .our-projects-details-btn .our-projects-details-btn-icon .our-projects-details-link a { color: #212121; background: #fff; border: 0; padding-left: 5px; font-weight: 600; } #sh_corpomate_theme_transport_8 .our-projects-details-btn .our-projects-details-btn-icon .our-projects-details-link a:hover { color: #0075C2; } #sh_corpomate_theme_transport_8 .sh_disable_hover_cls .our-project-details .our-project-details-img:before { z-index: 0; } @media screen and (max-width: 1024px) { #sh_corpomate_theme_transport_8 .our-project-details .our-project-details-img { width: 100%; height: 200px; border-top-left-radius: 10px; border-top-right-radius: 10px; position: relative; overflow: hidden; } #sh_corpomate_theme_transport_8 .our-project-details .our-project-details-img img { width: 100%; height: 100%; transition: 1s; border-top-left-radius: 10px; border-top-right-radius: 10px; object-fit: fill; } #sh_corpomate_theme_transport_8 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 42.5%; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_8 .our-project-details .our-projects-details-content h5, #sh_corpomate_theme_transport_8 .our-project-details .our-projects-details-content .h5 { margin-top: 10px; font-size: 19px; } #sh_corpomate_theme_transport_8 .our-project-details .our-projects-details-content h6, #sh_corpomate_theme_transport_8 .our-project-details .our-projects-details-content .h6 { margin-top: 10px; font-size: 14px; } #sh_corpomate_theme_transport_8 .our-project-details .our-projects-details-content p { margin-top: 20px; font-size: 14px; line-height: 23px; color: #919191; } } @media screen and (max-width: 800px) { #sh_corpomate_theme_transport_8 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 40.5%; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_8 .our-project-details .our-projects-details-content h5, #sh_corpomate_theme_transport_8 .our-project-details .our-projects-details-content .h5 { margin-top: 10px; font-size: 19px; } #sh_corpomate_theme_transport_8 .our-project-details .our-projects-details-content h6, #sh_corpomate_theme_transport_8 .our-project-details .our-projects-details-content .h6 { margin-top: 10px; font-size: 14px; } #sh_corpomate_theme_transport_8 .our-project-details .our-projects-details-content p { margin-top: 20px; font-size: 14px; line-height: 30px; color: #919191; } } @media screen and (max-width: 767px) { #sh_corpomate_theme_transport_8 .our-projects-details-btn .our-projects-details-btn-icon span { height: 25px; width: 25px; text-align: center; line-height: 25px; color: #fff; font-size: 17px; border-radius: 30px; margin-top: 10px; background: #0075C2; } #sh_corpomate_theme_transport_8 { width: 100%; padding: 20px 0 40px 0; } #sh_corpomate_theme_transport_8 h4, #sh_corpomate_theme_transport_8 .h4 { font-size: 30px; font-weight: 700; margin-top: 15px; } #sh_corpomate_theme_transport_8 .our-project-details .our-projects-details-content h5, #sh_corpomate_theme_transport_8 .our-project-details .our-projects-details-content .h5 { margin-top: 10px; font-size: 15px; } #sh_corpomate_theme_transport_8 .unique-bg-1 { content: ''; position: absolute; opacity: .5; top: 60%; right: 8%; z-index: 0; height: 250px; width: 250px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_20.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_8 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 37%; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_8 .our-project-details .our-projects-details-content h5, #sh_corpomate_theme_transport_8 .our-project-details .our-projects-details-content .h5 { margin-top: 10px; font-size: 13px; } #sh_corpomate_theme_transport_8 .our-project-details .our-projects-details-content h6, #sh_corpomate_theme_transport_8 .our-project-details .our-projects-details-content .h6 { margin-top: 10px; font-size: 12px; } #sh_corpomate_theme_transport_8 .our-project-details .our-projects-details-content p { margin-top: 20px; font-size: 12px; line-height: 30px; color: #919191; } } @media screen and (max-width: 576px) { #sh_corpomate_theme_transport_8 { width: 100%; padding: 20px 0; background: #fff; overflow: hidden; } #sh_corpomate_theme_transport_8 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 36%; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_8 h4, #sh_corpomate_theme_transport_8 .h4 { font-size: 21px; } #sh_corpomate_theme_transport_8 .our-project-details .our-projects-details-content p { margin-top: 10px; line-height: 25px; } #sh_corpomate_theme_transport_8 .our-project-details .our-projects-details-content p { font-size: 14px; color: #212121; } } @media screen and (max-width: 450px) { #sh_corpomate_theme_transport_8 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 33%; background: #0075C2; width: 25px; height: 3px; } } @media screen and (max-width: 400px) { #sh_corpomate_theme_transport_8 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 30%; background: #0075C2; width: 25px; height: 3px; } } @media screen and (max-width: 360px) { #sh_corpomate_theme_transport_8 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 28%; background: #0075C2; width: 25px; height: 3px; } } @media screen and (max-width: 330px) { #sh_corpomate_theme_transport_8 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 25%; background: #0075C2; width: 25px; height: 3px; } } #sh_corpomate_theme_transport_9 { width: 100%; padding: 50px 0; background: #fff; } #sh_corpomate_theme_transport_9 .sub-content .sub-content-text { font-weight: 600; text-align: center; color: #0075C2; padding: 0 20px; padding-left: 43px; position: relative; font-size: 15px; } #sh_corpomate_theme_transport_9 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 43%; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_9 h4, #sh_corpomate_theme_transport_9 .h4 { font-size: 35px; font-weight: 700; margin-top: 15px; } #sh_corpomate_theme_transport_9 .our-pricing-details { border-radius: 10px; background: #fff; box-shadow: 0 5px 83px rgba(40, 40, 40, 0.12); text-align: center; padding: 20px; position: relative; } #sh_corpomate_theme_transport_9 .our-pricing-details h6, #sh_corpomate_theme_transport_9 .our-pricing-details .h6 { font-size: 20px; font-weight: 700; } #sh_corpomate_theme_transport_9 .our-pricing-details:hover .our-pricing-item { background: #0075C2; } #sh_corpomate_theme_transport_9 .our-pricing-details:hover .our-pricing-btn .about_button { background: #0075C2; } #sh_corpomate_theme_transport_9 .our-pricing-details .our-pricing-item { height: 150px; z-index: 1; transition: 1s; width: 150px; border-radius: 150px; margin: 10px auto; display: -webkit-box; display: -webkit-flex; display: flex; position: relative; font-weight: 700; justify-content: center; align-items: center; color: #fff; background: #212121; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_transport_9 .our-pricing-details .our-pricing-item .price span { font-size: 50px; font-weight: 700; vertical-align: revert; } #sh_corpomate_theme_transport_9 .our-pricing-details .our-pricing-item .price-label { text-align: center; margin-top: -15px !important; } #sh_corpomate_theme_transport_9 .rotateme { -webkit-animation-name: rotateme; animation-name: rotateme; -webkit-animation-duration: 10s; animation-duration: 60s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @keyframes rotateme { from { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotateme { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } #sh_corpomate_theme_transport_9 .our-pricing-details .unique-bg-2 { content: ''; position: absolute; z-index: 0; top: 26%; left: 23%; height: 100px; width: 100px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_21.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_9 .our-pricing-details p { margin-top: 10px; } #sh_corpomate_theme_transport_9 .our-pricing-details .our-pricing-btn .about_button { color: #fff; transition: 1s; background: #212121; padding: 10px 30px; font-weight: 700; margin-left: 0; font-size: 15px; border: 0; margin-top: 20px; } @media screen and (max-width: 1024px) { #sh_corpomate_theme_transport_9 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 40.5%; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_9 .our-pricing-details .our-pricing-item .price span { font-size: 45px; font-weight: 700; vertical-align: revert; } } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_transport_9 .our-pricing-details p { font-size: 13px; } } @media screen and (max-width: 790px) { #sh_corpomate_theme_transport_9 .our-pricing-details { padding: 15px; } #sh_corpomate_theme_transport_9 .our-pricing-details p { font-size: 12px; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_transport_9 .our-pricing-details .our-pricing-item { height: 130px; z-index: 1; transition: 1s; width: 130px; border-radius: 130px; margin: 10px auto; display: -webkit-box; display: -webkit-flex; display: flex; position: relative; font-weight: 700; justify-content: center; align-items: center; color: #fff; background: #212121; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_transport_9 { width: 100%; padding: 20px 0 40px 0; background: #fff; } #sh_corpomate_theme_transport_9 .our-pricing-details { border-radius: 10px; background: #fff; text-align: center; padding: 15px; } #sh_corpomate_theme_transport_9 h4, #sh_corpomate_theme_transport_9 .h4 { font-size: 30px; font-weight: 700; margin-top: 15px; } #sh_corpomate_theme_transport_9 .our-pricing-details .our-pricing-item .price span { font-size: 35px; font-weight: 700; vertical-align: revert; } #sh_corpomate_theme_transport_9 .unique-bg-1 { content: ''; position: absolute; top: 26%; right: 32%; z-index: 0; height: 250px; width: 250px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_20.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_9 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 37%; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_9 h4, #sh_corpomate_theme_transport_9 .h4 { font-size: 30px; font-weight: 700; margin-top: 15px; } #sh_corpomate_theme_transport_9 .our-pricing-details p { margin-top: 10px; color: #919191; font-size: 13px; } #sh_corpomate_theme_transport_9 .our-pricing-details .unique-bg-2 { content: ''; position: absolute; z-index: 0; top: 21%; left: 16%; height: 100px; width: 100px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_21.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_9 .our-pricing-details .our-pricing-item .price-label { text-align: center; font-size: 13px; margin-top: -8px !important; } #sh_corpomate_theme_transport_9 .our-pricing-details .our-pricing-btn .about_button { color: #fff; transition: 1s; background: #212121; padding: 10px 30px; font-weight: 700; margin-left: 0; font-size: 17px; border: 0; margin-top: 20px; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_transport_9 .our-pricing-details .unique-bg-2 { left: 30%; } } @media screen and (max-width: 576px) { #sh_corpomate_theme_transport_9 { width: 100%; padding: 20px 0; background: #fff; } #sh_corpomate_theme_transport_9 { overflow: hidden; } #sh_corpomate_theme_transport_9 .our-pricing-details .unique-bg-2 { left: 24%; } #sh_corpomate_theme_transport_9 .our-pricing-details p { color: #212121; font-size: 14px; } #sh_corpomate_theme_transport_9 .our-pricing-details p { margin-bottom: 0; } #sh_corpomate_theme_transport_9 .our-pricing-details .our-pricing-item .price-label { text-align: center; margin-top: -8px !important; } #sh_corpomate_theme_transport_9 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 36%; background: #0075C2; width: 25px; height: 3px; } } @media screen and (max-width: 450px) { #sh_corpomate_theme_transport_9 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 33%; background: #0075C2; width: 25px; height: 3px; } } @media screen and (max-width: 400px) { #sh_corpomate_theme_transport_9 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 30%; background: #0075C2; width: 25px; height: 3px; } } @media screen and (max-width: 360px) { #sh_corpomate_theme_transport_9 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 28%; background: #0075C2; width: 25px; height: 3px; } } @media screen and (max-width: 330px) { #sh_corpomate_theme_transport_9 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 25%; background: #0075C2; width: 25px; height: 3px; } } #sh_corpomate_theme_transport_11 { width: 100%; padding: 40px 0 40px 0; } #sh_corpomate_theme_transport_11 .container, #sh_corpomate_theme_transport_11 .o_container_small { width: 100% !important; } #sh_corpomate_theme_transport_11 .owl-nav { display: none !important; } #sh_corpomate_theme_transport_11 .owl-carousel.owl-drag .owl-item img { object-fit: contain; height: 100px; } @media screen and (max-width: 991px) { #sh_corpomate_theme_transport_11 .owl-carousel.owl-drag .owl-item img { margin: 0px auto !important; } #sh_corpomate_theme_transport_11 .owl-dots { display: none; } } @media screen and (max-width: 576px) { #sh_corpomate_theme_transport_11 .owl-nav { display: none; } #sh_corpomate_theme_transport_11 { width: 100%; padding: 20px 0 40px 0; background: #f3f3f3; } #sh_corpomate_theme_transport_11 .owl-carousel.owl-drag .owl-item img { height: 150px; } } #sh_corpomate_theme_transport_12 { width: 100%; height: 500px; text-align: center; } #sh_corpomate_theme_transport_12 img { width: 100%; object-fit: cover; height: 500px; position: relative; z-index: 0; } #sh_corpomate_theme_transport_12 .sh_banner:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: rgba(0, 0, 0, 0.3); } #sh_corpomate_theme_transport_12 .sh_banner_content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: -webkit-box; display: -webkit-flex; display: flex; flex-flow: column; justify-content: center; align-items: center; height: 100%; width: 100%; z-index: 3; } #sh_corpomate_theme_transport_12 .sh_banner_content ul { display: -webkit-box; display: -webkit-flex; display: flex; color: #fff; list-style-type: square; margin-bottom: 0; float: left; } #sh_corpomate_theme_transport_12 .sh_banner_content ul li:first-child { list-style-type: none; margin-left: 0; } #sh_corpomate_theme_transport_12 .sh_banner_content ul li { margin-left: 35px; font-size: 25px; } #sh_corpomate_theme_transport_12 .sh_banner_content ul li a { color: #fff; transition: 1s; } #sh_corpomate_theme_transport_12 .sh_banner_content ul li:hover a { color: #0075C2; } #sh_corpomate_theme_transport_12 .sh_banner_content ul li a .active { color: #0075C2; } #sh_corpomate_theme_transport_12 .sh_banner_content .shape img { height: 15px; width: 90%; object-fit: contain; text-align: center; margin-top: 10px; } #sh_corpomate_theme_transport_12 .sh_banner_content h1, #sh_corpomate_theme_transport_12 .sh_banner_content .h1 { font-size: 40px; color: #fff; font-weight: 900; margin-top: 10px; } #sh_corpomate_theme_transport_12.sh_disable_hover_cls img { z-index: 5; } @media (max-width: 768px) { #sh_corpomate_theme_transport_12 .sh_banner_content h1, #sh_corpomate_theme_transport_12 .sh_banner_content .h1 { font-size: 40px; color: #fff; font-weight: 900; margin-top: 10px; } #sh_corpomate_theme_transport_12 { width: 100%; height: 400px; text-align: center; } #sh_corpomate_theme_transport_12 img { width: 100%; object-fit: cover; height: 400px; position: relative; z-index: 0; } } @media (max-width: 576px) { #sh_corpomate_theme_transport_12 img { width: 100%; object-fit: cover; height: 400px; position: relative; z-index: 0; } #sh_corpomate_theme_transport_12 { width: 100%; height: 400px; text-align: center; } #sh_corpomate_theme_transport_12 .sh_banner_content h1, #sh_corpomate_theme_transport_12 .sh_banner_content .h1 { font-size: 35px; color: #fff; font-weight: 900; margin-top: 10px; } #sh_corpomate_theme_transport_12 img { height: 400px; object-fit: cover; } } @media only screen and (max-width: 767.98px) { #sh_corpomate_theme_transport_12 .sh_banner_content ul li:first-child { margin-left: 0; } } #sh_corpomate_theme_transport_13 { width: 100%; padding: 50px 0; background: #f5f5f5; } #sh_corpomate_theme_transport_13 .about-us-img { height: 550px; position: relative; overflow: hidden; border-radius: 10px; } #sh_corpomate_theme_transport_13 .about-us-img:hover img { transform: scale(1.3); filter: brightness(130%); } #sh_corpomate_theme_transport_13 .about-us-img .about-us-img-sub-content { position: absolute; top: 3%; left: 2%; z-index: 3; height: 100px; width: 150px; border-radius: 10px; background: #0075C2; color: #fff; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_transport_13 .about-us-img .about-us-img-sub-content p { margin-bottom: 0; color: #fff; } #sh_corpomate_theme_transport_13 .about-us-img .about-us-img-sub-content h3, #sh_corpomate_theme_transport_13 .about-us-img .about-us-img-sub-content .h3 { font-size: 35px; font-weight: 700; } #sh_corpomate_theme_transport_13 .about-us-img img { height: 100%; overflow: hidden; width: 100%; position: relative; object-fit: unset; border-radius: 10px; transition: 1s; position: relative; object-fit: cover; } #sh_corpomate_theme_transport_13 .about-us-img .about-us-img-content { position: absolute; bottom: 0; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; left: 0; width: 100%; background: #F6F6F6; color: azure; height: 10%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #sh_corpomate_theme_transport_13 .about-us-img .about-us-img-content h3, #sh_corpomate_theme_transport_13 .about-us-img .about-us-img-content .h3 { font-size: 25px; margin: 0; } #sh_corpomate_theme_transport_13 .about-us-content { width: 100%; } #sh_corpomate_theme_transport_13 .sub-content .sub-content-text { font-weight: 700; width: 100%; color: #0075C2; padding: 0 20px; padding-left: 43px; position: relative; font-size: 15px; } #sh_corpomate_theme_transport_13 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 50%; left: 0; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_13 .about-us-content h3, #sh_corpomate_theme_transport_13 .about-us-content .h3 { font-weight: 700; font-size: 1.7rem; margin-top: 20px; } #sh_corpomate_theme_transport_13 .about-us-content p { margin-top: 20px; } #sh_corpomate_theme_transport_13 .about-us-content .about-us-sub-content { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; margin-top: 50px; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; flex-direction: row; } #sh_corpomate_theme_transport_13 .about-us-content .about-us-sub-content-1 { width: 50%; text-align: left; } #sh_corpomate_theme_transport_13 .about-us-content .about-us-sub-content-1 img { height: 35px; width: 35px; } #sh_corpomate_theme_transport_13 .about-us-content .about-us-sub-content-1 .icon-details { padding: 0 10px; font-size: 19px; font-weight: 700; vertical-align: text-bottom; color: #000; } #sh_corpomate_theme_transport_13 .about-us-content .about-us-sub-content-1 p { margin-top: 20px; } #sh_corpomate_theme_transport_13 .about-us-content .about-us-content-button { width: 100%; margin-top: 20px; } #sh_corpomate_theme_transport_13 .about-us-content .about-us-content-button .service_button { color: #fff; background: #0075C2; padding: 10px 25px; font-weight: 400; font-size: 18px; border: 0; margin-top: 30px; transition: 1s; } #sh_corpomate_theme_transport_13 .about-us-content .about-us-content-button .about_button { color: #fff; background: #212121; padding: 10px 40px; font-weight: 400; margin-left: 10px; font-size: 18px; border: 0; margin-top: 30px; transition: 1s; } #sh_corpomate_theme_transport_13 .about-us-content .about-us-content-button .service_button:hover { color: #fff; background: #0c2239; padding: 10px 25px; font-weight: 400; font-size: 18px; border: 0; margin-top: 30px; } #sh_corpomate_theme_transport_13 .about-us-content .about-us-content-button .about_button:hover { color: #fff; background: #0c2239; padding: 10px 40px; font-weight: 400; margin-left: 10px; font-size: 18px; border: 0; margin-top: 30px; } @media (max-width: 1024px) { #sh_corpomate_theme_transport_13 .about-us-img { height: 650px; position: relative; border-radius: 10px; } #sh_corpomate_theme_transport_13 .about-us-img img { height: 100%; overflow: hidden; width: 100%; position: relative; object-fit: cover; object-position: right; border-radius: 10px; transition: 1s; position: relative; } } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_transport_13 .about-us-content .about-us-sub-content-1 .icon-details { font-size: 16px; } #sh_corpomate_theme_transport_13 .sh_content_text { display: -webkit-box; display: -webkit-flex; display: flex; } #sh_corpomate_theme_transport_13 .about-us-content .about-us-sub-content-1 .icon-details { font-size: 16px; } } @media (max-width: 960px) { #sh_corpomate_theme_transport_13 { width: 100%; padding: 30px 0; background: #f5f5f5; } #sh_corpomate_theme_transport_13 .about-us-content .about-us-sub-content-1 .icon-details { font-size: 16px; } #sh_corpomate_theme_transport_13 .sh_content_text { display: -webkit-box; display: -webkit-flex; display: flex; } } @media (max-width: 800px) { #sh_corpomate_theme_transport_13 .about-us-content .about-us-sub-content { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; margin-top: 0; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; flex-direction: row; } #sh_corpomate_theme_transport_13 .about-us-content .about-us-content-button { width: 100%; margin-top: 10px; } #sh_corpomate_theme_transport_13 .about-us-content .about-us-sub-content-1 .icon-details { font-size: 15px; } } @media (max-width: 767px) { #sh_corpomate_theme_transport_13 .about-us-img { height: 500px; position: relative; border-radius: 10px; } #sh_corpomate_theme_transport_13 { width: 100%; padding: 20px 0; background: #f5f5f5; } #sh_corpomate_theme_transport_13 .about-us-img .about-us-img-content h3, #sh_corpomate_theme_transport_13 .about-us-img .about-us-img-content .h3 { font-size: 18px; } #sh_corpomate_theme_transport_13 .about-us-img .about-us-img-content { position: absolute; bottom: 0; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; left: 0; width: 100%; background: #F6F6F6; color: azure; height: 15%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #sh_corpomate_theme_transport_13 .about-us-content h3, #sh_corpomate_theme_transport_13 .about-us-content .h3 { font-weight: 700; font-size: 30px; margin-top: 20px; } } @media (max-width: 576px) { #sh_corpomate_theme_transport_13 { width: 100%; padding: 0 0 20px 0; background: #f5f5f5; } #sh_corpomate_theme_transport_13 .about-us-content h3, #sh_corpomate_theme_transport_13 .about-us-content .h3 { font-size: 21px; } #sh_corpomate_theme_transport_13 .about-us-img { height: 450px; position: relative; border-radius: 10px; } #sh_corpomate_theme_transport_13 .about-us-img .about-us-img-content { position: absolute; bottom: 0; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; left: 0; width: 100%; background: #F6F6F6; color: azure; height: 15%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #sh_corpomate_theme_transport_13 .about-us-img .about-us-img-content h3, #sh_corpomate_theme_transport_13 .about-us-img .about-us-img-content .h3 { font-size: 18px; } #sh_corpomate_theme_transport_13 .about-us-content .about-us-sub-content { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; margin-top: 30px; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_transport_13 .about-us-content .about-us-sub-content-1 { width: 100%; text-align: left; margin-top: 10px; } #sh_corpomate_theme_transport_13 .about-us-content .about-us-content-button { width: 100%; margin-top: 10px; } #sh_corpomate_theme_transport_13 .about-us-content .about-us-content-button .about_button { color: #fff; background: #212121; padding: 10px 20px; font-weight: 400; margin-left: 10px; font-size: 15px; border: 0; margin-top: 20px; } #sh_corpomate_theme_transport_13 .about-us-content .about-us-content-button .service_button { color: #fff; background: #0075C2; padding: 10px 10px; font-weight: 400; font-size: 15px; border: 0; margin-top: 20px; } #sh_corpomate_theme_transport_13 .about-us-content .about-us-content-button .service_button:hover { color: #fff; background: #0c2239; padding: 10px 10px; font-weight: 400; font-size: 15px; border: 0; margin-top: 20px; } #sh_corpomate_theme_transport_13 .about-us-content .about-us-content-button .about_button:hover { color: #fff; background: #0c2239; padding: 10px 20px; font-weight: 400; margin-left: 10px; font-size: 15px; border: 0; margin-top: 20px; } #sh_corpomate_theme_transport_13 .about-us-content p { line-height: 25px; font-size: 14px; } } @media (max-width: 360px) { #sh_corpomate_theme_transport_13 { width: 100%; padding: 0 0 40px 0; background: #f5f5f5; } #sh_corpomate_theme_transport_13 .about-us-img { height: 450px; position: relative; border-radius: 10px; } #sh_corpomate_theme_transport_13 .about-us-img .about-us-img-content { position: absolute; bottom: 0; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; left: 0; width: 100%; background: #F6F6F6; color: azure; height: 15%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #sh_corpomate_theme_transport_13 .about-us-img .about-us-img-content h3, #sh_corpomate_theme_transport_13 .about-us-img .about-us-img-content .h3 { font-size: 18px; } #sh_corpomate_theme_transport_13 .about-us-content h3, #sh_corpomate_theme_transport_13 .about-us-content .h3 { font-size: 24px; } #sh_corpomate_theme_transport_13 .about-us-content .about-us-content-button { width: 100%; margin-top: 0; } #sh_corpomate_theme_transport_13 .about-us-content .about-us-sub-content { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; margin-top: 30px; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_transport_13 .about-us-content .about-us-sub-content-1 { width: 100%; text-align: left; margin-top: 10px; } } #sh_corpomate_theme_transport_14 { width: 100%; padding: 50px 0; background: #fff; position: relative; } #sh_corpomate_theme_transport_14 .main-row { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; } #sh_corpomate_theme_transport_14 .sh_sec_heading { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: inherit; } #sh_corpomate_theme_transport_14 .sh_sec_heading h3, #sh_corpomate_theme_transport_14 .sh_sec_heading .h3 { margin-top: 20px; font-weight: 700; font-size: 1.7rem; } #sh_corpomate_theme_transport_14 .sub-content .sub-content-text { font-weight: 400; width: 100%; color: #0075C2; padding: 0 20px; padding-left: 43px; position: relative; font-size: 15px; font-weight: 600; } #sh_corpomate_theme_transport_14 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 50%; left: 0; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_14 .sh_sec_heading .about-us-button { float: right; } #sh_corpomate_theme_transport_14 .sh_sec_heading .about-us-button .service_button { color: #fff; background: #0075C2; padding: 10px 25px; font-weight: 700; font-size: 18px; border: 0; margin-top: 30px; transition: 1s; } #sh_corpomate_theme_transport_14 .sh_sec_heading .about-us-button .service_button:hover { color: #fff; background: #0c2239; padding: 10px 25px; font-weight: 700; font-size: 18px; border: 0; margin-top: 30px; } #sh_corpomate_theme_transport_14 .third-row .inspiration-card { padding: 15px; overflow: hidden; transition: 1s; background: #fff; box-shadow: 3px 3px 5px #e8e8e8,-3px -3px 5px #e8e8e8; border-radius: 10px; position: relative; text-align: left; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 36px; box-shadow: 0 3px 53px rgba(40, 40, 40, 0.05); } #sh_corpomate_theme_transport_14 .third-row .inspiration-card .insporation-card-sub-div { position: absolute; top: -5%; right: -20%; z-index: 0; opacity: .2; height: 130px; width: 130px; } #sh_corpomate_theme_transport_14 .third-row .inspiration-card .insporation-card-sub-div img { height: 100%; width: 100%; transition: 1s; opacity: 0; object-fit: cover; } #sh_corpomate_theme_transport_14 .third-row .inspiration-card:hover .insporation-card-sub-div img { opacity: 1; } #sh_corpomate_theme_transport_14 .third-row .inspiration-card .inspiration-card-icon img { height: 50px; width: 50px; } #sh_corpomate_theme_transport_14 .third-row .inspiration-card .inspiration-card-heading { border-bottom: 2px solid #e8e8e8; padding: 20px 0; width: 100%; transition: 1s; padding-right: 45%; } #sh_corpomate_theme_transport_14 .third-row .inspiration-card .inspiration-card-heading h4, #sh_corpomate_theme_transport_14 .third-row .inspiration-card .inspiration-card-heading .h4 { font-weight: 700; transition: 1s; font-size: 1rem; line-height: 29px; } #sh_corpomate_theme_transport_14 .third-row .inspiration-card .inspiration-card-text { font-size: 16px; line-height: 28px; margin-top: 20px; padding: 10px 0; } #sh_corpomate_theme_transport_14 .third-row .inspiration-card .inspiration-card-btn { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; margin-top: 10px; justify-content: space-between; align-items: center; flex-direction: row; } #sh_corpomate_theme_transport_14 .third-row .inspiration-card .inspiration-card-btn .inspiration-card-btn-icon { width: 100%; vertical-align: middle; } #sh_corpomate_theme_transport_14 .third-row .inspiration-card .inspiration-card-btn .inspiration-card-btn-icon span { height: 25px; transition: 1s; width: 25px; text-align: center; line-height: 25px; color: #f0f8ff; font-size: 15px; border-radius: 30px; margin-top: 10px; background: #0075C2; } #sh_corpomate_theme_transport_14 .third-row .inspiration-card .inspiration-card-btn .inspiration-card-link { width: 80%; padding: 0 10px; vertical-align: middle; background: 0 0 !important; } #sh_corpomate_theme_transport_14 .third-row .inspiration-card .inspiration-card-btn .inspiration-card-link a { color: #212121; transition: 1s; font-weight: 600; } #sh_corpomate_theme_transport_14 .third-row .inspiration-card .inspiration-card-btn .inspiration-card-link a:hover { color: #0075C2; } #sh_corpomate_theme_transport_14 .unique-bg { position: relative; width: 100%; z-index: 1; } #sh_corpomate_theme_transport_14 .unique-bg .rotateme { -webkit-animation-name: rotateme; animation-name: rotateme; -webkit-animation-duration: 10s; animation-duration: 60s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @keyframes rotateme { from { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotateme { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } #sh_corpomate_theme_transport_14 .unique-bg-1 { content: ''; position: absolute; opacity: 0; top: 10%; right: 21%; z-index: 0; height: 250px; width: 250px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_20.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_14 .unique-bg-2 { content: ''; position: absolute; z-index: 0; top: 82%; left: 10%; height: 100px; width: 100px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_21.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } @media screen and (max-width: 790px) { #sh_corpomate_theme_transport_14 .third-row .inspiration-card .inspiration-card-heading { padding: 10px 0; } #sh_corpomate_theme_transport_14 .third-row .inspiration-card .inspiration-card-heading h4, #sh_corpomate_theme_transport_14 .third-row .inspiration-card .inspiration-card-heading .h4 { margin-bottom: 0; line-height: 25px; } #sh_corpomate_theme_transport_14 .third-row .inspiration-card .inspiration-card-text { margin-top: 0; } } @media screen and (max-width: 767px) { #sh_corpomate_theme_transport_14 .third-row .inspiration-card { padding: 15px; width: 100%; overflow: hidden; transition: 1s; background: #fff; box-shadow: 3px 3px 5px #e8e8e8,-3px -3px 5px #e8e8e8; border-radius: 10px; position: relative; text-align: left; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_transport_14 .remove_space { margin-left: 0; margin-right: 0; border-top: 0; border: 1px solid #f3f3f3; background: #fff; z-index: 3; position: unset; bottom: 93%; left: 0; border-radius: 10px; } #sh_corpomate_theme_transport_14 .main-content h3, #sh_corpomate_theme_transport_14 .main-content .h3 { font-weight: 700; font-size: 30px; margin-top: 20px; } #sh_corpomate_theme_transport_14 .sh_sec_heading h3, #sh_corpomate_theme_transport_14 .sh_sec_heading .h3 { margin-top: 10px; font-weight: 700; font-size: 30px; } #sh_corpomate_theme_transport_14 .sh_sec_heading { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: inherit; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_transport_14 .unique-bg-1 { content: ''; position: absolute; top: 60%; right: 8%; z-index: 0; height: 250px; width: 250px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_20.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } } @media screen and (max-width: 576px) { #sh_corpomate_theme_transport_14 .sh_sec_heading .about-us-button .service_button { color: #fff; background: #0075C2; padding: 10px 12px; font-weight: 400; font-size: 15px; border: 0; margin-top: 10px; } #sh_corpomate_theme_transport_14 .sh_sec_heading .about-us-button .service_button:hover { color: #fff; background: #0c2239; padding: 10px 12px; font-weight: 400; font-size: 15px; border: 0; margin-top: 10px; } #sh_corpomate_theme_transport_14 { width: 100%; padding: 0; background: #fff; position: relative; } #sh_corpomate_theme_transport_14 .main-content h3, #sh_corpomate_theme_transport_14 .main-content .h3 { font-weight: 700; font-size: 30px; margin-top: 20px; } #sh_corpomate_theme_transport_14 .sh_sec_heading h3, #sh_corpomate_theme_transport_14 .sh_sec_heading .h3 { font-size: 21px; } #sh_corpomate_theme_transport_14 .third-row .inspiration-card .inspiration-card-heading h4, #sh_corpomate_theme_transport_14 .third-row .inspiration-card .inspiration-card-heading .h4 { margin-bottom: 0; } #sh_corpomate_theme_transport_14 .third-row .inspiration-card .inspiration-card-text { margin-top: 0; font-size: 14px; } #sh_corpomate_theme_transport_14 .third-row .inspiration-card .inspiration-card-heading { padding-right: 40%; } #sh_corpomate_theme_transport_14 .third-row .inspiration-card .inspiration-card-heading { padding: 10px 0; } #sh_corpomate_theme_transport_14 .third-row .inspiration-card { padding: 15px; transition: 1s; background: #fff; box-shadow: 3px 3px 5px #e8e8e8,-3px -3px 5px #e8e8e8; border-radius: 10px; text-align: left; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 360px) { #sh_corpomate_theme_transport_14 .sh_sec_heading h3, #sh_corpomate_theme_transport_14 .sh_sec_heading .h3 { font-size: 24px; } #sh_corpomate_theme_transport_14 .main-content h3, #sh_corpomate_theme_transport_14 .main-content .h3 { font-weight: 700; font-size: 24px; margin-top: 30px; } } #sh_corpomate_theme_transport_15 { width: 100%; padding: 50px 0; background: #fff; } #sh_corpomate_theme_transport_15 .sub-content .sub-content-text { font-weight: 400; text-align: center; color: #0075C2; padding: 0 20px; padding-left: 43px; position: relative; font-size: 15px; font-weight: 600; } #sh_corpomate_theme_transport_15 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 41%; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_15 h4, #sh_corpomate_theme_transport_15 .h4 { font-size: 1.7rem; font-weight: 700; margin-top: 15px; } #sh_corpomate_theme_transport_15 .col-xl-3 { position: relative; } #sh_corpomate_theme_transport_15 .our-team .our-team-img img { height: 200px; width: 200px; border-radius: 200px; object-fit: cover; object-position: center; z-index: 1; } #sh_corpomate_theme_transport_15 .our-team .our-team-img .layer { position: relative; height: 200px; width: 200px; border-radius: 200px; margin: 0 auto; } #sh_corpomate_theme_transport_15 .our-team .our-team-img .layer:hover:after { opacity: 1; } #sh_corpomate_theme_transport_15 .our-team .our-team-img .layer:after { height: 100%; transition: 1s; width: 100%; transition: .3s; position: absolute; content: ''; z-index: 2; background: rgba(0, 0, 0, 0.5); left: 0; top: 0; border-radius: 50%; opacity: 0; transition: .3s; } #sh_corpomate_theme_transport_15 .our-team .our-team-img:hover .layer:after { opacity: 1; } #sh_corpomate_theme_transport_15 .our-team .our-team-img .our-team-icon { position: absolute; top: 5%; right: 30%; z-index: 2; height: 50px; width: 50px; display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; color: #fff; background: #f55; font-size: 30px; border-radius: 50px; } #sh_corpomate_theme_transport_15 .our-team .our-team-img .our-team-icon a span { font-size: 30px; color: #fff; transition: 1s; } #sh_corpomate_theme_transport_15 .our-team .our-team-img { height: 100%; width: 100%; position: relative; z-index: 1; } #sh_corpomate_theme_transport_15 .rotateme { -webkit-animation-name: rotateme; animation-name: rotateme; -webkit-animation-duration: 10s; animation-duration: 60s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @keyframes rotateme { from { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotateme { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } #sh_corpomate_theme_transport_15 .our-team .unique-bg-2 { content: ''; position: absolute; z-index: 0; top: 38%; left: 10%; height: 100px; width: 100px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_21.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_15 .our-team .our-team-img .team-icon { position: absolute; left: -10px; right: 0; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; flex-direction: row; z-index: 3; top: 45%; transition: .3s; opacity: 0; } #sh_corpomate_theme_transport_15 .our-team .our-team-img .team-icon a { text-decoration: none; color: gray; margin-left: 10px; } #sh_corpomate_theme_transport_15 .our-team .our-team-img .team-icon a span { font-size: 15px; height: 30px; width: 30px; line-height: 30px; margin-left: 5px; border-radius: 30px; background: #fff; } #sh_corpomate_theme_transport_15 .our-team .our-team-img:hover .team-icon { opacity: 1; } #sh_corpomate_theme_transport_15 .our-team .our-team-img:hover .team-icon a { color: gray !important; transition: .3s; } #sh_corpomate_theme_transport_15 .our-team .our-team-img .team-icon a:hover span { color: #fff !important; background: #0075C2; } #sh_corpomate_theme_transport_15 .our-team .our-team-img .our-team-img-icon { position: absolute; top: 5%; right: 15%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; z-index: 3; height: 50px; width: 50px; background: #0075C2; opacity: 0; transition: 1s; border-radius: 50px; line-height: 50px; } #sh_corpomate_theme_transport_15 .our-team .our-team-img:hover .our-team-img-icon { opacity: 1; } #sh_corpomate_theme_transport_15 .our-team .our-team-img .our-team-img-icon a span { color: #fff; font-size: 20px; text-align: center; line-height: 60px; } #sh_corpomate_theme_transport_15 .our-team h4, #sh_corpomate_theme_transport_15 .our-team .h4 { text-align: center; margin-top: 20px; font-size: 1rem; font-weight: 600; } #sh_corpomate_theme_transport_15 .our-team p { text-align: center; color: #0075C2; font-size: 13px; } #sh_corpomate_theme_transport_15 .sh_disable_hover_cls .layer:after { display: none; } @media screen and (min-width: 992px) and (max-width: 1199px) { #sh_corpomate_theme_transport_15 .sub-content .sub-content-text:before { left: 40%; } } @media screen and (max-width: 1024px) { #sh_corpomate_theme_transport_15 .our-team .our-team-img img { height: 160px; width: 160px; border-radius: 160px; object-fit: cover; object-position: center; z-index: 1; } #sh_corpomate_theme_transport_15 .our-team .our-team-img .our-team-img-icon { position: absolute; top: 5%; right: 6%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; z-index: 3; height: 50px; width: 50px; background: #0075C2; border-radius: 50px; line-height: 50px; } #sh_corpomate_theme_transport_15 .our-team .unique-bg-2 { content: ''; position: absolute; z-index: 0; top: 30%; left: 5%; height: 100px; width: 100px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_21.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_15 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 35%; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_15 .our-team .our-team-img .layer { position: relative; height: 160px; width: 160px; border-radius: 160px; margin: 0 auto; } #sh_corpomate_theme_transport_15 .our-team .our-team-img .team-icon a { text-decoration: none; color: gray; margin-left: 5px; } } @media screen and (max-width: 767px) { #sh_corpomate_theme_transport_15 .our-team .our-team-img img { height: 200px; width: 200px; border-radius: 200px; object-fit: cover; object-position: center; z-index: 1; } #sh_corpomate_theme_transport_15 .our-team .our-team-img .our-team-img-icon { position: absolute; top: 5%; right: 32%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; z-index: 3; height: 50px; width: 50px; background: #0075C2; border-radius: 50px; line-height: 50px; } #sh_corpomate_theme_transport_15 .our-team .unique-bg-2 { content: ''; position: absolute; z-index: 0; top: 38%; left: 26%; height: 100px; width: 100px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_21.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_15 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 32%; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_15 h4, #sh_corpomate_theme_transport_15 .h4 { font-size: 30px; font-weight: 700; margin-top: 15px; } #sh_corpomate_theme_transport_15 .our-team .our-team-img .layer { position: relative; height: 200px; width: 200px; border-radius: 200px; margin: 0 auto; } } @media screen and (max-width: 576px) { #sh_corpomate_theme_transport_15 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 20%; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_15 .our-team .our-team-img .our-team-img-icon { position: absolute; top: 5%; right: 26%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; z-index: 3; height: 50px; width: 50px; background: #0075C2; border-radius: 50px; line-height: 50px; } #sh_corpomate_theme_transport_15 h4, #sh_corpomate_theme_transport_15 .h4 { font-size: 21px; } } @media screen and (max-width: 450px) { #sh_corpomate_theme_transport_15 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 22%; background: #0075C2; width: 25px; height: 3px; } } @media screen and (max-width: 400px) { #sh_corpomate_theme_transport_15 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 20%; background: #0075C2; width: 25px; height: 3px; } } @media screen and (max-width: 360px) { #sh_corpomate_theme_transport_15 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 18%; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_15 .our-team .our-team-img .our-team-img-icon { position: absolute; top: 5%; right: 23%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; z-index: 3; height: 50px; width: 50px; background: #0075C2; border-radius: 50px; line-height: 50px; } } @media screen and (max-width: 330px) { #sh_corpomate_theme_transport_15 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 15%; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_15 .our-team .our-team-img .our-team-img-icon { position: absolute; top: 5%; right: 16%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; z-index: 3; height: 50px; width: 50px; background: #0075C2; border-radius: 50px; line-height: 50px; } } #sh_corpomate_theme_transport_16 { width: 100%; padding: 50px 0; background: #fff; } #sh_corpomate_theme_transport_16 .sub-content .sub-content-text { font-weight: 400; text-align: center; color: #0075C2; padding: 0 20px; padding-left: 43px; position: relative; font-size: 15px; font-weight: 600; } #sh_corpomate_theme_transport_16 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 41%; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_16 h4, #sh_corpomate_theme_transport_16 .h4 { font-size: 1.7rem; font-weight: 700; color: #000; margin-top: 15px; } #sh_corpomate_theme_transport_16 .counter-details { width: 100%; text-align: center; padding: 0; z-index: 2; color: #000; } #sh_corpomate_theme_transport_16 .counter-details h5, #sh_corpomate_theme_transport_16 .counter-details .h5 { font-size: 1.5rem; font-weight: 700; margin-top: 15px; } #sh_corpomate_theme_transport_16 .counter-details .counter-border { width: 55%; margin: 10px auto; padding: 0 20px; position: relative; border-radius: 10px; border-bottom: 4px solid #e1e1e1; } #sh_corpomate_theme_transport_16 .counter-details .counter-border .sub-counter-border { position: absolute; top: 0; left: 0; width: 70%; height: 100%; border-bottom: 4px solid #0075C2; background: #0075C2; } #sh_corpomate_theme_transport_16 .counter-details .counter-details-icon img { height: 50px; width: 50px; } @media screen and (min-width: 992px) and (max-width: 1199px) { #sh_corpomate_theme_transport_16 .sub-content .sub-content-text:before { left: 40%; } } @media screen and (max-width: 1024px) { #sh_corpomate_theme_transport_16 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 35%; background: #0075C2; width: 25px; height: 3px; } } @media screen and (max-width: 767px) { #sh_corpomate_theme_transport_16 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 32%; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_16 h4, #sh_corpomate_theme_transport_16 .h4 { font-size: 30px; font-weight: 700; margin-top: 15px; } } @media screen and (max-width: 576px) { #sh_corpomate_theme_transport_16 { width: 100%; padding: 40px 0 40px 0; background: #fff; } #sh_corpomate_theme_transport_16 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 25%; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_16 h4, #sh_corpomate_theme_transport_16 .h4 { font-size: 21px; } } @media screen and (max-width: 450px) { #sh_corpomate_theme_transport_16 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 22%; background: #0075C2; width: 25px; height: 3px; } } @media screen and (max-width: 400px) { #sh_corpomate_theme_transport_16 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 20%; background: #0075C2; width: 25px; height: 3px; } } @media screen and (max-width: 360px) { #sh_corpomate_theme_transport_16 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 18%; background: #0075C2; width: 25px; height: 3px; } } @media screen and (max-width: 330px) { #sh_corpomate_theme_transport_16 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 15%; background: #0075C2; width: 25px; height: 3px; } } #sh_corpomate_theme_transport_17 { width: 100%; height: 500px; text-align: center; } #sh_corpomate_theme_transport_17 img { width: 100%; object-fit: cover; height: 500px; position: relative; z-index: 0; } #sh_corpomate_theme_transport_17 .sh_banner:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: rgba(0, 0, 0, 0.3); } #sh_corpomate_theme_transport_17 .sh_banner_content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: -webkit-box; display: -webkit-flex; display: flex; flex-flow: column; justify-content: center; align-items: center; height: 100%; width: 100%; z-index: 3; } #sh_corpomate_theme_transport_17 .sh_banner_content ul { display: -webkit-box; display: -webkit-flex; display: flex; color: #fff; list-style-type: square; margin-bottom: 0; float: left; } #sh_corpomate_theme_transport_17 .sh_banner_content ul li:first-child { list-style-type: none; margin-left: 0; } #sh_corpomate_theme_transport_17 .sh_banner_content ul li { margin-left: 35px; font-size: 25px; } #sh_corpomate_theme_transport_17 .sh_banner_content ul li a { color: #fff; transition: 1s; } #sh_corpomate_theme_transport_17 .sh_banner_content ul li:hover a { color: #0075C2; } #sh_corpomate_theme_transport_17 .sh_banner_content ul li a .active { color: #0075C2; } #sh_corpomate_theme_transport_17 .sh_banner_content .shape img { height: 15px; width: 90%; object-fit: contain; text-align: center; margin-top: 10px; } #sh_corpomate_theme_transport_17 .sh_banner_content h1, #sh_corpomate_theme_transport_17 .sh_banner_content .h1 { font-size: 40px; color: #fff; font-weight: 900; margin-top: 10px; } #sh_corpomate_theme_transport_17.sh_disable_hover_cls img { z-index: 5; } @media (max-width: 768px) { #sh_corpomate_theme_transport_17 .sh_banner_content h1, #sh_corpomate_theme_transport_17 .sh_banner_content .h1 { font-size: 40px; color: #fff; font-weight: 900; margin-top: 10px; } #sh_corpomate_theme_transport_17 { width: 100%; height: 400px; text-align: center; } #sh_corpomate_theme_transport_17 img { width: 100%; object-fit: cover; height: 400px; position: relative; z-index: 0; } } @media (max-width: 576px) { #sh_corpomate_theme_transport_17 img { width: 100%; object-fit: cover; height: 400px; position: relative; z-index: 0; } #sh_corpomate_theme_transport_17 { width: 100%; height: 400px; text-align: center; } #sh_corpomate_theme_transport_17 .sh_banner_content h1, #sh_corpomate_theme_transport_17 .sh_banner_content .h1 { font-size: 35px; color: #fff; font-weight: 900; margin-top: 10px; } #sh_corpomate_theme_transport_17 img { height: 400px; object-fit: cover; } } @media only screen and (max-width: 767.98px) { #sh_corpomate_theme_transport_17 .sh_banner_content ul li:first-child { margin-left: 0; } } #sh_corpomate_theme_transport_18 { width: 100%; padding: 50px 0 70px 0; } #sh_corpomate_theme_transport_18 .row_space { margin-top: 50px; } #sh_corpomate_theme_transport_18 .main-content { width: 100%; } #sh_corpomate_theme_transport_18 .sub-content .sub-content-text { font-weight: 400; width: 100%; color: #0075C2; padding: 0 20px; padding-left: 43px; position: relative; font-size: 15px; font-weight: 600; } #sh_corpomate_theme_transport_18 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; font-size: 14px; left: 0; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_18 .main-content h3, #sh_corpomate_theme_transport_18 .main-content .h3 { font-weight: 700; font-size: 1.7rem; margin-top: 20px; } #sh_corpomate_theme_transport_18 .lorem-content { padding: 27px 15px; font-size: 15px; line-height: 30px; color: #212121; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_transport_18 .third-row .inspiration-card { padding: 36px; overflow: hidden; transition: 1s; background: #fff; box-shadow: 3px 3px 5px #e8e8e8,-3px -3px 5px #e8e8e8; border-radius: 10px; position: relative; text-align: left; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 50px 50px 36px; box-shadow: 0 3px 53px rgba(40, 40, 40, 0.05); } #sh_corpomate_theme_transport_18 .third-row .inspiration-card .insporation-card-sub-div { position: absolute; top: -5%; right: -20%; z-index: 0; opacity: .2; height: 130px; width: 130px; } #sh_corpomate_theme_transport_18 .third-row .inspiration-card .insporation-card-sub-div img { height: 100%; width: 100%; transition: 1s; opacity: 0; object-fit: cover; } #sh_corpomate_theme_transport_18 .third-row .inspiration-card:hover .insporation-card-sub-div img { opacity: 1; } #sh_corpomate_theme_transport_18 .third-row .inspiration-card .inspiration-card-icon img { height: 50px; width: 50px; } #sh_corpomate_theme_transport_18 .third-row .inspiration-card .inspiration-card-heading { border-bottom: 2px solid #e8e8e8; padding: 20px 0; width: 100%; transition: 1s; } #sh_corpomate_theme_transport_18 .third-row .inspiration-card .inspiration-card-heading h4, #sh_corpomate_theme_transport_18 .third-row .inspiration-card .inspiration-card-heading .h4 { font-weight: 700; transition: 1s; word-spacing: 5px; font-size: 1rem; } #sh_corpomate_theme_transport_18 .third-row .inspiration-card .inspiration-card-text { margin-top: 20px; padding: 10px 0; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_transport_18 .third-row .inspiration-card .inspiration-card-btn { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; margin-top: 10px; justify-content: space-between; align-items: center; flex-direction: row; } #sh_corpomate_theme_transport_18 .third-row .inspiration-card .inspiration-card-btn .inspiration-card-btn-icon { width: 100%; vertical-align: middle; } #sh_corpomate_theme_transport_18 .third-row .inspiration-card .inspiration-card-btn .inspiration-card-btn-icon span { height: 25px; transition: 1s; width: 25px; text-align: center; line-height: 25px; color: #f0f8ff; font-size: 15px; border-radius: 30px; margin-top: 10px; background: #0075C2; } #sh_corpomate_theme_transport_18 .third-row .inspiration-card .inspiration-card-btn .inspiration-card-link { width: 80%; padding: 0 10px; vertical-align: middle; background: 0 0 !important; } #sh_corpomate_theme_transport_18 .third-row .inspiration-card .inspiration-card-btn .inspiration-card-link a { color: #212121; transition: 1s; } #sh_corpomate_theme_transport_18 .third-row .inspiration-card .inspiration-card-btn .inspiration-card-link a:hover { color: #0075C2; } #sh_corpomate_theme_transport_18 .unique-bg { position: relative; width: 100%; z-index: 1; } #sh_corpomate_theme_transport_18 .unique-bg .rotateme { -webkit-animation-name: rotateme; animation-name: rotateme; -webkit-animation-duration: 10s; animation-duration: 60s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @keyframes rotateme { from { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotateme { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } #sh_corpomate_theme_transport_18 .unique-bg-1 { content: ''; position: absolute; opacity: 0; top: 10%; right: 21%; z-index: 0; height: 250px; width: 250px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_20.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_18 .unique-bg-2 { content: ''; position: absolute; z-index: 0; top: 82%; left: 10%; height: 100px; width: 100px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_21.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_18 .unique-bg-3 { content: ''; position: absolute; z-index: 0; top: 82%; right: 10%; height: 100px; width: 100px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_21.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } @media screen and (max-width: 790px) { #sh_corpomate_theme_transport_18 .third-row .inspiration-card { padding: 50px 30px 20px; } #sh_corpomate_theme_transport_18 .third-row .inspiration-card .inspiration-card-heading { padding: 10px 0; } #sh_corpomate_theme_transport_18 .third-row .inspiration-card .inspiration-card-heading h4, #sh_corpomate_theme_transport_18 .third-row .inspiration-card .inspiration-card-heading .h4 { line-height: 25px; margin-bottom: 0; } #sh_corpomate_theme_transport_18 .third-row .inspiration-card .inspiration-card-text { margin-top: 0; } } @media screen and (max-width: 767px) { #sh_corpomate_theme_transport_18 .row_space { margin-top: 20px; } #sh_corpomate_theme_transport_18 .remove_space { margin-left: 0; margin-right: 0; border-top: 0; border: 1px solid #f3f3f3; background: #fff; z-index: 3; position: unset; bottom: 93%; left: 0; border-radius: 10px; } #sh_corpomate_theme_transport_18 .main-content h3, #sh_corpomate_theme_transport_18 .main-content .h3 { font-weight: 700; font-size: 30px; margin-top: 20px; } #sh_corpomate_theme_transport_18 .unique-bg-1 { content: ''; position: absolute; top: 60%; right: 8%; z-index: 0; height: 250px; width: 250px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_20.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_18 .unique-bg-2 { content: ''; position: absolute; z-index: 0; top: 25%; left: 10%; height: 100px; width: 100px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_21.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_18 .unique-bg-3 { content: ''; position: absolute; z-index: 0; top: 94%; right: 10%; height: 100px; width: 100px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_21.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } } @media screen and (max-width: 576px) { #sh_corpomate_theme_transport_18 { padding: 30px 0 70px 0; } #sh_corpomate_theme_transport_18 .row_space { margin-top: 0; } #sh_corpomate_theme_transport_18 .main-content h3, #sh_corpomate_theme_transport_18 .main-content .h3 { font-weight: 700; font-size: 27px; margin-top: 20px; } #sh_corpomate_theme_transport_18 .lorem-content { padding: 0; font-size: 14px; color: #212121; line-height: 25px; } #sh_corpomate_theme_transport_18 .third-row .inspiration-card { padding: 15px; transition: 1s; background: #fff; box-shadow: 3px 3px 5px #e8e8e8,-3px -3px 5px #e8e8e8; border-radius: 10px; text-align: left; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_transport_18 .main-content h3, #sh_corpomate_theme_transport_18 .main-content .h3 { font-size: 21px; } #sh_corpomate_theme_transport_18 .third-row .inspiration-card .inspiration-card-heading { padding: 10px 0; } #sh_corpomate_theme_transport_18 .third-row .inspiration-card .inspiration-card-heading h4, #sh_corpomate_theme_transport_18 .third-row .inspiration-card .inspiration-card-heading .h4 { margin-bottom: 0; } #sh_corpomate_theme_transport_18 .third-row .inspiration-card .inspiration-card-text { margin-top: 0; font-size: 14px; } } @media screen and (max-width: 360px) { #sh_corpomate_theme_transport_18 .main-content h3, #sh_corpomate_theme_transport_18 .main-content .h3 { font-weight: 700; font-size: 24px; margin-top: 30px; } #sh_corpomate_theme_transport_18 .lorem-content { font-size: 16px; color: #919191; } } #sh_corpomate_theme_transport_19 { width: 100%; padding: 50px 0 70px 0; } #sh_corpomate_theme_transport_19 .sub-content .sub-content-text { font-weight: 700; text-align: center; color: #0075C2; padding: 0 20px; padding-left: 43px; position: relative; font-size: 15px; font-weight: 600; } #sh_corpomate_theme_transport_19 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 42%; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_19 h4, #sh_corpomate_theme_transport_19 .h4 { font-size: 1.7rem; font-weight: 700; margin-top: 15px; } #sh_corpomate_theme_transport_19 .unique-bg { position: relative; width: 100%; z-index: 1; } #sh_corpomate_theme_transport_19 .unique-bg .rotateme { -webkit-animation-name: rotateme; animation-name: rotateme; -webkit-animation-duration: 10s; animation-duration: 60s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @keyframes rotateme { from { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotateme { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } #sh_corpomate_theme_transport_19 .unique-bg-1 { content: ''; opacity: 0; position: absolute; top: 10%; right: 21%; z-index: 0; height: 250px; width: 250px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_20.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_19 .unique-bg-2 { content: ''; position: absolute; z-index: 0; top: 87%; left: 7%; height: 100px; width: 100px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_21.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_19 .our-project-details { border-radius: 10px; background: #fff; box-shadow: 3px 3px 5px #e8e8e8,-3px -3px 5px #e8e8e8; } #sh_corpomate_theme_transport_19 .our-project-details .our-project-details-img { width: 100%; height: 250px; position: relative; overflow: hidden; border-top-left-radius: 10px; border-top-right-radius: 10px; } #sh_corpomate_theme_transport_19 .our-project-details .our-project-details-img:hover img { transform: scale(1.2); } #sh_corpomate_theme_transport_19 .our-project-details .our-project-details-img:before { content: ''; transition: 1s; position: absolute; top: 0; left: 0; height: 0%; background: rgba(12, 36, 57, 0.7); width: 100%; z-index: 2; } #sh_corpomate_theme_transport_19 .our-project-details .our-project-details-img:hover:before { height: 100%; } #sh_corpomate_theme_transport_19 .our-project-details .our-project-details-img img { width: 100%; height: 100%; transition: 1s; border-top-left-radius: 10px; border-top-right-radius: 10px; } #sh_corpomate_theme_transport_19 .our-project-details .our-projects-details-content { width: 100%; padding: 20px 20px; background: 0 0; } #sh_corpomate_theme_transport_19 .our-project-details .our-projects-details-content h5, #sh_corpomate_theme_transport_19 .our-project-details .our-projects-details-content .h5 { margin-top: 10px; word-spacing: 3px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-size: 1.3rem; } #sh_corpomate_theme_transport_19 .our-project-details .our-projects-details-content h6, #sh_corpomate_theme_transport_19 .our-project-details .our-projects-details-content .h6 { margin-top: 10px; font-size: 12px; font-weight: 500; color: #0075C2; word-spacing: 5px; } #sh_corpomate_theme_transport_19 .our-project-details .our-projects-details-content p { margin-top: 20px; } #sh_corpomate_theme_transport_19 .our-projects-details-btn .our-projects-details-btn-icon span { height: 25px; width: 25px; text-align: center; line-height: 25px; color: #fff; font-size: 15px; border-radius: 30px; margin-top: 10px; background: #0075C2; } #sh_corpomate_theme_transport_19 .our-projects-details-btn .our-projects-details-btn-icon .our-projects-details-link a { color: #212121; background: #f8f8f8; padding-left: 5px; } #sh_corpomate_theme_transport_19 .our-projects-details-btn .our-projects-details-btn-icon .our-projects-details-link a:hover { color: #0075C2; } #sh_corpomate_theme_transport_19 .sh_disable_hover_cls .our-project-details .our-project-details-img:before { z-index: 0; } @media screen and (max-width: 1024px) { #sh_corpomate_theme_transport_19 .our-project-details .our-projects-details-content h5, #sh_corpomate_theme_transport_19 .our-project-details .our-projects-details-content .h5 { margin-top: 10px; word-spacing: 3px; } #sh_corpomate_theme_transport_19 .our-project-details .our-project-details-img { width: 100%; height: 100%; position: relative; overflow: hidden; border-top-left-radius: 10px; border-top-right-radius: 10px; } #sh_corpomate_theme_transport_19 .our-project-details .our-project-details-img img { width: 100%; height: 100%; transition: 1s; border-top-left-radius: 10px; border-top-right-radius: 10px; object-fit: fill; } #sh_corpomate_theme_transport_19 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 42%; background: #0075C2; width: 25px; height: 3px; } } @media screen and (max-width: 767px) { #sh_corpomate_theme_transport_19 { width: 100%; padding: 30px 0 50px 0; } #sh_corpomate_theme_transport_19 .our-project-details { border-radius: 10px; background: #f8f8f8; } #sh_corpomate_theme_transport_19 h4, #sh_corpomate_theme_transport_19 .h4 { font-size: 30px; font-weight: 700; margin-top: 15px; } #sh_corpomate_theme_transport_19 .our-project-details .our-projects-details-content h5, #sh_corpomate_theme_transport_19 .our-project-details .our-projects-details-content .h5 { margin-top: 10px; font-size: 15px; } #sh_corpomate_theme_transport_19 .unique-bg-1 { content: ''; position: absolute; top: 60%; right: 8%; z-index: 0; height: 250px; width: 250px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_20.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_19 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 35%; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_19 h4, #sh_corpomate_theme_transport_19 .h4 { font-size: 30px; font-weight: 700; margin-top: 15px; } #sh_corpomate_theme_transport_19 .our-project-details .our-projects-details-content p { font-size: 14px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } } @media screen and (max-width: 800px) { #sh_corpomate_theme_transport_19 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 38%; background: #0075C2; width: 25px; height: 3px; } } @media screen and (max-width: 576px) { #sh_corpomate_theme_transport_19 { width: 100%; padding: 20px 0 40px 0; background: #fff; } #sh_corpomate_theme_transport_19 h4, #sh_corpomate_theme_transport_19 .h4 { font-size: 21px; font-weight: 700; margin-top: 15px; } #sh_corpomate_theme_transport_19 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 35%; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_19 .our-project-details .our-projects-details-content p { font-size: 14px; margin-top: 10px; line-height: 25px; } } @media screen and (max-width: 450px) { #sh_corpomate_theme_transport_19 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 32%; background: #0075C2; width: 25px; height: 3px; } } @media screen and (max-width: 420px) { #sh_corpomate_theme_transport_19 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 30%; background: #0075C2; width: 25px; height: 3px; } } @media screen and (max-width: 400px) { #sh_corpomate_theme_transport_19 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 27%; background: #0075C2; width: 25px; height: 3px; } } @media screen and (max-width: 360px) { #sh_corpomate_theme_transport_19 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 27%; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_19 h4, #sh_corpomate_theme_transport_19 .h4 { font-size: 23px; font-weight: 700; margin-top: 15px; } } @media screen and (max-width: 330px) { #sh_corpomate_theme_transport_19 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 25%; background: #0075C2; width: 25px; height: 3px; } } #sh_corpomate_theme_transport_20 { width: 100%; height: 500px; text-align: center; } #sh_corpomate_theme_transport_20 img { width: 100%; object-fit: cover; height: 500px; position: relative; z-index: 0; } #sh_corpomate_theme_transport_20 .sh_banner:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: rgba(0, 0, 0, 0.3); } #sh_corpomate_theme_transport_20 .sh_banner_content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: -webkit-box; display: -webkit-flex; display: flex; flex-flow: column; justify-content: center; align-items: center; height: 100%; width: 100%; z-index: 3; } #sh_corpomate_theme_transport_20 .sh_banner_content ul { display: -webkit-box; display: -webkit-flex; display: flex; color: #fff; margin-bottom: 0; list-style-type: square; float: left; } #sh_corpomate_theme_transport_20 .sh_banner_content ul li:first-child { list-style-type: none; margin-left: 0; } #sh_corpomate_theme_transport_20 .sh_banner_content ul li { margin-left: 35px; font-size: 25px; } #sh_corpomate_theme_transport_20 .sh_banner_content ul li a { color: #fff; transition: 1s; } #sh_corpomate_theme_transport_20 .sh_banner_content ul li:hover a { color: #0075C2; } #sh_corpomate_theme_transport_20 .sh_banner_content ul li a .active { color: #0075C2; } #sh_corpomate_theme_transport_20 .sh_banner_content .shape img { height: 15px; width: 90%; object-fit: contain; text-align: center; margin-top: 10px; } #sh_corpomate_theme_transport_20 .sh_banner_content h1, #sh_corpomate_theme_transport_20 .sh_banner_content .h1 { font-size: 40px; color: #fff; font-weight: 900; margin-top: 10px; } #sh_corpomate_theme_transport_20.sh_disable_hover_cls img { z-index: 5; } @media (max-width: 768px) { #sh_corpomate_theme_transport_20 .sh_banner_content h1, #sh_corpomate_theme_transport_20 .sh_banner_content .h1 { font-size: 40px; color: #fff; font-weight: 900; margin-top: 10px; } #sh_corpomate_theme_transport_20 { width: 100%; height: 400px; text-align: center; } #sh_corpomate_theme_transport_20 img { width: 100%; object-fit: cover; height: 400px; position: relative; z-index: 0; } } @media (max-width: 576px) { #sh_corpomate_theme_transport_20 img { width: 100%; object-fit: cover; height: 400px; position: relative; z-index: 0; } #sh_corpomate_theme_transport_20 { width: 100%; height: 400px; text-align: center; } #sh_corpomate_theme_transport_20 .sh_banner_content h1, #sh_corpomate_theme_transport_20 .sh_banner_content .h1 { font-size: 35px; color: #fff; font-weight: 900; margin-top: 10px; } #sh_corpomate_theme_transport_20 img { height: 400px; object-fit: cover; } } @media only screen and (max-width: 767.98px) { #sh_corpomate_theme_transport_20 .sh_banner_content ul li:first-child { margin-left: 0; } } #sh_corpomate_theme_transport_21 { width: 100%; padding: 50px 0; } #sh_corpomate_theme_transport_21 .project-details { transition: 1s; overflow: hidden; height: 400px; border-radius: 10px; padding: 10px 0; position: relative; } #sh_corpomate_theme_transport_21 .project-details:hover img { transform: scale(1.2) rotate(3deg); } #sh_corpomate_theme_transport_21 .project-details:hover .project-sub-details { height: 90%; width: 90%; border-radius: 10px; opacity: 1; z-index: 3; } #sh_corpomate_theme_transport_21 .project-details:hover .project-sub-details p { opacity: 1; } #sh_corpomate_theme_transport_21 .project-details:hover .project-sub-details h4, #sh_corpomate_theme_transport_21 .project-details:hover .project-sub-details .h4 { position: absolute; font-weight: 700; opacity: 1; } #sh_corpomate_theme_transport_21 .project-details .project-sub-details .project-sub-details-link { height: 60px; width: 60px; border-radius: 10px; transition: all .9s ease; opacity: 0; background: #0075C2; position: absolute; top: 5%; right: 5%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; color: #fff; } #sh_corpomate_theme_transport_21 .project-details:hover .project-sub-details .project-sub-details-link { opacity: 1; } #sh_corpomate_theme_transport_21 .project-details .project-sub-details .project-sub-details-link a span { color: #fff; font-size: 27px; } #sh_corpomate_theme_transport_21 .project-details .project-sub-details { position: absolute; top: 5%; left: 5%; width: 0%; opacity: 0; height: 0%; transition: all .9s ease; background: rgba(12, 34, 57, 0.7); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; padding: 10px; align-items: flex-end; } #sh_corpomate_theme_transport_21 .project-details .project-sub-details p { margin-bottom: 15px; bottom: 10%; position: absolute; opacity: 0; transition: all .9s ease; } #sh_corpomate_theme_transport_21 .project-details .project-sub-details h4, #sh_corpomate_theme_transport_21 .project-details .project-sub-details .h4 { font-weight: 700; position: absolute; opacity: 0; transition: all .9s ease; } #sh_corpomate_theme_transport_21 .project-details img { width: 100%; height: 100%; border-radius: 10px; object-fit: cover; transition: all .9s ease; } @media screen and (max-width: 767px) { #sh_corpomate_theme_transport_21 .project-details { transition: 1s; overflow: hidden; height: 400px; border-radius: 10px; padding: 10px 0; position: relative; } } @media (max-width: 567px) { #sh_corpomate_theme_transport_21 .project-details .project-sub-details .project-sub-details-link a span { font-size: 22px; } #sh_corpomate_theme_transport_21 .project-details .project-sub-details .project-sub-details-link { height: 50px; width: 50px; } } #sh_corpomate_theme_transport_22 { width: 100%; padding: 50px 0; background: #f4f4f4; } #sh_corpomate_theme_transport_22 .testimonial-details { width: 100%; text-align: left; } #sh_corpomate_theme_transport_22 .sub-content .sub-content-text { font-weight: 700; width: 100%; color: #0075C2; padding: 0 20px; padding-left: 43px; font-size: 13px; position: relative; } #sh_corpomate_theme_transport_22 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 0; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_22 .testimonial-details h3, #sh_corpomate_theme_transport_22 .testimonial-details .h3 { font-weight: 700; font-size: 35px; margin-top: 20px; } #sh_corpomate_theme_transport_22 .testimonial-details p { color: #939191; font-size: 15px; line-height: 1.8rem; margin-top: 20px; } #sh_corpomate_theme_transport_22 .testimonial-details .testimonial-details-img { width: 100%; margin-top: 30px; height: auto; border-radius: 10px; overflow: hidden; position: relative; } #sh_corpomate_theme_transport_22 .testimonial-details .testimonial-details-img:hover img { transform: scale(1.3); filter: brightness(150%); } #sh_corpomate_theme_transport_22 .testimonial-details .testimonial-details-img img { height: 315px; border-radius: 10px; width: 100%; transition: 1s; object-fit: cover; object-position: center; position: relative; } #sh_corpomate_theme_transport_22 .testimonial-details .testimonial-details-img:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2; border-radius: 10px; background: rgba(0, 0, 0, 0.5); } #sh_corpomate_theme_transport_22 .testimonial-details .testimonial-details-img .testimonial-play-icon { height: 80px; width: 80px; position: absolute; top: 50%; z-index: 2; left: 50%; background: #0075C2; transform: translate(-50%, -50%); border-radius: 80px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } #sh_corpomate_theme_transport_22 .testimonial-details .testimonial-details-img .testimonial-play-icon:before { content: ""; transition: .3s; display: inline-block; position: absolute; top: -2px; left: -2px; bottom: -2px; right: -2px; border-radius: inherit; border: 1px solid #fff; -webkit-animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite; animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite; animation-duration: 2s; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: both; opacity: 0; animation-play-state: running; animation-name: btnIconRipple; transition: .3s; z-index: -1; } #sh_corpomate_theme_transport_22 .testimonial-details .testimonial-details-img:hover .testimonial-play-icon:before { opacity: 1; } @keyframes btnIconRipple { 0% { border-width: 4px; -webkit-transform: scale(1); transform: scale(1); } 80% { border-width: 1px; -webkit-transform: scale(1.35); transform: scale(1.35); } 100% { opacity: 0; } } @-webkit-keyframes btnIconRipple { 0% { border-width: 4px; -webkit-transform: scale(1); transform: scale(1); } 80% { border-width: 1px; -webkit-transform: scale(1.35); transform: scale(1.35); } 100% { opacity: 0; } } #sh_corpomate_theme_transport_22 .testimonial-details .testimonial-details-img .testimonial-play-icon a span { font-size: 40px; font-weight: 700; color: #fff; } #sh_corpomate_theme_transport_22 .unique-bg { position: relative; width: 100%; z-index: 1; } #sh_corpomate_theme_transport_22 .unique-bg .rotateme { -webkit-animation-name: rotateme; animation-name: rotateme; -webkit-animation-duration: 10s; animation-duration: 60s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @keyframes rotateme { from { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotateme { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } #sh_corpomate_theme_transport_22 .unique-bg-1 { content: ''; opacity: .5; position: absolute; top: 10%; right: 15%; z-index: 0; height: 250px; width: 250px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_20.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_22 .unique-bg-2 { content: ''; position: absolute; z-index: 0; top: 87%; left: 10%; height: 100px; width: 100px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_21.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_22 .unique-bg .testimonial-content { width: 100%; padding: 20px 30px; transition: 1s; background: #fefefe; position: relative; margin-left: 20px; border-radius: 10px; } #sh_corpomate_theme_transport_22 .unique-bg .testimonial-content:hover { width: 100%; padding: 20px 30px; background: #fefefe; position: relative; margin-left: 0; border-radius: 10px; } #sh_corpomate_theme_transport_22 .unique-bg .testimonial-content p { color: #212121; font-size: 15px; line-height: 20px; margin-top: 0; } #sh_corpomate_theme_transport_22 .unique-bg .testimonial-content .testimonial-content-details { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } #sh_corpomate_theme_transport_22 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-img { width: 10%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: center; } #sh_corpomate_theme_transport_22 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-img img { height: 50px; width: 50px; border-radius: 100px; object-fit: cover; object-position: center; } #sh_corpomate_theme_transport_22 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-text { width: 90%; padding: 0 20px; vertical-align: middle; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_transport_22 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-text .sub-content .sub-content-text { font-weight: 700; width: 100%; color: #0075C2; padding-left: 32px; position: relative; font-size: 13px; } #sh_corpomate_theme_transport_22 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-text .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 0; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_22 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-text p { font-size: 14px; margin-top: -5px; margin-bottom: 0; color: #000; font-weight: 700; } #sh_corpomate_theme_transport_22 .unique-bg .testimonial-content .sub-icon { height: 50px; width: 50px; font-size: 20px; color: #fff; border-bottom-right-radius: 10px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; background: #0075C2; align-items: center; position: absolute; right: 0; bottom: 0; } #sh_corpomate_theme_transport_22 .unique-bg .testimonial-content .sub-icon span { color: #fff; } @media screen and (max-width: 960px) { #sh_corpomate_theme_transport_22 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-text { width: 90%; padding: 0 30px; vertical-align: middle; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_transport_22 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-text .sub-content .sub-content-text { position: absolute; font-weight: 700; font-size: 10px; bottom: 18px; left: 82px; width: 100%; color: #0075C2; } #sh_corpomate_theme_transport_22 .testimonial-details p { color: #212121; } #sh_corpomate_theme_transport_22 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-img img { height: 40px; width: 40px; } } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_transport_22 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-img img { height: 40px; width: 40px; } } @media screen and (max-width: 767px) { #sh_corpomate_theme_transport_22 .testimonial-details h3, #sh_corpomate_theme_transport_22 .testimonial-details .h3 { font-weight: 700; font-size: 30px; margin-top: 20px; } #sh_corpomate_theme_transport_22 .unique-bg-1 { content: ''; position: absolute; top: 60%; right: 8%; z-index: 0; height: 250px; width: 250px; background: url("/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_image_20.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_22 .unique-bg .testimonial-content { width: 100%; padding: 10px 30px; background: #fefefe; position: relative; margin-left: 0; border-radius: 10px; } #sh_corpomate_theme_transport_22 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-text .sub-content .sub-content-text { position: absolute; font-weight: 700; font-size: 10px; bottom: 18px; left: 100px; width: 100%; color: #0075C2; } } @media screen and (max-width: 576px) { #sh_corpomate_theme_transport_22 { padding: 30px 0; } #sh_corpomate_theme_transport_22 .testimonial-details h3, #sh_corpomate_theme_transport_22 .testimonial-details .h3 { font-size: 21px; } #sh_corpomate_theme_transport_22 .testimonial-details p { font-size: 14px; line-height: 20px; color: #212121; } #sh_corpomate_theme_transport_22 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-text { width: 90%; padding: 0 30px; vertical-align: middle; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_transport_22 .unique-bg .testimonial-content p { color: #212121; font-size: 14px; line-height: 20px; margin-top: 0; } } @media screen and (max-width: 450px) { #sh_corpomate_theme_transport_22 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-text .sub-content .sub-content-text { position: absolute; font-weight: 700; font-size: 10px; bottom: 12px; left: 87px; width: 100%; color: #0075C2; } } @media screen and (max-width: 400px) { #sh_corpomate_theme_transport_22 .unique-bg .testimonial-content .testimonial-content-details .testimonial-content-details-text { width: 90%; padding: 0 30px; vertical-align: middle; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } } #sh_corpomate_theme_transport_23 { width: 100%; height: 500px; text-align: center; } #sh_corpomate_theme_transport_23 img { width: 100%; object-fit: cover; height: 500px; position: relative; z-index: 0; } #sh_corpomate_theme_transport_23 .sh_banner:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: rgba(0, 0, 0, 0.3); } #sh_corpomate_theme_transport_23 .sh_banner_content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: -webkit-box; display: -webkit-flex; display: flex; flex-flow: column; justify-content: center; align-items: center; height: 100%; width: 100%; z-index: 3; } #sh_corpomate_theme_transport_23 .sh_banner_content ul { display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 0; color: #fff; list-style-type: square; float: left; } #sh_corpomate_theme_transport_23 .sh_banner_content ul li:first-child { list-style-type: none; margin-left: 0; } #sh_corpomate_theme_transport_23 .sh_banner_content ul li { margin-left: 35px; font-size: 25px; } #sh_corpomate_theme_transport_23 .sh_banner_content ul li a { color: #fff; transition: 1s; } #sh_corpomate_theme_transport_23 .sh_banner_content ul li:hover a { color: #0075C2; } #sh_corpomate_theme_transport_23 .sh_banner_content ul li a .active { color: #0075C2; } #sh_corpomate_theme_transport_23 .sh_banner_content .shape img { height: 15px; width: 90%; object-fit: contain; text-align: center; margin-top: 10px; } #sh_corpomate_theme_transport_23 .sh_banner_content h1, #sh_corpomate_theme_transport_23 .sh_banner_content .h1 { font-size: 40px; color: #fff; font-weight: 900; margin-top: 10px; } #sh_corpomate_theme_transport_23.sh_disable_hover_cls img { z-index: 5; } @media (max-width: 768px) { #sh_corpomate_theme_transport_23 .sh_banner_content h1, #sh_corpomate_theme_transport_23 .sh_banner_content .h1 { font-size: 40px; color: #fff; font-weight: 900; margin-top: 10px; } #sh_corpomate_theme_transport_23 { width: 100%; height: 400px; text-align: center; } #sh_corpomate_theme_transport_23 img { width: 100%; object-fit: cover; height: 400px; position: relative; z-index: 0; } } @media (max-width: 576px) { #sh_corpomate_theme_transport_23 img { width: 100%; object-fit: cover; height: 400px; position: relative; z-index: 0; } #sh_corpomate_theme_transport_23 { width: 100%; height: 400px; text-align: center; } #sh_corpomate_theme_transport_23 .sh_banner_content h1, #sh_corpomate_theme_transport_23 .sh_banner_content .h1 { font-size: 35px; color: #fff; font-weight: 900; margin-top: 10px; } #sh_corpomate_theme_transport_23 img { height: 400px; object-fit: cover; } } #sh_corpomate_theme_transport_24 { width: 100%; padding: 50px 0; } #sh_corpomate_theme_transport_24 .gallery-details { padding: 10px 10px; border: 0; height: 400px; overflow: hidden; position: relative; border-radius: 10px; } #sh_corpomate_theme_transport_24 .gallery-details { overflow: hidden; display: block; transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; transition-property: color; } #sh_corpomate_theme_transport_24 .gallery-details .effect:before { position: absolute; content: ""; width: 94%; left: 3% !important; top: 2.5% !important; border-radius: 10px; height: 94.9%; background: rgba(12, 34, 57, 0.7); opacity: .46; top: 0; bottom: 0; left: 0; transition: all ease-in-out .4s; display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-end; transform: scale(0); } #sh_corpomate_theme_transport_24 .gallery-details:hover .effect:before { transform: scale(1); } #sh_corpomate_theme_transport_24 .gallery-details img { width: 100%; object-fit: cover; height: 100%; overflow: hidden; border-radius: 10px; } #sh_corpomate_theme_transport_24 .sh_disable_hover_cls .gallery-details:after { z-index: -2; } #sh_corpomate_theme_transport_24 .sh_disable_hover_cls .effect:before { z-index: -2; } @media (max-width: 767px) { #sh_corpomate_theme_transport_24 { width: 100%; padding: 20px 0; } #sh_corpomate_theme_transport_24 .gallery-details .effect:before { width: 95%; left: 2.4% !important; top: 2.5% !important; } } #sh_corpomate_theme_transport_25 { width: 100%; height: 500px; text-align: center; } #sh_corpomate_theme_transport_25 img { width: 100%; object-fit: cover; height: 500px; position: relative; z-index: 0; } #sh_corpomate_theme_transport_25 .sh_banner:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: rgba(0, 0, 0, 0.3); } #sh_corpomate_theme_transport_25 .sh_banner_content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: -webkit-box; display: -webkit-flex; display: flex; flex-flow: column; justify-content: center; align-items: center; height: 100%; width: 100%; z-index: 3; } #sh_corpomate_theme_transport_25 .sh_banner_content ul { display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 0; color: #fff; list-style-type: square; float: left; } #sh_corpomate_theme_transport_25 .sh_banner_content ul li:first-child { list-style-type: none; margin-left: 0; } #sh_corpomate_theme_transport_25 .sh_banner_content ul li { margin-left: 35px; font-size: 25px; } #sh_corpomate_theme_transport_25 .sh_banner_content ul li a { color: #fff; transition: 1s; } #sh_corpomate_theme_transport_25 .sh_banner_content ul li:hover a { color: #0075C2; } #sh_corpomate_theme_transport_25 .sh_banner_content ul li a .active { color: #0075C2; } #sh_corpomate_theme_transport_25 .sh_banner_content .shape img { height: 15px; width: 90%; object-fit: contain; text-align: center; margin-top: 10px; } #sh_corpomate_theme_transport_25 .sh_banner_content h1, #sh_corpomate_theme_transport_25 .sh_banner_content .h1 { font-size: 40px; color: #fff; font-weight: 900; margin-top: 10px; } #sh_corpomate_theme_transport_25.sh_disable_hover_cls img { z-index: 5; } @media (max-width: 768px) { #sh_corpomate_theme_transport_25 .sh_banner_content h1, #sh_corpomate_theme_transport_25 .sh_banner_content .h1 { font-size: 40px; color: #fff; font-weight: 900; margin-top: 10px; } #sh_corpomate_theme_transport_25 { width: 100%; height: 400px; text-align: center; } #sh_corpomate_theme_transport_25 img { width: 100%; object-fit: cover; height: 400px; position: relative; z-index: 0; } } @media (max-width: 576px) { #sh_corpomate_theme_transport_25 img { width: 100%; object-fit: cover; height: 400px; position: relative; z-index: 0; } #sh_corpomate_theme_transport_25 { width: 100%; height: 400px; text-align: center; } #sh_corpomate_theme_transport_25 .sh_banner_content h1, #sh_corpomate_theme_transport_25 .sh_banner_content .h1 { font-size: 35px; color: #fff; font-weight: 900; margin-top: 10px; } #sh_corpomate_theme_transport_25 img { height: 400px; object-fit: cover; } } #sh_corpomate_theme_transport_26 { width: 100%; padding: 50px 0; text-align: center; background: #fff; } #sh_corpomate_theme_transport_26 .sub-content .sub-content-text { font-weight: 700; text-align: center; color: #0075C2; padding: 0 20px; padding-left: 43px; position: relative; font-size: 15px; font-weight: 600; } #sh_corpomate_theme_transport_26 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 43%; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_26 h4, #sh_corpomate_theme_transport_26 .h4 { font-size: 1.7rem; font-weight: 700; margin-top: 15px; } #sh_corpomate_theme_transport_26 .contact-us-details { padding: 20px; border-radius: 10px; background: #fff; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; box-shadow: 3px 3px 5px #e8e8e8,-3px -3px 5px #e8e8e8; align-items: center; flex-direction: row; } #sh_corpomate_theme_transport_26 .contact-us-details .contact-us-details-icon { width: 20%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } #sh_corpomate_theme_transport_26 .contact-us-details .contact-us-details-text { width: 80%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit--webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: flex-start; padding-left: 15px; text-align: left !important; } #sh_corpomate_theme_transport_26 .contact-us-details .contact-us-details-icon img { height: 50px; width: 50px; } #sh_corpomate_theme_transport_26 .contact-us-details .contact-us-details-text h3, #sh_corpomate_theme_transport_26 .contact-us-details .contact-us-details-text .h3 { font-weight: 700; margin-bottom: 2px; font-size: 1.3rem; } #sh_corpomate_theme_transport_26 .contact-us-details .contact-us-details-text p { color: #919191; margin-bottom: 2px; font-size: 13px; } #sh_corpomate_theme_transport_26 .contact-us-details .contact-us-details-text p a { color: #222; font-size: 15px; transition: 1s; } #sh_corpomate_theme_transport_26 .contact-us-details .contact-us-details-text p a:hover { color: #0075C2; } @media screen and (max-width: 1024px) { #sh_corpomate_theme_transport_26 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 42%; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_26 .contact-us-details .contact-us-details-text h3, #sh_corpomate_theme_transport_26 .contact-us-details .contact-us-details-text .h3 { font-weight: 700; margin-bottom: 2px; font-size: 22px; } } @media screen and (max-width: 800px) { #sh_corpomate_theme_transport_26 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 38%; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_26 .contact-us-details .contact-us-details-text p a { color: #212121; transition: 1s; font-size: 12px; } #sh_corpomate_theme_transport_26 .contact-us-details .contact-us-details-text h3, #sh_corpomate_theme_transport_26 .contact-us-details .contact-us-details-text .h3 { font-weight: 700; margin-bottom: 2px; font-size: 17px; } } @media screen and (max-width: 767px) { #sh_corpomate_theme_transport_26 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 38%; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_26 h4, #sh_corpomate_theme_transport_26 .h4 { font-size: 30px; font-weight: 700; margin-top: 15px; } #sh_corpomate_theme_transport_26 .contact-us-details { padding: 20px; border-radius: 10px; background: #fff; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; flex-direction: row; } } @media screen and (max-width: 576px) { #sh_corpomate_theme_transport_26 h4, #sh_corpomate_theme_transport_26 .h4 { font-size: 21px; } #sh_corpomate_theme_transport_26 { width: 100%; padding: 20px 0; background: #fff; } #sh_corpomate_theme_transport_26 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 35%; background: #0075C2; width: 25px; height: 3px; } #sh_corpomate_theme_transport_26 .contact-us-details .contact-us-details-text h3, #sh_corpomate_theme_transport_26 .contact-us-details .contact-us-details-text .h3 { font-size: 18px; } #sh_corpomate_theme_transport_26 .contact-us-details .contact-us-details-text p { font-size: 14px; color: #212121; line-height: 14px; } #sh_corpomate_theme_transport_26 .contact-us-details .contact-us-details-text p a { color: #212121; font-size: 14px; } } @media screen and (max-width: 450px) { #sh_corpomate_theme_transport_26 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 32%; background: #0075C2; width: 25px; height: 3px; } } @media screen and (max-width: 400px) { #sh_corpomate_theme_transport_26 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 30%; background: #0075C2; width: 25px; height: 3px; } } @media screen and (max-width: 360px) { #sh_corpomate_theme_transport_26 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 27%; background: #0075C2; width: 25px; height: 3px; } } @media screen and (max-width: 330px) { #sh_corpomate_theme_transport_26 .sub-content .sub-content-text:before { content: ''; position: absolute; top: 40%; left: 25%; background: #0075C2; width: 25px; height: 3px; } } #sh_corpomate_theme_transport_27 { width: 100%; overflow: hidden; } #sh_corpomate_theme_transport_27 .sh_title { text-align: center; height: 600px; position: relative; } #sh_corpomate_theme_transport_27 .sh_title h5, #sh_corpomate_theme_transport_27 .sh_title .h5 { font-size: 20px; font-weight: 600; color: #0075C2; margin-bottom: 10px; } #sh_corpomate_theme_transport_27 .sh_title h2, #sh_corpomate_theme_transport_27 .sh_title .h2 { color: #003557; font-weight: 600; font-size: 36px; margin-bottom: 10px; } #sh_corpomate_theme_transport_27 .sh_title p { color: #777; width: 70%; margin: auto; font-size: 15px; } #sh_corpomate_theme_transport_27 iframe { width: 100%; height: 650px; } #sh_corpomate_theme_transport_27 .sh_form { width: 400px; padding: 20px 20px; position: absolute; top: -15px; right: 10%; background: #fff; } #sh_corpomate_theme_transport_27 .sh_form h3, #sh_corpomate_theme_transport_27 .sh_form .h3 { font-weight: 700; color: #003557; margin-bottom: 30px; font-size: 1.7rem; } #sh_corpomate_theme_transport_27 .sh_form form input { border: none; padding: 15px 20px; background: #f7f7f7f0; height: auto; font-size: 16px; margin-bottom: 20px; } #sh_corpomate_theme_transport_27 .sh_form form .form-group { margin-bottom: 0; } #sh_corpomate_theme_transport_27 .sh_form form textarea { background: #f7f7f7f0; border: none; min-height: 100px; margin-bottom: 20px; text-align: left !important; padding-left: 20px; } #sh_corpomate_theme_transport_27 .sh_form form .form-group a.btn_submit { transition: all .4s; background: #0075C2; font-weight: 700; border: 0; padding: 15px; } #sh_corpomate_theme_transport_27 .sh_form form .form-control:focus { color: #495057; background-color: #fff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(245, 237, 112, 0.25); } #sh_corpomate_theme_transport_27 iframe .gm-bundled-control-on-bottom { left: 80px !important; } #sh_corpomate_theme_transport_27 .sh_form form .form-group a.btn_submit { transition: all .4s; } #sh_corpomate_theme_transport_27 .sh_form form .form-group a.btn_submit:hover { background: #003557; color: #fff; border-color: #003557; } @media (max-width: 1024px) { #sh_corpomate_theme_transport_27 iframe { width: 100%; height: 620px; } } @media (max-width: 768px) { #sh_corpomate_theme_transport_27 .sh_form { top: 0; margin-bottom: 90px; } #sh_corpomate_theme_transport_27 iframe { width: 100%; height: 650px; } #sh_corpomate_theme_transport_27 .sh_title { text-align: center; height: unset; position: relative; } #sh_corpomate_theme_transport_27 .sh_form { width: 400px; padding: 15px 20px; position: absolute; top: -15px; right: 4%; background: #fff; } } @media (max-width: 576px) { #sh_corpomate_theme_transport_27 .sh_title p { width: 100%; height: 680px; } #sh_corpomate_theme_transport_27 .sh_title h2, #sh_corpomate_theme_transport_27 .sh_title .h2 { font-size: 28px; } #sh_corpomate_theme_transport_27 .sh_form { width: auto; padding: 20px 20px; position: unset; top: 0; right: 0; background: #fff; } #sh_corpomate_theme_transport_27 .sh_form h3, #sh_corpomate_theme_transport_27 .sh_form .h3 { font-weight: 700; color: #003557; margin-bottom: 30px; font-size: 21px; } #sh_corpomate_theme_transport_27 .sh_form form .form-group a.btn_submit { padding: 10px; } #sh_corpomate_theme_transport_27 .sh_form { margin-bottom: 30px; } } @media (max-width: 400px) { #sh_corpomate_theme_transport_27 .sh_form h3, #sh_corpomate_theme_transport_27 .sh_form .h3 { font-weight: 700; color: #003557; margin-bottom: 30px; font-size: 21px; } } /* /sh_corpomate_theme/static/src/scss/theme/theme_5/theme_5_s.scss */ /*----------------------------------------------------home page start----------------------------------------------------*/ /*--------------------- snnipet-1 start ------------------------*/ #sh_corpomate_theme_pets_1 { max-height: 650px; vertical-align: middle; align-items: center; position: relative; overflow: hidden; } #sh_corpomate_theme_pets_1 .s_carousel figure:after { content: ''; position: absolute; top: -15%; left: -5%; bottom: 0; height: 150%; background: #0075C2; opacity: .7; z-index: 0; width: 60%; transform: rotate(-10deg); pointer-events: none; } #sh_corpomate_theme_pets_1 .sh_content { position: relative; z-index: 1; } #sh_corpomate_theme_pets_1 .sh_content h2, #sh_corpomate_theme_pets_1 .sh_content .h2 { color: #fff; font-size: 46px; font-weight: 600; letter-spacing: 1px; padding-bottom: 15px; animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInUp !important; animation-delay: .3s; } #sh_corpomate_theme_pets_1 .sh_content p { margin: 0; margin-bottom: 30px; color: #fff; font-size: 16px; letter-spacing: .5px; animation-fill-mode: both; animation-duration: 1s; animation-name: fadeInDown !important; animation-delay: .3s; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_pets_1 .sh_content a { padding: 10px 20px; display: inline-block; font-size: 16px; letter-spacing: .7px; box-shadow: none; border-width: 2px; animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInDown !important; animation-delay: .3s; } #sh_corpomate_theme_pets_1 .svg_img { width: 100%; left: 0; position: absolute; bottom: -10px; z-index: 1; height: 80px; } #sh_corpomate_theme_pets_1 .s_carousel { width: 100%; } #sh_corpomate_theme_pets_1 .s_carousel figure img { width: 100%; object-fit: cover; position: relative; } #sh_corpomate_theme_pets_1 .s_carousel figure { position: relative; overflow: hidden; max-height: 650px; } #sh_corpomate_theme_pets_1 .s_carousel figure figcaption { position: absolute; top: 50%; left: 5%; width: 40%; padding: 25px; transform: translateY(-50%); z-index: 1; } #sh_corpomate_theme_pets_1:after { content: ''; position: absolute; left: 0; bottom: -50px; background: url(/sh_corpomate_theme/static/src/images/theme_5/1.svg); background-size: cover; width: 100%; height: 250px; z-index: 111; background-position: bottom; pointer-events: none; } #sh_corpomate_theme_pets_1 .s_carousel.s_carousel_default .carousel-control-prev-icon:before { font-size: 1.5rem; } #sh_corpomate_theme_pets_1 .s_carousel.s_carousel_default .carousel-control-next-icon:before { font-size: 1.5rem; } #sh_corpomate_theme_pets_1 .sh_content a:hover { background: 0 0; color: #003557; border-color: #003557; } @media (max-width: 900px) { #sh_corpomate_theme_pets_1 .sh_content h2, #sh_corpomate_theme_pets_1 .sh_content .h2 { font-size: 30px; } #sh_corpomate_theme_pets_1:after { bottom: 0; } } @media (max-width: 750px) { #sh_corpomate_theme_pets_1 .s_carousel figure img { height: 500px; } } @media (max-width: 576px) { #sh_corpomate_theme_pets_1 .s_carousel figure figcaption { width: 95%; left: 3%; } #sh_corpomate_theme_pets_1 .s_carousel figure:after { width: 100%; left: 0; top: 0; transform: rotate(0); } #sh_corpomate_theme_pets_1:after { background-position: center; z-index: 111; } #sh_corpomate_theme_pets_1 .s_carousel.s_carousel_default .carousel-control-next-icon:before { margin-right: 5px; } #sh_corpomate_theme_pets_1 .s_carousel.s_carousel_default .carousel-control-prev-icon:before { margin-left: 5px; } } /*--------------- snnipet-1 end ----------------*/ /*------------------ snnipet-2 start -------------------*/ #sh_corpomate_theme_pets_2 { padding-bottom: 80px; padding-top: 50px; } #sh_corpomate_theme_pets_2 .sh_title h4, #sh_corpomate_theme_pets_2 .sh_title .h4 { position: relative; font-size: 40px; font-weight: 600; color: #003557; margin-bottom: 20px; display: inline-block; } #sh_corpomate_theme_pets_2 .sh_title { text-align: center; margin-bottom: 50px; } #sh_corpomate_theme_pets_2 .sh_title p { color: #6b7b90; width: 70%; margin: 0 auto 30px auto; font-size: 16px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_pets_2 .sh_title h4:after, #sh_corpomate_theme_pets_2 .sh_title .h4:after { content: ''; position: absolute; left: -40px; top: 50%; background: #6b7b90; width: 50px; height: 1px; transform: translateX(-50%); } #sh_corpomate_theme_pets_2 .sh_title h4:before, #sh_corpomate_theme_pets_2 .sh_title .h4:before { content: ''; position: absolute; right: -90px; top: 50%; background: #6b7b90; width: 50px; height: 1px; transform: translateX(-50%); } #sh_corpomate_theme_pets_2 .sh_top_part .sh_img img { width: 100%; height: 150px; object-fit: cover; } #sh_corpomate_theme_pets_2 .sh_top_part .sh_img { position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; } #sh_corpomate_theme_pets_2 .sh_top_part .sh_img:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #003557; opacity: .7; } #sh_corpomate_theme_pets_2 .sh_content { position: relative; box-shadow: 0 5px 20px rgba(34, 34, 34, 0.14); border-radius: 5px; transition: all .4s; } #sh_corpomate_theme_pets_2 .sh_content .sh_middle_part { position: absolute; top: 60px; left: 50%; transform: translateX(-50%); border-radius: 5px; z-index: 1; } #sh_corpomate_theme_pets_2 .sh_content .sh_middle_part .sh_img img { width: 180px; border-radius: 50%; height: 180px; object-fit: cover; border: 10px solid #fff; transition: all .4s; } #sh_corpomate_theme_pets_2 .sh_content .sh_bottom_part { padding-top: 90px; text-align: center; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; } #sh_corpomate_theme_pets_2 .sh_content .sh_bottom_part h4, #sh_corpomate_theme_pets_2 .sh_content .sh_bottom_part .h4 { font-size: 20px; font-weight: 600; letter-spacing: 1px; color: #003557; margin-bottom: 10px; margin-top: 10px; } #sh_corpomate_theme_pets_2 .sh_content .sh_bottom_part p { font-size: 14px; color: #6b7b90; letter-spacing: .5px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; border-radius: 5px; } #sh_corpomate_theme_pets_2 .sh_content .sh_btn { position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); display: block; transition: all .4s; opacity: 0; } #sh_corpomate_theme_pets_2 .sh_content .sh_btn a { background: #0075C2; color: #fff; padding: 10px 16px; } #sh_corpomate_theme_pets_2 .sh_content:hover .sh_middle_part { border-color: #0075C2; } #sh_corpomate_theme_pets_2 .sh_content:hover .sh_btn { display: block; bottom: -22px; opacity: 1; } #sh_corpomate_theme_pets_2 .sh_content:hover .sh_middle_part .sh_img img { border-color: #0075C2; } #sh_corpomate_theme_pets_2 .sh_last_btn { text-align: center; margin-top: 60px; } #sh_corpomate_theme_pets_2 .sh_last_btn a.btn { padding: 10px 20px; box-shadow: none; transition: all .4s; border-width: 2px; } #sh_corpomate_theme_pets_2 .sh_last_btn a.btn span { padding-left: 10px; } #sh_corpomate_theme_pets_2 .sh_last_btn a.btn:hover { background: 0 0; color: #003557; } #sh_corpomate_theme_pets_2 .sh_top_part .sh_img:before { content: ''; position: absolute; left: 0; bottom: -20px; background: url(/sh_corpomate_theme/static/src/images/theme_5/2.svg); background-size: cover; width: 101%; height: 100px; z-index: 1; background-position: bottom; } #sh_corpomate_theme_pets_2 .sh_disable_hover_cls .sh_top_part .sh_img:after { z-index: -1; } @media screen and (max-width: 991px) { #sh_corpomate_theme_pets_2 .sh_content .sh_bottom_part h4, #sh_corpomate_theme_pets_2 .sh_content .sh_bottom_part .h4 { font-size: 18px; } } @media (max-width: 768px) { #sh_corpomate_theme_pets_2 .sh_content { margin-bottom: 40px; } } @media (max-width: 576px) { #sh_corpomate_theme_pets_2 .sh_title h4:before, #sh_corpomate_theme_pets_2 .sh_title .h4:before { right: -30px; width: 20px; } #sh_corpomate_theme_pets_2 .sh_title h4:after, #sh_corpomate_theme_pets_2 .sh_title .h4:after { left: -15px; width: 20px; } #sh_corpomate_theme_pets_2 .sh_title h4, #sh_corpomate_theme_pets_2 .sh_title .h4 { font-size: 26px; } #sh_corpomate_theme_pets_2 .sh_title p { width: 100%; } #sh_corpomate_theme_pets_2 { padding-top: 0; padding-bottom: 50px; } #sh_corpomate_theme_pets_2 .sh_content { margin-bottom: 40px; } #sh_corpomate_theme_pets_2 .sh_title { margin-bottom: 30px; } #sh_corpomate_theme_pets_2 .sh_last_btn { margin-top: 20px; } } /*------------------ snnipet-2 start -------------------*/ /*------------------ snnipet-3 start -------------------*/ #sh_corpomate_theme_pets_3 { padding-bottom: 50px; position: relative; } #sh_corpomate_theme_pets_3 .sh_title h4, #sh_corpomate_theme_pets_3 .sh_title .h4 { position: relative; font-size: 40px; font-weight: 600; color: #003557; margin-bottom: 20px; display: inline-block; } #sh_corpomate_theme_pets_3 .sh_title { text-align: center; overflow: hidden; } #sh_corpomate_theme_pets_3 .sh_title p { color: #6b7b90; width: 70%; margin: 0 auto 50px auto; font-size: 16px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_pets_3 .sh_title h4:after, #sh_corpomate_theme_pets_3 .sh_title .h4:after { content: ''; position: absolute; left: -40px; top: 50%; background: #6b7b90; width: 50px; height: 1px; transform: translateX(-50%); } #sh_corpomate_theme_pets_3 .sh_title h4:before, #sh_corpomate_theme_pets_3 .sh_title .h4:before { content: ''; position: absolute; right: -90px; top: 50%; background: #6b7b90; width: 50px; height: 1px; transform: translateX(-50%); } #sh_corpomate_theme_pets_3 .card { margin-bottom: 5px; border: 0 solid #cfcfcf; border-radius: .25rem; } #sh_corpomate_theme_pets_3 .card-header { background: 0 0; padding: 0; margin-bottom: 0; } #sh_corpomate_theme_pets_3 .card-header a { padding: 15px; background: 0 0; margin-bottom: 0; display: block; } #sh_corpomate_theme_pets_3 .card-header a { text-decoration: none; } #sh_corpomate_theme_pets_3 .card-header a h5 span, #sh_corpomate_theme_pets_3 .card-header a .h5 span { float: right; } #sh_corpomate_theme_pets_3 .card-header a h5 span:before, #sh_corpomate_theme_pets_3 .card-header a .h5 span:before { content: "\f068"; display: block; background: #003557; color: #fff; font-size: 14px; z-index: 111; width: 28px; height: 28px; line-height: 30px; border-radius: 100%; text-align: center; } #sh_corpomate_theme_pets_3 .card-header a h5, #sh_corpomate_theme_pets_3 .card-header a .h5 { font-size: 16px; line-height: 28px; letter-spacing: .7px; font-weight: 600; color: #6b7b90; } #sh_corpomate_theme_pets_3 .card-body { padding: 15px 5px; } #sh_corpomate_theme_pets_3 .card-header .collapsed h5 span:before, #sh_corpomate_theme_pets_3 .card-header .collapsed .h5 span:before { content: "" !important; background: 0 0; color: #6b7b90; } #sh_corpomate_theme_pets_3 .card .card-body p { color: #6b7b90; font-size: 15px; line-height: 1.9; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_pets_3 .sh_img img { width: 100%; min-height: 500px; height: 500px; object-fit: cover; } #sh_corpomate_theme_pets_3 .sh_img { position: relative; overflow: hidden; } #sh_corpomate_theme_pets_3 .sh_img:after { content: ''; position: absolute; top: -15%; left: -15%; bottom: 0; height: 150%; background: #0075C2; opacity: .7; width: 60%; transform: rotate(-18deg); pointer-events: none; } #sh_corpomate_theme_pets_3 .sh_img a { background: #003557; color: #fff; padding: 12px 18px; position: absolute; bottom: 15px; left: 15px; display: block; border-radius: 5px; z-index: 1; } #sh_corpomate_theme_pets_3 .card-header a.sh_show { background: #003557; } #sh_corpomate_theme_pets_3 .card-header a.sh_show.collapsed { background: 0 0; } #sh_corpomate_theme_pets_3 .card-header a.sh_show h5, #sh_corpomate_theme_pets_3 .card-header a.sh_show .h5 { color: #fff; } #sh_corpomate_theme_pets_3 .card-header a.sh_show.collapsed h5, #sh_corpomate_theme_pets_3 .card-header a.sh_show.collapsed .h5 { color: #6b7b90; } @media (max-width: 768px) { #sh_corpomate_theme_pets_3 .sh_img { margin-top: 20px; } } @media (min-width: 576px) and (max-width: 768px) { #sh_corpomate_theme_pets_3 .sh_img img { height: 450px; min-height: 450px; } } @media (max-width: 576px) { #sh_corpomate_theme_pets_3 .sh_title h4:before, #sh_corpomate_theme_pets_3 .sh_title .h4:before { right: -30px; width: 20px; } #sh_corpomate_theme_pets_3 .sh_title h4:after, #sh_corpomate_theme_pets_3 .sh_title .h4:after { left: -15px; width: 20px; } #sh_corpomate_theme_pets_3 .sh_img img { min-height: 350px; height: 400px; } #sh_corpomate_theme_pets_3 .sh_title h4, #sh_corpomate_theme_pets_3 .sh_title .h4 { font-size: 26px; } #sh_corpomate_theme_pets_3 .sh_title p { width: 100%; margin-bottom: 30px; } #sh_corpomate_theme_pets_3 { padding-bottom: 0; } } /*------------------ snnipet-3 end -------------------*/ /*------------------ snnipet-4 start -------------------*/ #sh_corpomate_theme_pets_4 { padding-bottom: 80px; padding-top: 50px; } #sh_corpomate_theme_pets_4 .col-lg-3 { background: #003557; } #sh_corpomate_theme_pets_4 .row { margin: 0; } #sh_corpomate_theme_pets_4 .sh_left_part { padding: 80px 20px; color: #fff; } #sh_corpomate_theme_pets_4 .sh_left_part h4, #sh_corpomate_theme_pets_4 .sh_left_part .h4 { font-weight: 600; font-size: 28px; letter-spacing: 1px; margin-bottom: 20px; } #sh_corpomate_theme_pets_4 .sh_left_part p { margin-bottom: 20px; font-size: 15px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; color: #fff; } #sh_corpomate_theme_pets_4 .sh_left_part .sh_btn a { font-size: 16px; letter-spacing: .7px; padding: 10px 20px; box-shadow: none; transition: all .4s; border-width: 2px; } #sh_corpomate_theme_pets_4 .sh_content { box-shadow: 0 5px 20px rgba(34, 34, 34, 0.14); padding: 40px 20px; text-align: center; transition: all .4s; } #sh_corpomate_theme_pets_4 .sh_content .sh_icon span { font-size: 40px; color: #003557; margin-bottom: 20px; transform: rotate(0); transition: all .4s; } #sh_corpomate_theme_pets_4 .sh_content h5, #sh_corpomate_theme_pets_4 .sh_content .h5 { font-weight: 600; font-size: 18px; color: #003557; margin-bottom: 15px; } #sh_corpomate_theme_pets_4 .sh_content p { margin: 0; color: #6b7b90; font-size: 15px; } #sh_corpomate_theme_pets_4 .sh_right_contetn { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; height: 100%; } #sh_corpomate_theme_pets_4 .sh_content:hover .sh_icon span { transform: rotate(360deg); } #sh_corpomate_theme_pets_4 .sh_left_part .sh_btn a:hover { background: 0 0; color: #0075C2; } @media (max-width: 991px) { #sh_corpomate_theme_pets_4 .sh_content { padding: 40px 15px; } #sh_corpomate_theme_pets_4 .sh_remove { display: none; } } @media (max-width: 768px) { #sh_corpomate_theme_pets_4 .sh_content { margin-bottom: 20px; } #sh_corpomate_theme_pets_4 .col-lg-3 { margin-bottom: 20px; } #sh_corpomate_theme_pets_4 .sh_left_part h4, #sh_corpomate_theme_pets_4 .sh_left_part .h4 { font-size: 24px; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_pets_4 .sh_right_contetn { margin-top: 10px; } } @media (max-width: 576px) { #sh_corpomate_theme_pets_4 .sh_right_contetn { margin-top: 10px; } #sh_corpomate_theme_pets_4 .col-md-3 { margin-bottom: 20px; } #sh_corpomate_theme_pets_4 { padding-bottom: 30px; } } /*------------------ snnipet-4 end -------------------*/ /*------------------ snnipet-5 start -------------------*/ #sh_corpomate_theme_pets_5 { padding-bottom: 80px; position: relative; } #sh_corpomate_theme_pets_5 .sh_title h4, #sh_corpomate_theme_pets_5 .sh_title .h4 { position: relative; font-size: 40px; font-weight: 600; color: #003557; margin-bottom: 20px; display: inline-block; } #sh_corpomate_theme_pets_5 .sh_title { text-align: center; overflow: hidden; } #sh_corpomate_theme_pets_5 .sh_title p { color: #6b7b90; width: 70%; margin: 0 auto 50px auto; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_pets_5 .sh_title h4:after, #sh_corpomate_theme_pets_5 .sh_title .h4:after { content: ''; position: absolute; left: -40px; top: 50%; background: #6b7b90; width: 50px; height: 1px; transform: translateX(-50%); } #sh_corpomate_theme_pets_5 .sh_title h4:before, #sh_corpomate_theme_pets_5 .sh_title .h4:before { content: ''; position: absolute; right: -90px; top: 50%; background: #6b7b90; width: 50px; height: 1px; transform: translateX(-50%); } #sh_corpomate_theme_pets_5 .sh_left_team { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-around; transition: all .4s; } #sh_corpomate_theme_pets_5 .sh_left_team img { width: 100%; max-width: 250px; height: 250px; object-fit: cover; object-position: top; border-radius: 5px; min-width: 250px; } #sh_corpomate_theme_pets_5 .sh_left_team .sh_social_media span { display: block; padding-bottom: 10px; color: #fff; } #sh_corpomate_theme_pets_5 .sh_left_team .sh_social_media { position: absolute; right: -10%; bottom: 0; background: #0075C2; padding: 15px 13px; border-top-left-radius: 10px; opacity: 0; transition: all .4s; z-index: 1; } #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_1, #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_2 { position: relative; transition: all .4s; border-radius: 5px; overflow: hidden; margin-bottom: 30px; } #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_2 { top: 30px; } #sh_corpomate_theme_pets_5 .sh_left_team .sh_social_media span:last-child { padding-bottom: 0; } #sh_corpomate_theme_pets_5 .sh_left_team .sh_social_media a { display: block; padding-bottom: 15px; } #sh_corpomate_theme_pets_5 .sh_left_team .sh_social_media a:last-child { padding-bottom: 0; } #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_1:hover .sh_social_media, #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_2:hover .sh_social_media { right: 0; opacity: 1; } #sh_corpomate_theme_pets_5 .sh_right_part .sh_heading h4, #sh_corpomate_theme_pets_5 .sh_right_part .sh_heading .h4 { font-size: 22px; font-weight: 600; color: #003557; letter-spacing: 1px; margin-bottom: 30px; } #sh_corpomate_theme_pets_5 .sh_right_part .sh_heading p { color: #6b7b90; margin-bottom: 50px; } #sh_corpomate_theme_pets_5 .sh_right_part .sh_content span { width: 55px; background: #003557; height: 50px; text-align: center; line-height: 50px; color: #fff; border-radius: 5px; margin-right: 20px; display: inline-table; } #sh_corpomate_theme_pets_5 .sh_right_part .sh_content { display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 20px; } #sh_corpomate_theme_pets_5 .sh_right_part .sh_content .sh_text h5, #sh_corpomate_theme_pets_5 .sh_right_part .sh_content .sh_text .h5 { font-weight: 600; letter-spacing: 1px; margin-bottom: 10px; } #sh_corpomate_theme_pets_5 .sh_right_part .sh_content .sh_text p { margin-bottom: 30px; color: #6b7b90; font-size: 15px; letter-spacing: .7px; } #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_1:after, #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_2:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #003557; opacity: 0; transition: all .4s; pointer-events: none; } #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_1:hover:after, #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_2:hover:after { opacity: .5; } @media (min-width: 991px) and (max-width: 1200px) { #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_1, #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_2 { width: 47%; } } @media (max-width: 991px) { #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_2 { top: 0; } #sh_corpomate_theme_pets_5 .sh_left_team { justify-content: space-evenly; } } @media (min-width: 576px) and (max-width: 768px) { #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_1:hover .sh_social_media, #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_2:hover .sh_social_media { right: 10px; bottom: 10px; } } @media (max-width: 768px) { #sh_corpomate_theme_pets_5 .sh_right_part { margin-top: 20px; } #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_2 { margin-top: 0; } #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_1, #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_2 { width: 50%; padding: 10px; } #sh_corpomate_theme_pets_5 .sh_left_team img { max-width: 100%; min-width: 100%; } #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_1:after, #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_2:after { width: 94%; height: 93%; top: 10px; left: 10px; } #sh_corpomate_theme_pets_5 .sh_left_team .sh_social_media { bottom: 10px; } } @media (max-width: 576px) { #sh_corpomate_theme_pets_5 .sh_left_team { display: block; } #sh_corpomate_theme_pets_5 .sh_left_team img { max-width: 100%; } #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_2 { margin-bottom: 0; } #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_1 .sh_social_media { bottom: 9px; } #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_1, #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_2 { width: 100%; } #sh_corpomate_theme_pets_5 .sh_left_team .sh_social_media { bottom: 10px; } #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_1:hover .sh_social_media, #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_2:hover .sh_social_media { right: 10px; } #sh_corpomate_theme_pets_5 .sh_title h4, #sh_corpomate_theme_pets_5 .sh_title .h4 { font-size: 26px; } #sh_corpomate_theme_pets_5 .sh_title p { width: 100%; } #sh_corpomate_theme_pets_5 .sh_title p { margin-bottom: 30px; } #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_1, #sh_corpomate_theme_pets_5 .sh_left_team .sh_img_2 { margin: 0; } #sh_corpomate_theme_pets_5 { padding-bottom: 0; } #sh_corpomate_theme_pets_5 .sh_right_part .sh_content span { width: 80px; } } /*------------------ snnipet-5 end -------------------*/ /*------------------ snnipet-6 start -------------------*/ #sh_corpomate_theme_pets_6 { margin-bottom: 80px; padding: 50px 0; position: relative; background: url("/sh_corpomate_theme/static/src/images/theme_5/sh_pets_image_6.jpg"); background-repeat: no-repeat; background-size: cover; background-position-y: center; } #sh_corpomate_theme_pets_6:after { content: ''; position: absolute; top: 0; left: 0; background: #003557; opacity: .7; width: 100%; height: 100%; pointer-events: none; } #sh_corpomate_theme_pets_6 .sh_content { text-align: center; color: #fff; position: relative; z-index: 1; } #sh_corpomate_theme_pets_6 .sh_content .sh_icon { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } #sh_corpomate_theme_pets_6 .sh_content .sh_icon span { font-size: 50px; padding-right: 20px; } #sh_corpomate_theme_pets_6 .sh_content h4, #sh_corpomate_theme_pets_6 .sh_content .h4 { margin: 0; font-size: 30px; font-weight: 600; } #sh_corpomate_theme_pets_6 .sh_content h5, #sh_corpomate_theme_pets_6 .sh_content .h5 { margin: 20px 0 0 0; font-weight: 600; letter-spacing: 1px; font-size: 16px; } @media (max-width: 768px) { #sh_corpomate_theme_pets_6 .sh_content { margin-bottom: 20px; } } @media (max-width: 576px) { #sh_corpomate_theme_pets_6 { margin-bottom: 50px; } } /*------------------ snnipet-6 end -------------------*/ /*------------------ snnipet-7 start -------------------*/ #sh_corpomate_theme_pets_7 { padding-bottom: 80px; position: relative; } #sh_corpomate_theme_pets_7 .sh_title h4, #sh_corpomate_theme_pets_7 .sh_title .h4 { position: relative; font-size: 40px; font-weight: 600; color: #003557; margin-bottom: 20px; display: inline-block; } #sh_corpomate_theme_pets_7 .sh_title { text-align: center; overflow: hidden; } #sh_corpomate_theme_pets_7 .sh_title p { color: #6b7b90; width: 70%; margin: 0 auto 50px auto; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_pets_7 .sh_title h4:after, #sh_corpomate_theme_pets_7 .sh_title .h4:after { content: ''; position: absolute; left: -40px; top: 50%; background: #6b7b90; width: 50px; height: 1px; transform: translateX(-50%); } #sh_corpomate_theme_pets_7 .sh_title h4:before, #sh_corpomate_theme_pets_7 .sh_title .h4:before { content: ''; position: absolute; right: -90px; top: 50%; background: #6b7b90; width: 50px; height: 1px; transform: translateX(-50%); } #sh_corpomate_theme_pets_7 .sh_img_gallery { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #sh_corpomate_theme_pets_7 .sh_content { flex: 0 0 20%; max-width: 20%; padding: 0 15px; position: relative; margin-bottom: 30px; transition: all .4s; } #sh_corpomate_theme_pets_7 .sh_content img { width: 100%; height: 192px; object-fit: cover; border-radius: 5px; transition: all .4s; } #sh_corpomate_theme_pets_7 .sh_content:nth-child(2), #sh_corpomate_theme_pets_7 .sh_content:nth-child(4), #sh_corpomate_theme_pets_7 .sh_content:nth-child(7), #sh_corpomate_theme_pets_7 .sh_content:nth-child(9) { top: 40px; } #sh_corpomate_theme_pets_7 .sh_content:nth-child(3), #sh_corpomate_theme_pets_7 .sh_content:nth-child(8) { margin-top: 0; } #sh_corpomate_theme_pets_7 .sh_content:hover img { opacity: .7; } #sh_corpomate_theme_pets_7 .sh_content a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 30px; opacity: 0; transition: all .4s; z-index: 1; } #sh_corpomate_theme_pets_7 .sh_content:after { content: ''; position: absolute; top: 0; left: 15px; width: 87%; height: 100%; background: #003557; opacity: 0; transition: all .4s; pointer-events: none; border-radius: 5px; } #sh_corpomate_theme_pets_7 .sh_content:hover:after { opacity: .5; } #sh_corpomate_theme_pets_7 .sh_content:hover a { opacity: 1; } @media (max-width: 991px) { #sh_corpomate_theme_pets_7 .sh_content { flex: 0 0 33.33%; max-width: 33.33%; margin-top: 0; } #sh_corpomate_theme_pets_7 .sh_content:nth-child(2), #sh_corpomate_theme_pets_7 .sh_content:nth-child(4), #sh_corpomate_theme_pets_7 .sh_content:nth-child(7), #sh_corpomate_theme_pets_7 .sh_content:nth-child(9) { top: 0; margin-top: 0; } } @media (max-width: 576px) { #sh_corpomate_theme_pets_7 .sh_content { flex: 0 0 50%; max-width: 50%; } #sh_corpomate_theme_pets_7 .sh_title h4, #sh_corpomate_theme_pets_7 .sh_title .h4 { font-size: 26px; } #sh_corpomate_theme_pets_7 .sh_title p { width: 100%; } #sh_corpomate_theme_pets_7 .sh_content:after { width: 88%; } #sh_corpomate_theme_pets_7 .sh_title p { margin-bottom: 30px; } #sh_corpomate_theme_pets_7 { padding-bottom: 30px; } } @media (max-width: 400px) { #sh_corpomate_theme_pets_7 .sh_content:after { width: 82%; } #sh_corpomate_theme_pets_7 .sh_content img { height: 130px; } } /*------------------ snnipet-7 end -------------------*/ /*------------------ snnipet-8 start -------------------*/ #sh_corpomate_theme_pets_8 { padding-bottom: 80px; position: relative; } #sh_corpomate_theme_pets_8 .sh_title h4, #sh_corpomate_theme_pets_8 .sh_title .h4 { position: relative; font-size: 40px; font-weight: 600; color: #003557; margin-bottom: 20px; display: inline-block; } #sh_corpomate_theme_pets_8 .sh_title { text-align: center; margin-bottom: 50px; overflow: hidden; } #sh_corpomate_theme_pets_8 .sh_title p { color: #6b7b90; width: 70%; margin: 0 auto 50px auto; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_pets_8 .sh_title h4:after, #sh_corpomate_theme_pets_8 .sh_title .h4:after { content: ''; position: absolute; left: -40px; top: 50%; background: #6b7b90; width: 50px; height: 1px; transform: translateX(-50%); } #sh_corpomate_theme_pets_8 .sh_title h4:before, #sh_corpomate_theme_pets_8 .sh_title .h4:before { content: ''; position: absolute; right: -90px; top: 50%; background: #6b7b90; width: 50px; height: 1px; transform: translateX(-50%); } #sh_corpomate_theme_pets_8 .sh_content { box-shadow: 0 5px 20px rgba(34, 34, 34, 0.14); text-align: center; position: relative; transition: all .4s; } #sh_corpomate_theme_pets_8 .sh_top_part { background: #003557; padding: 20px 0 100px 0; position: relative; overflow: hidden; } #sh_corpomate_theme_pets_8 .sh_top_part h2, #sh_corpomate_theme_pets_8 .sh_top_part .h2 { margin: 0; font-size: 30px; font-weight: 600; color: #fff; } #sh_corpomate_theme_pets_8 .sh_top_part h2 span, #sh_corpomate_theme_pets_8 .sh_top_part .h2 span { font-size: 18px; } #sh_corpomate_theme_pets_8 .sh_middle_part { width: 100px; height: 100px; border-radius: 50%; position: absolute; top: 65px; left: 50%; transform: translateX(-50%); } #sh_corpomate_theme_pets_8 .sh_middle_part .sh_img img { width: 100px; height: 100px; object-fit: cover; border-radius: 50%; border: 10px solid #fff; transition: all .4s; } #sh_corpomate_theme_pets_8 .sh_bottom_part ul { padding: 20px 0 30px; margin: 0; list-style: none; } #sh_corpomate_theme_pets_8 .sh_bottom_part ul li { padding: 5px 0; color: #6b7b90; } #sh_corpomate_theme_pets_8 .sh_bottom_part .sh_btn a { display: inline-block; padding: 10px 30px; margin-bottom: 30px; font-size: 18px; letter-spacing: 1px; box-shadow: none; transition: all .4s; border-width: 2px; } #sh_corpomate_theme_pets_8 .sh_content.sh_mid_content { margin-top: -40px; } #sh_corpomate_theme_pets_8 .sh_content.sh_mid_content .sh_top_part { padding: 20px 0 100px 0; } #sh_corpomate_theme_pets_8 .sh_content.sh_mid_content .sh_middle_part { width: 150px; height: 150px; } #sh_corpomate_theme_pets_8 .sh_content.sh_mid_content .sh_middle_part img { width: 150px; height: 150px; } #sh_corpomate_theme_pets_8 .sh_content.sh_mid_content .sh_bottom_part ul { padding: 80px 0 40px; } #sh_corpomate_theme_pets_8 .sh_content.sh_mid_content .sh_bottom_part .sh_btn a { padding: 10px 30px; } #sh_corpomate_theme_pets_8 .sh_content:hover .sh_middle_part .sh_img img { border: 10px solid #0075C2; box-shadow: none; } #sh_corpomate_theme_pets_8 .sh_bottom_part .sh_btn a:hover { border-color: #003557; color: #003557; background: 0 0; } #sh_corpomate_theme_pets_8 .sh_top_part:after { content: ''; position: absolute; left: 0; bottom: -10px; background: url(/sh_corpomate_theme/static/src/images/theme_5/2.svg); background-size: cover; width: 101%; height: 100px; background-position: bottom; } @media (max-width: 991px) { #sh_corpomate_theme_pets_8 .sh_content.sh_mid_content .sh_middle_part { width: 100px; height: 100px; } #sh_corpomate_theme_pets_8 .sh_content.sh_mid_content .sh_middle_part img { width: 100px; height: 100px; } #sh_corpomate_theme_pets_8 .sh_content.sh_mid_content { margin-top: 0; } #sh_corpomate_theme_pets_8 .sh_content.sh_mid_content .sh_bottom_part ul { padding: 20px 0 30px; } #sh_corpomate_theme_pets_8 .sh_content.sh_mid_content .sh_bottom_part .sh_btn a { padding: 10px 30px; } } @media (max-width: 768px) { #sh_corpomate_theme_pets_8 .sh_content { margin-bottom: 20px; } #sh_corpomate_theme_pets_8 .sh_content.sh_mid_content { margin-top: 0; } } @media (max-width: 576px) { #sh_corpomate_theme_pets_8 .sh_title h4, #sh_corpomate_theme_pets_8 .sh_title .h4 { font-size: 26px; } #sh_corpomate_theme_pets_8 .sh_title p { width: 100%; } #sh_corpomate_theme_pets_8 .sh_title { margin-bottom: 0; } #sh_corpomate_theme_pets_8 .sh_content.sh_mid_content .sh_top_part { padding: 20px 0 100px 0; } #sh_corpomate_theme_pets_8 { padding-bottom: 30px; } } /*------------------ snnipet-8 end -------------------*/ /*------------------ snnipet-9 start -------------------*/ #sh_corpomate_theme_pets_9 { margin-bottom: 80px; } #sh_corpomate_theme_pets_9 .col-md-3 { background: #003557; } #sh_corpomate_theme_pets_9 .sh_left_content { padding: 80px 20px; color: #fff; } #sh_corpomate_theme_pets_9 .sh_left_content h2, #sh_corpomate_theme_pets_9 .sh_left_content .h2 { font-size: 24px; font-weight: 600; letter-spacing: 1px; margin-bottom: 20px; } #sh_corpomate_theme_pets_9 .sh_left_content p { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; margin: 0; color: #fff; } #sh_corpomate_theme_pets_9 .sh_content p { font-size: 16px; letter-spacing: 1px; max-width: 80%; margin: auto; margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #sh_corpomate_theme_pets_9 .sh_content p { text-align: center; position: relative; color: #6b7b90; font-size: 16px; letter-spacing: 1px; max-width: 80%; margin: auto; margin-top: 60px; margin-bottom: 40px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_pets_9 .sh_content p:before { content: '\f10d'; top: -20px; left: -70px; height: 50px; width: 50px; font-size: 40px; position: absolute; font: normal normal normal 30px FontAwesome; color: #e1e1e1; } #sh_corpomate_theme_pets_9 .sh_content p:after { content: '\f10e'; bottom: -80px; right: -80px; height: 50px; width: 50px; font-size: 40px; position: absolute; font: normal normal normal 30px FontAwesome; color: #e1e1e1; } #sh_corpomate_theme_pets_9 .sh_content .sh_img_content { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; } #sh_corpomate_theme_pets_9 .sh_content .sh_img_content img { width: 100px; height: 100px; object-fit: cover; box-shadow: 0 5px 20px rgba(34, 34, 34, 0.14); border-radius: 5px; } #sh_corpomate_theme_pets_9 .sh_content .sh_img_content .sh_text { padding-left: 30px; } #sh_corpomate_theme_pets_9 .sh_content .sh_img_content .sh_text h3, #sh_corpomate_theme_pets_9 .sh_content .sh_img_content .sh_text .h3 { font-size: 20px; font-weight: 600; letter-spacing: 1px; margin-bottom: 5px; } #sh_corpomate_theme_pets_9 .sh_content .sh_text h6, #sh_corpomate_theme_pets_9 .sh_content .sh_text .h6 { margin-bottom: 0; color: #6b7b90; font-size: 16px; } #sh_corpomate_theme_pets_9 row { align-items: center; } #sh_corpomate_theme_pets_9 .sh_content { padding: 0 20px 50px 20px; } #sh_corpomate_theme_pets_9 .owl-carousel .owl-nav { display: block; position: absolute; bottom: 40px; right: 10px; } #sh_corpomate_theme_pets_9 .owl-carousel .owl-nav .owl-next, #sh_corpomate_theme_pets_9 .owl-carousel .owl-nav .owl-prev { background: #fff; padding: 0 !important; border: 2px solid #ccc; font-size: 32px; width: 45px; height: 45px; line-height: 0; color: #6b7b90; } #sh_corpomate_theme_pets_9 .owl-carousel .owl-dots { display: none; } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_pets_9 .sh_img_content { margin-top: 20px; } } @media (max-width: 576px) { #sh_corpomate_theme_pets_9 .owl-carousel .owl-nav { position: relative; bottom: 0; left: 0; right: 0; display: none !important; } #sh_corpomate_theme_pets_9 { margin-bottom: 50px; } #sh_corpomate_theme_pets_9 .col-md-3 { margin-bottom: 30px; } #sh_corpomate_theme_pets_9 .sh_content p { max-width: 100%; } #sh_corpomate_theme_pets_9 .sh_content .sh_img_content .sh_text h3, #sh_corpomate_theme_pets_9 .sh_content .sh_img_content .sh_text .h3 { font-size: 16px; } #sh_corpomate_theme_pets_9 .sh_content .sh_text h6, #sh_corpomate_theme_pets_9 .sh_content .sh_text .h6 { font-size: 14px; } #sh_corpomate_theme_pets_9 .sh_content p:after { content: '\f10e'; bottom: -100px; right: -20px; height: 50px; width: 50px; font-size: 40px; position: absolute; font: normal normal normal 30px FontAwesome; color: #e1e1e1; } #sh_corpomate_theme_pets_9 .sh_content p:before { content: '\f10d'; top: -31px; left: -24px; height: 50px; width: 50px; font-size: 40px; position: absolute; font: normal normal normal 30px FontAwesome; color: #e1e1e1; } } @media (max-width: 360px) { #sh_corpomate_theme_pets_9 .sh_content .sh_img_content .sh_text { padding-left: 15px; } #sh_corpomate_theme_pets_9 .sh_content .sh_img_content .sh_text h3, #sh_corpomate_theme_pets_9 .sh_content .sh_img_content .sh_text .h3 { font-size: 12px; } #sh_corpomate_theme_pets_9 .sh_content .sh_text h6, #sh_corpomate_theme_pets_9 .sh_content .sh_text .h6 { font-size: 11px; } #sh_corpomate_theme_pets_9 .sh_content p:after { content: '\f10e'; bottom: -130px; right: -31px; height: 50px; width: 50px; font-size: 40px; position: absolute; font: normal normal normal 25px FontAwesome; color: #e1e1e1; } #sh_corpomate_theme_pets_9 .sh_content p:before { content: '\f10d'; top: -29px; left: -32px; height: 50px; width: 50px; font-size: 40px; position: absolute; font: normal normal normal 25px FontAwesome; color: #e1e1e1; } #sh_corpomate_theme_pets_9 .sh_content p { max-width: 100%; margin-bottom: 50px; } } /*------------------ snnipet-9 end -------------------*/ /*----------------------------------------------------home page end----------------------------------------------------*/ /*----------------------------------------------------about page start----------------------------------------------------*/ /*------------------ snnipet-11 start -------------------*/ #sh_corpomate_theme_pets_11 { min-height: 450px; display: -webkit-box; display: -webkit-flex; display: flex; vertical-align: middle; align-items: center; position: relative; overflow: hidden; } #sh_corpomate_theme_pets_11:after { content: ''; position: absolute; top: -20%; left: -15%; bottom: 0; height: 160%; background: #0075C2; opacity: .7; z-index: 0; width: 60%; transform: rotate(-15deg); pointer-events: none; } #sh_corpomate_theme_pets_11 .sh_content { position: relative; z-index: 1; } #sh_corpomate_theme_pets_11 .sh_content h2, #sh_corpomate_theme_pets_11 .sh_content .h2 { color: #fff; font-size: 46px; font-weight: 600; letter-spacing: 1px; padding-bottom: 30px; } #sh_corpomate_theme_pets_11 .sh_content p { margin: 0; padding-bottom: 30px; color: #fff; font-size: 16px; letter-spacing: .5px; } #sh_corpomate_theme_pets_11 .sh_content a { background: #003557; color: #fff; padding: 10px 20px; display: inline-block; font-size: 16px; letter-spacing: .7px; } #sh_corpomate_theme_pets_11 .svg_img { width: 100%; left: 0; position: absolute; bottom: -10px; z-index: 1; height: 80px; } #sh_corpomate_theme_pets_11 .sh_navigation { position: relative; background: #003557; z-index: 2; left: 0; top: 0; color: #fff; padding: 5px 20px; border-radius: 5px; display: inline-block; } #sh_corpomate_theme_pets_11 .sh_navigation a { color: #fff; box-shadow: none; } #sh_corpomate_theme_pets_11:before { content: ''; position: absolute; left: 0; bottom: -50px; background: url(/sh_corpomate_theme/static/src/images/theme_5/1.svg); background-size: cover; width: 100%; height: 250px; z-index: 111; background-position: bottom; pointer-events: none; } .o_rtl #sh_corpomate_theme_pets_11:after { left: -10%; } @media (min-width: 768px) and (max-width: 991px) { #sh_corpomate_theme_pets_11:after { width: 65%; } } @media (max-width: 768px) { #sh_corpomate_theme_pets_11:before { bottom: -36px; } } @media (max-width: 576px) { #sh_corpomate_theme_pets_11:after { top: 0; left: 0; transform: rotate(0); width: 100%; } #sh_corpomate_theme_pets_11 .svg_img { bottom: -50px; } } /*------------------ snnipet-11 end -------------------*/ /*------------------ snnipet-12 start -------------------*/ #sh_corpomate_theme_pets_12 { margin-top: 80px; } #sh_corpomate_theme_pets_12 .sh_left_content h4, #sh_corpomate_theme_pets_12 .sh_left_content .h4 { font-size: 22px; font-weight: 600; color: #003557; letter-spacing: 1px; margin-bottom: 30px; } #sh_corpomate_theme_pets_12 .sh_left_content > p { color: #6b7b90; margin-bottom: 50px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_pets_12 .sh_left_content .sh_icon_text { display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 20px; } #sh_corpomate_theme_pets_12 .sh_left_content .sh_icon_text span { width: 55px; background: #003557; height: 50px; text-align: center; line-height: 50px; color: #fff; border-radius: 5px; margin-right: 20px; display: inline-table; } #sh_corpomate_theme_pets_12 .sh_left_content .sh_icon_text .sh_text h5, #sh_corpomate_theme_pets_12 .sh_left_content .sh_icon_text .sh_text .h5 { font-weight: 600; letter-spacing: 1px; margin-bottom: 10px; } #sh_corpomate_theme_pets_12 .sh_left_content .sh_icon_text .sh_text p { margin-bottom: 30px; color: #6b7b90; font-size: 15px; letter-spacing: .7px; } #sh_corpomate_theme_pets_12 .sh_right_content img { width: 100%; height: 400px; object-fit: cover; object-position: left; } #sh_corpomate_theme_pets_12 .sh_right_content { position: relative; overflow: hidden; box-shadow: 0 5px 20px rgba(34, 34, 34, 0.14); } #sh_corpomate_theme_pets_12 .sh_right_content:before { content: ''; position: absolute; top: -15%; left: -15%; bottom: 0; height: 150%; background: #0075C2; opacity: .7; width: 60%; transform: rotate(-18deg); pointer-events: none; } #sh_corpomate_theme_pets_12 .sh_right_content a { background: #003557; color: #fff; padding: 12px 18px; position: absolute; bottom: 15px; left: 15px; display: block; border-radius: 5px; z-index: 1; } @media screen and (max-width: 991px) { #sh_corpomate_theme_pets_12 .sh_left_content .sh_icon_text span { width: 85px; } } @media (max-width: 768px) { #sh_corpomate_theme_pets_12 .sh_left_content .sh_icon_text span { width: 69px; } } @media (max-width: 576px) { #sh_corpomate_theme_pets_12 { margin-top: 50px; } } /*------------------ snnipet-12 end -------------------*/ /*------------------ snnipet-13 start -------------------*/ #sh_corpomate_theme_pets_13 { margin-top: 80px; background: url(/sh_corpomate_theme/static/src/images/theme_5/sh_pets_image_22.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 60px 0; position: relative; } #sh_corpomate_theme_pets_13:after { content: ''; position: absolute; top: 0; left: 0; background: #003557; opacity: .7; width: 100%; height: 100%; pointer-events: none; } #sh_corpomate_theme_pets_13 .sh_counter { text-align: center; position: relative; z-index: 1; } #sh_corpomate_theme_pets_13 .sh_counter h2, #sh_corpomate_theme_pets_13 .sh_counter .h2 { color: #fff; font-weight: 600; font-size: 40px; letter-spacing: 1px; margin-bottom: 10px; } #sh_corpomate_theme_pets_13 .sh_counter p { color: #fff; font-size: 18px; font-weight: 600; letter-spacing: 1px; margin: 0; } #sh_corpomate_theme_pets_13 .sh_counter:after { content: ''; position: absolute; right: -15px; top: 0; background: #fff; width: 2px; height: 100%; } #sh_corpomate_theme_pets_13 .col-lg-3:last-child .sh_counter:after { display: none; } @media screen and (max-width: 991px) { #sh_corpomate_theme_pets_13 .sh_counter:after { display: none; } } @media (max-width: 768px) { #sh_corpomate_theme_pets_13 .sh_counter:after { display: none; } #sh_corpomate_theme_pets_13 .sh_counter { margin-bottom: 20px; } #sh_corpomate_theme_pets_13 { margin-top: 50px; } } /*------------------ snnipet-13 end -------------------*/ /*------------------ snnipet-14 start -------------------*/ #sh_corpomate_theme_pets_14 { padding-top: 50px; padding-bottom: 50px; position: relative; } #sh_corpomate_theme_pets_14 .sh_title h4, #sh_corpomate_theme_pets_14 .sh_title .h4 { position: relative; font-size: 40px; font-weight: 600; color: #003557; margin-bottom: 20px; display: inline-block; } #sh_corpomate_theme_pets_14 .sh_title { text-align: center; margin-bottom: 50px; overflow: hidden; } #sh_corpomate_theme_pets_14 .sh_title p { color: #6b7b90; width: 70%; margin: 0 auto 30px auto; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_pets_14 .sh_title h4:after, #sh_corpomate_theme_pets_14 .sh_title .h4:after { content: ''; position: absolute; left: -40px; top: 50%; background: #6b7b90; width: 50px; height: 1px; transform: translateX(-50%); } #sh_corpomate_theme_pets_14 .sh_title h4:before, #sh_corpomate_theme_pets_14 .sh_title .h4:before { content: ''; position: absolute; right: -90px; top: 50%; background: #6b7b90; width: 50px; height: 1px; transform: translateX(-50%); } #sh_corpomate_theme_pets_14 .sh_team { box-shadow: 0 5px 20px rgba(34, 34, 34, 0.14); padding: 20px; margin: 5px; } #sh_corpomate_theme_pets_14 .sh_team > p { color: #6b7b90; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_pets_14 .sh_team .sh_img_content { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; } #sh_corpomate_theme_pets_14 .sh_team .sh_img_content img { width: 80px; height: 80px; object-fit: cover; object-position: top; border-radius: 50%; } #sh_corpomate_theme_pets_14 .sh_team .sh_img_content .sh_text { padding-left: 20px; } #sh_corpomate_theme_pets_14 .sh_team .sh_img_content .sh_text h5, #sh_corpomate_theme_pets_14 .sh_team .sh_img_content .sh_text .h5 { font-size: 18px; font-weight: 600; margin: 0; } #sh_corpomate_theme_pets_14 .sh_team .sh_img_content .sh_text p { margin: 0; font-size: 13px; color: #6b7b90; } #sh_corpomate_theme_pets_14 .owl-nav { display: none !important; } #sh_corpomate_theme_pets_14 .owl-dots { display: none !important; } @media screen and (max-width: 991px) { #sh_corpomate_theme_pets_14 .sh_team .sh_img_content .sh_text h5, #sh_corpomate_theme_pets_14 .sh_team .sh_img_content .sh_text .h5 { font-size: 17px; } } @media (max-width: 768px) { #sh_corpomate_theme_pets_14 .sh_team { margin-bottom: 20px; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_pets_14 .sh_team .sh_img_content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_pets_14 .sh_team > p { font-size: 15px; } } @media (max-width: 576px) { #sh_corpomate_theme_pets_14 .sh_title h4, #sh_corpomate_theme_pets_14 .sh_title .h4 { font-size: 26px; } #sh_corpomate_theme_pets_14 .sh_title p { width: 100%; } #sh_corpomate_theme_pets_14 .sh_title { margin-bottom: 0; } #sh_corpomate_theme_pets_14 .sh_team .sh_img_content .sh_text h5, #sh_corpomate_theme_pets_14 .sh_team .sh_img_content .sh_text .h5 { font-size: 14px; } #sh_corpomate_theme_pets_14 .sh_team .sh_img_content .sh_text p { font-size: 12px; } #sh_corpomate_theme_pets_14 .owl-nav.disabled { display: none !important; } } /*------------------ snnipet-14 end -------------------*/ /*----------------------------------------------------about page end----------------------------------------------------*/ /*----------------------------------------------------service page start----------------------------------------------------*/ /*------------------ snnipet-15 start -------------------*/ #sh_corpomate_theme_pets_15 { min-height: 450px; display: -webkit-box; display: -webkit-flex; display: flex; vertical-align: middle; align-items: center; position: relative; overflow: hidden; } #sh_corpomate_theme_pets_15:after { content: ''; position: absolute; top: -20%; left: -15%; bottom: 0; height: 160%; background: #0075C2; opacity: .7; z-index: 0; width: 60%; transform: rotate(-15deg); pointer-events: none; } #sh_corpomate_theme_pets_15 .sh_content { position: relative; z-index: 1; } #sh_corpomate_theme_pets_15 .sh_content h2, #sh_corpomate_theme_pets_15 .sh_content .h2 { color: #fff; font-size: 46px; font-weight: 600; letter-spacing: 1px; padding-bottom: 30px; } #sh_corpomate_theme_pets_15 .sh_content p { margin: 0; padding-bottom: 30px; color: #fff; font-size: 16px; letter-spacing: .5px; } #sh_corpomate_theme_pets_15 .sh_content a { background: #003557; color: #fff; padding: 10px 20px; display: inline-block; font-size: 16px; letter-spacing: .7px; } #sh_corpomate_theme_pets_15 .svg_img { width: 100%; left: 0; position: absolute; bottom: -10px; z-index: 1; height: 80px; } #sh_corpomate_theme_pets_15 .sh_navigation { position: relative; background: #003557; z-index: 2; left: 0; bottom: 0; color: #fff; padding: 5px 20px; border-radius: 5px; display: inline-block; } #sh_corpomate_theme_pets_15 .sh_navigation a { color: #fff; box-shadow: none; } #sh_corpomate_theme_pets_15:before { content: ''; position: absolute; left: 0; bottom: -50px; background: url(/sh_corpomate_theme/static/src/images/theme_5/1.svg); background-size: cover; width: 100%; height: 250px; z-index: 111; background-position: bottom; pointer-events: none; } .o_rtl #sh_corpomate_theme_pets_15:after { left: -10%; } @media (min-width: 768px) and (max-width: 991px) { #sh_corpomate_theme_pets_15:after { width: 65%; } } @media (max-width: 768px) { #sh_corpomate_theme_pets_15:before { bottom: -36px; } } @media (max-width: 576px) { #sh_corpomate_theme_pets_15:after { top: 0; left: 0; width: 100%; transform: rotate(0); } #sh_corpomate_theme_pets_15 .svg_img { bottom: -50px; } } /*------------------ snnipet-15 end -------------------*/ /*------------------ snnipet-16 start -------------------*/ #sh_corpomate_theme_pets_16 { margin-top: 50px; } #sh_corpomate_theme_pets_16 .sh_img img { width: 100%; max-height: 400px; object-fit: cover; } #sh_corpomate_theme_pets_16 .sh_content h4, #sh_corpomate_theme_pets_16 .sh_content .h4 { font-size: 22px; font-weight: 600; color: #003557; letter-spacing: 1px; margin-bottom: 30px; } #sh_corpomate_theme_pets_16 .sh_content p { color: #6b7b90; margin-bottom: 50px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_pets_16 .sh_content ul { list-style: none; padding: 0; margin: 0; } #sh_corpomate_theme_pets_16 .sh_content ul li { padding-bottom: 15px; font-size: 16px; font-weight: 600; } #sh_corpomate_theme_pets_16 .sh_content ul li span { color: #0075C2; font-size: 22px; padding-right: 10px; vertical-align: middle; } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_pets_16 .sh_content h4, #sh_corpomate_theme_pets_16 .sh_content .h4 { margin-top: 20px; margin-bottom: 10px; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_pets_16 .sh_content h4, #sh_corpomate_theme_pets_16 .sh_content .h4 { margin-top: 20px; margin-bottom: 0; } #sh_corpomate_theme_pets_16 .sh_content p { margin-bottom: 30px; } } /*------------------ snnipet-16 end -------------------*/ /*------------------ snnipet-17 start -------------------*/ #sh_corpomate_theme_pets_17 { padding: 50px 0; margin-top: 50px; background: #003557; } #sh_corpomate_theme_pets_17 .sh_content { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; color: #fff; align-items: center; } #sh_corpomate_theme_pets_17 .sh_content p { margin: 0; font-size: 16px; letter-spacing: 1px; color: #fff; } #sh_corpomate_theme_pets_17 .sh_content h2, #sh_corpomate_theme_pets_17 .sh_content .h2 { font-size: 24px; font-weight: 600; letter-spacing: 1px; margin-bottom: 10px; } #sh_corpomate_theme_pets_17 .sh_content .sh_btn a { font-weight: 600; letter-spacing: 1px; padding: 13px 30px; border-width: 2px; } #sh_corpomate_theme_pets_17 .sh_content .sh_btn a:hover { background: 0 0; color: #0075C2; } @media screen and (max-width: 991px) { #sh_corpomate_theme_pets_16 .sh_content ul li { font-size: 12px; } } @media (max-width: 767px) { #sh_corpomate_theme_pets_17 .sh_content { display: block; text-align: center; } #sh_corpomate_theme_pets_17 .sh_content .sh_btn a { margin-top: 20px; } } /*------------------ snnipet-17 end -------------------*/ /*------------------ snnipet-18 start -------------------*/ #sh_corpomate_theme_pets_18 { padding-bottom: 80px; padding-top: 50px; } #sh_corpomate_theme_pets_18 .sh_title h4, #sh_corpomate_theme_pets_18 .sh_title .h4 { position: relative; font-size: 40px; font-weight: 600; color: #003557; margin-bottom: 20px; display: inline-block; } #sh_corpomate_theme_pets_18 .sh_title { text-align: center; margin-bottom: 50px; } #sh_corpomate_theme_pets_18 .sh_title p { color: #6b7b90; width: 70%; margin: 0 auto 30px auto; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_pets_18 .sh_title h4:after, #sh_corpomate_theme_pets_18 .sh_title .h4:after { content: ''; position: absolute; left: -40px; top: 50%; background: #6b7b90; width: 50px; height: 1px; transform: translateX(-50%); } #sh_corpomate_theme_pets_18 .sh_title h4:before, #sh_corpomate_theme_pets_18 .sh_title .h4:before { content: ''; position: absolute; right: -90px; top: 50%; background: #6b7b90; width: 50px; height: 1px; transform: translateX(-50%); } #sh_corpomate_theme_pets_18 .sh_top_part .sh_img img { width: 100%; height: 150px; object-fit: cover; } #sh_corpomate_theme_pets_18 .sh_top_part .sh_img { position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; } #sh_corpomate_theme_pets_18 .sh_top_part .sh_img:before { content: ''; position: absolute; left: 0; bottom: -20px; background: url(/sh_corpomate_theme/static/src/images/theme_5/2.svg); background-size: cover; width: 101%; height: 100px; z-index: 1; background-position: bottom; } #sh_corpomate_theme_pets_18 .sh_top_part .sh_img:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #003557; opacity: .7; } #sh_corpomate_theme_pets_18 .sh_content { position: relative; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25), 0 3px 10px 0 rgba(0, 0, 0, 0.2); border-radius: 5px; transition: all .4s; margin-bottom: 60px; } #sh_corpomate_theme_pets_18 .sh_content .sh_middle_part { z-index: 1; position: absolute; top: 60px; left: 50%; transform: translateX(-50%); border-radius: 5px; } #sh_corpomate_theme_pets_18 .sh_content .sh_middle_part .sh_img img { width: 180px; border-radius: 50%; height: 180px; object-fit: cover; border: 10px solid #fff; transition: all .4s; } #sh_corpomate_theme_pets_18 .sh_content .sh_bottom_part { padding-top: 90px; text-align: center; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; } #sh_corpomate_theme_pets_18 .sh_content .sh_bottom_part h4, #sh_corpomate_theme_pets_18 .sh_content .sh_bottom_part .h4 { font-size: 20px; font-weight: 600; letter-spacing: 1px; color: #003557; margin-bottom: 10px; margin-top: 10px; } #sh_corpomate_theme_pets_18 { padding-bottom: 80px; padding-top: 50px; } #sh_corpomate_theme_pets_18 .sh_title h4, #sh_corpomate_theme_pets_18 .sh_title .h4 { position: relative; font-size: 40px; font-weight: 600; color: #003557; margin-bottom: 20px; display: inline-block; } #sh_corpomate_theme_pets_18 .sh_title { text-align: center; margin-bottom: 50px; } #sh_corpomate_theme_pets_18 .sh_title p { color: #6b7b90; width: 70%; margin: 0 auto 30px auto; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_pets_18 .sh_title h4:after, #sh_corpomate_theme_pets_18 .sh_title .h4:after { content: ''; position: absolute; left: -40px; top: 50%; background: #6b7b90; width: 50px; height: 1px; transform: translateX(-50%); } #sh_corpomate_theme_pets_18 .sh_title h4:before, #sh_corpomate_theme_pets_18 .sh_title .h4:before { content: ''; position: absolute; right: -90px; top: 50%; background: #6b7b90; width: 50px; height: 1px; transform: translateX(-50%); } #sh_corpomate_theme_pets_18 .sh_top_part .sh_img img { width: 100%; height: 150px; object-fit: cover; } #sh_corpomate_theme_pets_18 .sh_top_part .sh_img { position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; } #sh_corpomate_theme_pets_18 .sh_top_part .sh_img:before { content: ''; position: absolute; left: 0; bottom: -20px; background: url(/sh_corpomate_theme/static/src/images/theme_5/2.svg); background-size: cover; width: 101%; height: 100px; z-index: 1; background-position: bottom; } #sh_corpomate_theme_pets_18 .sh_top_part .sh_img:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #003557; opacity: .7; } #sh_corpomate_theme_pets_18 .sh_content { position: relative; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25), 0 3px 10px 0 rgba(0, 0, 0, 0.2); border-radius: 5px; transition: all .4s; margin-bottom: 60px; } #sh_corpomate_theme_pets_18 .sh_content .sh_middle_part { z-index: 1; position: absolute; top: 60px; left: 50%; transform: translateX(-50%); border-radius: 5px; } #sh_corpomate_theme_pets_18 .sh_content .sh_middle_part .sh_img img { width: 180px; border-radius: 50%; height: 180px; object-fit: cover; border: 10px solid #fff; transition: all .4s; } #sh_corpomate_theme_pets_18 .sh_content .sh_bottom_part { padding-top: 90px; text-align: center; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; } #sh_corpomate_theme_pets_18 .sh_content .sh_bottom_part h4, #sh_corpomate_theme_pets_18 .sh_content .sh_bottom_part .h4 { font-size: 20px; font-weight: 600; letter-spacing: 1px; color: #003557; margin-bottom: 10px; margin-top: 10px; } #sh_corpomate_theme_pets_18 .sh_content .sh_bottom_part p { font-size: 15px; color: #6b7b90; letter-spacing: .7px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; border-radius: 5px; } #sh_corpomate_theme_pets_18 .sh_content .sh_btn { position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); display: block; transition: all .4s; opacity: 0; } #sh_corpomate_theme_pets_18 .sh_content .sh_btn a { background: #0075C2; color: #fff; padding: 10px 16px; } #sh_corpomate_theme_pets_18 .sh_content:hover .sh_middle_part { border-color: #0075C2; } #sh_corpomate_theme_pets_18 .sh_content:hover .sh_btn { display: block; bottom: -22px; opacity: 1; } #sh_corpomate_theme_pets_18 .sh_content:hover .sh_middle_part .sh_img img { border-color: #0075C2; } #sh_corpomate_theme_pets_18 .sh_last_btn { text-align: center; margin-top: 60px; } #sh_corpomate_theme_pets_18 .sh_last_btn a.btn { background: #003557; padding: 10px 20px; color: #fff; } #sh_corpomate_theme_pets_18 .sh_last_btn a.btn span { padding-left: 10px; } #sh_corpomate_theme_pets_18 .sh_disable_hover_cls .sh_top_part .sh_img:after { z-index: -1; } @media (max-width: 768px) { #sh_corpomate_theme_pets_18 .sh_content { margin-bottom: 40px; } #sh_corpomate_theme_pets_18 .sh_content .sh_middle_part .sh_img img { height: 150px; width: 150px; } } @media (max-width: 576px) { #sh_corpomate_theme_pets_18 .sh_title h4:before, #sh_corpomate_theme_pets_18 .sh_title .h4:before { right: -30px; width: 20px; } #sh_corpomate_theme_pets_18 .sh_title h4:after, #sh_corpomate_theme_pets_18 .sh_title .h4:after { left: -15px; width: 20px; } #sh_corpomate_theme_pets_18 .sh_title h4, #sh_corpomate_theme_pets_18 .sh_title .h4 { font-size: 26px; } #sh_corpomate_theme_pets_18 .sh_title p { width: 100%; } #sh_corpomate_theme_pets_18 { padding-bottom: 50px; } } /*------------------ snnipet-18 end -------------------*/ /*----------------------------------------------------service page end----------------------------------------------------*/ /*----------------------------------------------------team page start----------------------------------------------------*/ /*------------------ snnipet-19 start -------------------*/ #sh_corpomate_theme_pets_19 { min-height: 450px; display: -webkit-box; display: -webkit-flex; display: flex; vertical-align: middle; align-items: center; position: relative; overflow: hidden; } #sh_corpomate_theme_pets_19:after { content: ''; position: absolute; top: -20%; left: -15%; bottom: 0; height: 160%; background: #0075C2; opacity: .7; z-index: 0; width: 60%; transform: rotate(-15deg); pointer-events: none; } #sh_corpomate_theme_pets_19 .sh_content { position: relative; z-index: 1; } #sh_corpomate_theme_pets_19 .sh_content h2, #sh_corpomate_theme_pets_19 .sh_content .h2 { color: #fff; font-size: 46px; font-weight: 600; letter-spacing: 1px; padding-bottom: 30px; } #sh_corpomate_theme_pets_19 .sh_content p { margin: 0; padding-bottom: 30px; color: #fff; font-size: 16px; letter-spacing: .5px; } #sh_corpomate_theme_pets_19 .sh_content a { background: #003557; color: #fff; padding: 10px 20px; display: inline-block; font-size: 16px; letter-spacing: .7px; } #sh_corpomate_theme_pets_19 .svg_img { width: 100%; left: 0; position: absolute; bottom: -10px; z-index: 1; height: 80px; } #sh_corpomate_theme_pets_19 .sh_navigation { position: relative; background: #003557; z-index: 2; left: 0; color: #fff; padding: 5px 20px; border-radius: 5px; display: inline-block; } #sh_corpomate_theme_pets_19 .sh_navigation a { color: #fff; box-shadow: none; } #sh_corpomate_theme_pets_19:before { content: ''; position: absolute; left: 0; bottom: -50px; background: url(/sh_corpomate_theme/static/src/images/theme_5/1.svg); background-size: cover; width: 100%; height: 250px; z-index: 111; background-position: bottom; pointer-events: none; } @media (min-width: 768px) and (max-width: 991px) { #sh_corpomate_theme_pets_19:after { width: 65%; } } @media (max-width: 768px) { #sh_corpomate_theme_pets_19:before { bottom: -36px; } } @media (max-width: 576px) { #sh_corpomate_theme_pets_19:after { left: 0; top: 0; width: 100%; transform: rotate(0); } #sh_corpomate_theme_pets_19 .svg_img { bottom: -40px; } } /*------------------ snnipet-19 end -------------------*/ /*------------------ snnipet-20 start -------------------*/ #sh_corpomate_theme_pets_20 { margin-top: 70px; margin-bottom: 70px; } #sh_corpomate_theme_pets_20 .sh_content { position: relative; margin-bottom: 30px; transition: all .4s; overflow: hidden; } #sh_corpomate_theme_pets_20 .sh_content img { width: 100%; max-height: 350px; height: 350px; object-fit: cover; object-position: top; } #sh_corpomate_theme_pets_20 .sh_hover_part { position: absolute; bottom: 0; left: 20px; transition: all .4s; opacity: 0; } #sh_corpomate_theme_pets_20 .sh_hover_part h4, #sh_corpomate_theme_pets_20 .sh_hover_part .h4 { margin: 0; font-size: 20px; font-weight: 600; color: #fff; letter-spacing: 1px; } #sh_corpomate_theme_pets_20 .sh_hover_part p { font-size: 16px; color: #fff; margin: 0; } #sh_corpomate_theme_pets_20 .sh_content .sh_social_media { position: absolute; right: -30px; bottom: 0; background: #0075C2; padding: 20px 15px; border-top-left-radius: 10px; opacity: 0; transition: all .4s; } #sh_corpomate_theme_pets_20 .sh_content .sh_social_media a { display: block; color: #fff; padding-bottom: 10px; } #sh_corpomate_theme_pets_20 .sh_content .sh_social_media a:last-child { padding-bottom: 0; } #sh_corpomate_theme_pets_20 .sh_content:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #003557; opacity: 0; pointer-events: none; transition: all .4s; } #sh_corpomate_theme_pets_20 .sh_content:hover .sh_hover_part { bottom: 30px; opacity: 1; } #sh_corpomate_theme_pets_20 .sh_content:hover .sh_social_media { right: 0; opacity: 1; } #sh_corpomate_theme_pets_20 .sh_content:hover:before { opacity: .5; } @media screen and (max-width: 991px) { #sh_corpomate_theme_pets_20 .sh_hover_part h4, #sh_corpomate_theme_pets_20 .sh_hover_part .h4 { font-size: 18px; } } @media (min-width: 768px) and (max-width: 991px) { #sh_corpomate_theme_pets_20 .sh_content img { height: 250px; } } @media (max-width: 576px) { #sh_corpomate_theme_pets_20 { margin-top: 50px; margin-bottom: 50px; } } /*------------------ snnipet-20 end -------------------*/ /*----------------------------------------------------team page end----------------------------------------------------*/ /*----------------------------------------------------gallery page start----------------------------------------------------*/ /*------------------ snnipet-21 start -------------------*/ #sh_corpomate_theme_pets_21 { min-height: 450px; display: -webkit-box; display: -webkit-flex; display: flex; vertical-align: middle; align-items: center; position: relative; overflow: hidden; } #sh_corpomate_theme_pets_21:after { content: ''; position: absolute; top: -15%; left: -10%; bottom: 0; height: 160%; background: #0075C2; opacity: .7; z-index: 0; width: 60%; transform: rotate(-15deg); pointer-events: none; } #sh_corpomate_theme_pets_21 .sh_content { position: relative; z-index: 1; } #sh_corpomate_theme_pets_21 .sh_content h2, #sh_corpomate_theme_pets_21 .sh_content .h2 { color: #fff; font-size: 46px; font-weight: 600; letter-spacing: 1px; padding-bottom: 30px; } #sh_corpomate_theme_pets_21 .sh_content p { margin: 0; padding-bottom: 30px; color: #fff; font-size: 16px; letter-spacing: .5px; } #sh_corpomate_theme_pets_21 .sh_content a { background: #003557; color: #fff; padding: 10px 20px; display: inline-block; font-size: 16px; letter-spacing: .7px; } #sh_corpomate_theme_pets_21 .svg_img { width: 100%; left: 0; position: absolute; bottom: -10px; z-index: 1; height: 80px; } #sh_corpomate_theme_pets_21 .sh_navigation { position: relative; background: #003557; z-index: 2; left: 0; color: #fff; padding: 5px 20px; border-radius: 5px; display: inline-block; } #sh_corpomate_theme_pets_21 .sh_navigation a { color: #fff; } #sh_corpomate_theme_pets_21:before { content: ''; position: absolute; left: 0; bottom: -50px; background: url(/sh_corpomate_theme/static/src/images/theme_5/1.svg); background-size: cover; width: 100%; height: 250px; z-index: 111; background-position: bottom; pointer-events: none; } @media (max-width: 768px) { #sh_corpomate_theme_pets_21:before { bottom: -36px; } } @media (max-width: 576px) { #sh_corpomate_theme_pets_21:after { top: 0; left: 0; width: 100%; transform: rotate(0); } #sh_corpomate_theme_pets_21 .sh_navigation { width: 70%; text-align: center; } #sh_corpomate_theme_pets_21 .svg_img { bottom: -50px; } } /*------------------ snnipet-21 end -------------------*/ /*------------------ snnipet-22 start -------------------*/ #sh_corpomate_theme_pets_22 { padding: 70px 0; } #sh_corpomate_theme_pets_22 .sh_content img { width: 100%; height: 200px; object-fit: cover; } #sh_corpomate_theme_pets_22 .sh_content { position: relative; transition: all .4s; margin-bottom: 30px; } #sh_corpomate_theme_pets_22 .sh_content a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; opacity: 0; } #sh_corpomate_theme_pets_22 .sh_content:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #003557; opacity: 0; pointer-events: none; transition: all .4s; } #sh_corpomate_theme_pets_22 .sh_content:hover:before { opacity: .5; } #sh_corpomate_theme_pets_22 .sh_content:hover a { opacity: 1; } /*------------------ snnipet-22 end -------------------*/ /*----------------------------------------------------gallery page ends----------------------------------------------------*/ /*----------------------------------------------------contact page start----------------------------------------------------*/ /*------------------ snnipet-23 start -------------------*/ #sh_corpomate_theme_pets_23 { min-height: 450px; display: -webkit-box; display: -webkit-flex; display: flex; vertical-align: middle; align-items: center; position: relative; overflow: hidden; } #sh_corpomate_theme_pets_23:after { content: ''; position: absolute; top: -20%; left: -15%; bottom: 0; height: 160%; background: #0075C2; opacity: .7; z-index: 0; width: 60%; transform: rotate(-15deg); pointer-events: none; } #sh_corpomate_theme_pets_23 .sh_content { position: relative; z-index: 1; } #sh_corpomate_theme_pets_23 .sh_content h2, #sh_corpomate_theme_pets_23 .sh_content .h2 { color: #fff; font-size: 46px; font-weight: 600; letter-spacing: 1px; padding-bottom: 30px; } #sh_corpomate_theme_pets_23 .sh_content p { margin: 0; padding-bottom: 30px; color: #fff; font-size: 16px; letter-spacing: .5px; } #sh_corpomate_theme_pets_23 .sh_content a { background: #003557; color: #fff; padding: 10px 20px; display: inline-block; font-size: 16px; letter-spacing: .7px; } #sh_corpomate_theme_pets_23 .svg_img { width: 100%; left: 0; position: absolute; bottom: -10px; z-index: 1; height: 80px; } #sh_corpomate_theme_pets_23 .sh_navigation { position: relative; background: #003557; z-index: 2; left: 0; color: #fff; padding: 5px 20px; border-radius: 5px; display: inline-block; } #sh_corpomate_theme_pets_23 .sh_navigation a { color: #fff; box-shadow: none; } #sh_corpomate_theme_pets_23:before { content: ''; position: absolute; left: 0; bottom: -50px; background: url(/sh_corpomate_theme/static/src/images/theme_5/1.svg); background-size: cover; width: 100%; height: 250px; z-index: 111; background-position: bottom; pointer-events: none; } @media (min-width: 768px) and (max-width: 991px) { #sh_corpomate_theme_pets_23:after { width: 65%; } } @media (max-width: 768px) { #sh_corpomate_theme_pets_23:before { bottom: -36px; } } @media (max-width: 576px) { #sh_corpomate_theme_pets_23:after { top: 0; left: 0; width: 100%; transform: rotate(0); } #sh_corpomate_theme_pets_23 .svg_img { bottom: -40px; } } /*------------------ snnipet-23 end -------------------*/ /*------------------ snnipet-24 start -------------------*/ #sh_corpomate_theme_pets_24 { margin-top: 80px; } #sh_corpomate_theme_pets_24 iframe { width: 100%; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25), 0 3px 10px 0 rgba(0, 0, 0, 0.2); max-height: 400px; } #sh_corpomate_theme_pets_24 .sh_contect { display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 40px; transition: all .4s; } #sh_corpomate_theme_pets_24 .sh_contect .sh_icon { width: 50px; height: 50px; background: #003557; text-align: center; line-height: 50px; color: #fff; border-radius: 5px; display: inline-table; font-size: 20px; } #sh_corpomate_theme_pets_24 .sh_contect .sh_icon.icon-1 { width: 50px; font-size: 25px; } #sh_corpomate_theme_pets_24 .sh_contect .sh_address { padding-left: 20px; } #sh_corpomate_theme_pets_24 .sh_contect .sh_address h2, #sh_corpomate_theme_pets_24 .sh_contect .sh_address .h2 { font-size: 22px; font-weight: 600; letter-spacing: 1px; color: #003557; transition: all .4s; } #sh_corpomate_theme_pets_24 .sh_contect .sh_address p { margin: 0; color: #6b7b90; } #sh_corpomate_theme_pets_24 .sh_contect .sh_address a { padding: 0; color: #003557; font-weight: 500; transition: all .4s; } #sh_corpomate_theme_pets_24 .sh_contect:last-child { margin: 0; } #sh_corpomate_theme_pets_24 .sh_contect .sh_address a:hover { color: #0075C2; } @media screen and (min-width: 992px) and (max-width: 1199px) { #sh_corpomate_theme_pets_24 .sh_contect .sh_icon.icon-1 { width: 65px; } } @media screen and (max-width: 991px) { #sh_corpomate_theme_pets_24 .sh_contect .sh_address h2, #sh_corpomate_theme_pets_24 .sh_contect .sh_address .h2 { margin-bottom: 10px; } } @media (max-width: 768px) { #sh_corpomate_theme_pets_24 iframe { margin-bottom: 30px; } #sh_corpomate_theme_pets_24 .sh_contect .sh_icon span.fa.fa-map-marker { height: 50px !important; width: 50px !important; line-height: 50px !important; font-size: 20px !important; } #sh_corpomate_theme_pets_24 .sh_contect .sh_icon span.fa.fa-envelope-o { font-size: 20px !important; height: 50px !important; width: 50px !important; line-height: 50px !important; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_pets_24 { margin-top: 50px; } } @media (max-width: 576px) { #sh_corpomate_theme_pets_24 { margin-top: 50px; } #sh_corpomate_theme_pets_24 .sh_contect .sh_icon.icon-1 { width: 50px; } } /*------------------ snnipet-24 end -------------------*/ /*------------------ snnipet-25 start -------------------*/ #sh_corpomate_theme_pets_25 { background: url(/sh_corpomate_theme/static/src/images/pets_5/14.jpg); background-repeat: no-repeat; background-size: cover; position: relative; margin-top: 80px; margin-bottom: 80px; } #sh_corpomate_theme_pets_25 { padding-top: 50px; padding-bottom: 50px; position: relative; } #sh_corpomate_theme_pets_25:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #e7e7e7; opacity: .9; pointer-events: none; } #sh_corpomate_theme_pets_25 .sh_title h4, #sh_corpomate_theme_pets_25 .sh_title .h4 { position: relative; font-size: 40px; font-weight: 600; color: #003557; margin-bottom: 20px; display: inline-block; } #sh_corpomate_theme_pets_25 .sh_title { text-align: center; margin-bottom: 50px; overflow: hidden; position: relative; z-index: 1; } #sh_corpomate_theme_pets_25 .sh_title p { color: #6b7b90; width: 70%; margin: 0 auto 30px auto; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_pets_25 .sh_title h4:after, #sh_corpomate_theme_pets_25 .sh_title .h4:after { content: ''; position: absolute; left: -40px; top: 50%; background: #6b7b90; width: 50px; height: 1px; transform: translateX(-50%); } #sh_corpomate_theme_pets_25 .sh_title h4:before, #sh_corpomate_theme_pets_25 .sh_title .h4:before { content: ''; position: absolute; right: -90px; top: 50%; background: #6b7b90; width: 50px; height: 1px; transform: translateX(-50%); } #sh_corpomate_theme_pets_25 form { position: relative; z-index: 1; text-align: center; } #sh_corpomate_theme_pets_25 form input { height: 50px; margin-bottom: 10px; } #sh_corpomate_theme_pets_25 form textarea { height: 100px; } #sh_corpomate_theme_pets_25 form a.btn { margin-top: 20px; box-shadow: none; border-width: 2px; } #sh_corpomate_theme_pets_25 form a.btn:hover { background: 0 0; color: #003557; } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_pets_25 .sh_title { margin-bottom: 0px; } } @media (max-width: 576px) { #sh_corpomate_theme_pets_25 .sh_title { margin-bottom: 20px; } #sh_corpomate_theme_pets_25 .sh_title h4, #sh_corpomate_theme_pets_25 .sh_title .h4 { font-size: 26px; } #sh_corpomate_theme_pets_25 .sh_title p { width: 100%; } #sh_corpomate_theme_pets_25 { margin-top: 50px; margin-bottom: 50px; } } /*------------------ snnipet-25 end -------------------*/ /*----------------------------------------------------contact page end----------------------------------------------------*/ /* /sh_corpomate_theme/static/src/scss/theme/theme_6/theme_6_s.scss */ * { margin: 0; padding: 0; box-sizing: border-box; } #sh_corpomate_theme_cyber_13.sh_corpomate_hide_shape .sh_corpomate_hide_shape_part { display: none !important; } /*----------------------------------------------------home page start----------------------------------------------------*/ /*--------------------- snnipet-1 start ------------------------*/ #sh_corpomate_theme_cyber_1 { width: 100%; padding: 150px 0; } #sh_corpomate_theme_cyber_1 .banner .main-banner-row { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; position: relative; } #sh_corpomate_theme_cyber_1 .banner .header-content { padding-top: 50px; width: 50%; padding-bottom: 30px; } #sh_corpomate_theme_cyber_1 .banner .header-content h1, #sh_corpomate_theme_cyber_1 .banner .header-content .h1 { font-size: 40px; color: #000; font-weight: 600; letter-spacing: 2px; } #sh_corpomate_theme_cyber_1 .banner .header-content h1 span, #sh_corpomate_theme_cyber_1 .banner .header-content .h1 span { color: #0075C2; } #sh_corpomate_theme_cyber_1 .banner .header-button { margin-top: 20px; } #sh_corpomate_theme_cyber_1 .banner .header-button .btn:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #0075C2; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: -1; border-radius: 3px; left: 0; top: 0; } #sh_corpomate_theme_cyber_1 .banner .header-button .btn { padding: 15px 25px; text-align: center; border-radius: 0; background: 0 0; color: #fff; font-size: 17px; font-weight: 400; -webkit-transition: all .3s linear; transition: all .3s linear; border: 0; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; position: relative; border-radius: 3px; margin-right: 10px; margin-top: 10px; position: relative; z-index: 1; } #sh_corpomate_theme_cyber_1 .banner .header-button .btn i { margin-left: 10px; font-size: 17px; } #sh_corpomate_theme_cyber_1 .banner .header-button .btn:active, #sh_corpomate_theme_cyber_1 .banner .header-button .btn:focus { -webkit-box-shadow: none; box-shadow: none; border: 0; } #sh_corpomate_theme_cyber_1 .banner .header-button .btn:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #0075C2; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: -1; border-radius: 3px; left: 0; top: 0; } #sh_corpomate_theme_cyber_1 .banner .header-button .btn:after { content: ""; position: absolute; width: 100%; height: 100%; background-color: transparent; border: 1px solid #0075C2; -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: -1; border-radius: 3px; left: 0; top: 0; color: #fff; } #sh_corpomate_theme_cyber_1 .banner .header-button .btn:hover:before { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0; } #sh_corpomate_theme_cyber_1 .banner .header-button .btn:hover { color: #0075C2; } #sh_corpomate_theme_cyber_1 .banner .header-button .btn:last-child:hover { color: #fff; } #sh_corpomate_theme_cyber_1 .banner .header-button .btn:hover:after { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } #sh_corpomate_theme_cyber_1 .banner .header-button .btn.btn-border { background-color: transparent; color: #0075C2; -webkit-transition: all .3s linear; transition: all .3s linear; } #sh_corpomate_theme_cyber_1 .banner .header-button .btn.btn-border:before { background-color: transparent; border: 1px solid #0075C2; } #sh_corpomate_theme_cyber_1 .banner .header-button .btn.btn-border:after { background-color: #0075C2; border: 0; } #sh_corpomate_theme_cyber_1 .banner .header-content-image img { height: 100%; width: 100%; } #sh_corpomate_theme_cyber_1 .banner .header-content-image { width: 50%; position: absolute; right: 0; } @media screen and (min-width: 1199px) and (max-width: 1399px) { #sh_corpomate_theme_cyber_3 .sub-row .our-company-img img { height: auto; } } @media screen and (max-width: 800px) { #sh_corpomate_theme_cyber_1 { width: 100%; padding: 50px 0; } } @media screen and (max-width: 767px) { #sh_corpomate_theme_cyber_1 { width: 100%; padding: 50px 0 180px 0; } #sh_corpomate_theme_cyber_1 .banner .main-banner-row { display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; position: relative; } #sh_corpomate_theme_cyber_1 .banner .header-content { padding-top: 0; width: 100%; padding-bottom: 30px; } #sh_corpomate_theme_cyber_1 .banner .header-content-image { width: 100%; position: absolute; right: 0%; top: 95%; height: 300px; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_1 .banner .header-button .btn { padding: 15px 20px; font-size: 15px; } #sh_corpomate_theme_cyber_1 .banner .header-content-image { width: 100%; position: absolute; right: 0; top: 96%; height: 300px; } #sh_corpomate_theme_cyber_1 .banner .header-content h1, #sh_corpomate_theme_cyber_1 .banner .header-content .h1 { font-size: 30px; color: #000; font-weight: 600; letter-spacing: 2px; } #sh_corpomate_theme_cyber_1 { width: 100%; padding: 30px 0 180px 0; } } /*--------------------- snnipet-1 end ------------------------*/ /*------------------ snnipet-2 start -------------------*/ #sh_corpomate_theme_cyber_2 { width: 100%; padding: 50px 0; } #sh_corpomate_theme_cyber_2 .service-box { position: relative; transition: 1s; box-shadow: 0 11px 20px 3px rgba(34, 34, 34, 0.1); padding: 30px 29px 20px; } #sh_corpomate_theme_cyber_2 .service-box:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(25deg, #003557, #0075C2); } #sh_corpomate_theme_cyber_2 .service-box .service-box-inside h3, #sh_corpomate_theme_cyber_2 .service-box .service-box-inside .h3 { font-size: 20px; font-weight: 600; } #sh_corpomate_theme_cyber_2 .service-box .service-box-inside { position: relative; } #sh_corpomate_theme_cyber_2 .service-box .service-box-inside .service-box-icon { font-size: 45px; color: #0075C2; } #sh_corpomate_theme_cyber_2 .service-box::after { content: ""; width: 0; height: 0; position: absolute; left: -5px; -webkit-transition: height .3s ease-out,width .3s ease-out .3s; transition: height .3s ease-out,width .3s ease-out .3s; z-index: 1; top: 35%; -webkit-transform: translate(-10px, 15px); transform: translate(-10px, 15px); } #sh_corpomate_theme_cyber_2 .service-box:hover:after { width: 90%; height: 65%; border-left: 3px dotted #003557; border-bottom: 3px dotted #003557; -webkit-transition: height .3s ease-out,width .3s ease-out .3s,border-left .3s ease-out,border-bottom .3s ease-out .2s; transition: height .3s ease-out,width .3s ease-out .3s,border-left .3s ease-out,border-bottom .3s ease-out .2s; } #sh_corpomate_theme_cyber_2 .service-box:hover:after { opacity: 1; } #sh_corpomate_theme_cyber_2 .service-box:hover { transform: translateY(-20px); } @media screen and (min-width: 1199px) and (max-width: 1399px) { #sh_corpomate_theme_cyber_2 .service-box .service-box-inside h3, #sh_corpomate_theme_cyber_2 .service-box .service-box-inside .h3 { font-size: 17px; } #sh_corpomate_theme_cyber_2 .service-box { padding: 30px 20px 20px; } } @media screen and (min-width: 992px) and (max-width: 1198px) { #sh_corpomate_theme_cyber_2 .service-box .service-box-inside h3, #sh_corpomate_theme_cyber_2 .service-box .service-box-inside .h3 { font-size: 16px; } #sh_corpomate_theme_cyber_2 .service-box { padding: 30px 15px 20px; } } @media screen and (max-width: 1024px) { #sh_corpomate_theme_cyber_2 .service-box::after { opacity: 0; top: 70px; left: -7px; width: 90% !important; height: 70% !important; transition: 1s; position: absolute; content: ''; background-repeat: no-repeat; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_2 .service-box::after { opacity: 0; top: 25px; left: -13px; width: 90% !important; height: 93% !important; transition: 1s; position: absolute; content: ''; background-repeat: no-repeat; } #sh_corpomate_theme_cyber_2 { margin-top: 100px; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_2 .service-box::after { opacity: 0; top: 20px; left: -1px; width: 90% !important; height: 93% !important; transition: 1s; position: absolute; content: ''; background-repeat: no-repeat; } #sh_corpomate_theme_cyber_2 { margin-top: 50px; } } /*------------------ snnipet-2 end -------------------*/ /*------------------ snnipet-3 start -------------------*/ #sh_corpomate_theme_cyber_3 { width: 100%; padding: 50px 0 50px 0; position: relative; text-align: center; margin-bottom: 200px; margin-top: 50px; } #sh_corpomate_theme_cyber_3 h3, #sh_corpomate_theme_cyber_3 .h3 { color: #0075C2; font-weight: 500; font-size: 16px; text-align: center; } #sh_corpomate_theme_cyber_3 h2, #sh_corpomate_theme_cyber_3 .h2 { font-weight: 600; font-size: 30px; text-align: center; } #sh_corpomate_theme_cyber_3 .main-row { margin: 30px 0; position: absolute; background: #fff; left: 0; } #sh_corpomate_theme_cyber_3 .main-row:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(25deg, #003557, #0075C2); } #sh_corpomate_theme_cyber_3 .sub-row .our-company-img { height: 400px; width: 100%; } #sh_corpomate_theme_cyber_3 .sub-row { margin: 20px 0 0 0; } #sh_corpomate_theme_cyber_3 .sub-row .our-company-img img { height: 100%; width: 100%; } #sh_corpomate_theme_cyber_3 .sub-row .our-company-content .counter-item-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #sh_corpomate_theme_cyber_3 .sub-row .our-company-content .counter-item-content .counter-content-list { flex: 0 0 50%; max-width: 50%; width: 50%; display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 30px; } #sh_corpomate_theme_cyber_3 .sub-row .our-company-content .counter-item-content .counter-content-list .counter-content-icon { font-size: 35px; color: #212121; flex: 0 0 70px; max-width: 70px; width: 70px; margin-right: 25px; } #sh_corpomate_theme_cyber_3 .sub-row .our-company-content .counter-item-content .counter-content-list .counter-content-text { padding: 0 10px; } #sh_corpomate_theme_cyber_3 .sub-row .our-company-content .counter-item-content .counter-content-list .counter-content-text h3, #sh_corpomate_theme_cyber_3 .sub-row .our-company-content .counter-item-content .counter-content-list .counter-content-text .h3 { text-align: left !important; } #sh_corpomate_theme_cyber_3 .sub-row .our-company-content .counter-item-content .counter-content-list .counter { font-size: 50px; font-weight: 600; } #sh_corpomate_theme_cyber_3 .sub-row .our-company-content .counter-item-content .counter-content-list .counter-content-text p { font-size: 14px; } @media screen and (min-width: 1199px) and (max-width: 1399px) { #sh_corpomate_theme_cyber_3 .sub-row .our-company-img img { height: auto; } #sh_corpomate_theme_cyber_3 .sub-row .our-company-content .counter-item-content .counter-content-list .counter-content-icon { margin-right: 0px; } } @media screen and (min-width: 992px) and (max-width: 1198px) { #sh_corpomate_theme_cyber_3 .sub-row .our-company-img img { height: auto; } #sh_corpomate_theme_cyber_3 .sub-row .our-company-content .counter-item-content .counter-content-list .counter-content-text h3, #sh_corpomate_theme_cyber_3 .sub-row .our-company-content .counter-item-content .counter-content-list .counter-content-text .h3 { text-align: center !important; } #sh_corpomate_theme_cyber_3 .sub-row .our-company-content .counter-item-content .counter-content-list .counter-content-icon { margin-right: 0px; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_3 { width: 100%; padding: 50px 0 50px 0; position: relative; text-align: center; margin-bottom: 350px; } #sh_corpomate_theme_cyber_3 .sub-row .our-company-content .counter-item-content .counter-content-list .counter-content-text p { font-size: 13px; } #sh_corpomate_theme_cyber_3 .sub-row .our-company-img { height: 450px; width: 100%; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_cyber_3 .sub-row .our-company-content .counter-item-content .counter-content-list .counter-content-text h3, #sh_corpomate_theme_cyber_3 .sub-row .our-company-content .counter-item-content .counter-content-list .counter-content-text .h3 { text-align: center !important; } } @media screen and (max-width: 576px) { #sh_corpomate_theme_cyber_3 .main-row { margin: 30px 0; position: absolute; background: #fff; left: 0; width: 90%; top: 50%; left: 50%; transform: translate(-50%, 10px); } #sh_corpomate_theme_cyber_3 h2, #sh_corpomate_theme_cyber_3 .h2 { font-weight: 600; font-size: 23px; text-align: center; } #sh_corpomate_theme_cyber_3 .sub-row .our-company-content .counter-item-content .counter-content-list { flex: 0 0 100%; max-width: 100%; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 30px; } #sh_corpomate_theme_cyber_3 { width: 100%; padding: 30px 0 50px 0; position: relative; text-align: center; margin-bottom: 800px; height: 140px !important; } #sh_corpomate_theme_cyber_3 .sub-row .our-company-content .counter-item-content .counter-content-list .counter-content-icon { font-size: 35px; color: #212121; flex: 0 0 60px; max-width: 60px; width: 60px; margin-right: 25px; } #sh_corpomate_theme_cyber_3 .sub-row .our-company-content .counter-item-content .counter-content-list .counter { font-size: 35px; font-weight: 600; } #sh_corpomate_theme_cyber_3 h3, #sh_corpomate_theme_cyber_3 .h3 { color: #0075C2; font-weight: 500; font-size: 16px; text-align: center; } #sh_corpomate_theme_cyber_3 .sub-row .our-company-content .counter-item-content .counter-content-list .counter-content-text { padding: 0 0; } } /*------------------ snnipet-3 end -------------------*/ /*------------------ snnipet-4 start -------------------*/ #sh_corpomate_theme_cyber_4.sh_corpomate_hide_shape .sh_corpomate_hide_shape_part { display: none !important; } #sh_corpomate_theme_cyber_4 { width: 100%; padding: 150px 0 50px 0; position: relative; text-align: center; } #sh_corpomate_theme_cyber_4 .sub-div { position: absolute; top: 20%; width: 30%; height: 50%; right: 0; background: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_7.png"); background-position: top right; background-repeat: no-repeat; background-size: contain; } #sh_corpomate_theme_cyber_4 h3, #sh_corpomate_theme_cyber_4 .h3 { color: #0075C2; font-weight: 500; font-size: 16px; text-align: center; } #sh_corpomate_theme_cyber_4 h2, #sh_corpomate_theme_cyber_4 .h2 { font-weight: 600; font-size: 30px; text-align: center; } #sh_corpomate_theme_cyber_4 .main-row { margin: 30px 0; } #sh_corpomate_theme_cyber_4 .main-row .our-company-service-img { height: 400px; width: 100%; position: relative; } #sh_corpomate_theme_cyber_4 .main-row .our-company-service-img img { height: 400px; width: 100%; position: relative; object-fit: cover; object-position: center; } #sh_corpomate_theme_cyber_4 .main-row .our-company-service-img .shape-1 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_8.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 200px; height: 200px; position: absolute; top: 0; left: 0; } #sh_corpomate_theme_cyber_4 .main-row .our-company-service-img .shape-2 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 200px; height: 200px; position: absolute; bottom: 80px; left: 67px; z-index: -1; } #sh_corpomate_theme_cyber_4 .main-row .our-company-service-img .shape-3 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_10.png"); background-repeat: no-repeat; background-size: 100% 101%; background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 100px; height: 100px; position: absolute; top: 0; right: 100px; z-index: 1; } #sh_corpomate_theme_cyber_4 .main-row .our-company-service-img .shape-4 { content: ""; background: #0075C2; width: 250px; height: 250px; position: absolute; top: 35%; padding: 5px 10px; right: 0; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; border-radius: 250px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; color: #fff; z-index: 1; } #sh_corpomate_theme_cyber_4 .main-row .our-company-service-img .shape-4:after { content: ''; position: absolute; height: 110%; width: 110%; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 100%; background: rgba(16, 76, 186, 0.4); z-index: -1; } #sh_corpomate_theme_cyber_4 .main-row .our-company-service-img .shape-4 .shape-icon { font-size: 30px; } #sh_corpomate_theme_cyber_4 .main-row .our-company-service-img .shape-4 h5, #sh_corpomate_theme_cyber_4 .main-row .our-company-service-img .shape-4 .h5 { font-size: 16px; font-weight: 600; } #sh_corpomate_theme_cyber_4 .main-row .our-company-service-img .shape-4 p { font-size: 15px; margin: 10px 0; color: #fff; } #sh_corpomate_theme_cyber_4 .main-row .tab-pane { height: auto !important; background: 0 0; box-shadow: none !important; padding: 0 !important; border-radius: 0; } #sh_corpomate_theme_cyber_4 .main-row .nav-pills-custom .nav-link { color: #212121; background: #f4f7fc; position: relative; box-shadow: none !important; font-weight: 600; } #sh_corpomate_theme_cyber_4 .main-row .nav-pills-custom .nav-link::after { content: ''; position: absolute; top: 0; left: -14px; height: 100%; width: 30px; transform: skewX(-16deg); border-top: 0 !important; border-left: 0 !important; background: #f4f7fc; } #sh_corpomate_theme_cyber_4 .main-row .nav-pills-custom .nav-link.active::after { background: #0075C2; } #sh_corpomate_theme_cyber_4 .main-row .nav-pills-custom .nav-link.active { color: #fff; background: #0075C2; border-radius: 0; } #sh_corpomate_theme_cyber_4 .main-row .nav-pills-custom .nav-link span:first-child { float: left; margin-top: 5px; } #sh_corpomate_theme_cyber_4 .main-row .nav-pills-custom .nav-link span:last-child { float: right; text-transform: capitalize !important; } #sh_corpomate_theme_cyber_4 .main-row .nav-pills-custom .nav-link.active::before { opacity: 1; } @media screen and (min-width: 992px) and (max-width: 1198px) { #sh_corpomate_theme_cyber_4 { padding: 150px 0 50px 0; } #sh_corpomate_theme_cyber_4 .main-row .nav-pills-custom .nav-link { font-size: 15px; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_4 .main-row .our-company-service-img .shape-4 { content: ""; background: #0075C2; width: 250px; height: 250px; position: absolute; top: 40%; padding: 5px 10px; right: 50px; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; border-radius: 250px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; color: #fff; z-index: 1; } #sh_corpomate_theme_cyber_4 h2, #sh_corpomate_theme_cyber_4 .h2 { font-weight: 600; font-size: 25px; text-align: center; } #sh_corpomate_theme_cyber_4 { width: 100%; padding: 400px 0 50px 0; position: relative; text-align: center; } #sh_corpomate_theme_cyber_4 .main-row .our-company-service-img .shape-2 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 200px; height: 200px; position: absolute; bottom: -15px; left: 80px; z-index: -1; } #sh_corpomate_theme_cyber_4 .main-row .our-company-service-img .our-company-service-img-shape { margin-bottom: 100px !important; } #sh_corpomate_theme_cyber_4 .main-row .our-company-service-img img { height: 100%; width: 100%; position: relative; object-fit: contain; object-position: center; } #sh_corpomate_theme_cyber_4 .main-row .our-company-service-img .shape-3 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_10.png"); background-repeat: no-repeat; background-size: 100% 101%; background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 100px; height: 100px; position: absolute; top: 0; right: 170px; z-index: 1; } #sh_corpomate_theme_cyber_4 .main-row .sh_space { margin-bottom: 50px; } #sh_corpomate_theme_cyber_4 .main-row .our-company-service-img { height: 500px; width: 100%; } #sh_corpomate_theme_cyber_4 .sub-div { position: absolute; top: 20%; width: 30%; height: 50%; display: none; right: 0; background-position: top right; background-repeat: no-repeat; background-size: contain; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_4 { width: 100%; padding: 120px 0 0 0; position: relative; text-align: center; } #sh_corpomate_theme_cyber_4 .main-row .our-company-service-img { height: 300px; width: 100%; } #sh_corpomate_theme_cyber_4 .main-row .sh_space { margin-bottom: 20px; } #sh_corpomate_theme_cyber_4 .main-row .nav-pills-custom .nav-link { width: 90%; margin: 0 auto; border-radius: 0; } #sh_corpomate_theme_cyber_4 .main-row .our-company-service-img .shape-1 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_8.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 150px; height: 150px; position: absolute; top: 0; left: 0; } #sh_corpomate_theme_cyber_4 .main-row .our-company-service-img .shape-2 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 100px; height: 100px; position: absolute; bottom: 35px; left: 60px; z-index: -1; } #sh_corpomate_theme_cyber_4 .main-row .our-company-service-img .shape-3 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_10.png"); background-repeat: no-repeat; background-size: 100% 101%; background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 80px; height: 80px; position: absolute; top: 0; right: 70px; z-index: 1; } #sh_corpomate_theme_cyber_4 .main-row .our-company-service-img .shape-4 { content: ""; background: #0075C2; width: 160px; height: 160px; position: absolute; top: 45%; padding: 5px 0; right: 15px; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; border-radius: 200px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; color: #fff; z-index: 1; } #sh_corpomate_theme_cyber_4 .main-row .our-company-service-img .shape-4 h5, #sh_corpomate_theme_cyber_4 .main-row .our-company-service-img .shape-4 .h5 { font-size: 11px; font-weight: 600; } #sh_corpomate_theme_cyber_4 .main-row .our-company-service-img .shape-4 p { font-size: 10px; margin: 0 0; white-space: break-spaces; } #sh_corpomate_theme_cyber_4 .main-row .our-company-service-img .shape-4 .shape-icon { font-size: 25px; } } #sh_corpomate_theme_cyber_5 { width: 100%; padding: 40px 0 0 0; background: #fff; position: relative; text-align: center; } #sh_corpomate_theme_cyber_5::after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } #sh_corpomate_theme_cyber_5 h3, #sh_corpomate_theme_cyber_5 .h3 { color: #0075C2; font-weight: 500; font-size: 16px; text-align: center; margin: 0 0 10px 0; } #sh_corpomate_theme_cyber_5 h2, #sh_corpomate_theme_cyber_5 .h2 { font-weight: 600; font-size: 30px; text-align: center; margin-bottom: 50px; } #sh_corpomate_theme_cyber_5 .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; justify-content: space-between; position: relative; top: -95px; } #sh_corpomate_theme_cyber_5 .owl-carousel .owl-nav button.owl-next { background: 0 0; padding: 0 !important; font-size: 25px; color: #0075C2; height: 40px; justify-content: center; align-items: center; display: block; width: 40px; border-radius: 40px; border: 2px solid #0075C2; transition: 1s; font-weight: 600; position: relative; right: -35px; position: relative; top: -50px; } #sh_corpomate_theme_cyber_5 .owl-carousel .owl-nav button.owl-next:hover { background: #0075C2; color: #fff; } #sh_corpomate_theme_cyber_5 .owl-carousel .owl-nav button.owl-prev:hover { background: #0075C2; color: #fff; } #sh_corpomate_theme_cyber_5 .owl-carousel .owl-nav span { position: relative; bottom: 2px; } #sh_corpomate_theme_cyber_5 .owl-carousel .owl-nav button.owl-prev { background: 0 0; padding: 0 !important; font-size: 25px; color: #0075C2; height: 40px; justify-content: center; align-items: center; display: block; width: 40px; border-radius: 40px; border: 2px solid #0075C2; transition: 1s; position: relative; left: -35px; font-weight: 600; position: relative; top: -50px; } #sh_corpomate_theme_cyber_5 .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; display: none !important; } #sh_corpomate_theme_cyber_5 .owl-theme .owl-nav.disabled { top: -18px !important; } #sh_corpomate_theme_cyber_5 .owl-carousel .owl-item img { height: 70px !important; width: 250px !important; object-fit: contain !important; } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_5 { width: 100%; padding: 40px 0 40px 0; background: #f1f4fb; position: relative; text-align: center; } #sh_corpomate_theme_cyber_5 h2, #sh_corpomate_theme_cyber_5 .h2 { font-weight: 600; font-size: 25px; text-align: center; margin-bottom: 30px; } #sh_corpomate_theme_cyber_5 .owl-theme .owl-nav { margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; display: none; } } #sh_corpomate_theme_cyber_6 { width: 100%; padding: 100px 0 100px 0; position: relative; } #sh_corpomate_theme_cyber_6 .sub-div { position: absolute; top: 20%; left: 0; height: 80%; width: 20%; background: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_43.png"); background-position: top left; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_cyber_6 .sub-div-1 { position: absolute; top: 80%; right: 20%; height: 150px; width: 150px; } #sh_corpomate_theme_cyber_6 .sub-div-1 img { height: 100%; width: 100%; } #sh_corpomate_theme_cyber_6 h3, #sh_corpomate_theme_cyber_6 .h3 { color: #0075C2; font-weight: 500; font-size: 16px; text-align: center; } #sh_corpomate_theme_cyber_6 h2, #sh_corpomate_theme_cyber_6 .h2 { font-weight: 600; font-size: 30px; text-align: center; } #sh_corpomate_theme_cyber_6 .main-row { position: relative; } #sh_corpomate_theme_cyber_6 .process-box { position: relative; transition: 1s; box-shadow: 0 11px 20px 3px rgba(34, 34, 34, 0.1); background: #fff; padding: 30px 30px 20px; } #sh_corpomate_theme_cyber_6 .process-box:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(25deg, #003557, #0075C2); } #sh_corpomate_theme_cyber_6 .process-box .process-box-inner h3, #sh_corpomate_theme_cyber_6 .process-box .process-box-inner .h3 { font-size: 19px; text-align: left; } #sh_corpomate_theme_cyber_6 .process-box .process-box-inner { position: relative; } #sh_corpomate_theme_cyber_6 .process-box .process-box-inner .process-box-icon { font-size: 50px; opacity: .3; color: #212121; } #sh_corpomate_theme_cyber_6 .process-box .process-box-inner .process-box-icon span { text-shadow: none !important; } #sh_corpomate_theme_cyber_6 .process-box::after { content: ""; width: 0; height: 0; position: absolute; left: -5px; -webkit-transition: height .3s ease-out,width .3s ease-out .3s; transition: height .3s ease-out,width .3s ease-out .3s; z-index: 1; top: 35%; -webkit-transform: translate(-10px, 15px); transform: translate(-10px, 15px); } #sh_corpomate_theme_cyber_6 .process-box:hover:after { width: 90%; height: 65%; border-left: 3px dotted #003557; border-bottom: 3px dotted #003557; -webkit-transition: height .3s ease-out,width .3s ease-out .3s,border-left .3s ease-out,border-bottom .3s ease-out .2s; transition: height .3s ease-out,width .3s ease-out .3s,border-left .3s ease-out,border-bottom .3s ease-out .2s; } #sh_corpomate_theme_cyber_6 .process-box:hover:after { opacity: 1; } #sh_corpomate_theme_cyber_6 .process-box:hover { transform: translateY(-20px); } #sh_corpomate_theme_cyber_6 .process-box .process-box-inner .top { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; margin-bottom: 30px; justify-content: space-between; } #sh_corpomate_theme_cyber_6 .process-box .process-box-inner .top span { font-size: 50px; color: #0075C2; text-shadow: -5px 5px 0 #d8ddff; } #sh_corpomate_theme_cyber_6 .process-box .process-box-inner .process-box-text h5, #sh_corpomate_theme_cyber_6 .process-box .process-box-inner .process-box-text .h5 { font-weight: 600; font-size: 17px; } #sh_corpomate_theme_cyber_6 .process-box .process-box-inner .process-box-text p { margin: 0; } @media screen and (max-width: 1024px) { #sh_corpomate_theme_cyber_6 .process-box::after { width: 90% !important; height: 60% !important; opacity: 0; top: 100px; left: -5px; transition: 1s; position: absolute; content: ''; background-repeat: no-repeat; } } @media screen and (min-width: 992px) and (max-width: 1198px) { #sh_corpomate_theme_cyber_6 .process-box .process-box-inner .top { margin-bottom: 10px; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_6 .process-box::after { height: 90% !important; width: 85% !important; opacity: 0; top: 45px; left: -10px; transition: 1s; position: absolute; content: ''; background-repeat: no-repeat; } #sh_corpomate_theme_cyber_6 .sub-div { position: absolute; top: 20%; left: 0; height: 80%; width: 20%; background: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_43.png"); background-position: top left; background-size: cover; background-repeat: no-repeat; display: none; } } @media screen and (max-width: 991px) { #sh_corpomate_theme_cyber_6 { padding: 0px 0px 100px 0px !important; } } @media screen and (max-width: 576px) { #sh_corpomate_theme_cyber_6 h2, #sh_corpomate_theme_cyber_6 .h2 { font-weight: 600; font-size: 25px; text-align: center; margin-bottom: 0; } #sh_corpomate_theme_cyber_6 { width: 100%; padding: 30px 0 50px 0; position: relative; } #sh_corpomate_theme_cyber_6 .process-box::after { height: 85% !important; width: 85% !important; opacity: 0; top: 40px; left: -1px; transition: 1s; position: absolute; content: ''; background-repeat: no-repeat; } } #sh_corpomate_theme_cyber_7 { width: 100%; padding: 50px 0 50px 0; position: relative; } #sh_corpomate_theme_cyber_7 .first-row h3, #sh_corpomate_theme_cyber_7 .first-row .h3 { color: #0075C2; font-weight: 500; font-size: 16px; text-align: left; } #sh_corpomate_theme_cyber_7 .first-row h2, #sh_corpomate_theme_cyber_7 .first-row .h2 { font-weight: 600; font-size: 30px; text-align: left; margin-bottom: 0; } #sh_corpomate_theme_cyber_7 .second-row .about-content-list-two { display: -webkit-box; display: -webkit-flex; display: flex; flex-flow: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } #sh_corpomate_theme_cyber_7 .second-row .about-content-list-two .about-list-item-second { display: -webkit-box; display: -webkit-flex; display: flex; flex: 0 0 50%; max-width: 50%; width: 50%; padding-left: 10px; padding-right: 10px; margin-bottom: 30px; } #sh_corpomate_theme_cyber_7 .second-row .about-content-list-two .about-list-item-second .about-list-item-selector.about-list-item-selector-small { flex: 0 0 55px; max-width: 55px; width: 55px; height: 55px; } #sh_corpomate_theme_cyber_7 .second-row .about-content-list-two .about-list-item-second .about-list-item-selector .about-icon { flex: 0 0 80px; max-width: 80px; width: 80px; background: #0075C2; height: 80px; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; color: #fff; margin-right: 25px; transition: all .3s linear; } #sh_corpomate_theme_cyber_7 .second-row .about-content-list-two .about-list-item-second .about-list-item-selector.about-list-item-selector-small span { font-size: 20px; height: 50px; width: 50px; border-radius: 50px; line-height: 50px; background: rgba(8, 106, 216, 0.1); text-align: center; color: #0075C2; transition: 1s; } #sh_corpomate_theme_cyber_7 .second-row .about-content-list-two .about-list-item-second .about-list-item-selector.about-list-item-selector-small span:hover { background: #0075C2; color: #fff; } #sh_corpomate_theme_cyber_7 .second-row .about-content-list-two .about-list-item-second .about-list-item-text { padding-top: 10px; padding-left: 10px; } #sh_corpomate_theme_cyber_7 .second-row .about-content-list-two .about-list-item-second .about-list-item-text h3, #sh_corpomate_theme_cyber_7 .second-row .about-content-list-two .about-list-item-second .about-list-item-text .h3 { font-size: 17px; font-weight: 600; color: #212121; margin-bottom: 15px; line-height: 1.4; } #sh_corpomate_theme_cyber_7 .second-row .about-content-list-two .about-list-item-second .about-list-item-text p { font-size: 16px; margin-bottom: 0; } #sh_corpomate_theme_cyber_7 .second-row .about-us-img { height: 350px; width: 100%; } #sh_corpomate_theme_cyber_7 .second-row .about-us-img img { width: 100%; object-fit: contain; } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_7 .second-row .about-content-list-two .about-list-item-second { display: -webkit-box; display: -webkit-flex; display: flex; flex: 0 0 50%; max-width: 50%; width: 50%; padding-left: 10px; padding-right: 10px; margin-bottom: 30px; } #sh_corpomate_theme_cyber_7 .second-row .about-us-img img { height: 100%; width: 100%; object-fit: contain; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_cyber_7 .second-row .about-content-list-two .about-list-item-second .about-list-item-text h3, #sh_corpomate_theme_cyber_7 .second-row .about-content-list-two .about-list-item-second .about-list-item-text .h3 { font-size: 16px; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_7 .first-row h2, #sh_corpomate_theme_cyber_7 .first-row .h2 { font-weight: 600; font-size: 25px; text-align: left; margin-bottom: 0; } #sh_corpomate_theme_cyber_7 .second-row .about-us-img { height: 300px; width: 100%; } #sh_corpomate_theme_cyber_7 .second-row .about-content-list-two .about-list-item-second { display: -webkit-box; display: -webkit-flex; display: flex; flex: 0 0 100%; max-width: 100%; width: 100%; padding-left: 10px; padding-right: 10px; margin-bottom: 30px; } #sh_corpomate_theme_cyber_7 { width: 100%; padding: 30px 0 0 0; position: relative; } } #sh_corpomate_theme_cyber_8 { width: 100%; padding: 50px 0 50px 0; position: relative; } #sh_corpomate_theme_cyber_8 .testimonial h5, #sh_corpomate_theme_cyber_8 .testimonial .h5 { color: #0075C2; } #sh_corpomate_theme_cyber_8 .testimonial h2, #sh_corpomate_theme_cyber_8 .testimonial .h2 { font-size: 30px; font-weight: 600; } #sh_corpomate_theme_cyber_8 { position: relative; } #sh_corpomate_theme_cyber_8 .shape { position: absolute; left: 40%; top: 60%; content: ""; height: 200px; width: 200px; background: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); background-size: contain; background-repeat: no-repeat; z-index: -1; } #sh_corpomate_theme_cyber_8 .testimonial .sh_testimonial_box { margin: 0 25px !important; } #sh_corpomate_theme_cyber_8 .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; } #sh_corpomate_theme_cyber_8.owl-carousel { display: none; width: 100%; z-index: 1; } #sh_corpomate_theme_cyber_8 .carousel-shadow .owl-stage-outer { margin: -15px -15px; padding: 15px; } #sh_corpomate_theme_cyber_8 .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; } #sh_corpomate_theme_cyber_8 .testimonial .sh_testimonial_box { display: -webkit-box; display: -webkit-flex; display: flex; box-shadow: 0 11px 20px 3px rgba(34, 34, 34, 0.1); padding: 50px 30px; background: #fff; position: relative; overflow: hidden; } #sh_corpomate_theme_cyber_8 .testimonial .sh_testimonial_box:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(25deg, #003557, #0075C2); } #sh_corpomate_theme_cyber_8 .testimonial .item .thumb { width: 150px; min-width: 133px; margin-right: 30px; position: relative; z-index: 1; height: 150px; overflow: hidden; } #sh_corpomate_theme_cyber_8 .testimonial .item .thumb::before { position: absolute; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_44.png") no-repeat; pointer-events: none; background-size: contain; background-repeat: no-repeat; } #sh_corpomate_theme_cyber_8 .testimonial .item .thumb img { height: 140px; width: 137px; object-fit: cover; min-width: 135px; } #sh_corpomate_theme_cyber_8 .testimonial .owl-nav { position: absolute; right: 0; top: -60px !important; margin: 0; } #sh_corpomate_theme_cyber_8 .owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; display: none; } #sh_corpomate_theme_cyber_8 .testimonial .owl-nav .owl-next { margin: 0; padding: 0; height: 50px; width: 50px; text-align: center; line-height: 50px; margin-left: 10px; border: 2px solid #e7e7e7; color: #0075C2; background: #fff; transition: 1s; font-size: 30px; font-weight: 600; position: relative; } #sh_corpomate_theme_cyber_8 .testimonial .owl-nav span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #sh_corpomate_theme_cyber_8 .testimonial .owl-nav .owl-prev { margin: 0; padding: 0; height: 50px; width: 50px; text-align: center; line-height: 50px; margin-left: 10px; border: 2px solid #e7e7e7; color: #0075C2; background: #fff; transition: 1s; font-size: 30px; font-weight: 600; position: relative; } #sh_corpomate_theme_cyber_8 .testimonial .owl-nav .owl-next:hover { color: #fff; background: #0075C2; } #sh_corpomate_theme_cyber_8 .testimonial .owl-nav .owl-prev:hover { color: #fff; background: #0075C2; } #sh_corpomate_theme_cyber_8 .testimonial .item .thumb span { display: inline-block; position: absolute; right: 5px; top: 5px; height: 40px; width: 40px; line-height: 40px; background: linear-gradient(90deg, #003557 0, #0075C2 56%); text-align: center; border-radius: 50%; color: #fff; } #sh_corpomate_theme_cyber_8 .info p { margin: 0 0 15px; text-transform: none; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_cyber_8 .testimonial .item .bottom-down { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; border-top: 1px solid #e7e7e7; padding-top: 20px; margin-top: 20px; } #sh_corpomate_theme_cyber_8 .testimonial .item .bottom-down h5, #sh_corpomate_theme_cyber_8 .testimonial .item .bottom-down .h5 { font-weight: 600; margin-bottom: 0; font-size: 17px; } #sh_corpomate_theme_cyber_8 .testimonial .item .bottom-down span { color: #0075C2; font-size: 14px; } #sh_corpomate_theme_cyber_8 .testimonial .owl-stage-outer { padding: 50px 0; } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_8 .testimonial .owl-nav { position: absolute; right: 0; top: -60px; margin: 0; display: none; opacity: 0; } #sh_corpomate_theme_cyber_8 .testimonial h2, #sh_corpomate_theme_cyber_8 .testimonial .h2 { font-size: 25px; font-weight: 600; } #sh_corpomate_theme_cyber_8 .testimonial .item .thumb { width: 150px; min-width: 133px; position: relative; z-index: 1; height: 150px; overflow: hidden; } #sh_corpomate_theme_cyber_8 .testimonial .sh_testimonial_box { margin: 0 0 0 1px !important; } #sh_corpomate_theme_cyber_8 .testimonial .sh_testimonial_box { display: -webkit-box; display: -webkit-flex; display: flex; padding: 50px 30px; background: #fff; position: relative; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_cyber_8 { width: 100%; padding: 20px 0 30px 0; position: relative; } #sh_corpomate_theme_cyber_8 .info p { color: #666; margin: 0 0 15px; text-transform: none; margin-top: 20px; } } #sh_corpomate_theme_cyber_9 { width: 100%; padding: 80px 0 80px 0; background: #f5f8ff; position: relative; text-align: center; margin-bottom: 350px; height: 280px; } #sh_corpomate_theme_cyber_9 h3, #sh_corpomate_theme_cyber_9 .h3 { color: #0075C2; font-weight: 500; font-size: 16px; text-align: center; } #sh_corpomate_theme_cyber_9 h2, #sh_corpomate_theme_cyber_9 .h2 { font-weight: 600; font-size: 30px; text-align: center; } #sh_corpomate_theme_cyber_9 .first-row { position: absolute; } #sh_corpomate_theme_cyber_9 .first-row .our-team { height: 400px; background: #fff; box-shadow: 0 11px 20px 3px rgba(34, 34, 34, 0.1); border-radius: 0; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } #sh_corpomate_theme_cyber_9 .first-row .our-team .our-team-img { overflow: hidden; height: 90%; width: 90%; position: relative; } #sh_corpomate_theme_cyber_9 .first-row .our-team img:hover { transform: scale(1.2); filter: brightness(120%); } #sh_corpomate_theme_cyber_9 .first-row .our-team:hover .social-icons { transform: scaleY(1); } #sh_corpomate_theme_cyber_9 .first-row .our-team img { position: relative; transition: all 2s ease; height: 100%; width: 100%; object-fit: cover; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: flex-end; } #sh_corpomate_theme_cyber_9 .first-row .our-team .our-team-sub-content { position: absolute; width: 70%; bottom: 10%; left: 14.5%; background: #fff; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 15px 0; } #sh_corpomate_theme_cyber_9 .first-row .our-team .our-team-sub-content span { color: #0075C2; font-size: 16px; } #sh_corpomate_theme_cyber_9 .first-row .our-team .our-team-sub-content h5, #sh_corpomate_theme_cyber_9 .first-row .our-team .our-team-sub-content .h5 { font-size: 19px; margin-bottom: 0; } #sh_corpomate_theme_cyber_9 .first-row .our-team .our-team-sub-content .our-team-sub-icon { position: absolute; top: -17px; left: 5%; height: 40px; width: 40px; border-radius: 40px; line-height: 40px; text-align: center; color: #fff !important; font-size: 20px; background: #003557; z-index: 1; } #sh_corpomate_theme_cyber_9 .first-row .our-team .our-team-sub-content .our-team-sub-icon a span { font-size: 20px; color: #fff !important; } .social-icons { position: absolute; left: 7px; bottom: 60px; width: 50px; background: #fff; border-radius: 30px; padding: 2px 10px 50px 10px; text-align: center; transform: scaleY(0); transform-origin: bottom center; transition: all .5s ease; } .social-icons ul { margin: 0; padding: 0; list-style-type: none; background: #fff; border-top-left-radius: 20px; border-top-right-radius: 20px; z-index: -1; } .social-icons ul li { display: block; padding: 6px 9px; } .social-icons ul li:hover a span { color: #0075C2 !important; } .social-icons ul li a span { color: #212121 !important; transition: 1s; } .social-icons ul li:first-child { padding-top: 10px; } .social-icons ul li:last-child { padding-bottom: 0; } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_9 .first-row .our-team { height: 300px; background: #fff; border-radius: 0; display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } #sh_corpomate_theme_cyber_9 { width: 100%; padding: 80px 0 80px 0; background: #f1f4fb; position: relative; text-align: center; margin-bottom: 250px; height: 280px; } #sh_corpomate_theme_cyber_9 .first-row .our-team .our-team-sub-content { position: absolute; width: 70%; bottom: 10%; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_9 { width: 100%; padding: 3px 0 0 80px 0; background: #f1f1f1; position: relative; text-align: center; margin-bottom: 1250px; height: 200px !important; } #sh_corpomate_theme_cyber_9 h2, #sh_corpomate_theme_cyber_9 .h2 { font-weight: 600; font-size: 25px; text-align: center; margin-bottom: 20px; } #sh_corpomate_theme_cyber_9 .first-row .our-team .our-team-sub-content { bottom: 10%; } #sh_corpomate_theme_cyber_9 .first-row .our-team .our-team-sub-content { position: absolute; width: 70%; bottom: 7%; background: #fff; text-align: center; display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit--webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 20px 0; left: 50%; transform: translateX(-53%); } #sh_corpomate_theme_cyber_9 .first-row .our-team { height: 400px; background: #fff; border-radius: 0; display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 95%; } } #sh_corpomate_theme_cyber_10 { width: 100%; padding: 80px 0 50px 0; position: relative; } #sh_corpomate_theme_cyber_10 h3, #sh_corpomate_theme_cyber_10 .h3 { color: #0075C2; font-weight: 500; font-size: 16px; text-align: center; } #sh_corpomate_theme_cyber_10 h2, #sh_corpomate_theme_cyber_10 .h2 { font-weight: 600; font-size: 30px; text-align: center; } #sh_corpomate_theme_cyber_10 .sub-div { position: absolute; top: 20%; width: 30%; height: 90%; right: 0; background: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_7.png"); background-position: top right; background-repeat: no-repeat; background-size: contain; } #sh_corpomate_theme_cyber_10 .main-row { margin-top: 50px; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content { position: relative; background: #fff; padding-left: 240px; min-height: 320px; border-radius: 5px; margin-bottom: 50px; border-bottom: 3px solid transparent; transition: all .5s ease; box-shadow: 0 11px 20px 3px rgba(34, 34, 34, 0.1); } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(25deg, #003557, #0075C2); } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner { position: absolute; left: 30px; top: 30px; z-index: 1; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .our-pricing-table-header { position: relative; display: block; background: #f7f8fa; padding: 25px 30px 6px 30px; border-radius: 4px; margin-bottom: 20px; } #sh_corpomate_theme_cyber_10 .shape { position: absolute; left: 42%; top: 65%; content: ""; height: 200px; width: 200px; background: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); background-size: contain; background-repeat: no-repeat; z-index: -1; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .our-pricing-table-header h3, #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .our-pricing-table-header .h3 { display: block; font-size: 20px; line-height: 32px; color: #414141; font-weight: 600; padding-bottom: 15px; margin-bottom: 16px; position: relative; text-align: left; } #sh_corpomate_theme_cyber_10 .our-pricing .our-pricing-content .our-pricing-header-inner .our-pricing-table-header h3:before, #sh_corpomate_theme_cyber_10 .our-pricing .our-pricing-content .our-pricing-header-inner .our-pricing-table-header .h3:before { position: absolute; content: ''; width: 40px; height: 3px; left: 0; bottom: 0; background-repeat: no-repeat; border-bottom: 3px solid #0075C2; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .our-pricing-table-header h2, #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .our-pricing-table-header .h2 { display: inline-block; font-size: 35px; line-height: 60px; color: #212121; font-weight: 700; text-align: left; margin-bottom: 0; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .our-pricing-table-header h2 .text, #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .our-pricing-table-header .h2 .text { font-size: 18px; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .our-pricing-table-header h2 .pricing-symbol, #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .our-pricing-table-header .h2 .pricing-symbol { font-size: 18px; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .btn-box { margin-top: 50px; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .btn-box a { position: relative; display: block; width: 100%; font-size: 16px; color: #212121; font-weight: 700; text-align: center; padding: 11px 15px; background: #f8f7fa; border-radius: 5px; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .btn-box a:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #f7f8fa; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: -1; border-radius: 3px; left: 0; top: 0; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .btn-box a:last-child:hover { color: #fff; background: #0075C2; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .btn-box a { padding: 11px 15px; text-align: center; border-radius: 0; background: #f8f7fa; color: #212121; font-size: 17px; font-weight: 400; -webkit-transition: all .3s linear; transition: all .3s linear; border: 0; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; position: relative; border-radius: 3px; margin-right: 10px; position: relative; z-index: 1; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .btn-box a i { margin-left: 10px; font-size: 17px; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .btn-box a:active, #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .btn-box a:focus { -webkit-box-shadow: none; box-shadow: none; border: 0; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .btn-box a:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #f7f8fa; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: -1; border-radius: 3px; left: 0; top: 0; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .btn-box a:after { content: ""; position: absolute; width: 100%; height: 100%; background-color: transparent; border: 1px solid #0075C2; -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: -1; border-radius: 3px; left: 0; top: 0; color: #fff; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .btn-box a:hover:before { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .btn-box a:hover { color: #0075C2; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .btn-box a:hover:after { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .btn-box a.btn-border { background-color: transparent; color: #0075C2; -webkit-transition: all .3s linear; transition: all .3s linear; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .btn-box a.btn-border:before { background-color: transparent; border: 1px solid #0075C2; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .btn-box a.btn-border:after { background-color: #0075C2; border: 0; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-table-content { position: relative; padding: 20px 30px 21px 30px; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-table-content ul { list-style-type: none; margin: 0; padding: 0; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-table-content .list li { position: relative; display: block; font-size: 16px; padding: 13px 0 14px 0; padding-left: 26px; } #sh_corpomate_theme_cyber_10 .main-row .blue .our-pricing .our-pricing-content .our-pricing-table-content .list li:before { color: #2d77fc; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-table-content .list li:before { position: absolute; content: "\f00c"; font-size: 18px; font-family: FontAwesome; left: 0; top: 14px; font-weight: 400; color: #0075C2; } @media screen and (min-width: 992px) and (max-width: 1198px) { #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content { padding-left: 225px; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-table-content { padding: 20px 20px 21px 20px !important; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .btn-box { margin-top: 20px; } } @media only screen and (max-width: 599px) { #sh_corpomate_theme_cyber_10 .main-row { margin-top: 50px; } #sh_corpomate_theme_cyber_10 h2, #sh_corpomate_theme_cyber_10 .h2 { font-weight: 600; font-size: 25px; text-align: center; margin-bottom: 50px; } #sh_corpomate_theme_cyber_10 { width: 100%; padding: 30px 0 50px 0; position: relative; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .btn-box { margin-top: 30px; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content { padding-left: 0; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner .btn-box { margin-top: 20px; } #sh_corpomate_theme_cyber_10 .main-row .our-pricing .our-pricing-content .our-pricing-header-inner { position: relative; left: 0; top: 0; width: 100%; padding: 30px 30px 0 30px; } } #sh_corpomate_theme_cyber_12 { padding: 80px 0; width: 100%; position: relative; } #sh_corpomate_theme_cyber_12 .about-banner-main h1, #sh_corpomate_theme_cyber_12 .about-banner-main .h1 { font-size: 30px; padding-left: 50px; color: #212121; font-weight: 600; } #sh_corpomate_theme_cyber_12 .about-banner-main h1 span, #sh_corpomate_theme_cyber_12 .about-banner-main .h1 span { color: #0075C2; } #sh_corpomate_theme_cyber_12 .about-banner-main .banner-page-link { position: relative; bottom: -80px; left: 0; padding: 11px 0; width: 250px; background: #0075C2; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } #sh_corpomate_theme_cyber_12 .about-banner-main .banner-page-link::after { content: ''; position: absolute; top: 0; right: -14px; height: 100%; width: 30px; transform: skewX(16deg); border-top: 0 !important; border-right: 0px !important; background: #0075C2; } #sh_corpomate_theme_cyber_12 .about-banner-main .banner-page-link ul { display: -webkit-box; display: -webkit-flex; display: flex; color: #fff; list-style-type: square; margin-bottom: 0; margin: 0 auto; padding-left: 0px; } #sh_corpomate_theme_cyber_12 .about-banner-main .banner-page-link ul li:first-child { list-style-type: none; } #sh_corpomate_theme_cyber_12 .about-banner-main .banner-page-link ul li { margin-left: 35px; font-size: 20px; } #sh_corpomate_theme_cyber_12 .about-banner-main .banner-page-link ul li a { color: #fff; transition: 1s; } #sh_corpomate_theme_cyber_12 .about-banner-main .banner-page-link ul li a:hover { color: #212121; } @media screen and (min-width: 1199px) and (max-width: 1399px) { #sh_corpomate_theme_cyber_12 .about-banner-main .banner-page-link ul li { font-size: 16px !important; } } @media screen and (min-width: 992px) and (max-width: 1198px) { #sh_corpomate_theme_cyber_12 .about-banner-main .banner-page-link ul { padding-left: 0px !important; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_12 { background-position: right !important; } #sh_corpomate_theme_cyber_12 .about-banner-main .banner-page-link ul { padding-left: 0px !important; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_12 .about-banner-main h1, #sh_corpomate_theme_cyber_12 .about-banner-main .h1 { font-size: 40px; padding-left: 50px; color: #212121; font-weight: 600; text-align: center; } #sh_corpomate_theme_cyber_12 { background-position: center !important; overflow: hidden; } #sh_corpomate_theme_cyber_12 { background: #f2f5fb !important; } } #sh_corpomate_theme_cyber_13 { padding: 50px 0; width: 100%; position: relative; } #sh_corpomate_theme_cyber_13 .main-row { margin: 30px 0; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-img { height: 400px; width: 100%; position: relative; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-img img { height: 100%; width: 96%; position: absolute; object-fit: cover; object-position: left; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-img .shape { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_23.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: top center; width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; content: ''; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-img .shape-2 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 200px; height: 200px; position: absolute; bottom: -50px; left: 67px; z-index: -1; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-img .shape-3 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_10.png"); background-repeat: no-repeat; background-size: 100% 101%; background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 100px; height: 100px; position: absolute; top: 0; right: 100px; z-index: 1; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-content h2, #sh_corpomate_theme_cyber_13 .main-row .our-company-service-content .h2 { font-weight: 600; font-size: 30px; color: #212121; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-content p { margin-top: 0; margin-bottom: 1rem; margin-top: 20px; line-height: 30px; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-content .our-company-btn { margin-top: 30px; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-content .our-company-btn .btn:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #0075C2; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: -1; border-radius: 3px; left: 0; top: 0; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-content .our-company-btn .btn { padding: 12px 25px; text-align: center; border-radius: 0; background: 0 0; color: #fff; font-size: 17px; font-weight: 400; -webkit-transition: all .3s linear; transition: all .3s linear; border: 0; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; position: relative; border-radius: 3px; margin-right: 10px; margin-top: 10px; position: relative; z-index: 1; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-content .our-company-btn .btn i { margin-left: 10px; font-size: 17px; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-content .our-company-btn .btn:active, #sh_corpomate_theme_cyber_13 .main-row .our-company-service-content .our-company-btn .btn:focus { -webkit-box-shadow: none; box-shadow: none; border: 0; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-content .our-company-btn .btn:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #0075C2; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: -1; border-radius: 3px; left: 0; top: 0; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-content .our-company-btn .btn:after { content: ""; position: absolute; width: 100%; height: 100%; background-color: transparent; border: 1px solid #0075C2; -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: -1; border-radius: 3px; left: 0; top: 0; color: #fff; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-content .our-company-btn .btn:hover:before { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-content .our-company-btn .btn:hover { color: #0075C2; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-content .our-company-btn .btn:hover:after { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-content .our-company-btn .btn.btn-border { background-color: transparent; color: #0075C2; -webkit-transition: all .3s linear; transition: all .3s linear; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-content .our-company-btn .btn.btn-border:before { background-color: transparent; border: 1px solid #0075C2; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-content .our-company-btn .btn.btn-border:after { background-color: #0075C2; border: 0; } #sh_corpomate_theme_cyber_13 .sh_disable_hover_cls .shape { display: none; } @media screen and (min-width: 1199px) and (max-width: 1399px) { #sh_corpomate_theme_cyber_13 .main-row .our-company-service-img .shape { left: -1px !important; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_13 .main-row .our-company-service-img { height: 500px; width: 100%; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-img .shape-2 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 200px; height: 200px; position: absolute; bottom: -15px; left: 80px; z-index: -1; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-content { margin-top: 50px; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_13 { padding: 0 0; width: 100%; position: relative; overflow: hidden; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-img { height: 300px; width: 100%; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-content h2, #sh_corpomate_theme_cyber_13 .main-row .our-company-service-content .h2 { font-weight: 600; font-size: 25px; color: #212121; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-img .shape { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_23.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: top center; width: 101%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; content: ''; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-img .shape-1 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_8.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 150px; height: 150px; position: absolute; top: 0; left: 0; display: none; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-img .shape-2 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 100px; height: 100px; position: absolute; bottom: 35px; left: 60px; z-index: -1; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-img .shape-3 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_10.png"); background-repeat: no-repeat; background-size: 100% 101%; background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 80px; height: 80px; position: absolute; top: 0; right: 70px; z-index: 1; } #sh_corpomate_theme_cyber_13 .main-row .our-company-service-img .shape-4 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_45.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 150px; height: 150px; position: absolute; bottom: 0; right: 0; display: none; } } #sh_corpomate_theme_cyber_14 { width: 100%; padding: 20px 0; } #sh_corpomate_theme_cyber_14 .service-box { position: relative; background: #fff; transition: 1s; box-shadow: 0 11px 20px 3px rgba(34, 34, 34, 0.1); padding: 30px 29px 20px; } #sh_corpomate_theme_cyber_14 .service-box:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(25deg, #003557, #0075C2); } #sh_corpomate_theme_cyber_14 .service-box .service-box-inside h3, #sh_corpomate_theme_cyber_14 .service-box .service-box-inside .h3 { font-size: 16px; font-weight: 600; } #sh_corpomate_theme_cyber_14 .service-box .service-box-inside { position: relative; } #sh_corpomate_theme_cyber_14 .service-box:hover .service-box-inside .service-box-icon { color: #0075C2; } #sh_corpomate_theme_cyber_14 .service-box .service-box-inside .service-box-icon { font-size: 45px; color: #0075C2; transition: 1s; } #sh_corpomate_theme_cyber_14 .service-box::after { content: ""; width: 0; height: 0; position: absolute; left: -5px; -webkit-transition: height .3s ease-out,width .3s ease-out .3s; transition: height .3s ease-out,width .3s ease-out .3s; z-index: 1; top: 35%; -webkit-transform: translate(-10px, 15px); transform: translate(-10px, 15px); } #sh_corpomate_theme_cyber_14 .service-box:hover:after { width: 90%; height: 65%; border-left: 3px dotted #003557; border-bottom: 3px dotted #003557; -webkit-transition: height .3s ease-out,width .3s ease-out .3s,border-left .3s ease-out,border-bottom .3s ease-out .2s; transition: height .3s ease-out,width .3s ease-out .3s,border-left .3s ease-out,border-bottom .3s ease-out .2s; } #sh_corpomate_theme_cyber_14 .service-box:hover:after { opacity: 1; } #sh_corpomate_theme_cyber_14 .service-box:hover { transform: translateY(-20px); } @media screen and (max-width: 1024px) { #sh_corpomate_theme_cyber_14 .service-box::after { height: 70% !important; width: 90% !important; opacity: 0; top: 70px; left: -10px; transition: 1s; position: absolute; content: ''; background-repeat: no-repeat; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_14 .service-box::after { width: 90% !important; height: 88% !important; opacity: 0; top: 30px; left: -10px; transition: 1s; position: absolute; content: ''; background-repeat: no-repeat; } #sh_corpomate_theme_cyber_14 { width: 100%; padding: 20px 0; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_14 { overflow: hidden; } #sh_corpomate_theme_cyber_14 .service-box::after { width: 90% !important; height: 90% !important; opacity: 0; top: 20px; left: -1px; transition: 1s; position: absolute; content: ''; background-repeat: no-repeat; } } #sh_corpomate_theme_cyber_15 { width: 100%; position: relative; padding: 50px 0; } #sh_corpomate_theme_cyber_15 .sub-div { position: absolute; top: 20%; left: 0; height: 80%; width: 20%; background: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_43.png"); background-position: top left; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_cyber_15 .about-our-company h2, #sh_corpomate_theme_cyber_15 .about-our-company .h2 { font-weight: 600; font-size: 30px; } #sh_corpomate_theme_cyber_15 .about-our-company h3, #sh_corpomate_theme_cyber_15 .about-our-company .h3 { color: #0075C2; font-weight: 500; font-size: 16px; } #sh_corpomate_theme_cyber_15 .main-row .about-our-company { padding: 20px 30px; } #sh_corpomate_theme_cyber_15 .main-row .about-our-company p { margin-top: 0; margin-bottom: 1rem; margin-top: 20px; line-height: 30px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_cyber_15 .main-row .about-our-company .about-our-company-btn { margin-top: 30px; } #sh_corpomate_theme_cyber_15 .main-row .about-our-company .about-our-company-btn .btn:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #0075C2; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: -1; border-radius: 3px; left: 0; top: 0; } #sh_corpomate_theme_cyber_15 .main-row .about-our-company .about-our-company-btn .btn { padding: 12px 25px; text-align: center; border-radius: 0; background: 0 0; color: #fff; font-size: 17px; font-weight: 400; -webkit-transition: all .3s linear; transition: all .3s linear; border: 0; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; position: relative; border-radius: 3px; margin-right: 10px; margin-top: 10px; position: relative; z-index: 1; } #sh_corpomate_theme_cyber_15 .main-row .about-our-company .about-our-company-btn .btn i { margin-left: 10px; font-size: 17px; } #sh_corpomate_theme_cyber_15 .main-row .about-our-company .about-our-company-btn .btn:active, #sh_corpomate_theme_cyber_15 .main-row .about-our-company .about-our-company-btn .btn:focus { -webkit-box-shadow: none; box-shadow: none; border: 0; } #sh_corpomate_theme_cyber_15 .main-row .about-our-company .about-our-company-btn .btn:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #0075C2; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: -1; border-radius: 3px; left: 0; top: 0; } #sh_corpomate_theme_cyber_15 .main-row .about-our-company .about-our-company-btn .btn:after { content: ""; position: absolute; width: 100%; height: 100%; background-color: transparent; border: 1px solid #0075C2; -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: -1; border-radius: 3px; left: 0; top: 0; color: #fff; } #sh_corpomate_theme_cyber_15 .main-row .about-our-company .about-our-company-btn .btn:hover:before { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0; } #sh_corpomate_theme_cyber_15 .main-row .about-our-company .about-our-company-btn .btn:hover { color: #0075C2; } #sh_corpomate_theme_cyber_15 .main-row .about-our-company .about-our-company-btn .btn:hover:after { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } #sh_corpomate_theme_cyber_15 .main-row .about-our-company .about-our-company-btn .btn.btn-border { background-color: transparent; color: #0075C2; -webkit-transition: all .3s linear; transition: all .3s linear; } #sh_corpomate_theme_cyber_15 .main-row .about-our-company .about-our-company-btn .btn.btn-border:before { background-color: transparent; border: 1px solid #0075C2; } #sh_corpomate_theme_cyber_15 .main-row .about-our-company .about-our-company-btn .btn.btn-border:after { background-color: #0075C2; border: 0; } #sh_corpomate_theme_cyber_15 .main-row .about-content-list-two { display: -webkit-box; display: -webkit-flex; display: flex; flex-flow: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; margin-top: 30px; } #sh_corpomate_theme_cyber_15 .main-row .about-content-list-two .about-list-item-second { display: -webkit-box; display: -webkit-flex; display: flex; flex: 0 0 50%; max-width: 50%; width: 50%; padding-left: 10px; padding-right: 10px; margin-bottom: 30px; } #sh_corpomate_theme_cyber_15 .main-row .about-content-list-two .about-list-item-second .about-list-item-selector.about-list-item-selector-small { flex: 0 0 55px; max-width: 55px; width: 55px; height: 55px; } #sh_corpomate_theme_cyber_15 .main-row .about-content-list-two .about-list-item-second .about-list-item-selector .about-icon { flex: 0 0 80px; max-width: 80px; width: 80px; background: #0075C2; height: 80px; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; color: #fff; margin-right: 25px; transition: all .3s linear; } #sh_corpomate_theme_cyber_15 .main-row .about-content-list-two .about-list-item-second .about-list-item-selector.about-list-item-selector-small span { font-size: 20px; height: 50px; width: 50px; border-radius: 50px; line-height: 50px; background: #fff; text-align: center; color: #0075C2; transition: 1s; box-shadow: 0 11px 20px 3px rgba(34, 34, 34, 0.1); } #sh_corpomate_theme_cyber_15 .main-row .about-content-list-two .about-list-item-second .about-list-item-selector.about-list-item-selector-small span:hover { background: #0075C2; color: #fff; } #sh_corpomate_theme_cyber_15 .main-row .about-content-list-two .about-list-item-second .about-list-item-text { padding-top: 10px; padding-left: 10px; } #sh_corpomate_theme_cyber_15 .main-row .about-content-list-two .about-list-item-second .about-list-item-text h3, #sh_corpomate_theme_cyber_15 .main-row .about-content-list-two .about-list-item-second .about-list-item-text .h3 { font-size: 19px; font-weight: 600; color: #212121; margin-bottom: 15px; line-height: 1.4; } #sh_corpomate_theme_cyber_15 .main-row .about-content-list-two .about-list-item-second .about-list-item-text p { font-size: 16px; margin-bottom: 0; } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_15 .main-row .about-content-list-two .about-list-item-second { display: -webkit-box; display: -webkit-flex; display: flex; flex: 0 0 50%; max-width: 50%; width: 50%; padding-left: 10px; padding-right: 10px; margin-bottom: 30px; } #sh_corpomate_theme_cyber_15 { width: 100%; position: relative; padding: 80px 0 80px 0; } #sh_corpomate_theme_cyber_15 .sub-div { position: absolute; top: 20%; left: 0; height: 80%; width: 20%; display: none; background-position: top left; background-size: cover; background-repeat: no-repeat; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_15 .main-row .about-content-list-two .about-list-item-second { display: -webkit-box; display: -webkit-flex; display: flex; flex: 0 0 100%; max-width: 100%; width: 100%; padding-left: 10px; padding-right: 10px; margin-bottom: 30px; } #sh_corpomate_theme_cyber_15 { width: 100%; position: relative; padding: 30px 0 30px 0; overflow: hidden; } #sh_corpomate_theme_cyber_15 .about-our-company h2, #sh_corpomate_theme_cyber_15 .about-our-company .h2 { font-weight: 600; font-size: 25px; } } #sh_corpomate_theme_cyber_16 .testimonial { padding: 50px 0 0 0; position: relative; } #sh_corpomate_theme_cyber_16 .testimonial h5, #sh_corpomate_theme_cyber_16 .testimonial .h5 { color: #0075C2; text-align: center; } #sh_corpomate_theme_cyber_16 .testimonial h2, #sh_corpomate_theme_cyber_16 .testimonial .h2 { font-size: 30px; font-weight: 600; text-align: center; } #sh_corpomate_theme_cyber_16 { position: relative; } #sh_corpomate_theme_cyber_16 .shape { position: absolute; right: -75px; top: 0; content: ""; height: 150px; width: 150px; background: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); background-size: contain; background-repeat: no-repeat; z-index: -1; } #sh_corpomate_theme_cyber_16 .testimonial .sh_testimonial_box { margin: 0 25px !important; } #sh_corpomate_theme_cyber_16 .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; } #sh_corpomate_theme_cyber_16.owl-carousel { display: none; width: 100%; z-index: 1; } #sh_corpomate_theme_cyber_16 .carousel-shadow .owl-stage-outer { margin: -15px -15px; padding: 15px; } #sh_corpomate_theme_cyber_16 .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; } #sh_corpomate_theme_cyber_16 .owl-nav { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; } #sh_corpomate_theme_cyber_16 .testimonial .sh_testimonial_box { display: -webkit-box; display: -webkit-flex; display: flex; padding: 50px 50px 0 50px; background: #fff; position: relative; overflow: hidden; } #sh_corpomate_theme_cyber_16 .testimonial .sh_testimonial_box .testimonial_box { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; } #sh_corpomate_theme_cyber_16 .testimonial .sh_testimonial_box .testimonial_box h5, #sh_corpomate_theme_cyber_16 .testimonial .sh_testimonial_box .testimonial_box .h5 { text-align: left; } #sh_corpomate_theme_cyber_16 .testimonial .item .thumb { height: 200px; width: 250px; margin-right: 100px; border-radius: 200px; position: relative; } #sh_corpomate_theme_cyber_16 .testimonial .item .thumb::before { position: absolute; content: ''; height: 90%; width: 120%; z-index: 0; top: 3px; border-radius: 100%; left: 30px; background-color: #0075C2; z-index: 0; } #sh_corpomate_theme_cyber_16 .testimonial .item .thumb img { height: 90%; width: 130%; object-fit: cover; object-position: center; border-radius: 50%; position: relative; } #sh_corpomate_theme_cyber_16 .testimonial .item .thumb .img-sub-div { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_10.png"); background-repeat: no-repeat; background-size: 100% 101%; background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 80px; height: 80px; position: absolute; top: 0; left: -35px; z-index: 1; transform: rotate(45deg); } #sh_corpomate_theme_cyber_16 .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; justify-content: space-between; position: relative; top: -250px; } #sh_corpomate_theme_cyber_16 .owl-carousel .owl-nav button.owl-next { background: 0 0; padding: 0 !important; font-size: 25px; color: #0075C2; height: 40px; justify-content: center; align-items: center; display: block; width: 40px; border-radius: 40px; border: 2px solid #0075C2; transition: 1s; font-weight: 600; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } #sh_corpomate_theme_cyber_16 .owl-carousel .owl-nav span { position: relative; bottom: 2px; } #sh_corpomate_theme_cyber_16 .owl-carousel .owl-nav button.owl-next:hover { background: #0075C2; color: #fff; } #sh_corpomate_theme_cyber_16 .owl-carousel .owl-nav button.owl-prev:hover { background: #0075C2; color: #fff; } #sh_corpomate_theme_cyber_16 .owl-carousel .owl-nav button.owl-prev { background: 0 0; padding: 0 !important; font-size: 25px; color: #0075C2; height: 40px; justify-content: center; align-items: center; display: block; width: 40px; border-radius: 40px; border: 2px solid #0075C2; transition: 1s; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } #sh_corpomate_theme_cyber_16 .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; display: none !important; } #sh_corpomate_theme_cyber_16 .info p { margin: 0 0 15px; text-transform: none; } #sh_corpomate_theme_cyber_16 .testimonial .item .bottom-down { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; border-top: 1px solid #e7e7e7; padding-top: 20px; margin-top: 20px; } #sh_corpomate_theme_cyber_16 .testimonial .item .bottom-down h5, #sh_corpomate_theme_cyber_16 .testimonial .item .bottom-down .h5 { font-weight: 600; margin-bottom: 0; font-size: 19px; } #sh_corpomate_theme_cyber_16 .testimonial .item .bottom-down span { color: #0075C2; font-size: 14px; } #sh_corpomate_theme_cyber_16 .testimonial .owl-stage-outer { padding: 0 0; } #sh_corpomate_theme_cyber_16 .owl-theme .owl-dots { display: none !important; } @media screen and (max-width: 991px) { #sh_corpomate_theme_cyber_16 .testimonial .sh_testimonial_box { display: -webkit-inline-box; } #sh_corpomate_theme_cyber_16 .testimonial .item .thumb::before { height: 150px; width: 150px; } #sh_corpomate_theme_cyber_16 .testimonial .item .thumb { height: 150px; width: 150px; } #sh_corpomate_theme_cyber_16 .testimonial .item .thumb img { height: 150px; width: 150px; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_16 .testimonial .item .thumb { height: 200px; width: 400px; border-radius: 200px; position: relative; margin-right: 110px; } #sh_corpomate_theme_cyber_16 .testimonial .item .thumb::before { position: absolute; content: ''; height: 90%; width: 165%; z-index: 0; top: 3px; border-radius: 100%; left: 22px; background-color: #0075C2; z-index: 0; } #sh_corpomate_theme_cyber_16 .testimonial .item .thumb img { height: 90%; width: 170%; object-fit: cover; object-position: center; border-radius: 50%; position: relative; } #sh_corpomate_theme_cyber_16 .testimonial { padding: 30px 0 0 0; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_16 .testimonial .owl-nav { position: absolute; right: 0; top: -60px; margin: 0; display: none; opacity: 0; } #sh_corpomate_theme_cyber_16 .testimonial h2, #sh_corpomate_theme_cyber_16 .testimonial .h2 { font-size: 25px; font-weight: 600; text-align: center; } #sh_corpomate_theme_cyber_16 .testimonial .sh_testimonial_box .testimonial_box { display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_cyber_16 .testimonial .item .thumb { height: 200px; width: 200px; margin-right: 0; border-radius: 200px; text-align: center; } #sh_corpomate_theme_cyber_16 .testimonial .item .thumb::before { position: absolute; content: ''; height: 90%; width: 90%; z-index: 0; top: 3px; border-radius: 100%; left: 30px; z-index: 0; } #sh_corpomate_theme_cyber_16 .testimonial .item .thumb img { height: 90%; width: 90%; object-fit: cover; object-position: center; border-radius: 50%; position: relative; } #sh_corpomate_theme_cyber_16 .shape { display: none; } #sh_corpomate_theme_cyber_16 .testimonial .sh_testimonial_box { margin: 0 0 0 1px !important; } #sh_corpomate_theme_cyber_16 .testimonial .sh_testimonial_box { display: -webkit-box; display: -webkit-flex; display: flex; padding: 50px 30px; background: #fff; position: relative; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_cyber_16 .info p { color: #666; margin: 0 0 15px; text-transform: none; margin-top: 40px; } #sh_corpomate_theme_cyber_16 { overflow: hidden; } } #sh_corpomate_theme_cyber_17 { width: 100%; padding: 40px 0 0 0; background: #f7f8fa; position: relative; text-align: center; } #sh_corpomate_theme_cyber_17 h3, #sh_corpomate_theme_cyber_17 .h3 { color: #0075C2; font-weight: 500; font-size: 16px; text-align: center; margin: 0 0 10px 0; } #sh_corpomate_theme_cyber_17 h2, #sh_corpomate_theme_cyber_17 .h2 { font-weight: 600; font-size: 30px; text-align: center; margin-bottom: 50px; } #sh_corpomate_theme_cyber_17 .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; justify-content: space-between; position: relative; top: -95px; } #sh_corpomate_theme_cyber_17 .owl-carousel .owl-nav button.owl-next { background: 0 0; padding: 0 !important; font-size: 25px; color: #0075C2; height: 40px; justify-content: center; align-items: center; display: block; width: 40px; border-radius: 40px; border: 2px solid #0075C2; transition: 1s; font-weight: 600; position: relative; right: -35px; top: -50px; } #sh_corpomate_theme_cyber_17 .owl-carousel .owl-nav button.owl-next:hover { background: #0075C2; color: #fff; } #sh_corpomate_theme_cyber_17 .owl-carousel .owl-nav button.owl-prev:hover { background: #0075C2; color: #fff; } #sh_corpomate_theme_cyber_17 .owl-carousel .owl-nav span { position: relative; bottom: 2px; } #sh_corpomate_theme_cyber_17 .owl-carousel .owl-nav button.owl-prev { background: 0 0; padding: 0 !important; font-size: 25px; color: #0075C2; height: 40px; justify-content: center; align-items: center; display: block; width: 40px; border-radius: 40px; border: 2px solid #0075C2; transition: 1s; position: relative; left: -35px; font-weight: 600; top: -50px; } #sh_corpomate_theme_cyber_17 .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; display: none !important; } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_17 { width: 100%; padding: 40px 0 40px 0; background: #f1f4fb; position: relative; text-align: center; } #sh_corpomate_theme_cyber_17 h2, #sh_corpomate_theme_cyber_17 .h2 { font-weight: 600; font-size: 25px; text-align: center; margin-bottom: 30px; } #sh_corpomate_theme_cyber_17 .owl-theme .owl-nav { margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; display: none; } #sh_corpomate_theme_cyber_17 { overflow: hidden; } } #sh_corpomate_theme_cyber_18.sh_corpomate_hide_shape .sh_corpomate_hide_shape_part { display: none !important; } #sh_corpomate_theme_cyber_18 { padding: 50px 0; width: 100%; position: relative; margin-bottom: 100px; } #sh_corpomate_theme_cyber_18 .main-row { margin: 30px 0; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img-shape { position: relative; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img { height: 400px; width: 100%; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img img { height: 100%; width: 100%; position: absolute; object-fit: cover; object-position: left; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_23.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: top center; width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape-2 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 200px; height: 200px; position: absolute; bottom: -50px; left: 67px; z-index: -1; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape-3 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_10.png"); background-repeat: no-repeat; background-size: 100% 101%; background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 100px; height: 100px; position: absolute; top: 0; right: 55px; z-index: 1; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape-5 a { transition: all .4s; outline: 0; background: #0075C2; border-radius: 100%; display: inline-block; font-size: 34px; height: 90px; line-height: 96px; width: 90px; overflow: hidden; transition: .4s; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape-5 a:hover { background: #fff; color: #0075C2; transition: all .4s; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape-5 a:hover { background: #fff; color: #0075C2; transition: all .4s; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape-5 a.btn:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #0075C2; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: -1; border-radius: 3px; left: 0; top: 0; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape-5 a.btn { padding: 10px 20px; text-align: center; border-radius: 0; background: 0 0; color: #fff; font-size: 17px; font-weight: 400; -webkit-transition: all .3s linear; transition: all .3s linear; border: 0; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; position: relative; border-radius: 3px; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 100%; z-index: 1; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape-5 a.btn i { margin-left: 10px; font-size: 17px; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape-5 a.btn:active, #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape-5 a.btn:focus { -webkit-box-shadow: none; box-shadow: none; border: 0; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape-5 a.btn:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #0075C2; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: -1; left: 0; top: 0; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape-5 a.btn:after { content: ""; position: absolute; width: 100%; height: 100%; background-color: transparent; -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: -1; left: 0; top: 0; color: #fff; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape-5 a span { font-size: 25px; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape-5 .fa.fa-play:before { position: relative; top: -2px; left: 2px; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape-5 a.btn:hover:before { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape-5 a.btn:hover { color: #0075C2; background-color: #fff; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape-5 a.btn:hover:after { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape-5 a.btn.btn-border { background-color: transparent; color: #0075C2; -webkit-transition: all .3s linear; transition: all .3s linear; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape-5 a.btn.btn-border:before { background-color: transparent; border: 1px solid #0075C2; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape-5 a.btn.btn-border:after { background-color: #0075C2; border: 0; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-content h2, #sh_corpomate_theme_cyber_18 .main-row .our-company-service-content .h2 { font-weight: 600; font-size: 30px; color: #212121; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-content p { margin-top: 0; margin-bottom: 1rem; margin-top: 30px; line-height: 30px; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-content .our-company-btn { margin-top: 30px; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-content .our-company-btn .btn { color: #fff; background-color: #0075C2; border-color: #0075C2; border-radius: 0; padding: 10px 30px; } #sh_corpomate_theme_cyber_18 .sh_disable_hover_cls .shape { display: none; } @media screen and (min-width: 1199px) and (max-width: 1399px) { #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape { background-size: cover !important; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape-2 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 200px; height: 200px; position: absolute; bottom: -15px; left: 80px; z-index: -1; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape-3 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_10.png"); background-repeat: no-repeat; background-size: 100% 101%; background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 100px; height: 100px; position: absolute; top: 52px; right: 91px; z-index: 1; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img { height: 500px; width: 100%; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img { height: 300px; width: 100%; } #sh_corpomate_theme_cyber_18 { padding: 0 0 20px 0; width: 100%; position: relative; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-content h2, #sh_corpomate_theme_cyber_18 .main-row .our-company-service-content .h2 { font-weight: 600; font-size: 25px; color: #212121; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape-1 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_8.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 150px; height: 150px; position: absolute; top: 0; left: 0; display: none; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape-2 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 100px; height: 100px; position: absolute; bottom: 35px; left: 60px; z-index: -1; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape-3 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_10.png"); background-repeat: no-repeat; background-size: 100% 101%; background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 80px; height: 80px; position: absolute; top: 0; right: 70px; z-index: 1; } #sh_corpomate_theme_cyber_18 .main-row .our-company-service-img .shape-4 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_45.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 150px; height: 150px; position: absolute; bottom: 0; right: 0; display: none; } #sh_corpomate_theme_cyber_18 { overflow: hidden; } } #sh_corpomate_theme_cyber_19 { padding: 80px 0; width: 100%; position: relative; } #sh_corpomate_theme_cyber_19 .about-banner-main h1, #sh_corpomate_theme_cyber_19 .about-banner-main .h1 { font-size: 30px; padding-left: 50px; color: #212121; font-weight: 600; } #sh_corpomate_theme_cyber_19 .about-banner-main h1 span, #sh_corpomate_theme_cyber_19 .about-banner-main .h1 span { color: #0075C2; } #sh_corpomate_theme_cyber_19 .about-banner-main .banner-page-link { position: relative; bottom: -80px; left: 0; padding: 15px 0; width: 250px; background: #0075C2; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } #sh_corpomate_theme_cyber_19 .about-banner-main .banner-page-link::after { content: ''; position: absolute; top: 0; right: -14px; height: 100%; width: 30px; transform: skewX(16deg); border-top: 0 !important; border-right: 0px !important; background: #0075C2; } #sh_corpomate_theme_cyber_19 .about-banner-main .banner-page-link ul { display: -webkit-box; display: -webkit-flex; display: flex; color: #fff; list-style-type: square; margin-bottom: 0; margin: 0 auto; padding-left: 0px; } #sh_corpomate_theme_cyber_19 .about-banner-main .banner-page-link ul li:first-child { list-style-type: none; } #sh_corpomate_theme_cyber_19 .about-banner-main .banner-page-link ul li { margin-left: 27px; font-size: 20px; } #sh_corpomate_theme_cyber_19 .about-banner-main .banner-page-link ul li a { color: #fff; transition: 1s; } #sh_corpomate_theme_cyber_19 .about-banner-main .banner-page-link ul li a:hover { color: #212121; } @media screen and (min-width: 1199px) and (max-width: 1399px) { #sh_corpomate_theme_cyber_19 .about-banner-main .banner-page-link ul li { font-size: 16px !important; } } @media screen and (max-width: 991px) { #sh_corpomate_theme_cyber_19 .about-banner-main .banner-page-link ul { padding-left: 0px; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_19 { background-position: right !important; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_19 .about-banner-main .banner-page-link ul { padding: 0; } #sh_corpomate_theme_cyber_19 .about-banner-main h1, #sh_corpomate_theme_cyber_19 .about-banner-main .h1 { font-size: 40px; padding-left: 50px; color: #212121; font-weight: 600; text-align: center; } #sh_corpomate_theme_cyber_19 { background-position: center !important; } #sh_corpomate_theme_cyber_19 { background: #f2f5fb !important; } } #sh_corpomate_theme_cyber_20 { width: 100%; padding: 50px 0 20px 0; } #sh_corpomate_theme_cyber_20 h3, #sh_corpomate_theme_cyber_20 .h3 { color: #0075C2; font-weight: 500; font-size: 16px; text-align: center; margin: 0 0 10px 0; } #sh_corpomate_theme_cyber_20 h2, #sh_corpomate_theme_cyber_20 .h2 { font-weight: 600; font-size: 30px; text-align: center; margin-bottom: 0; } #sh_corpomate_theme_cyber_20 .service-box { position: relative; background: #fff; transition: 1s; box-shadow: 0 11px 20px 3px rgba(34, 34, 34, 0.1); padding: 30px 15px 20px; height: 240px; } #sh_corpomate_theme_cyber_20 .service-box:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(25deg, #003557, #0075C2); } #sh_corpomate_theme_cyber_20 .service-box .service-box-inside h3, #sh_corpomate_theme_cyber_20 .service-box .service-box-inside .h3 { font-size: 17px; font-weight: 600; color: #212121; text-align: left; } #sh_corpomate_theme_cyber_20 .service-box .service-box-inside { position: relative; } #sh_corpomate_theme_cyber_20 .service-box .service-box-inside .service-box-icon { font-size: 45px; transition: 1s; color: #0075C2; } #sh_corpomate_theme_cyber_20 .service-box:hover .service-box-inside .service-box-icon { color: #0075C2; } #sh_corpomate_theme_cyber_20 .service-box::after { content: ""; width: 0; height: 0; position: absolute; left: -5px; -webkit-transition: height .3s ease-out,width .3s ease-out .3s; transition: height .3s ease-out,width .3s ease-out .3s; z-index: 1; top: 35%; -webkit-transform: translate(-10px, 15px); transform: translate(-10px, 15px); } #sh_corpomate_theme_cyber_20 .service-box:hover:after { width: 90%; height: 65%; border-left: 3px dotted #003557; border-bottom: 3px dotted #003557; -webkit-transition: height .3s ease-out,width .3s ease-out .3s,border-left .3s ease-out,border-bottom .3s ease-out .2s; transition: height .3s ease-out,width .3s ease-out .3s,border-left .3s ease-out,border-bottom .3s ease-out .2s; } #sh_corpomate_theme_cyber_20 .service-box:hover:after { opacity: 1; } #sh_corpomate_theme_cyber_20 .service-box:hover { transform: translateY(-20px); } @media screen and (max-width: 1024px) { #sh_corpomate_theme_cyber_20 .service-box .service-box-inside h3, #sh_corpomate_theme_cyber_20 .service-box .service-box-inside .h3 { font-size: 17px; font-weight: 600; color: #212121; text-align: left; } #sh_corpomate_theme_cyber_20 .service-box::after { height: 65% !important; width: 90% !important; opacity: 0; top: 90px; left: -10px; transition: 1s; position: absolute; content: ''; background-repeat: no-repeat; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_20 { width: 100%; padding: 50px 0 50px 0; } #sh_corpomate_theme_cyber_20 .service-box::after { height: 85% !important; width: 90% !important; opacity: 0; top: 45px; left: -10px; transition: 1s; position: absolute; content: ''; background-repeat: no-repeat; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_20 h2, #sh_corpomate_theme_cyber_20 .h2 { font-weight: 600; font-size: 25px; text-align: center; margin-bottom: 0; } #sh_corpomate_theme_cyber_20 { width: 100%; padding: 30px 0 50px 0; } #sh_corpomate_theme_cyber_20 .service-box::after { height: 83% !important; width: 90% !important; opacity: 0; top: 45px; left: -1px; transition: 1s; position: absolute; content: ''; background-repeat: no-repeat; } } #sh_corpomate_theme_cyber_21 { width: 100%; padding: 50px 0 50px 0; position: relative; text-align: center; } #sh_corpomate_theme_cyber_21 .sub-div { position: absolute; top: 20%; width: 30%; height: 50%; right: 0; background: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_7.png"); background-position: top right; background-repeat: no-repeat; background-size: contain; } #sh_corpomate_theme_cyber_21 h3, #sh_corpomate_theme_cyber_21 .h3 { color: #0075C2; font-weight: 500; font-size: 16px; text-align: center; } #sh_corpomate_theme_cyber_21 h2, #sh_corpomate_theme_cyber_21 .h2 { font-weight: 600; font-size: 30px; text-align: center; } #sh_corpomate_theme_cyber_21 .main-row .about-content { width: 100%; padding: 0 80px 0 0; } #sh_corpomate_theme_cyber_21 .main-row .about-content h5, #sh_corpomate_theme_cyber_21 .main-row .about-content .h5 { font-size: 25px; font-weight: 600; margin: 15px 0; text-align: left; color: #212121; } #sh_corpomate_theme_cyber_21 .main-row .about-content p { margin-top: 20px; text-align: left; } #sh_corpomate_theme_cyber_21 .main-row .tab-pane { height: auto !important; background: 0 0; box-shadow: none !important; padding: 0 !important; border-radius: 0; } #sh_corpomate_theme_cyber_21 .main-row .nav-pills-custom .nav-link { color: #212121; background: #f4f7fc; position: relative; box-shadow: none !important; } #sh_corpomate_theme_cyber_21 .main-row .nav-pills-custom .nav-link::after { content: ''; position: absolute; top: 0; left: -14px; height: 100%; width: 30px; transform: skewX(-16deg); border-top: 0 !important; border-left: 0 !important; background: #f4f7fc; } #sh_corpomate_theme_cyber_21 .main-row .nav-pills-custom .nav-link.active::after { background: #0075C2; } #sh_corpomate_theme_cyber_21 .main-row .nav-pills-custom .nav-link.active { color: #fff; background: #0075C2; border-radius: 0; } #sh_corpomate_theme_cyber_21 .main-row .nav-pills-custom .nav-link span:first-child { float: left; margin-top: 5px; } #sh_corpomate_theme_cyber_21 .main-row .nav-pills-custom .nav-link span:last-child { float: right; text-transform: capitalize !important; font-size: 16px; } @media screen and (min-width: 1199px) and (max-width: 1399px) { #sh_corpomate_theme_cyber_21 .main-row .about-content { padding: 0 0px 0 0 !important; } } @media (min-width: 992px) { #sh_corpomate_theme_cyber_21 .main-row .nav-pills-custom .nav-link::before { content: ''; display: block; border-top: 8px solid transparent; border-left: 10px solid #fff; border-bottom: 8px solid transparent; position: absolute; top: 50%; right: -10px; transform: translateY(-50%); opacity: 0; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_21 .sub-div { position: absolute; top: 20%; width: 30%; height: 50%; right: 0; display: none; background-position: top right; background-repeat: no-repeat; background-size: contain; display: none; } #sh_corpomate_theme_cyber_21 { padding: 50px 0; } #sh_corpomate_theme_cyber_21 .main-row { margin: 0 0; } #sh_corpomate_theme_cyber_21 .main-row .about-content { width: 100%; padding: 0; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_21 { width: 100%; padding: 0 0 50px 0; position: relative; text-align: center; } #sh_corpomate_theme_cyber_21 .main-row .nav-pills-custom .nav-link { width: 90%; margin: 0 auto; border-radius: 0; } #sh_corpomate_theme_cyber_21 .main-row .about-content { width: 100%; padding: 0; } #sh_corpomate_theme_cyber_21 { width: 100%; padding: 0; position: relative; text-align: center; } #sh_corpomate_theme_cyber_21 { width: 100%; padding: 30px 0 0 0 !important; position: relative; text-align: center; } #sh_corpomate_theme_cyber_21 .main-row .about-content h5, #sh_corpomate_theme_cyber_21 .main-row .about-content .h5 { font-size: 22px; font-weight: 600; margin: 15px 0; text-align: left; color: #212121; } #sh_corpomate_theme_cyber_21 h2, #sh_corpomate_theme_cyber_21 .h2 { font-weight: 600; font-size: 25px; text-align: center; } #sh_corpomate_theme_cyber_21 .main-row { margin: 0 0; } } #sh_corpomate_theme_cyber_21 .main-row .nav-pills-custom .nav-link.active::before { opacity: 1; } #sh_corpomate_theme_cyber_21 .main-row .our-company-service-text ul li:hover { background: #0075C2; color: #fff; } #sh_corpomate_theme_cyber_21 .main-row .our-company-service-text ul li:hover a { color: #fff; } #sh_corpomate_theme_cyber_21 .main-row .our-company-service-text ul li:hover::after { background: #0075C2; color: #fff; } #sh_corpomate_theme_cyber_21 .main-row .our-company-service-text ul li::after { content: ''; position: absolute; top: 1px; left: -12px; height: 100%; width: 30px; transform: skewX(-26deg); border: 1px solid rgba(0, 0, 0, 0.125); border-top: 0 !important; border-right: 0px !important; } #sh_corpomate_theme_cyber_21 .main-row .our-company-service-text ul li a { color: #212121; font-size: 16px; font-weight: 500; transition: .75s; } #sh_corpomate_theme_cyber_21 .main-row .our-company-service-text ul li a span { float: left; font-weight: 700; font-size: 20px; } @media (min-width: 980px) and (max-width: 1161px) { .sh_format-container { width: 960px; } } @media (min-width: 768px) and (max-width: 979px) { .sh_format-container { width: 750px; } .sh_tabs_box { height: 460px; } .sh_tabs_title { font-size: 40px; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_21 .main-row .our-company-service-img .shape-4 { content: ""; background: #0075C2; width: 250px; height: 250px; position: absolute; top: 40%; padding: 5px 10px; right: 50px; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; border-radius: 250px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; color: #fff; z-index: 1; } #sh_corpomate_theme_cyber_21 .main-row .our-company-service-img .shape-2 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 200px; height: 200px; position: absolute; bottom: -15px; left: 80px; z-index: -1; } .sh_format-container { width: 96%; } .sh_tabs_box { height: auto; padding: 0 0 0 30px; } .sh_tabs_label { display: none; } #tabs__item-1, #tabs__item-2, #tabs__item-3, #tabs__item-4, #tabs__item-5, #tabs__item-6 { padding: 0 0 50px; transform: none; } .sh_tabs_item { max-width: 100%; margin: 0; position: static; top: auto; left: auto; } .sh_tabs_title { font-size: 30px; } .sh_tabs_discr { font-size: 16px; } .sh_tabs_dash { display: none; position: static; top: auto; left: auto; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_21 .main-row .our-company-service-img { height: 300px; width: 100%; } #sh_corpomate_theme_cyber_21 .main-row .our-company-service-img .shape-1 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_8.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 150px; height: 150px; position: absolute; top: 0; left: 0; } #sh_corpomate_theme_cyber_21 .main-row .our-company-service-img .shape-2 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 100px; height: 100px; position: absolute; bottom: 35px; left: 60px; z-index: -1; } #sh_corpomate_theme_cyber_21 .main-row .our-company-service-img .shape-3 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_10.png"); background-repeat: no-repeat; background-size: 100% 101%; background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 80px; height: 80px; position: absolute; top: 0; right: 70px; z-index: 1; } #sh_corpomate_theme_cyber_21 .main-row .our-company-service-img .shape-4 { content: ""; background: #0075C2; width: 160px; height: 160px; position: absolute; top: 30%; padding: 5px 0; right: 15px; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; border-radius: 200px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; color: #fff; z-index: 1; } #sh_corpomate_theme_cyber_21 .main-row .our-company-service-img .shape-4 h5, #sh_corpomate_theme_cyber_21 .main-row .our-company-service-img .shape-4 .h5 { font-size: 11px; font-weight: 600; } #sh_corpomate_theme_cyber_21 .main-row .our-company-service-img .shape-4 p { font-size: 10px; margin: 0 0; white-space: break-spaces; } #sh_corpomate_theme_cyber_21 .main-row .our-company-service-img .shape-4 .shape-icon { font-size: 25px; } } #sh_corpomate_theme_cyber_22 { width: 100%; position: relative; padding: 50px 0 50px 0; background: #f4f7fc; z-index: 1; } #sh_corpomate_theme_cyber_22::after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; background: url(/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_26.png); background-position: bottom; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_cyber_22 .main-row .our-services-text { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; padding: 20px 0; } #sh_corpomate_theme_cyber_22 .main-row .our-services-text .our-service-icon { font-size: 40px; color: #0075C2; padding-right: 10px; } #sh_corpomate_theme_cyber_22 .main-row .our-services-text .our-services-content { padding: 0 30px; } #sh_corpomate_theme_cyber_22 .main-row .our-services-text .our-services-content h3, #sh_corpomate_theme_cyber_22 .main-row .our-services-text .our-services-content .h3 { text-align: left; font-size: 19px; font-weight: 600; margin: 10px 0; } #sh_corpomate_theme_cyber_22 .main-row .our-services-text .our-services-content p { text-align: left; font-size: 16px; margin-top: 20px; margin-bottom: 0; } @media screen and (max-width: 1024px) { #sh_corpomate_theme_cyber_22 .main-row .our-services-text .our-services-content h3, #sh_corpomate_theme_cyber_22 .main-row .our-services-text .our-services-content .h3 { text-align: left; font-size: 18px; font-weight: 600; margin: 10px 0; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_cyber_22 .main-row .our-services-text .our-services-content p { display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_22 .main-row .our-services-text .our-service-icon { font-size: 40px; color: #0075C2; padding-right: 20px; } #sh_corpomate_theme_cyber_22 .main-row .our-services-text .our-services-content { padding: 0 0; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_22 { width: 100%; position: relative; padding: 0 0 30px 0; background: #f4f7fc; z-index: 1; } #sh_corpomate_theme_cyber_22 .main-row .our-services-text .our-services-content h3, #sh_corpomate_theme_cyber_22 .main-row .our-services-text .our-services-content .h3 { text-align: left; font-size: 18px; font-weight: 600; margin: 10px 0; } } #sh_corpomate_theme_cyber_23 { width: 100%; padding: 50px 0 50px 0; margin-bottom: 100px; position: relative; } #sh_corpomate_theme_cyber_23 .sub-div { position: absolute; left: 60%; top: 80%; content: ""; height: 200px; width: 200px; background: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); background-size: contain; background-repeat: no-repeat; z-index: -1; } #sh_corpomate_theme_cyber_23 h3, #sh_corpomate_theme_cyber_23 .h3 { color: #0075C2; font-weight: 500; font-size: 16px; text-align: center; margin: 0 0 10px 0; } #sh_corpomate_theme_cyber_23 h2, #sh_corpomate_theme_cyber_23 .h2 { font-weight: 600; font-size: 30px; text-align: center; margin-bottom: 0; } #sh_corpomate_theme_cyber_23 { width: 100%; padding: 50px 0 100px 0; position: relative; } #sh_corpomate_theme_cyber_23 h3, #sh_corpomate_theme_cyber_23 .h3 { color: #0075C2; font-weight: 500; font-size: 16px; text-align: center; } #sh_corpomate_theme_cyber_23 h2, #sh_corpomate_theme_cyber_23 .h2 { font-weight: 600; font-size: 30px; text-align: center; margin-bottom: 0; } #sh_corpomate_theme_cyber_23 .main-row { position: relative; } #sh_corpomate_theme_cyber_23 .process-box { position: relative; transition: 1s; box-shadow: 0 11px 20px 3px rgba(34, 34, 34, 0.1); background: #fff; padding: 30px 30px 20px; height: 250px; } #sh_corpomate_theme_cyber_23 .process-box:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(25deg, #003557, #0075C2); } #sh_corpomate_theme_cyber_23 .process-box .process-box-inner h3, #sh_corpomate_theme_cyber_23 .process-box .process-box-inner .h3 { font-size: 19px; text-align: left; } #sh_corpomate_theme_cyber_23 .process-box .process-box-inner { position: relative; } #sh_corpomate_theme_cyber_23 .process-box .process-box-inner .process-box-icon { font-size: 50px; opacity: .3; color: #212121; } #sh_corpomate_theme_cyber_23 .process-box .process-box-inner .process-box-icon span { text-shadow: none !important; } #sh_corpomate_theme_cyber_23 .process-box::after { content: ""; width: 0; height: 0; position: absolute; left: -5px; -webkit-transition: height .3s ease-out,width .3s ease-out .3s; transition: height .3s ease-out,width .3s ease-out .3s; z-index: 1; top: 35%; -webkit-transform: translate(-10px, 15px); transform: translate(-10px, 15px); } #sh_corpomate_theme_cyber_23 .process-box:hover:after { width: 90%; height: 65%; border-left: 3px dotted #003557; border-bottom: 3px dotted #003557; -webkit-transition: height .3s ease-out,width .3s ease-out .3s,border-left .3s ease-out,border-bottom .3s ease-out .2s; transition: height .3s ease-out,width .3s ease-out .3s,border-left .3s ease-out,border-bottom .3s ease-out .2s; } #sh_corpomate_theme_cyber_23 .process-box:hover:after { opacity: 1; } #sh_corpomate_theme_cyber_23 .process-box:hover { transform: translateY(-20px); } #sh_corpomate_theme_cyber_23 .process-box .process-box-inner .top { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; margin-bottom: 30px; justify-content: space-between; } #sh_corpomate_theme_cyber_23 .process-box .process-box-inner .top span { font-size: 50px; color: #0075C2; text-shadow: -5px 5px 0 #d8ddff; } #sh_corpomate_theme_cyber_23 .process-box .process-box-inner .process-box-text h5, #sh_corpomate_theme_cyber_23 .process-box .process-box-inner .process-box-text .h5 { font-weight: 600; } #sh_corpomate_theme_cyber_23 .process-box .process-box-inner .process-box-text p { margin: 0; } @media screen and (max-width: 1024px) { #sh_corpomate_theme_cyber_23 .process-box::after { height: 80% !important; width: 90% !important; opacity: 0; top: 60px; left: -10px; transition: 1s; position: absolute; content: ''; background-repeat: no-repeat; } #sh_corpomate_theme_cyber_23 { margin-bottom: 50px; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_23 { width: 100%; padding: 50px 0 100px 0; position: relative; } #sh_corpomate_theme_cyber_23 .sub-div { position: absolute; left: 60%; top: 85%; content: ""; height: 200px; width: 200px; background-size: contain; background-repeat: no-repeat; z-index: -1; } #sh_corpomate_theme_cyber_23 .process-box::after { height: 85% !important; width: 90% !important; opacity: 0; top: 45px; left: -10px; transition: 1s; position: absolute; content: ''; background-repeat: no-repeat; } } @media screen and (max-width: 576px) { #sh_corpomate_theme_cyber_23 h2, #sh_corpomate_theme_cyber_23 .h2 { font-weight: 600; font-size: 25px; text-align: center; margin-bottom: 30px; } #sh_corpomate_theme_cyber_23 { width: 100%; padding: 30px 0 50px 0; position: relative; } #sh_corpomate_theme_cyber_23 .sub-div { display: none; } #sh_corpomate_theme_cyber_23 .process-box::after { height: 100%; width: 100%; opacity: 0; top: 40px; left: -1px; transition: 1s; height: 86% !important; width: 90% !important; position: absolute; content: ''; background-repeat: no-repeat; } } #sh_corpomate_theme_cyber_24 { padding: 80px 0; width: 100%; position: relative; } #sh_corpomate_theme_cyber_24 .about-banner-main h1, #sh_corpomate_theme_cyber_24 .about-banner-main .h1 { font-size: 30px; padding-left: 50px; color: #212121; font-weight: 600; } #sh_corpomate_theme_cyber_24 .about-banner-main h1 span, #sh_corpomate_theme_cyber_24 .about-banner-main .h1 span { color: #0075C2; } #sh_corpomate_theme_cyber_24 .about-banner-main .banner-page-link { position: relative; bottom: -80px; left: 0; padding: 15px 0; width: 250px; background: #0075C2; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } #sh_corpomate_theme_cyber_24 .about-banner-main .banner-page-link::after { content: ''; position: absolute; top: 0; right: -14px; height: 100%; width: 30px; transform: skewX(16deg); border-top: 0 !important; border-right: 0px !important; background: #0075C2; } #sh_corpomate_theme_cyber_24 .about-banner-main .banner-page-link ul { display: -webkit-box; display: -webkit-flex; display: flex; color: #fff; list-style-type: square; margin-bottom: 0; margin: 0 auto; padding: 0px; } #sh_corpomate_theme_cyber_24 .about-banner-main .banner-page-link ul li:first-child { list-style-type: none; } #sh_corpomate_theme_cyber_24 .about-banner-main .banner-page-link ul li { margin-left: 27px; font-size: 20px; } #sh_corpomate_theme_cyber_24 .about-banner-main .banner-page-link ul li a { color: #fff; transition: 1s; } #sh_corpomate_theme_cyber_24 .about-banner-main .banner-page-link ul li a:hover { color: #212121; } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_24 { background-position: right !important; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_24 .about-banner-main h1, #sh_corpomate_theme_cyber_24 .about-banner-main .h1 { font-size: 40px; padding-left: 50px; color: #212121; font-weight: 600; text-align: center; } #sh_corpomate_theme_cyber_24 .about-banner-main .banner-page-link ul { padding: 0; } #sh_corpomate_theme_cyber_24 { background-position: center !important; } #sh_corpomate_theme_cyber_24 { background: #f2f5fb !important; } } #sh_corpomate_theme_cyber_25 { position: relative; padding: 50px 0 100px 0; width: 100%; } #sh_corpomate_theme_cyber_25 .sub-div { position: absolute; top: 20%; left: 0; height: 80%; width: 20%; background: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_43.png"); background-position: top left; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_cyber_25 h3, #sh_corpomate_theme_cyber_25 .h3 { color: #0075C2; font-weight: 500; font-size: 16px; text-align: center; } #sh_corpomate_theme_cyber_25 h2, #sh_corpomate_theme_cyber_25 .h2 { font-weight: 600; font-size: 30px; text-align: center; margin-bottom: 0; } #sh_corpomate_theme_cyber_25 .first-row .our-team { height: 400px; background: #fff; box-shadow: 0 11px 20px 3px rgba(34, 34, 34, 0.1); border-radius: 0; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; position: relative; } #sh_corpomate_theme_cyber_25 .first-row .our-team .our-team-img { overflow: hidden; height: 90%; width: 90%; } #sh_corpomate_theme_cyber_25 .first-row .our-team img:hover { transform: scale(1.2); filter: brightness(120%); } #sh_corpomate_theme_cyber_25 .first-row .our-team:hover .social-icons { transform: scaleY(1); } #sh_corpomate_theme_cyber_25 .first-row .our-team img { position: relative; transition: all 2s ease; height: 100%; width: 100%; object-fit: cover; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: flex-end; } #sh_corpomate_theme_cyber_25 .first-row .our-team .our-team-sub-content { position: absolute; width: 70%; bottom: 10%; left: 14.5%; background: #fff; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 15px 0; } #sh_corpomate_theme_cyber_25 .first-row .our-team .our-team-sub-content span { color: #0075C2; font-size: 16px; } #sh_corpomate_theme_cyber_25 .first-row .our-team .our-team-sub-content h5, #sh_corpomate_theme_cyber_25 .first-row .our-team .our-team-sub-content .h5 { font-size: 19px; margin-bottom: 0; } #sh_corpomate_theme_cyber_25 .first-row .our-team .our-team-sub-content .our-team-sub-icon { position: absolute; top: -17px; left: 5%; height: 40px; width: 40px; border-radius: 40px; line-height: 40px; text-align: center; color: #fff !important; font-size: 20px; background: #003557; z-index: 1; display: none; } #sh_corpomate_theme_cyber_25 .first-row .our-team .our-team-sub-content .our-team-sub-icon a span { font-size: 20px; color: #fff !important; } #sh_corpomate_theme_cyber_25 .social-icons { position: absolute; left: 7px; bottom: 50px; width: 50px; background: #fff; border-radius: 30px; padding: 2px 10px 50px 10px; text-align: center; transform: scaleY(0); transform-origin: bottom center; transition: all .5s ease; display: none; } #sh_corpomate_theme_cyber_25 .social-icons ul { margin: 0; padding: 0; list-style-type: none; background: #fff; border-top-left-radius: 20px; border-top-right-radius: 20px; z-index: -1; } #sh_corpomate_theme_cyber_25 .social-icons ul li { display: block; padding: 6px 9px; } #sh_corpomate_theme_cyber_25 .social-icons ul li:hover a span { color: #0075C2 !important; } #sh_corpomate_theme_cyber_25 .social-icons ul li a span { color: #212121 !important; transition: 1s; } #sh_corpomate_theme_cyber_25 .social-icons ul li:first-child { padding-top: 10px; } #sh_corpomate_theme_cyber_25 .social-icons ul li:last-child { padding-bottom: 0; } @media screen and (max-width: 1024px) { #sh_corpomate_theme_cyber_25 .first-row .our-team .our-team-sub-content h5, #sh_corpomate_theme_cyber_25 .first-row .our-team .our-team-sub-content .h5 { font-size: 17px; margin-bottom: 0; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_25 .first-row .our-team .our-team-sub-content { position: absolute; width: 70%; bottom: 10%; left: 14.5%; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_25 { position: relative; padding: 30px 0 50px 0; width: 100%; } #sh_corpomate_theme_cyber_25 .first-row { margin-top: 0 !important; } #sh_corpomate_theme_cyber_25 .first-row .our-team .our-team-sub-content { bottom: 10%; } #sh_corpomate_theme_cyber_25 .first-row .our-team { height: 400px; background: #fff; border-radius: 0; display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 100%; } #sh_corpomate_theme_cyber_25 h2, #sh_corpomate_theme_cyber_25 .h2 { font-weight: 600; font-size: 25px; text-align: center; margin-bottom: 0; } #sh_corpomate_theme_cyber_25 .first-row .our-team .our-team-sub-content { position: absolute; width: 70%; bottom: 10%; background: #fff; text-align: center; display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit--webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 20px 0; left: 50%; transform: translatex(-53%); } } #sh_corpomate_theme_cyber_26 { padding: 50px 0; width: 100%; background: #f4f7fc; position: relative; } #sh_corpomate_theme_cyber_26 .main-row .portfolio-contain h1, #sh_corpomate_theme_cyber_26 .main-row .portfolio-contain .h1 { font-size: 50px; font-weight: 700; } #sh_corpomate_theme_cyber_26 .main-row .portfolio-contain p { font-size: 16px; color: #414141; line-height: 30px; margin-top: 20px; } #sh_corpomate_theme_cyber_26 .main-row .portfolio-contain .video-btn { margin-top: 30px; } #sh_corpomate_theme_cyber_26 .main-row .portfolio-contain .video-btn .video-btn-icon { height: 50px; width: 50px; border-radius: 50px; margin-right: 20px; text-align: center; line-height: 50px; background: #003557; color: #fff; } #sh_corpomate_theme_cyber_26 .main-row .portfolio-contain .video-btn .button { color: #212121 !important; background-color: transparent !important; border-color: transparent !important; padding: 0; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: unset; align-items: center; flex-direction: row; } #sh_corpomate_theme_cyber_26 .main-row .portfolio-contain .video-btn .video-btn-text { color: #212121; font-size: 18px; font-weight: 500; } #sh_corpomate_theme_cyber_26 .main-row .portfolio-img { height: 400px; width: auto; position: relative; z-index: 1; } #sh_corpomate_theme_cyber_26 .main-row .portfolio-img .sub-div-1 { height: 150px; width: 150px; opacity: 1; top: -3%; left: 41%; transition: 1s; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); position: absolute; content: ''; background-repeat: no-repeat; z-index: -1; } #sh_corpomate_theme_cyber_26 .main-row .portfolio-img img { height: 100%; width: 100%; object-fit: cover; } @media screen and (max-width: 1024px) { #sh_corpomate_theme_cyber_26 .main-row .portfolio-img .sub-div-1 { height: 150px; width: 150px; opacity: 1; top: 1%; left: 36%; transition: 1s; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); position: absolute; content: ''; background-repeat: no-repeat; z-index: -1; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_26 .main-row .portfolio-img .sub-div-1 { height: 150px; width: 150px; opacity: 1; top: 4%; left: 28%; transition: 1s; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); position: absolute; content: ''; background-repeat: no-repeat; z-index: -1; } #sh_corpomate_theme_cyber_26 .main-row .portfolio-contain h1, #sh_corpomate_theme_cyber_26 .main-row .portfolio-contain .h1 { font-size: 40px; font-weight: 700; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_26 .main-row .portfolio-img .sub-div-1 { height: 150px; width: 150px; opacity: 1; top: 11%; left: 25%; transition: 1s; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); position: absolute; content: ''; background-repeat: no-repeat; z-index: -1; } #sh_corpomate_theme_cyber_26 .main-row .portfolio-contain h1, #sh_corpomate_theme_cyber_26 .main-row .portfolio-contain .h1 { font-size: 30px; font-weight: 700; } #sh_corpomate_theme_cyber_26 { padding: 30px 0 0 0; width: 100%; background: #f4f7fc; position: relative; } #sh_corpomate_theme_cyber_26 .main-row .portfolio-img img { height: 120%; width: 100%; object-fit: contain; } } @media screen and (max-width: 360px) { #sh_corpomate_theme_cyber_26 .main-row .portfolio-img .sub-div-1 { height: 150px; width: 150px; opacity: 1; top: 4%; left: 20%; transition: 1s; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); position: absolute; content: ''; background-repeat: no-repeat; z-index: -1; } } #sh_corpomate_theme_cyber_27.sh_corpomate_hide_shape .sh_corpomate_hide_shape_part { display: none !important; } #sh_corpomate_theme_cyber_27 { width: 100%; padding: 50px 0; margin-bottom: 100px; position: relative; } #sh_corpomate_theme_cyber_27 .sub-div { position: absolute; top: 20%; right: 0; height: 80%; width: 20%; background: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_7.png"); background-position: top left; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_cyber_27 h3, #sh_corpomate_theme_cyber_27 .h3 { color: #0075C2; font-weight: 500; font-size: 16px; text-align: center; } #sh_corpomate_theme_cyber_27 h2, #sh_corpomate_theme_cyber_27 .h2 { font-weight: 600; font-size: 30px; text-align: center; margin-bottom: 0; } #sh_corpomate_theme_cyber_27 .main-row { margin: 30px 0; } #sh_corpomate_theme_cyber_27 .main-row .our-company-service-img { height: 400px; width: 100%; position: relative; } #sh_corpomate_theme_cyber_27 .main-row .our-company-service-img img { height: 100%; width: 95%; position: absolute; object-fit: contain; object-position: bottom; } #sh_corpomate_theme_cyber_27 .main-row .our-company-service-img .shape { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_23.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: top center; width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; } #sh_corpomate_theme_cyber_27 .main-row .our-company-service-img .shape-2 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 200px; height: 200px; position: absolute; bottom: -50px; left: 67px; z-index: -1; } #sh_corpomate_theme_cyber_27 .main-row .our-company-service-img .shape-3 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_10.png"); background-repeat: no-repeat; background-size: 100% 101%; background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 100px; height: 100px; position: absolute; top: 0; right: 100px; z-index: 1; } #sh_corpomate_theme_cyber_27 .main-row .our-company-service-content { background: #fff; } #sh_corpomate_theme_cyber_27 .main-row .our-company-service-content h2, #sh_corpomate_theme_cyber_27 .main-row .our-company-service-content .h2 { font-weight: 600; font-size: 30px; text-align: left; color: #212121; } #sh_corpomate_theme_cyber_27 .main-row .our-company-service-content p { margin-top: 0; margin-bottom: 1rem; margin-top: 20px; line-height: 30px; text-align: left; color: #616161; } #sh_corpomate_theme_cyber_27 .main-row .our-company-service-content .our-company-btn { margin-top: 30px; } #sh_corpomate_theme_cyber_27 .main-row .our-company-service-content .our-company-btn .btn { color: #fff; background-color: #0075C2; border-color: #0075C2; border-radius: 0; padding: 10px 30px; } #sh_corpomate_theme_cyber_27 .our-company-service-content .counter-item-text { margin-top: 30px; } #sh_corpomate_theme_cyber_27 .our-company-service-content .counter-item-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #sh_corpomate_theme_cyber_27 .our-company-service-content .counter-item-content .counter-content-list { flex: 0 0 50%; max-width: 50%; width: 50%; display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 30px; } #sh_corpomate_theme_cyber_27 .our-company-service-content .counter-item-content .counter-content-list .counter-content-icon { font-size: 35px; color: #212121; flex: 0 0 70px; max-width: 45px; width: 45px; } #sh_corpomate_theme_cyber_27 .our-company-service-content .counter-item-content .counter-content-list .counter-content-text { padding: 0 10px; } #sh_corpomate_theme_cyber_27 .our-company-service-content .counter-item-content .counter-content-list .counter-content-text h3, #sh_corpomate_theme_cyber_27 .our-company-service-content .counter-item-content .counter-content-list .counter-content-text .h3 { text-align: left !important; } #sh_corpomate_theme_cyber_27 .our-company-service-content .counter-item-content .counter-content-list .counter-content-text p { font-size: 15px; margin: 0; color: #616161; } #sh_corpomate_theme_cyber_27 .our-company-service-content .counter-item-content .counter-content-list .counter { font-size: 30px; font-weight: 600; } #sh_corpomate_theme_cyber_27 .sh_disable_hover_cls .shape { display: none; } @media screen and (max-width: 991px) { #sh_corpomate_theme_cyber_27 { padding: 100px 0 0 0; } #sh_corpomate_theme_cyber_27 .main-row .our-company-service-img .shape-2 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 200px; height: 200px; position: absolute; bottom: -15px; left: 80px; z-index: -1; } #sh_corpomate_theme_cyber_27 .main-row .our-company-service-img { height: 500px; width: 100%; position: relative; } #sh_corpomate_theme_cyber_27 .sub-div { position: absolute; top: 20%; right: 0; height: 80%; width: 20%; background-position: top left; background-size: cover; background-repeat: no-repeat; display: none; } #sh_corpomate_theme_cyber_27 .main-row .our-company-service-content { margin-top: 50px; } #sh_corpomate_theme_cyber_27 .main-row .our-company-service-img img { height: 100%; width: 95%; position: absolute; object-fit: contain; object-position: bottom; left: 0; } #sh_corpomate_theme_cyber_27 h2, #sh_corpomate_theme_cyber_27 .h2 { font-weight: 600; font-size: 30px; text-align: center; margin-bottom: 0; } } @media screen and (max-width: 576px) { #sh_corpomate_theme_cyber_27 { padding: 50px 0 0 0; margin: 50px 0; } #sh_corpomate_theme_cyber_27 .our-company-service-content .counter-item-content .counter-content-list { flex: 0 0 100%; max-width: 100%; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 30px; } #sh_corpomate_theme_cyber_27 .our-company-service-content .counter-item-content .counter-content-list .counter-content-icon { font-size: 35px; color: #212121; flex: 0 0 60px; max-width: 60px; width: 60px; margin-right: 25px; } #sh_corpomate_theme_cyber_27 h3, #sh_corpomate_theme_cyber_27 .h3 { color: #0075C2; font-weight: 500; font-size: 16px; } #sh_corpomate_theme_cyber_27 .our-company-service-content .counter-item-content .counter-content-list .counter-content-text { padding: 0 0; } #sh_corpomate_theme_cyber_27 .main-row .our-company-service-img { height: 300px; width: 100%; } #sh_corpomate_theme_cyber_27 h2, #sh_corpomate_theme_cyber_27 .h2 { font-weight: 600; font-size: 25px; text-align: center; margin-bottom: 0; } #sh_corpomate_theme_cyber_27 .main-row .our-company-service-content h2, #sh_corpomate_theme_cyber_27 .main-row .our-company-service-content .h2 { font-weight: 600; font-size: 25px; text-align: left; color: #212121; } #sh_corpomate_theme_cyber_27 .our-company-service-content .counter-item-content .counter-content-list .counter { font-size: 25px; font-weight: 600; } #sh_corpomate_theme_cyber_27 .main-row .our-company-service-img img { height: 100%; width: 95%; position: absolute; object-fit: contain; object-position: bottom; } #sh_corpomate_theme_cyber_27 .main-row .our-company-service-img .shape-2 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 100px; height: 100px; position: absolute; bottom: -32px; left: 74px; z-index: -1; } #sh_corpomate_theme_cyber_27 .main-row .our-company-service-img .shape-3 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_10.png"); background-repeat: no-repeat; background-size: 100% 101%; background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 80px; height: 80px; position: absolute; top: 0; right: 70px; z-index: 1; } } #sh_corpomate_theme_cyber_28 { padding: 80px 0; width: 100%; position: relative; } #sh_corpomate_theme_cyber_28 .about-banner-main h1, #sh_corpomate_theme_cyber_28 .about-banner-main .h1 { font-size: 30px; padding-left: 50px; color: #212121; font-weight: 600; } #sh_corpomate_theme_cyber_28 .about-banner-main h1 span, #sh_corpomate_theme_cyber_28 .about-banner-main .h1 span { color: #0075C2; } #sh_corpomate_theme_cyber_28 .about-banner-main .banner-page-link { position: relative; bottom: -80px; left: 0; padding: 15px 0; width: 250px; background: #0075C2; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } #sh_corpomate_theme_cyber_28 .about-banner-main .banner-page-link::after { content: ''; position: absolute; top: 0; right: -14px; height: 100%; width: 30px; transform: skewX(16deg); border-top: 0 !important; border-right: 0px !important; background: #0075C2; } #sh_corpomate_theme_cyber_28 .about-banner-main .banner-page-link ul { display: -webkit-box; display: -webkit-flex; display: flex; color: #fff; list-style-type: square; margin-bottom: 0; margin: 0 auto; padding: 0px; } #sh_corpomate_theme_cyber_28 .about-banner-main .banner-page-link ul li:first-child { list-style-type: none; } #sh_corpomate_theme_cyber_28 .about-banner-main .banner-page-link ul li { margin-left: 35px; font-size: 20px; } #sh_corpomate_theme_cyber_28 .about-banner-main .banner-page-link ul li a { color: #fff; transition: 1s; } #sh_corpomate_theme_cyber_28 .about-banner-main .banner-page-link ul li a:hover { color: #212121; } @media screen and (min-width: 1199px) and (max-width: 1399px) { #sh_corpomate_theme_cyber_28 .about-banner-main .banner-page-link ul li { font-size: 16px !important; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_28 { background-position: right !important; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_28 .about-banner-main h1, #sh_corpomate_theme_cyber_28 .about-banner-main .h1 { font-size: 40px; padding-left: 50px; color: #212121; font-weight: 600; text-align: center; } #sh_corpomate_theme_cyber_28 .about-banner-main .banner-page-link ul { padding: 0; } #sh_corpomate_theme_cyber_28 { background-position: center !important; } #sh_corpomate_theme_cyber_28 { background: #f2f5fb !important; } } #sh_corpomate_theme_cyber_29.sh_corpomate_hide_shape .sh_corpomate_hide_shape_part { display: none !important; } #sh_corpomate_theme_cyber_29 { padding: 50px 0 80px 0; width: 100%; position: relative; } #sh_corpomate_theme_cyber_29 h3, #sh_corpomate_theme_cyber_29 .h3 { color: #0075C2; font-weight: 500; font-size: 16px; text-align: center; } #sh_corpomate_theme_cyber_29 h2, #sh_corpomate_theme_cyber_29 .h2 { font-weight: 600; font-size: 30px; text-align: center; margin-bottom: 0; } #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img { height: 400px; width: 100%; position: relative; } #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img img { height: 100%; width: 100%; position: absolute; object-fit: cover; object-position: left; } #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img .shape { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_23.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: top center; width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; content: ''; } #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img .service-bg { position: absolute; background: url("/sh_corpomate_theme/static/src/images/theme_6/images/sh_cyber_image_34.png"); background-position: center; background-size: cover; height: 100%; width: 100%; top: 0; left: 0; } #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img .shape-2 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 200px; height: 200px; position: absolute; bottom: -42px; left: 67px; z-index: -1; } #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img .shape-3 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_10.png"); background-repeat: no-repeat; background-size: 100% 101%; background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 100px; height: 100px; position: absolute; top: 0; right: 100px; z-index: 1; } #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img .shape-4 { content: ""; background: #0075C2; width: 150px; height: 150px; position: absolute; top: 60%; padding: 5px 10px; right: 13px; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; border-radius: 150px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; color: #fff; z-index: 1; } #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img .shape-4:after { content: ''; position: absolute; height: 110%; width: 110%; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 100%; background: rgba(16, 76, 186, 0.4); z-index: -1; } #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img .shape-4 .shape-icon { font-size: 30px; } #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img .shape-4 h5, #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img .shape-4 .h5 { font-size: 20px; font-weight: 600; margin-bottom: 0; } #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img .shape-4 p { font-size: 14px; margin: 10px 0; color: #fff; } #sh_corpomate_theme_cyber_29 .our-team-progrees-content { width: auto; padding: 0 0; } #sh_corpomate_theme_cyber_29 .our-team-progrees-content h3, #sh_corpomate_theme_cyber_29 .our-team-progrees-content .h3 { color: #0075C2; font-weight: 500; font-size: 16px; margin-top: 10px; text-align: left; } #sh_corpomate_theme_cyber_29 .our-team-progrees-content h2, #sh_corpomate_theme_cyber_29 .our-team-progrees-content .h2 { font-weight: 600; font-size: 30px; text-align: left; margin-bottom: 0; } #sh_corpomate_theme_cyber_29 .our-team-progrees-content p { margin-top: 0; margin-bottom: 1rem; margin-top: 20px; text-align: left; } #sh_corpomate_theme_cyber_29 .our-team-progrees-content .progress { display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; height: 5px; overflow: hidden; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem; } #sh_corpomate_theme_cyber_29 .our-team-progrees-bar { margin-top: 10px; } #sh_corpomate_theme_cyber_29 .our-team-progrees-bar p { margin-top: 20px; margin-bottom: 1rem; text-align: left; } #sh_corpomate_theme_cyber_29 .our-team-progrees-bar span { float: right; } #sh_corpomate_theme_cyber_29 .our-team-progrees-bar span:first-child { margin-right: 60px; } #sh_corpomate_theme_cyber_29 .our-team-progrees-bar span:nth-child(2) { margin-right: 50px; } #sh_corpomate_theme_cyber_29 .our-team-progrees-bar span:nth-child(3) { margin-right: 46px; } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img .shape-4 { content: ""; background: #0075C2; width: 250px; height: 250px; position: absolute; top: 40%; padding: 5px 10px; right: 50px; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; border-radius: 250px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; color: #fff; z-index: 1; } #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img { height: 500px; width: 100%; position: relative; } #sh_corpomate_theme_cyber_29 { padding: 50px 0 80px 0; width: 100%; background: #fff !important; position: relative; } #sh_corpomate_theme_cyber_29 .main-row .our-team-progrees-content { margin-top: 50px; } #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img .shape-4 .shape-icon { font-size: 45px; } #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img .shape-4 h5, #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img .shape-4 .h5 { font-size: 25px; font-weight: 600; margin-bottom: 0; } #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img .shape-4 p { font-size: 16px; margin: 10px 0; } #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img .shape-2 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 200px; height: 200px; position: absolute; bottom: -15px; left: 80px; z-index: -1; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_29 { padding: 30px 0 50px 0; width: 100%; position: relative; } #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img .shape { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_23.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: top center; width: 104%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; content: ''; } #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img { height: 300px; width: 100%; } #sh_corpomate_theme_cyber_29 h2, #sh_corpomate_theme_cyber_29 .h2 { font-weight: 600; font-size: 25px; text-align: center; margin-bottom: 0; } #sh_corpomate_theme_cyber_29 .our-team-progrees-content h2, #sh_corpomate_theme_cyber_29 .our-team-progrees-content .h2 { font-weight: 600; font-size: 25px; text-align: left; margin-bottom: 0; } #sh_corpomate_theme_cyber_29 .main-row .our-team-progrees-content { margin-top: 0; } #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img .shape-2 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 100px; height: 100px; position: absolute; bottom: 35px; left: 60px; z-index: -1; } #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img .shape-3 { content: ""; background-image: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_10.png"); background-repeat: no-repeat; background-size: 100% 101%; background-repeat: no-repeat; background-size: 100% 101%; background-position: center; width: 80px; height: 80px; position: absolute; top: 0; right: 70px; z-index: 1; } #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img .shape-4 { content: ""; background: #0075C2; width: 120px; height: 120px; position: absolute; top: 50%; padding: 5px 0; right: 15px; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; border-radius: 120px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; color: #fff; z-index: 1; } #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img .shape-4 h5, #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img .shape-4 .h5 { font-size: 16px; font-weight: 600; margin-top: 0; margin-bottom: 0; } #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img .shape-4 p { font-size: 10px; margin: 0 0; white-space: break-spaces; } #sh_corpomate_theme_cyber_29 .main-row .our-company-service-img .shape-4 .shape-icon { font-size: 25px; } } #sh_corpomate_theme_cyber_30 { padding: 50px 0 50px 0; width: 100%; position: relative; background-attachment: fixed; } #sh_corpomate_theme_cyber_30 h3, #sh_corpomate_theme_cyber_30 .h3 { color: #0075C2; font-weight: 500; font-size: 16px; margin-top: 10px; text-align: center; } #sh_corpomate_theme_cyber_30 h2, #sh_corpomate_theme_cyber_30 .h2 { font-weight: 600; font-size: 30px; text-align: center; margin-bottom: 50px; } #sh_corpomate_theme_cyber_30 p { text-align: center; font-size: 16px; } #sh_corpomate_theme_cyber_30 .main-row .counter-item-content { display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; -webkit--webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #sh_corpomate_theme_cyber_30 .main-row { margin-top: 30px; } #sh_corpomate_theme_cyber_30 .main-row .counter-item-content .counter-content-list { flex: 0 0 100%; max-width: 100%; width: 100%; display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 30px; } #sh_corpomate_theme_cyber_30 .main-row .counter-item-content .counter-content-list .counter-content-icon { font-size: 35px; color: #212121; flex: 0 0 70px; width: 45px; } #sh_corpomate_theme_cyber_30 .main-row .counter-item-content .counter-content-list .counter { font-size: 35px; font-weight: 600; color: #0075C2; margin-top: 0; } #sh_corpomate_theme_cyber_30 .main-row .counter-item-content .counter-content-list .counter-content-text .main { margin: 0; } #sh_corpomate_theme_cyber_30 .main-row .counter-item-content .counter-content-list .counter-content-text { padding: 0 20px; } #sh_corpomate_theme_cyber_30 .main-row .counter-item-content .counter-content-list .counter-content-text h3, #sh_corpomate_theme_cyber_30 .main-row .counter-item-content .counter-content-list .counter-content-text .h3 { text-align: left !important; } #sh_corpomate_theme_cyber_30 .main-row .counter-item-content .counter-content-list .counter-content-text p { font-size: 15px; margin: 0; color: #616161; line-height: 30px; text-align: left; } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_30 { padding: 50px 0 50px 0; width: 100%; position: relative; } #sh_corpomate_theme_cyber_30 p { text-align: center; font-size: 13px; } #sh_corpomate_theme_cyber_30 .main-row .counter-item-content .counter-content-list .counter-content-text p { font-size: 12px; margin: 0; color: #616161; line-height: 30px; text-align: left; } #sh_corpomate_theme_cyber_30 .main-row .counter-item-content .counter-content-list .counter-content-text p { font-size: 10px; margin: 0; color: #616161; line-height: 30px; text-align: left; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_30 .main-row .counter-item-content .counter-content-list { flex: 0 0 100%; max-width: 100%; width: 100%; display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 30px; } #sh_corpomate_theme_cyber_30 { padding: 30px 0 30px 0; width: 100%; position: relative; } #sh_corpomate_theme_cyber_30 h2, #sh_corpomate_theme_cyber_30 .h2 { font-weight: 600; font-size: 25px; text-align: center; margin-bottom: 50px; } #sh_corpomate_theme_cyber_30 .main-row .counter-item-content { margin-left: auto; margin-right: auto; width: 15em; } } #sh_corpomate_theme_cyber_31 { position: relative; padding: 50px 0 100px 0; width: 100%; } #sh_corpomate_theme_cyber_31 .sub-div { position: absolute; top: 20%; left: 0; height: 80%; width: 20%; background: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_43.png"); background-position: top left; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_cyber_31 .shape { position: absolute; left: 56%; top: 85%; content: ""; height: 200px; width: 200px; background: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_9.png"); background-size: contain; background-repeat: no-repeat; z-index: -1; } #sh_corpomate_theme_cyber_31 h3, #sh_corpomate_theme_cyber_31 .h3 { color: #0075C2; font-weight: 500; font-size: 16px; text-align: center; } #sh_corpomate_theme_cyber_31 h2, #sh_corpomate_theme_cyber_31 .h2 { font-weight: 600; font-size: 30px; text-align: center; margin-bottom: 0; } #sh_corpomate_theme_cyber_31 .first-row .our-team { height: 400px; background: #fff; box-shadow: 0 11px 20px 3px rgba(34, 34, 34, 0.1); border-radius: 0; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; position: relative; } #sh_corpomate_theme_cyber_31 .first-row .our-team .our-team-img { overflow: hidden; height: 90%; width: 90%; } #sh_corpomate_theme_cyber_31 .first-row .our-team img:hover { transform: scale(1.2); filter: brightness(120%); } #sh_corpomate_theme_cyber_31 .first-row .our-team:hover .social-icons { transform: scaleY(1); } #sh_corpomate_theme_cyber_31 .first-row .our-team img { position: relative; transition: all 2s ease; height: 100%; width: 100%; object-fit: cover; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: flex-end; } #sh_corpomate_theme_cyber_31 .first-row .our-team .our-team-sub-content { position: absolute; width: 70%; bottom: 10%; left: 14.5%; background: #fff; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 15px 0; } #sh_corpomate_theme_cyber_31 .first-row .our-team .our-team-sub-content span { color: #0075C2; font-size: 16px; } #sh_corpomate_theme_cyber_31 .first-row .our-team .our-team-sub-content h5, #sh_corpomate_theme_cyber_31 .first-row .our-team .our-team-sub-content .h5 { font-size: 19px; margin-bottom: 0; } #sh_corpomate_theme_cyber_31 .first-row .our-team .our-team-sub-content .our-team-sub-icon { position: absolute; top: -17px; left: 5%; height: 40px; width: 40px; border-radius: 40px; line-height: 40px; text-align: center; color: #fff !important; font-size: 20px; background: #003557; z-index: 1; } #sh_corpomate_theme_cyber_31 .first-row .our-team .our-team-sub-content .our-team-sub-icon a span { font-size: 20px; color: #fff !important; } #sh_corpomate_theme_cyber_31 .social-icons { position: absolute; left: 7px; bottom: 60px; width: 50px; background: #fff; border-radius: 30px; padding: 2px 10px 50px 10px; text-align: center; transform: scaleY(0); transform-origin: bottom center; transition: all .5s ease; } #sh_corpomate_theme_cyber_31 .social-icons ul { margin: 0; padding: 0; list-style-type: none; background: #fff; border-top-left-radius: 20px; border-top-right-radius: 20px; z-index: -1; } #sh_corpomate_theme_cyber_31 .social-icons ul li { display: block; padding: 6px 9px; } #sh_corpomate_theme_cyber_31 .social-icons ul li:hover a span { color: #0075C2 !important; } #sh_corpomate_theme_cyber_31 .social-icons ul li a span { color: #212121 !important; transition: 1s; } #sh_corpomate_theme_cyber_31 .social-icons ul li:first-child { padding-top: 10px; } #sh_corpomate_theme_cyber_31 .social-icons ul li:last-child { padding-bottom: 0; } @media screen and (max-width: 1024px) { #sh_corpomate_theme_cyber_31 .first-row .our-team .our-team-sub-content h5, #sh_corpomate_theme_cyber_31 .first-row .our-team .our-team-sub-content .h5 { font-size: 17px; margin-bottom: 0; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_31 { position: relative; padding: 50px 0 100px 0; width: 100%; } #sh_corpomate_theme_cyber_31 .first-row .our-team .our-team-sub-content { position: absolute; width: 70%; bottom: 10%; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_31 { position: relative; padding: 30px 0 50px 0; width: 100%; } #sh_corpomate_theme_cyber_31 .first-row .our-team { height: 400px; background: #fff; border-radius: 0; display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 100%; } #sh_corpomate_theme_cyber_31 .shape { display: none; } #sh_corpomate_theme_cyber_31 .first-row { margin-top: 0 !important; } #sh_corpomate_theme_cyber_31 h2, #sh_corpomate_theme_cyber_31 .h2 { font-weight: 600; font-size: 25px; text-align: center; margin-bottom: 0; } #sh_corpomate_theme_cyber_31 .first-row .our-team .our-team-sub-content { position: absolute; width: 70%; bottom: 10%; background: #fff; text-align: center; display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit--webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 20px 0; left: 50%; transform: translateX(-53%); } } #sh_corpomate_theme_cyber_32 { width: 100%; padding: 50px 0 80px 0; background: #f1f4fb; position: relative; text-align: center; margin-bottom: 350px; height: 380px; } #sh_corpomate_theme_cyber_32 h3, #sh_corpomate_theme_cyber_32 .h3 { color: #0075C2; font-weight: 500; font-size: 16px; text-align: center; } #sh_corpomate_theme_cyber_32 h2, #sh_corpomate_theme_cyber_32 .h2 { font-weight: 600; font-size: 30px; text-align: center; margin-bottom: 0; } #sh_corpomate_theme_cyber_32 .first-row { position: absolute; } #sh_corpomate_theme_cyber_32 .first-row .our-team { background: #fff; box-shadow: 0 11px 20px 3px rgba(34, 34, 34, 0.1); border-radius: 0; display: -webkit-box; display: -webkit-flex; display: flex; padding: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; } #sh_corpomate_theme_cyber_32 .first-row .our-team img:hover { transform: scale(1.2); filter: brightness(120%); } #sh_corpomate_theme_cyber_32 .first-row .our-team img { height: 100%; width: 100%; transition: 2s; position: relative; } #sh_corpomate_theme_cyber_32 .first-row .our-team .shape { position: absolute; bottom: 0; left: 0; height: 50px; width: 50px; font-size: 30px; color: #fff; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; background: #0075C2; } #sh_corpomate_theme_cyber_32 .first-row .our-team .our-team-img { height: 250px; width: 100%; overflow: hidden; position: relative; } #sh_corpomate_theme_cyber_32 .first-row .our-team .our-team-text { text-align: left; margin-top: 20px; } #sh_corpomate_theme_cyber_32 .first-row .our-team .our-team-text h5, #sh_corpomate_theme_cyber_32 .first-row .our-team .our-team-text .h5 { font-size: 19px; margin-bottom: 0; } #sh_corpomate_theme_cyber_32 .first-row .our-team .our-team-text p { margin-top: 0; margin-bottom: 0; margin-top: 20px; line-height: 20px; text-align: left; } @media screen and (max-width: 991px) { #sh_corpomate_theme_cyber_32 .first-row .our-team .our-team-text h5, #sh_corpomate_theme_cyber_32 .first-row .our-team .our-team-text .h5 { font-size: 18px; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_32 .first-row .our-team .our-team-text h5, #sh_corpomate_theme_cyber_32 .first-row .our-team .our-team-text .h5 { font-size: 18px; margin-bottom: 0; } #sh_corpomate_theme_cyber_32 { width: 100%; padding: 50px 0 80px 0; background: #f1f4fb; position: relative; text-align: center; margin-bottom: 300px; height: 380px; } #sh_corpomate_theme_cyber_32 .first-row .our-team { height: 350px; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_32 { width: 100%; padding: 30px 0 80px 0; background: #f1f1f1; position: relative; text-align: center; margin-bottom: 1250px; height: 180px !important; } #sh_corpomate_theme_cyber_32 h2, #sh_corpomate_theme_cyber_32 .h2 { font-weight: 600; font-size: 25px; text-align: center; margin-bottom: 0; } #sh_corpomate_theme_cyber_32 .first-row .our-team { height: 400px; background: #fff; border-radius: 0; display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 95%; } } #sh_corpomate_theme_cyber_33 { padding: 80px 0; width: 100%; position: relative; } #sh_corpomate_theme_cyber_33 .about-banner-main h1, #sh_corpomate_theme_cyber_33 .about-banner-main .h1 { font-size: 30px; padding-left: 50px; color: #212121; font-weight: 600; } #sh_corpomate_theme_cyber_33 .about-banner-main h1 span, #sh_corpomate_theme_cyber_33 .about-banner-main .h1 span { color: #0075C2; } #sh_corpomate_theme_cyber_33 .about-banner-main .banner-page-link { position: relative; bottom: -80px; left: 0; padding: 15px 0; width: 250px; background: #0075C2; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } #sh_corpomate_theme_cyber_33 .about-banner-main .banner-page-link::after { content: ''; position: absolute; top: 0; right: -20px; height: 100%; width: 30px; transform: skewX(16deg); border-top: 0 !important; border-right: 0px !important; background: #0075C2; } #sh_corpomate_theme_cyber_33 .about-banner-main .banner-page-link ul { display: -webkit-box; display: -webkit-flex; display: flex; color: #fff; list-style-type: square; margin-bottom: 0; margin: 0 auto; padding: 0px; } #sh_corpomate_theme_cyber_33 .about-banner-main .banner-page-link ul li:first-child { list-style-type: none; } #sh_corpomate_theme_cyber_33 .about-banner-main .banner-page-link ul li { margin-left: 35px; font-size: 20px; } #sh_corpomate_theme_cyber_33 .about-banner-main .banner-page-link ul li a { color: #fff; transition: 1s; } #sh_corpomate_theme_cyber_33 .about-banner-main .banner-page-link ul li a:hover { color: #212121; } @media screen and (min-width: 1199px) and (max-width: 1399px) { #sh_corpomate_theme_cyber_33 .about-banner-main .banner-page-link ul li { font-size: 16px !important; } } @media screen and (max-width: 991px) { #sh_corpomate_theme_cyber_33 .about-banner-main .banner-page-link ul { padding: 0; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_33 { background-position: right !important; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_33 .about-banner-main .banner-page-link ul { padding: 0; } #sh_corpomate_theme_cyber_33 .about-banner-main h1, #sh_corpomate_theme_cyber_33 .about-banner-main .h1 { font-size: 40px; padding-left: 50px; color: #212121; font-weight: 600; text-align: center; } #sh_corpomate_theme_cyber_33 { background-position: center !important; } #sh_corpomate_theme_cyber_33 { background: #f2f5fb !important; } } #sh_corpomate_theme_cyber_34 { width: 100%; padding: 50px 0 80px 0; } #sh_corpomate_theme_cyber_34 .sub-row .contact-box { padding: 30px; margin-bottom: 30px; background-color: #f7f8fa; padding: 25px; text-align: center; } #sh_corpomate_theme_cyber_34 .sub-row .contact-box .icon { font-size: 35px; line-height: 1; font-size: 40px; margin-bottom: 20px; color: #0075C2; } #sh_corpomate_theme_cyber_34 .sub-row .contact-box h3, #sh_corpomate_theme_cyber_34 .sub-row .contact-box .h3 { font-size: 18px; margin-bottom: 12px; font-weight: 600; } #sh_corpomate_theme_cyber_34 .sub-row .contact-box p { margin-bottom: 0; color: #616161; } #sh_corpomate_theme_cyber_34 .sub-row .contact-box p a { color: #616161; transition: 1s; } #sh_corpomate_theme_cyber_34 .sub-row .contact-box p a:hover { color: #003557; } #sh_corpomate_theme_cyber_34 .sh_form { width: 90%; margin: 0 auto; background: #fff; padding: 20px 40px; box-shadow: 0 11px 20px 3px rgba(34, 34, 34, 0.1); } #sh_corpomate_theme_cyber_34 .sh_form form input { height: 50px; margin: 5px 0; border-radius: 0; background: #f7f8fa; color: #414141; font-weight: 600; border: 0; padding-left: 15px; box-shadow: none; margin-bottom: 20px; } #sh_corpomate_theme_cyber_34 .sh_form form textarea { border-radius: 0; margin: 5px 0; background: #f7f8fa; color: #414141; font-weight: 600; border: 0; padding-left: 15px; box-shadow: none; } #sh_corpomate_theme_cyber_34 .sh_form form .sh_btn { border-radius: 0; border: none; padding: 9px 24px; font-weight: 600; letter-spacing: .7px; background-color: #0075C2; } #sh_corpomate_theme_cyber_34 .sh_form form .sh_btn.btn:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #0075C2; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: -1; border-radius: 3px; left: 0; top: 0; } #sh_corpomate_theme_cyber_34 .sh_form form .sh_btn.btn { padding: 12px 25px; text-align: center; border-radius: 0; background: 0 0; color: #fff; font-size: 17px; font-weight: 400; -webkit-transition: all .3s linear; transition: all .3s linear; border: 0; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; position: relative; border-radius: 3px; margin-right: 10px; margin-top: 10px; position: relative; z-index: 1; } #sh_corpomate_theme_cyber_34 .sh_form form .sh_btn.btn i { margin-left: 10px; font-size: 17px; } #sh_corpomate_theme_cyber_34 .sh_form form .sh_btn a.btn:active, #sh_corpomate_theme_cyber_34 .sh_form form .sh_btn.btn:focus { -webkit-box-shadow: none; box-shadow: none; border: 0; } #sh_corpomate_theme_cyber_34 .sh_form form .sh_btn.btn:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #0075C2; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: -1; border-radius: 3px; left: 0; top: 0; } #sh_corpomate_theme_cyber_34 .sh_form form .sh_btn.btn:after { content: ""; position: absolute; width: 100%; height: 100%; background-color: transparent; border: 1px solid #0075C2; -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: -1; border-radius: 3px; left: 0; top: 0; color: #fff; } #sh_corpomate_theme_cyber_34 .sh_form form .sh_btn.btn:hover:before { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0; } #sh_corpomate_theme_cyber_34 .sh_form form .sh_btn.btn:hover { color: #0075C2; } #sh_corpomate_theme_cyber_34 .sh_form form .sh_btn.btn:hover:after { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } #sh_corpomate_theme_cyber_34 .sh_form form .sh_btn.btn.btn-border { background-color: transparent; color: #0075C2; -webkit-transition: all .3s linear; transition: all .3s linear; } #sh_corpomate_theme_cyber_34 .sh_form form .sh_btn.btn.btn-border:before { background-color: transparent; border: 1px solid #0075C2; } #sh_corpomate_theme_cyber_34 .sh_form form .sh_btn.btn.btn-border:after { background-color: #0075C2; border: 0; } @media screen and (max-width: 1024px) { #sh_corpomate_theme_cyber_34 .sh_form { height: auto; width: 100%; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_34 { width: 100%; padding: 50px 0 100px 0; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_34 { width: 100%; padding: 30px 0 50px 0; } } #sh_corpomate_theme_cyber_34a { padding: 0; width: 100%; } #sh_corpomate_theme_cyber_34a iframe { height: 500px !important; width: 100% !important; } #sh_corpomate_theme_cyber_35 { width: 100%; position: relative; padding: 50px 0 50px 0; } #sh_corpomate_theme_cyber_35 .sub-div { position: absolute; top: 40%; left: 0; height: 80%; width: 20%; background: url("/sh_corpomate_theme/static/src/images/theme_6/images/bg_shapes/sh_cyber_image_43.png"); background-position: top left; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_cyber_35 .about-our-company h2, #sh_corpomate_theme_cyber_35 .about-our-company .h2 { font-weight: 600; font-size: 30px; } #sh_corpomate_theme_cyber_35 .about-our-company h3, #sh_corpomate_theme_cyber_35 .about-our-company .h3 { color: #0075C2; font-weight: 500; font-size: 16px; } #sh_corpomate_theme_cyber_35 .main-row .about-our-company { padding: 20px 30px; } #sh_corpomate_theme_cyber_35 .main-row .about-our-company p { margin-top: 0; margin-bottom: 1rem; margin-top: 20px; line-height: 30px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_cyber_35 .main-row .about-our-company .about-our-company-btn { margin-top: 30px; } #sh_corpomate_theme_cyber_35 .main-row .about-our-company .about-our-company-btn .btn:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #0075C2; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: -1; border-radius: 3px; left: 0; top: 0; } #sh_corpomate_theme_cyber_35 .main-row .about-our-company .about-our-company-btn .btn { padding: 12px 25px; text-align: center; border-radius: 0; background: 0 0; color: #fff; font-size: 17px; font-weight: 400; -webkit-transition: all .3s linear; transition: all .3s linear; border: 0; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; position: relative; border-radius: 3px; margin-right: 10px; margin-top: 10px; position: relative; z-index: 1; } #sh_corpomate_theme_cyber_35 .main-row .about-our-company .about-our-company-btn .btn i { margin-left: 10px; font-size: 17px; } #sh_corpomate_theme_cyber_35 .main-row .about-our-company .about-our-company-btn .btn:active, #sh_corpomate_theme_cyber_35 .main-row .about-our-company .about-our-company-btn .btn:focus { -webkit-box-shadow: none; box-shadow: none; border: 0; } #sh_corpomate_theme_cyber_35 .main-row .about-our-company .about-our-company-btn .btn:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #0075C2; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: -1; border-radius: 3px; left: 0; top: 0; } #sh_corpomate_theme_cyber_35 .main-row .about-our-company .about-our-company-btn .btn:after { content: ""; position: absolute; width: 100%; height: 100%; background-color: transparent; border: 1px solid #0075C2; -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: -1; border-radius: 3px; left: 0; top: 0; color: #fff; } #sh_corpomate_theme_cyber_35 .main-row .about-our-company .about-our-company-btn .btn:hover:before { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0; } #sh_corpomate_theme_cyber_35 .main-row .about-our-company .about-our-company-btn .btn:hover { color: #0075C2; } #sh_corpomate_theme_cyber_35 .main-row .about-our-company .about-our-company-btn .btn:hover:after { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } #sh_corpomate_theme_cyber_35 .main-row .about-our-company .about-our-company-btn .btn.btn-border { background-color: transparent; color: #0075C2; -webkit-transition: all .3s linear; transition: all .3s linear; } #sh_corpomate_theme_cyber_35 .main-row .about-our-company .about-our-company-btn .btn.btn-border:before { background-color: transparent; border: 1px solid #0075C2; } #sh_corpomate_theme_cyber_35 .main-row .about-our-company .about-our-company-btn .btn.btn-border:after { background-color: #0075C2; border: 0; } #sh_corpomate_theme_cyber_35 .main-row .about-content { height: auto; width: 100%; padding: 50px 30px; text-align: center; background-color: #f4f7fc; } #sh_corpomate_theme_cyber_35 .main-row .about-content .about-text { width: 100%; } #sh_corpomate_theme_cyber_35 .main-row .about-content .about-text h1, #sh_corpomate_theme_cyber_35 .main-row .about-content .about-text .h1 { font-size: 28px; font-weight: 600; } #sh_corpomate_theme_cyber_35 .main-row .about-content .about-text .sub-div-2 { width: 60px; margin: 20px auto; border-bottom: 3px solid #0075C2; } #sh_corpomate_theme_cyber_35 .main-row .about-content .about-text p { margin-bottom: 20px; margin-top: 20px; color: #616161; } #sh_corpomate_theme_cyber_35 .main-row .about-content .about-text h5, #sh_corpomate_theme_cyber_35 .main-row .about-content .about-text .h5 { font-size: 17px; margin-top: 10px; margin-bottom: 10px; color: #414141; font-weight: 600; } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_35 { width: 100%; position: relative; padding: 50px 0 50px 0; } #sh_corpomate_theme_cyber_35 .main-row .about-content { height: auto; width: 100%; padding: 50px 30px; text-align: center; background-color: #f4f7fc; margin-top: 50px; } #sh_corpomate_theme_cyber_35 .sub-div { display: none; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_35 .about-our-company h2, #sh_corpomate_theme_cyber_35 .about-our-company .h2 { font-weight: 600; font-size: 25px; } #sh_corpomate_theme_cyber_35 .main-row .about-content .about-text h1, #sh_corpomate_theme_cyber_35 .main-row .about-content .about-text .h1 { font-size: 22px; font-weight: 600; } } #sh_corpomate_theme_cyber_36 { width: 100%; padding: 40px 0 0 0; margin-bottom: 100px; position: relative; text-align: center; } #sh_corpomate_theme_cyber_36 h3, #sh_corpomate_theme_cyber_36 .h3 { color: #0075C2; font-weight: 500; font-size: 16px; text-align: center; margin: 0; } #sh_corpomate_theme_cyber_36 h2, #sh_corpomate_theme_cyber_36 .h2 { font-weight: 600; font-size: 30px; text-align: center; margin-bottom: 50px; } #sh_corpomate_theme_cyber_36 .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; justify-content: space-between; position: relative; top: -50px; } #sh_corpomate_theme_cyber_36 .owl-carousel .owl-nav button.owl-next { background: 0 0; padding: 0 !important; font-size: 25px; color: #0075C2; height: 40px; justify-content: center; align-items: center; display: block; width: 40px; border-radius: 40px; border: 2px solid #0075C2; transition: 1s; font-weight: 600; position: relative; right: -35px; top: -50px; } #sh_corpomate_theme_cyber_36 .owl-carousel .owl-nav span { position: relative; bottom: 2px; } #sh_corpomate_theme_cyber_36 .owl-carousel .owl-nav button.owl-next:hover { background: #0075C2; color: #fff; } #sh_corpomate_theme_cyber_36 .owl-carousel .owl-nav button.owl-prev:hover { background: #0075C2; color: #fff; } #sh_corpomate_theme_cyber_36 .owl-carousel .owl-nav button.owl-prev { background: 0 0; padding: 0 !important; font-size: 25px; color: #0075C2; height: 40px; justify-content: center; align-items: center; display: block; width: 40px; border-radius: 40px; border: 2px solid #0075C2; transition: 1s; position: relative; left: -35px; font-weight: 600; top: -50px; } #sh_corpomate_theme_cyber_36 .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; display: none !important; } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_36 { width: 100%; padding: 40px 0 40px 0; position: relative; text-align: center; margin-bottom: 20px; } #sh_corpomate_theme_cyber_36 h2, #sh_corpomate_theme_cyber_36 .h2 { font-weight: 600; font-size: 25px; text-align: center; margin-bottom: 30px; } #sh_corpomate_theme_cyber_36 .owl-theme .owl-nav { margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; display: none; } } @-webkit-keyframes border-transform { 0%, to { border-radius: 63% 37% 54% 46%/55% 48% 52% 45%; } 14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51%; } 28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51%; } 42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39%; } 56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30%; } 70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44%; } 84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65%; } } @keyframes border-transform { 0%, to { border-radius: 63% 37% 54% 46%/55% 48% 52% 45%; } 14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51%; } 28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51%; } 42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39%; } 56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30%; } 70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44%; } 84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65%; } } /* /sh_corpomate_theme/static/src/scss/theme/theme_7/theme_7_s.scss */ .sh_onemate_snippet_1 { width: 100%; position: relative; overflow: hidden; } .sh_onemate_snippet_1 .carousel-inner.sh_bannner { height: 100vh; width: 100%; position: relative; background-position: center; background-size: 100% 100%; font-family: sans-serif !important; } @media (max-width: 991.98px) { .sh_onemate_snippet_1 .carousel-inner.sh_bannner { height: 70vh; } } .sh_onemate_snippet_1 .carousel-inner.sh_bannner .overlay { position: absolute; top: 0; left: 0; height: 100vh; width: 100%; background: -webkit-linear-gradient(315deg, #0075C2 20%, rgba(0, 0, 0, 0) 85%); } @media (max-width: 991.98px) { .sh_onemate_snippet_1 .carousel-inner.sh_bannner .overlay { height: 70vh; background: -webkit-linear-gradient(271deg, #061A3A 50%, rgba(0, 0, 0, 0) 100%); } } .sh_onemate_snippet_1 .carousel-inner .sh_onemate_snippet_1 .carousel-item { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; color: #fff; justify-content: center; } .sh_onemate_snippet_1 .container, .sh_onemate_snippet_1 .o_container_small { height: 100%; align-items: center; width: 100%; justify-content: center; display: -webkit-box; display: -webkit-flex; display: flex; } @media (max-width: 1399.98px) { .sh_onemate_snippet_1 .container, .sh_onemate_snippet_1 .o_container_small { padding-left: 60px; } } @media (max-width: 991.98px) { .sh_onemate_snippet_1 .container, .sh_onemate_snippet_1 .o_container_small { padding-left: 0px; } } .sh_onemate_snippet_1 .container .sh_banner_content, .sh_onemate_snippet_1 .o_container_small .sh_banner_content { width: 100%; text-align: left; color: #fff !important; } @media (max-width: 991.98px) { .sh_onemate_snippet_1 .container .sh_banner_content, .sh_onemate_snippet_1 .o_container_small .sh_banner_content { text-align: center; } } .sh_onemate_snippet_1 .container .sh_banner_content p, .sh_onemate_snippet_1 .o_container_small .sh_banner_content p { width: 60%; font-size: 20px; color: #fff; padding-top: 30px; text-align: left !important; line-height: 30px; letter-spacing: 1px; margin-bottom: 0px; padding-bottom: 30px; } @media (max-width: 991.98px) { .sh_onemate_snippet_1 .container .sh_banner_content p, .sh_onemate_snippet_1 .o_container_small .sh_banner_content p { width: 60%; } } @media (max-width: 991.98px) { .sh_onemate_snippet_1 .container .sh_banner_content p, .sh_onemate_snippet_1 .o_container_small .sh_banner_content p { width: 80%; text-align: center !important; margin: auto; font-size: 16px; } } .sh_onemate_snippet_1 .container .sh_banner_content h2, .sh_onemate_snippet_1 .o_container_small .sh_banner_content h2, .sh_onemate_snippet_1 .container .sh_banner_content .h2, .sh_onemate_snippet_1 .o_container_small .sh_banner_content .h2 { font-size: 70px; font-weight: 600; line-height: 50px; letter-spacing: 1px; } @media (max-width: 1199.98px) { .sh_onemate_snippet_1 .container .sh_banner_content h2, .sh_onemate_snippet_1 .o_container_small .sh_banner_content h2, .sh_onemate_snippet_1 .container .sh_banner_content .h2, .sh_onemate_snippet_1 .o_container_small .sh_banner_content .h2 { font-size: 60px; } } @media (max-width: 991.98px) { .sh_onemate_snippet_1 .container .sh_banner_content h2, .sh_onemate_snippet_1 .o_container_small .sh_banner_content h2, .sh_onemate_snippet_1 .container .sh_banner_content .h2, .sh_onemate_snippet_1 .o_container_small .sh_banner_content .h2 { font-size: 50px; } } @media (max-width: 767.98px) { .sh_onemate_snippet_1 .container .sh_banner_content h2, .sh_onemate_snippet_1 .o_container_small .sh_banner_content h2, .sh_onemate_snippet_1 .container .sh_banner_content .h2, .sh_onemate_snippet_1 .o_container_small .sh_banner_content .h2 { font-size: 35px; text-align: center; margin: auto; width: 80%; } } .sh_onemate_snippet_1 .container .sh_banner_content .sh_banner_btn, .sh_onemate_snippet_1 .o_container_small .sh_banner_content .sh_banner_btn { position: relative; display: inline-block; overflow: hidden; font-size: 17px; line-height: 25px; font-family: 'Work Sans', sans-serif; font-weight: 500; color: #fff !important; text-align: center; padding: 16px 40px; border-radius: 4px; z-index: 1; box-shadow: 0px 15px 25px 0px rgba(255, 124, 91, 0.3); transition: all 500ms ease; background-color: #003557; cursor: pointer; } @media (max-width: 991.98px) { .sh_onemate_snippet_1 .container .sh_banner_content .sh_banner_btn, .sh_onemate_snippet_1 .o_container_small .sh_banner_content .sh_banner_btn { padding: 15px 30px; margin-top: 20px; font-size: 16px; } } .sh_onemate_snippet_1 .container .sh_banner_content .sh_banner_btn a, .sh_onemate_snippet_1 .o_container_small .sh_banner_content .sh_banner_btn a { color: #fff; transition: 0.5s; font-weight: 600; } .sh_onemate_snippet_1 .container .sh_banner_content .sh_banner_btn:before, .sh_onemate_snippet_1 .o_container_small .sh_banner_content .sh_banner_btn:before { transition-duration: 800ms; position: absolute; width: 200%; height: 200%; content: ""; top: 110%; left: 50%; background: #0075C2; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; z-index: -1; } .sh_onemate_snippet_1 .container .sh_banner_content .sh_banner_btn:hover, .sh_onemate_snippet_1 .o_container_small .sh_banner_content .sh_banner_btn:hover { background: #061a3a; } .sh_onemate_snippet_1 .container .sh_banner_content .sh_banner_btn:hover:before, .sh_onemate_snippet_1 .o_container_small .sh_banner_content .sh_banner_btn:hover:before { top: -40%; } .sh_onemate_snippet_1 .sh_banner_social_icons { position: absolute; left: 1.5%; transform: translate(0%, -50%); top: 50%; z-index: 5; } .sh_onemate_snippet_1 .sh_banner_social_icons ul { margin: 0; padding: 0; } .sh_onemate_snippet_1 .sh_banner_social_icons ul li { height: 40px; transition: 0.5s; width: 40px; border-radius: 40px; margin: 20px 0px; border: 2px solid rgba(255, 255, 255, 0.2); text-align: center; line-height: 40px; cursor: pointer; list-style: none; } .sh_onemate_snippet_1 .sh_banner_social_icons ul li a { font-size: 20px; transition: 0.5s; text-decoration: none; color: #fff; } .sh_onemate_snippet_1 .sh_banner_social_icons ul li:hover { background: #0075C2; border: 2px solid #003557; } .sh_onemate_snippet_1 .sh_banner_social_icons ul li:hover a { color: #003557; } .sh_onemate_snippet_1 .carousel-indicators { bottom: 60px; } .sh_onemate_snippet_1 .carousel-indicators [data-bs-target] { width: 20px; height: 5px !important; } .sh_onemate_snippet_1 .pattern-layer { background-image: url("/sh_corpomate_theme/static/src/images/onemate/images/shape-1.png"); position: absolute; left: 0px; bottom: 0px; width: 100%; height: 95px; background-repeat: repeat-x; animation: slide 100s linear infinite; -webkit-animation: slide 100s linear infinite; } @keyframes slide { from { background-position: 0 0; } to { background-position: 1920px 0; } } @-webkit-keyframes slide { from { background-position: 0 0; } to { background-position: 1920px 0; } } .sh_onemate_snippet_1 .s_carousel .carousel-control-prev, .s_carousel .carousel-control-next, .s_quotes_carousel .carousel-control-prev, .s_quotes_carousel .carousel-control-next { display: none !important; } @keyframes fadeInOut { 0% { opacity: 0; } 45% { opacity: 1; } 100% { opacity: 0%; } } .sh_onemate_snippet_2 { padding-top: 80px; padding-bottom: 50px; } @media (max-width: 991.98px) { .sh_onemate_snippet_2 { padding-bottom: 30px; } } .sh_onemate_snippet_2 .sh_about_image_box { display: block; position: relative; } @media (max-width: 991.98px) { .sh_onemate_snippet_2 .sh_about_image_box { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; } } .sh_onemate_snippet_2 .sh_about_image_box .sh_about_image { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/onemate/images/shape.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/onemate/images/shape.svg"); -webkit-mask-size: 89%; mask-size: 89%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; position: relative; } @media (max-width: 991.98px) { .sh_onemate_snippet_2 .sh_about_image_box .sh_about_image { margin-bottom: 30px; transform: none; mask-size: none; -webkit-mask-image: none; } } .sh_onemate_snippet_2 .sh_about_image_box .sh_about_image img { position: relative; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 15px 0 0 15px !important; } @media (max-width: 991.98px) { .sh_onemate_snippet_2 .sh_about_image_box .sh_about_image img { height: 300px; border-radius: 15px !important; } } .sh_onemate_snippet_2 .sh_about_image_box .sh_about_image:before { position: absolute; top: 0; left: -75%; display: block; content: ''; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); z-index: 1; } .sh_onemate_snippet_2 .sh_about_image_box .sh_about_image .sh_about_bg_image { position: absolute; top: 15%; left: 50%; z-index: -1; } .sh_onemate_snippet_2 .sh_about_image_box .sh_about_image .sh_about_bg_image img { width: 80%; height: 80%; } .sh_onemate_snippet_2 .sh_about_image_box:hover .sh_about_image:before { -webkit-animation: shine 2s; animation: shine 2s; } .sh_onemate_snippet_2 .sh_about_image_box .sh_about_image_video { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sh_onemate_snippet_2 .sh_about_image_box .sh_about_image_video .sh_about_image_video_text { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; } .sh_onemate_snippet_2 .sh_about_image_box .sh_about_image_video .sh_about_image_video_text .sh_about_num { width: 100%; } .sh_onemate_snippet_2 .sh_about_image_box .sh_about_image_video .sh_about_image_video_text .sh_about_num p { font-size: 100px; width: 120px; margin-bottom: 0; font-family: Aguafina Script; position: relative; color: #003557; height: 120px !important; padding-left: 20px; } .sh_onemate_snippet_2 .sh_about_image_box .sh_about_image_video .sh_about_image_video_text .sh_about_num p::after { content: "\f067"; font-family: "FontAwesome"; font-size: 35px; font-weight: 400; position: absolute; right: -55px; } .sh_onemate_snippet_2 .sh_about_image_box .sh_about_image_video .sh_about_image_video_text .sh_about_icon { position: relative; bottom: 0 !important; } .sh_onemate_snippet_2 .sh_about_image_box .sh_about_image_video .sh_about_image_video_text .sh_about_icon h5, .sh_onemate_snippet_2 .sh_about_image_box .sh_about_image_video .sh_about_image_video_text .sh_about_icon .h5 { margin-bottom: 0; font-size: 20px; font-weight: 700; color: #020c17; text-transform: capitalize; position: absolute; bottom: 25px; width: 200px; left: 20px; } .sh_onemate_snippet_2 .sh_about_image_box .sh_about_image_video .sh_about_video_box { width: 35%; height: 100%; position: relative; margin-right: 27px; } .sh_onemate_snippet_2 .sh_about_image_box .sh_about_image_video .sh_about_video_box::after { content: ""; background-color: #0075C2; z-index: 0; border-radius: 0 10px 10px 0 !important; width: 100%; height: 100%; position: absolute; top: 0; right: 0; opacity: 0.6; } .sh_onemate_snippet_2 .sh_about_image_box .sh_about_image_video .sh_about_video_box img { width: 100%; height: 100%; border-radius: 0 10px 10px 0 !important; position: relative; right: 0; } .sh_onemate_snippet_2 .sh_about_image_box .sh_about_image_video .sh_about_video_box .sh_img_overlay span { position: absolute; left: 50%; top: 50%; z-index: 999; background: #fff; width: 50px; height: 50px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) !important; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; border-radius: 50px; color: #0075C2; } .sh_onemate_snippet_2 .sh_about_image_box .sh_about_image_video .sh_about_video_box .sh_img_overlay:before { content: ""; position: absolute; width: 34%; height: 50%; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation: pulsate1 2s; animation: pulsate1 2s; -webkit-animation-direction: forwards; animation-direction: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: steps; animation-timing-function: steps; opacity: 1; border-radius: 50%; border: 5px solid white; top: 25%; left: 33%; background: rgba(198, 16, 0, 0); z-index: 999; } .sh_onemate_snippet_2 .sh_video_btn { z-index: 1; position: absolute; top: 50%; left: 50%; margin-top: -53px; margin-left: -90px; border: 2px solid #003557; border-radius: 50%; padding: 6px; } @media (max-width: 991.98px) { .sh_onemate_snippet_2 .sh_video_btn { margin-left: -70px; } } .sh_onemate_snippet_2 .sh_video_btn .sh_video_play_btn { height: 78px; width: 78px; background: #003557; display: inline-block; border-radius: 50%; position: relative; font-size: 26px; text-align: center; line-height: 80px; padding-left: 4px; color: #ffffff; -webkit-animation: ripple-white3 2.5s linear infinite; animation: ripple-white3 2.5s linear infinite; } .sh_onemate_snippet_2 .sh_about_content .sh_about_title h1, .sh_onemate_snippet_2 .sh_about_content .sh_about_title .h1 { color: #0075C2; text-transform: capitalize; font-weight: 700; font-size: 40px; margin-bottom: 20px; letter-spacing: 1px; line-height: 45px; } @media (min-width: 992px) and (max-width: 1199.98px) { .sh_onemate_snippet_2 .sh_about_content .sh_about_title h1, .sh_onemate_snippet_2 .sh_about_content .sh_about_title .h1 { font-size: 35px; } } @media (max-width: 991.98px) { .sh_onemate_snippet_2 .sh_about_content .sh_about_title h1, .sh_onemate_snippet_2 .sh_about_content .sh_about_title .h1 { font-size: 30px; margin-bottom: 15px; } } .sh_onemate_snippet_2 .sh_about_content .sh_about_title h1::before, .sh_onemate_snippet_2 .sh_about_content .sh_about_title .h1::before { content: ""; background-color: #F6F6F6; width: 100px; height: 3px; display: block; margin-bottom: 25px; } @media (max-width: 991.98px) { .sh_onemate_snippet_2 .sh_about_content .sh_about_title h1::before, .sh_onemate_snippet_2 .sh_about_content .sh_about_title .h1::before { margin-bottom: 15px; } } .sh_onemate_snippet_2 .sh_about_content .sh_about_title h4, .sh_onemate_snippet_2 .sh_about_content .sh_about_title .h4 { color: #0075C2; margin-bottom: 30px; font-size: 20px; text-transform: capitalize; font-weight: 600; } .sh_onemate_snippet_2 .sh_about_content .sh_about_title p { color: #666; line-height: 30px; margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 30px; letter-spacing: 1px; } @media (max-width: 991.98px) { .sh_onemate_snippet_2 .sh_about_content .sh_about_title p { margin-bottom: 15px; } } .sh_onemate_snippet_2 .sh_about_content .sh_about_content_img_box { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sh_onemate_snippet_2 .sh_about_content .sh_about_content_img_box .sh_about_content_img img { border-radius: 50%; width: 100px; height: 100px; -o-object-fit: cover; object-fit: cover; } .sh_onemate_snippet_2 .sh_about_content .sh_about_content_img_box .sh_about_ima_text { margin-left: 20px; } .sh_onemate_snippet_2 .sh_about_content .sh_about_content_img_box .sh_about_ima_text h4, .sh_onemate_snippet_2 .sh_about_content .sh_about_content_img_box .sh_about_ima_text .h4 { color: #003557; font-size: 20px; font-weight: 700; text-transform: capitalize; } .sh_onemate_snippet_2 .sh_about_content .sh_about_content_img_box .sh_about_ima_text p { color: #9e9e9e; font-size: 15px; line-height: 22px; } .sh_onemate_snippet_2 .sh_about_content .sh_about_content_img_box .sh_about_ima_text h5, .sh_onemate_snippet_2 .sh_about_content .sh_about_content_img_box .sh_about_ima_text .h5 { color: #003557; font-size: 20px; text-transform: capitalize; font-weight: 700; margin-bottom: 0; } .sh_onemate_snippet_2 .sh_about_content .sh_about_content_img_box .sh_about_ima_text h5::before, .sh_onemate_snippet_2 .sh_about_content .sh_about_content_img_box .sh_about_ima_text .h5::before { content: ""; background-color: #0075C2; width: 50px; height: 3px; display: inline-block; margin-bottom: 5px; margin-right: 10px; } .sh_onemate_snippet_2 .sh_about { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; height: 100%; } .sh_onemate_snippet_2 .sh_about_btn { position: relative; display: inline-block; overflow: hidden; font-size: 17px; line-height: 25px; font-family: 'Work Sans', sans-serif; font-weight: 500; color: #fff !important; text-align: center; padding: 16px 40px; border-radius: 4px; z-index: 1; transition: all 500ms ease; background-color: #003557; cursor: pointer; } @media (max-width: 991.98px) { .sh_onemate_snippet_2 .sh_about_btn { padding: 15px 30px; } } .sh_onemate_snippet_2 .sh_about_btn a { color: #fff; } .sh_onemate_snippet_2 .sh_about_btn:before { transition-duration: 800ms; position: absolute; width: 200%; height: 200%; content: ""; top: 110%; left: 50%; background: #0075C2; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; z-index: -1; } .sh_onemate_snippet_2 .sh_about_btn:hover { background: #061a3a; color: #fff; } .sh_onemate_snippet_2 .sh_about_btn:hover:before { top: -40%; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } @-webkit-keyframes ripple-white3 { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1); } 100% { -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0); box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0); } } @keyframes ripple-white3 { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1); } 100% { -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0); box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0); } } @-webkit-keyframes pulsate1 { 0% { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 1; -webkit-box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75); box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75); } 100% { -webkit-transform: scale(1, 1); transform: scale(1); opacity: 0; -webkit-box-shadow: none; box-shadow: none; } } @keyframes pulsate1 { 0% { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 1; -webkit-box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75); box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75); } 100% { -webkit-transform: scale(1, 1); transform: scale(1); opacity: 0; -webkit-box-shadow: none; box-shadow: none; } } .sh_onemate_snippet_3 { padding-top: 80px; padding-bottom: 50px; } @media (max-width: 991.98px) { .sh_onemate_snippet_3 { padding-top: 30px; padding-bottom: 30px; } } .sh_onemate_snippet_3 .sh_section_heading { margin-bottom: 20px; } .sh_onemate_snippet_3 .sh_section_heading h1, .sh_onemate_snippet_3 .sh_section_heading .h1 { font-size: 40px; font-weight: 700; width: 50%; text-transform: capitalize; color: #0075C2; letter-spacing: 1px; line-height: 45px; } @media (min-width: 992px) and (max-width: 1199.98px) { .sh_onemate_snippet_3 .sh_section_heading h1, .sh_onemate_snippet_3 .sh_section_heading .h1 { font-size: 35px; } } @media (max-width: 991.98px) { .sh_onemate_snippet_3 .sh_section_heading h1, .sh_onemate_snippet_3 .sh_section_heading .h1 { font-size: 30px; width: 100%; margin-bottom: 15px; } } .sh_onemate_snippet_3 .sh_section_heading h1::before, .sh_onemate_snippet_3 .sh_section_heading .h1::before { content: ""; background-color: #F6F6F6; width: 100px; height: 3px; display: block; margin-bottom: 25px; } @media (max-width: 991.98px) { .sh_onemate_snippet_3 .sh_section_heading h1::before, .sh_onemate_snippet_3 .sh_section_heading .h1::before { margin-bottom: 15px; } } .sh_onemate_snippet_3 .sh_section_heading p { color: #666; line-height: 30px; letter-spacing: 1px; line-height: 30px; width: 60%; } @media (max-width: 991.98px) { .sh_onemate_snippet_3 .sh_section_heading p { margin-bottom: 15px; width: 100%; } } .sh_onemate_snippet_3 .sh_service_card { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.1); padding: 30px; border-radius: 15px; position: relative; transition: all .5s; background: #fff; } .sh_onemate_snippet_3 .sh_service_card .sh_srevice_img { width: 100px; fill: #0075C2; text-align: center; z-index: 1; } @media (max-width: 991.98px) { .sh_onemate_snippet_3 .sh_service_card .sh_srevice_img { width: 50px; } } @media (max-width: 991.98px) { .sh_onemate_snippet_3 .sh_service_card .sh_srevice_img svg { width: 50px; } } .sh_onemate_snippet_3 .sh_service_card .sh_srevice_img svg path { fill: #003557; } .sh_onemate_snippet_3 .sh_service_card .sh_srevice_img img { width: 100%; } .sh_onemate_snippet_3 .sh_service_card .sh_srevice_img .sh_service_number { font-size: 70px; margin-bottom: 0; text-align: center; color: #e6e6e6; opacity: 0.5; font-weight: 700; } .sh_onemate_snippet_3 .sh_service_card .sh_service_card_content { padding-left: 20px; z-index: 1; } .sh_onemate_snippet_3 .sh_service_card .sh_service_card_content h2, .sh_onemate_snippet_3 .sh_service_card .sh_service_card_content .h2 { font-size: 22px; text-transform: capitalize; color: #0075C2; font-weight: 600; margin-bottom: 10px; letter-spacing: 1px; } .sh_onemate_snippet_3 .sh_service_card .sh_service_card_content p { margin-bottom: 0; font-size: 16px; line-height: 30px; letter-spacing: 1px; color: #666; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .sh_onemate_snippet_3 .sh_service_card .sh_service_card_content .sh_before_row { background-color: #F6F6F6; width: 50px; height: 3px; display: block; margin-right: 10px; margin-top: 20px; } .sh_onemate_snippet_3 .sh_service_card .overlay { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: 100%; z-index: 0; -webkit-transition: all .5s; transition: all .5s; border-radius: 15px; opacity: 0; background-size: cover; background-position: bottom; } .sh_onemate_snippet_3 .sh_service_card .overlay:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: #0075C2; opacity: 0.7; border-radius: 15px; } .sh_onemate_snippet_3 .sh_service_card:hover .overlay { bottom: -1px; opacity: 1; } .sh_onemate_snippet_3 .sh_service_card:hover h2, .sh_onemate_snippet_3 .sh_service_card:hover .h2 { color: #fff; } .sh_onemate_snippet_3 .sh_service_card:hover p { color: #fff; } .sh_onemate_snippet_3 .sh_service_card:hover .sh_before_row { background-color: #fff; } .sh_onemate_snippet_3 .sh_service_card:hover svg path { fill: #fff; } .sh_onemate_snippet_3 .sh_service_card.card-1 .overlay { background-image: url("/sh_corpomate_theme/static/src/images/onemate/images/onemate_theme_7.webp"); } .sh_onemate_snippet_3 .sh_service_card.card-2 .overlay { background-image: url("/sh_corpomate_theme/static/src/images/onemate/images/onemate_theme_8.webp"); } .sh_onemate_snippet_3 .sh_service_card.card-3 .overlay { background-image: url("/sh_corpomate_theme/static/src/images/onemate/images/onemate_theme_9.webp"); } .sh_onemate_snippet_3 .sh_service_card.card-4 .overlay { background-image: url("/sh_corpomate_theme/static/src/images/onemate/images/onemate_theme_10.webp"); } .sh_onemate_snippet_3 .sh_service_card.card-5 .overlay { background-image: url("/sh_corpomate_theme/static/src/images/onemate/images/onemate_theme_11.webp"); } .sh_onemate_snippet_3 .sh_service_card.card-6 .overlay { background-image: url("/sh_corpomate_theme/static/src/images/onemate/images/onemate_theme_12.webp"); } .sh_onemate_snippet_3 .sh_disable_hover_part.sh_disable_hover_cls .sh_service_card.card-1 .overlay { opacity: 1; bottom: 0; z-index: 1; } .sh_onemate_snippet_3 .sh_disable_hover_part.sh_disable_hover_cls .sh_service_card.card-1 .overlay:before { display: none; } .sh_onemate_snippet_3 .sh_disable_hover_part.sh_disable_hover_cls .sh_service_card.card-2 .overlay { opacity: 1; bottom: 0; z-index: 1; } .sh_onemate_snippet_3 .sh_disable_hover_part.sh_disable_hover_cls .sh_service_card.card-2 .overlay:before { display: none; } .sh_onemate_snippet_3 .sh_disable_hover_part.sh_disable_hover_cls .sh_service_card.card-3 .overlay { opacity: 1; bottom: 0; z-index: 1; } .sh_onemate_snippet_3 .sh_disable_hover_part.sh_disable_hover_cls .sh_service_card.card-3 .overlay:before { display: none; } .sh_onemate_snippet_3 .sh_disable_hover_part.sh_disable_hover_cls .sh_service_card.card-4 .overlay { opacity: 1; bottom: 0; z-index: 1; } .sh_onemate_snippet_3 .sh_disable_hover_part.sh_disable_hover_cls .sh_service_card.card-4 .overlay:before { display: none; } .sh_onemate_snippet_3 .sh_disable_hover_part.sh_disable_hover_cls .sh_service_card.card-5 .overlay { opacity: 1; bottom: 0; z-index: 1; } .sh_onemate_snippet_3 .sh_disable_hover_part.sh_disable_hover_cls .sh_service_card.card-5 .overlay:before { display: none; } .sh_onemate_snippet_3 .sh_disable_hover_part.sh_disable_hover_cls .sh_service_card.card-6 .overlay { opacity: 1; bottom: 0; z-index: 1; } .sh_onemate_snippet_3 .sh_disable_hover_part.sh_disable_hover_cls .sh_service_card.card-6 .overlay:before { display: none; } .sh_onemate_snippet_4.sh_counter_section { background-image: url("/sh_corpomate_theme/static/src/images/onemate/images/onemate_theme_16.webp"); background-position: bottom; position: relative; overflow: hidden; background-attachment: fixed; margin-top: 50px; margin-bottom: 50px; } @media (max-width: 991.98px) { .sh_onemate_snippet_4.sh_counter_section { margin-top: 30px; margin-bottom: 30px; } } .sh_onemate_snippet_4.sh_counter_section .sh_counter_round_top { animation: linear infinite; animation-name: top; animation-duration: 8s; position: absolute; top: -60px; z-index: 2; right: 25%; } .sh_onemate_snippet_4.sh_counter_section .sh_counter_round_bottom { animation: linear infinite; animation-name: bottom; animation-duration: 8s; position: absolute; bottom: -70px; z-index: 2; left: 25%; } .sh_onemate_snippet_4.sh_counter_section::after { content: ""; position: absolute; top: 0; left: 0; background-color: #0075C2; width: 100%; height: 100%; opacity: 0.6; } .sh_onemate_snippet_4 .sh_counter_padding { padding: 100px 0; } @media (max-width: 991.98px) { .sh_onemate_snippet_4 .sh_counter_padding { padding: 50px 0; } } .sh_onemate_snippet_4 .sh_counter_col { z-index: 1 !important; } .sh_onemate_snippet_4 .sh_counter_col .sh_main_counter_box { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; padding: 15px; } @media (max-width: 991.98px) { .sh_onemate_snippet_4 .sh_counter_col .sh_main_counter_box { margin-bottom: 25px; } } .sh_onemate_snippet_4 .sh_counter_col .sh_main_counter_box .sh_counter_box { text-align: center; position: relative; } .sh_onemate_snippet_4 .sh_counter_col .sh_main_counter_box .sh_counter_box svg { position: absolute; width: 50px; top: -30px; right: -20px; } @media (max-width: 991.98px) { .sh_onemate_snippet_4 .sh_counter_col .sh_main_counter_box .sh_counter_box svg { top: -15px; right: -20px; } } .sh_onemate_snippet_4 .sh_counter_col .sh_main_counter_box .sh_counter_box svg path { fill: #fff; } .sh_onemate_snippet_4 .sh_counter_col .sh_main_counter_box .sh_counter_box h2, .sh_onemate_snippet_4 .sh_counter_col .sh_main_counter_box .sh_counter_box .h2 { font-size: 60px; color: #fff; margin-bottom: 0; font-weight: 600; position: relative; padding-bottom: 20px; } @media (max-width: 991.98px) { .sh_onemate_snippet_4 .sh_counter_col .sh_main_counter_box .sh_counter_box h2, .sh_onemate_snippet_4 .sh_counter_col .sh_main_counter_box .sh_counter_box .h2 { font-size: 50px; } } .sh_onemate_snippet_4 .sh_counter_col .sh_main_counter_box .sh_counter_box p { color: #fff; margin-bottom: 0; font-size: 22px; line-height: 30px; } @media (max-width: 991.98px) { .sh_onemate_snippet_4 .sh_counter_col .sh_main_counter_box .sh_counter_box p { font-size: 18px; } } .sh_onemate_snippet_4 .sh_counter_col .sh_main_counter_box .sh_counter_img { margin-right: 30px; width: 60px; } .sh_onemate_snippet_4 .sh_counter_col .sh_main_counter_box .sh_counter_img img { width: 100%; padding-top: 15px; } @keyframes top { 0% { right: 25%; } 50% { right: 50%; } } @keyframes bottom { 0% { left: 25%; } 50% { left: 50%; } } .sh_onemate_snippet_6 .sh_disable_hover_part.sh_disable_hover_cls .sh_team_overlay { opacity: 1; transform: unset; visibility: visible; box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.1); } .sh_onemate_snippet_6 .sh_disable_hover_part.sh_disable_hover_cls .sh_team_img_box .sh_team_overlay .sh_team_icon_btn .sh_team_icon a:hover { transform: none; } .sh_onemate_snippet_5 { position: relative; width: 100%; padding: 0px !important; padding-top: 80px !important; padding-bottom: 50px !important; } @media (max-width: 991.98px) { .sh_onemate_snippet_5 { padding-top: 30px !important; padding-bottom: 30px !important; } } .sh_onemate_snippet_5 #portfolio { padding: 0px !important; } .sh_onemate_snippet_5 #portfolio .row { margin-bottom: 0px; } .sh_onemate_snippet_5 h1, .sh_onemate_snippet_5 .h1 { font-size: 40px !important; font-weight: 700; color: #0075C2; width: 100%; text-transform: capitalize; } @media (min-width: 992px) and (max-width: 1199.98px) { .sh_onemate_snippet_5 h1, .sh_onemate_snippet_5 .h1 { font-size: 35px !important; } } @media (max-width: 991.98px) { .sh_onemate_snippet_5 h1, .sh_onemate_snippet_5 .h1 { font-size: 30px !important; margin-bottom: 15px; } } .sh_onemate_snippet_5 h1:before, .sh_onemate_snippet_5 .h1:before { content: ""; background-color: #F6F6F6; width: 100px; height: 3px; display: block; margin-bottom: 25px; } @media (max-width: 991.98px) { .sh_onemate_snippet_5 h1:before, .sh_onemate_snippet_5 .h1:before { margin-bottom: 15px; } } .sh_onemate_snippet_5 .sh_section_heading p { color: #666; font-size: 16px; width: 60%; letter-spacing: 1px; line-height: 30px; } @media (max-width: 991.98px) { .sh_onemate_snippet_5 .sh_section_heading p { font-size: 16px; width: 100%; } } .sh_onemate_snippet_5 .col-part { padding: 4px; position: relative; } .sh_onemate_snippet_5 .sh-box img { border-radius: 15px; max-width: 100%; height: 400px; width: 100%; object-fit: cover; position: relative; } .sh_onemate_snippet_5 .sh-box img::before { content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); } .sh_onemate_snippet_5 .button_name { position: absolute; right: 10px; top: 35px; background-color: #fff; box-shadow: 0 0 1px 0 rgba(24, 94, 224, 0.15), 0 6px 12px 0 rgba(24, 94, 224, 0.15); padding: 5px 10px; border-radius: 99px; } @media (max-width: 991.98px) { .sh_onemate_snippet_5 .button_name { justify-content: center; width: auto; margin: auto; position: unset; } } .sh_onemate_snippet_5 .button_name button { border: none !important; padding: 5px 20px !important; border-radius: 15px; background-color: #6666661a; color: #003557 !important; font-size: 16px !important; font-weight: 600 !important; padding: 5px 30px !important; } .sh_onemate_snippet_5 .button_name button:hover { background-color: #6666661a !important; } .sh_onemate_snippet_5 .button_name button:focus { box-shadow: none !important; } .sh_onemate_snippet_5 .button_name button.active { background-color: #6666661a !important; color: #0075C2 !important; padding: 5px 30px !important; border-radius: 15px; } .sh_onemate_snippet_5 .sh-overlay { height: 400px; width: 97%; border-radius: 15px; top: 4px; left: 4px; background-color: rgba(7, 28, 85, 0.5); position: absolute; overflow: hidden; transition: opacity 0.5s ease-out; } @media (min-width: 576px) and (max-width: 991.98px) { .sh_onemate_snippet_5 .sh-overlay { visibility: visible; width: 97%; } } @media (max-width: 575.98px) { .sh_onemate_snippet_5 .sh-overlay { visibility: visible; width: 98.5%; } } .sh_onemate_snippet_5 .sh-overlay .sh-overlay-content { opacity: 0; transition: opacity 0.5s ease-out; } @media (max-width: 991.98px) { .sh_onemate_snippet_5 .sh-overlay .sh-overlay-content { opacity: 1; } } .sh_onemate_snippet_5 .sh-overlay .sh-overlay-content h5, .sh_onemate_snippet_5 .sh-overlay .sh-overlay-content .h5 { color: #ffff; font-weight: 600; margin-bottom: 25px; } .sh_onemate_snippet_5 .sh-overlay .sh-overlay-content h3, .sh_onemate_snippet_5 .sh-overlay .sh-overlay-content .h3 { color: #fff; font-weight: 700; font-size: 27px; margin-bottom: 5px; } @media (max-width: 991.98px) { .sh_onemate_snippet_5 .sh-overlay .sh-overlay-content h3, .sh_onemate_snippet_5 .sh-overlay .sh-overlay-content .h3 { font-size: 23px; } } .sh_onemate_snippet_5 .sh-overlay:hover .sh-overlay-content { opacity: 1; } .sh_onemate_snippet_5 .sh-overlay-content { color: #ffffff; position: absolute; left: 0px; right: 0px; bottom: 0px; line-height: 1.55; display: block; padding: 30px; } @media (max-width: 991.98px) { .sh_onemate_snippet_5 .sh-overlay-content { padding: 30px 20px; } } .sh_onemate_snippet_5 .sh-overlay-content .btn.sh_portfolio_more_btn { background-color: #003557 !important; border-radius: 3px; padding: 5px 10px !important; font-size: 15px; } .sh_onemate_snippet_5 .sh-overlay-content .btn.sh_portfolio_more_btn a { color: #fff; font-weight: 700; } .sh_onemate_snippet_5 .sh-overlay-content .btn.sh_portfolio_more_btn .sh_portfolio_btn_more { font-size: 0px; line-height: 10px; transition: all 0.5s; opacity: 0; } .sh_onemate_snippet_5 .sh-overlay-content .btn.sh_portfolio_more_btn:hover .sh_portfolio_btn_more { opacity: 1; font-size: 16px; padding: 1px 0px !important; } .sh_onemate_snippet_5 button { font-weight: 600; border-radius: 0px; } .sh_onemate_snippet_5 .modal-dialog .modal-header h5, .sh_onemate_snippet_5 .modal-dialog .modal-header .h5 { font-weight: 600; } .sh_onemate_snippet_5 .modal-dialog .modal-header button { background: transparent; border: 0px; text-align: right; font-size: 20px; margin-left: auto; } .sh_onemate_snippet_5 .modal-dialog .modal-body { text-align: center; } .sh_onemate_snippet_5 .modal-dialog .modal-body h5, .sh_onemate_snippet_5 .modal-dialog .modal-body .h5 { font-weight: 600; } .sh_onemate_snippet_5 .modal-dialog .modal-body p { padding-top: 20px; } .sh_onemate_snippet_6 { padding-top: 80px; padding-bottom: 50px; line-height: 30px; letter-spacing: 1px; } @media (max-width: 991.98px) { .sh_onemate_snippet_6 { padding-top: 30px !important; padding-bottom: 30px !important; } } .sh_onemate_snippet_6 .sh_section_heading p { color: #666; font-size: 16px; width: 60%; letter-spacing: 1px; line-height: 30px; } @media (max-width: 991.98px) { .sh_onemate_snippet_6 .sh_section_heading p { width: 100%; } } .sh_onemate_snippet_6 .sh_section_heading h1, .sh_onemate_snippet_6 .sh_section_heading .h1 { font-size: 40px !important; font-weight: 700; color: #0075C2; width: 100%; text-transform: capitalize; } @media (min-width: 992px) and (max-width: 1199.98px) { .sh_onemate_snippet_6 .sh_section_heading h1, .sh_onemate_snippet_6 .sh_section_heading .h1 { font-size: 35px !important; } } @media (max-width: 991.98px) { .sh_onemate_snippet_6 .sh_section_heading h1, .sh_onemate_snippet_6 .sh_section_heading .h1 { font-size: 30px !important; margin-bottom: 15px; } } .sh_onemate_snippet_6 .sh_section_heading h1:before, .sh_onemate_snippet_6 .sh_section_heading .h1:before { content: ""; background-color: #F6F6F6; width: 100px; height: 3px; display: block; margin-bottom: 25px; } @media (max-width: 991.98px) { .sh_onemate_snippet_6 .sh_section_heading h1:before, .sh_onemate_snippet_6 .sh_section_heading .h1:before { margin-bottom: 15px; } } .sh_onemate_snippet_6 .row { justify-content: center; } .sh_onemate_snippet_6 .row .sh_team_img_box { position: relative; } .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_img { position: relative; overflow: hidden; display: block; z-index: 3; box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.1); border-radius: 15px; } .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_img::before { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; background-color: #0075C2; opacity: 0; border-radius: 3px; transition: 0.5s; transform: rotateZ(-180deg); transform-origin: top; border-radius: 6px; z-index: 2; } .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_img img { width: 100%; border-radius: 15px; height: 300px; object-fit: cover; position: relative; object-position: 20% 20%; } .sh_onemate_snippet_6 .row .sh_team_img_box:hover::before { opacity: 0.6; transform: perspective(400px) rotateZ(0deg); } .sh_onemate_snippet_6 .row .sh_team_img_box:hover .sh_team_overlay { opacity: 1; visibility: visible; transform: scale(1) translateY(0); } .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_text { margin: 20px 0 0 40px; opacity: 1; } .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_text h3, .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_text .h3 { line-height: 1; } .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_text h3 a, .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_text .h3 a { margin-bottom: 5px; color: #0075C2; font-size: 23px; font-weight: 700; transition: all 0.4s ease-in-out 0.1s; } .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_text h3 a:hover, .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_text .h3 a:hover { color: #0075C2; } .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_text p { margin-bottom: 0; color: #666; font-size: 15px; } .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_overlay { border-radius: 15px; background-color: #fff; box-shadow: 0 15px 25px rgba(10, 10, 10, 0.06); padding: 30px; position: absolute; left: 0; right: 0; bottom: -80px; width: 80%; opacity: 0; margin: auto; visibility: hidden; transform-origin: center; transform-style: preserve-3d; transform: scale(1) translateY(65px); transition: all 0.4s ease-in-out 0.1s; z-index: 3; text-align: center; } @media (min-width: 992px) and (max-width: 1199.98px) { .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_overlay { padding: 15px; } } @media (max-width: 991.98px) { .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_overlay { bottom: 0; width: 65%; padding: 15px; } } .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_overlay p { margin-bottom: 0; color: #666; font-size: 14px; } .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_overlay h3, .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_overlay .h3 { position: relative; } .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_overlay h3 a, .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_overlay .h3 a { margin-bottom: 0; margin-bottom: 5px; color: #0075C2; font-size: 23px; font-weight: 700; } .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_overlay h3 a:hover, .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_overlay .h3 a:hover { color: #0075C2; } .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_overlay .sh_about_btn span { font-weight: 600; color: #fff; background-color: #003557; padding: 5px 10px; font-size: 25px; border-radius: 0 8px 8px 0 !important; } .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_overlay .sh_team_icon_btn { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_overlay .sh_team_icon_btn .sh_team_icon { padding-top: 7px; padding-left: 0px; margin-bottom: 0px; } .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_overlay .sh_team_icon_btn .sh_team_icon li { display: inline-block; } .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_overlay .sh_team_icon_btn .sh_team_icon a { background: #5c5b5b; transform-style: preserve-3d; display: inline-block; width: 30px; height: 35px; text-decoration: none; cursor: pointer; text-align: center; line-height: 30px; background: #0075C2; position: relative; transition: 0.5s; border-radius: 3px; } .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_overlay .sh_team_icon_btn .sh_team_icon a:hover { transform: rotateX(-90deg); } .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_overlay .sh_team_icon_btn .sh_team_icon a:hover .sh_back_icon { backface-visibility: visible; } .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_overlay .sh_team_icon_btn .sh_team_icon .sh_front_icon { width: 30px; height: 35px; font-size: 1em; color: #fff; background-color: #003557; position: absolute; top: 0; left: 0; transform: translateZ(18px); backface-visibility: visible; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; border-radius: 3px; } .sh_onemate_snippet_6 .row .sh_team_img_box .sh_team_overlay .sh_team_icon_btn .sh_team_icon .sh_back_icon { width: 30px; height: 35px; font-size: 1em; color: #fff; background-color: #003557; position: absolute; top: 0; left: 0; transform: translateZ(18px); backface-visibility: visible; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; transform: rotateX(90deg) translateZ(18px); background: #0075C2; border-radius: 3px; } .sh_onemate_snippet_7 { padding-top: 70px; padding-bottom: 70px; } .sh_onemate_snippet_7 .sh_consultant_team { width: 80%; margin: auto; z-index: 2; position: relative; text-align: center; color: #fff; margin-bottom: 30px; } @media (max-width: 991.98px) { .sh_onemate_snippet_7 .sh_consultant_team { width: 100%; margin: unset; margin-bottom: 20px; } } .sh_onemate_snippet_7 .sh_consultant_team p { width: 80%; margin: auto; z-index: 2; position: relative; text-align: center; color: #fff; margin-bottom: 30px; } @media (max-width: 991.98px) { .sh_onemate_snippet_7 .sh_consultant_team p { width: 100%; margin: unset; } } .sh_onemate_snippet_7 .sh_consultant_team .sh_consultant_btn .sh_consultant_1 { background-color: #0075C2; position: relative; border-radius: 0 8px 8px 0 !important; margin-bottom: 20px; } .sh_onemate_snippet_7 .sh_consultant_team .sh_consultant_btn .sh_consultant_1 a { color: #fff; font-weight: 700; } .sh_onemate_snippet_7 .sh_consultant_team .sh_consultant_btn .sh_consultant_1:hover { background-color: #003557; position: relative; border-radius: 0 8px 8px 0 !important; margin-bottom: 20px; } .sh_onemate_snippet_7 .sh_consultant_team .sh_consultant_btn .sh_consultant_1:hover::before { background-color: #003557; } .sh_onemate_snippet_7 .sh_consultant_team .sh_consultant_btn .sh_consultant_1::before { content: ""; transition: all 0.3s; background-color: #F6F6F6; width: 4px; height: 48px; display: block; position: absolute; left: -8px; top: -1px; } .sh_onemate_snippet_7 .sh_consultant_team .sh_consultant_btn .sh_consultant_2 { background-color: #fff; position: relative; border-radius: 0 8px 8px 0 !important; margin-left: 35px; margin-bottom: 20px; } .sh_onemate_snippet_7 .sh_consultant_team .sh_consultant_btn .sh_consultant_2 a { color: #000; font-weight: 700; } .sh_onemate_snippet_7 .sh_consultant_team .sh_consultant_btn .sh_consultant_2:hover { background-color: #0075C2; } .sh_onemate_snippet_7 .sh_consultant_team .sh_consultant_btn .sh_consultant_2:hover::before { background-color: #0075C2; } .sh_onemate_snippet_7 .sh_consultant_team .sh_consultant_btn .sh_consultant_2:hover a { color: #fff; } .sh_onemate_snippet_7 .sh_consultant_team .sh_consultant_btn .sh_consultant_2::before { content: ""; transition: all 0.3s; background-color: #fff; width: 4px; height: 48px; display: block; position: absolute; left: -8px; top: -1px; } .sh_onemate_snippet_7 .sh_consultant_team .sh_consultant_team_text h1, .sh_onemate_snippet_7 .sh_consultant_team .sh_consultant_team_text .h1 { font-weight: 900; color: #fff; font-size: 40px; margin-bottom: 25px; } @media (max-width: 991.98px) { .sh_onemate_snippet_7 .sh_consultant_team .sh_consultant_team_text h1, .sh_onemate_snippet_7 .sh_consultant_team .sh_consultant_team_text .h1 { font-size: 30px; margin-bottom: 15px; } } .sh_onemate_snippet_7 .swiper-3d { perspective: 600px; } .sh_onemate_snippet_7 .swiper-3d .sh_client_slider { border-radius: 15px; background: #ffffff; overflow: hidden; } .sh_onemate_snippet_7 .swiper-3d .sh_client_slider .sh_thumb { background-repeat: no-repeat; background-size: cover; margin-bottom: -3px; background-position: bottom; } @media (max-width: 991.98px) { .sh_onemate_snippet_7 .swiper-3d .sh_client_slider .sh_thumb { min-height: 250px; background-position: unset; } } .sh_onemate_snippet_7 .swiper-3d .sh_client_slider .sh_title { padding: 20px 25px; } @media (min-width: 768px) and (max-width: 991.98px) { .sh_onemate_snippet_7 .swiper-3d .sh_client_slider .sh_title { height: 200px; } } @media (max-width: 767.98px) { .sh_onemate_snippet_7 .swiper-3d .sh_client_slider .sh_title { height: 250px; } } .sh_onemate_snippet_7 .swiper-3d .sh_client_slider .sh_title p { color: #0075C2; margin-bottom: 0; } .sh_onemate_snippet_7 .swiper-3d .sh_client_slider .sh_title h3, .sh_onemate_snippet_7 .swiper-3d .sh_client_slider .sh_title .h3 { font-weight: 700; color: #003557; } .sh_onemate_snippet_7 .swiper-3d .sh_client_slider .sh_details { padding: 70px 10px; } @media (max-width: 991.98px) { .sh_onemate_snippet_7 .swiper-3d .sh_client_slider .sh_details { padding: 20px 10px; } } .sh_onemate_snippet_7 .swiper-3d .sh_client_slider .sh_details .tp-review-meta { margin-bottom: 10px; } .sh_onemate_snippet_7 .swiper-3d .sh_client_slider .sh_details span { font-weight: 500; font-size: 14px; font-weight: 500; font-size: 14px; } .sh_onemate_snippet_7 .swiper-3d .sh_client_slider .sh_details h4, .sh_onemate_snippet_7 .swiper-3d .sh_client_slider .sh_details .h4 { font-size: 18px; font-weight: 600; margin-bottom: 5px; color: #0075C2; margin-top: 5px; } .sh_onemate_snippet_7 .swiper-3d .sh_client_slider .sh_details p { margin-top: 10px; color: #666; line-height: 30px; font-size: 16px; letter-spacing: 1px; } @media (max-width: 991.98px) { .sh_onemate_snippet_7 .swiper-3d .sh_client_slider .sh_details p { margin-bottom: 0px; } } .sh_onemate_snippet_7 .sh_review { color: #F6F6F6; } .sh_onemate_snippet_7 .swiper-3d .swiper-slide-shadow-left { background-image: none !important; } .sh_onemate_snippet_7 .swiper-pagination { opacity: 0; } .sh_onemate_snippet_7.sh_consultant_team_section { background-image: url("/sh_corpomate_theme/static/src/images/onemate/images/onemate_theme_16.webp"); width: 100%; height: auto; background-position: center; position: relative; margin-top: 80px; margin-bottom: 50px; background-attachment: fixed; z-index: 1; } @media (max-width: 991.98px) { .sh_onemate_snippet_7.sh_consultant_team_section { margin-top: 30px; margin-bottom: 30px; } } .sh_onemate_snippet_7.sh_consultant_team_section::after { z-index: -1; content: ""; position: absolute; top: 0; left: 0; background-color: #071C55; width: 100%; height: 100%; opacity: 0.6; } .swiper-3d .swiper-slide-shadow-right { background-image: none !important; } .sh_onemate_snippet_8 { position: relative; padding-top: 80px; padding-bottom: 50px; } @media (max-width: 991.98px) { .sh_onemate_snippet_8 { padding-top: 30px; padding-bottom: 30px; } } .sh_onemate_snippet_8 .sh_section_heading { margin-bottom: 50px; } @media (max-width: 991.98px) { .sh_onemate_snippet_8 .sh_section_heading { margin-bottom: 30px; } } .sh_onemate_snippet_8 .sh_section_heading h1, .sh_onemate_snippet_8 .sh_section_heading .h1 { font-size: 40px; font-weight: 700; width: 50%; text-transform: capitalize; color: #0075C2; letter-spacing: 1px; } @media (min-width: 992px) and (max-width: 1199.98px) { .sh_onemate_snippet_8 .sh_section_heading h1, .sh_onemate_snippet_8 .sh_section_heading .h1 { font-size: 35px; } } @media (max-width: 991.98px) { .sh_onemate_snippet_8 .sh_section_heading h1, .sh_onemate_snippet_8 .sh_section_heading .h1 { font-size: 30px; width: 100%; } } .sh_onemate_snippet_8 .sh_section_heading h1::before, .sh_onemate_snippet_8 .sh_section_heading .h1::before { content: ""; background-color: #F6F6F6; width: 100px; height: 3px; display: block; margin-bottom: 25px; } @media (max-width: 991.98px) { .sh_onemate_snippet_8 .sh_section_heading h1::before, .sh_onemate_snippet_8 .sh_section_heading .h1::before { margin-bottom: 15px; } } .sh_onemate_snippet_8 .sh_section_heading p { width: 60%; color: #666; font-size: 16px; margin-bottom: 0px; letter-spacing: 1px; line-height: 30px; } @media (max-width: 991.98px) { .sh_onemate_snippet_8 .sh_section_heading p { width: 100%; } } .sh_onemate_snippet_8 .sh_map_section img { width: 100%; object-fit: cover; } @media (min-width: 1200px) and (max-width: 1399.98px) { .sh_onemate_snippet_8 .sh_map_section img { min-height: 560px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .sh_onemate_snippet_8 .sh_map_section img { min-height: 480px; } } @media (min-width: 768px) and (max-width: 991.98px) { .sh_onemate_snippet_8 .sh_map_section img { min-height: 360px; } } @media (max-width: 767.98px) { .sh_onemate_snippet_8 .sh_map_section img { min-height: 260px; } } .sh_onemate_snippet_9 { padding-top: 80px; padding-bottom: 50px; } @media (max-width: 991.98px) { .sh_onemate_snippet_9 { padding-top: 30px; padding-bottom: 30px; } } .sh_onemate_snippet_9 .sh_section_heading { margin-bottom: 20px; } .sh_onemate_snippet_9 .sh_section_heading h1, .sh_onemate_snippet_9 .sh_section_heading .h1 { font-size: 40px; font-weight: 700; width: 50%; text-transform: capitalize; color: #0075C2; } @media (min-width: 992px) and (max-width: 1199.98px) { .sh_onemate_snippet_9 .sh_section_heading h1, .sh_onemate_snippet_9 .sh_section_heading .h1 { font-size: 35px; } } @media (max-width: 991.98px) { .sh_onemate_snippet_9 .sh_section_heading h1, .sh_onemate_snippet_9 .sh_section_heading .h1 { font-size: 30px; width: 100%; } } .sh_onemate_snippet_9 .sh_section_heading h1::before, .sh_onemate_snippet_9 .sh_section_heading .h1::before { content: ""; background-color: #F6F6F6; width: 100px; height: 3px; display: block; margin-bottom: 25px; } @media (max-width: 991.98px) { .sh_onemate_snippet_9 .sh_section_heading h1::before, .sh_onemate_snippet_9 .sh_section_heading .h1::before { margin-bottom: 15px; } } .sh_onemate_snippet_9 .sh_section_heading p { width: 60%; font-size: 16px; color: #666; margin-bottom: 0px; letter-spacing: 1px; line-height: 30px; } @media (max-width: 991.98px) { .sh_onemate_snippet_9 .sh_section_heading p { width: 100%; } } .sh_onemate_snippet_9 .sh_upconing_card { position: relative; margin-top: 30px; } .sh_onemate_snippet_9 .sh_upconing_card .sh_shadow { position: relative; border-radius: 15px; z-index: -1; } .sh_onemate_snippet_9 .sh_upconing_card .sh_shadow img { z-index: -1; width: 100%; z-index: -1; position: relative; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; border-radius: 10px; height: 300px; object-fit: cover; } .sh_onemate_snippet_9 .sh_upconing_card .sh_shadow:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: #0075C2; opacity: 0.6; border-radius: 15px; } .sh_onemate_snippet_9 .sh_upconing_card .sh_price { position: absolute; right: 0px; top: 70px; background: #ffffff; border-radius: 40px 0 0 40px; padding: 6px 15px 7px 35px; } .sh_onemate_snippet_9 .sh_upconing_card .sh_price h2, .sh_onemate_snippet_9 .sh_upconing_card .sh_price .h2 { font-size: 25px; margin-right: 0; margin-bottom: 0; line-height: 32px; font-weight: 600; color: #003557; } .sh_onemate_snippet_9 .sh_upconing_card .sh_price p { font-size: 15px; margin-bottom: 0px; color: #666; } .sh_onemate_snippet_9 .sh_upconing_card .sh_details { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; padding: 20px; overflow: hidden; } .sh_onemate_snippet_9 .sh_upconing_card .sh_details .sh_title a { color: #ffffff; margin-bottom: 0; font-size: 25px; } .sh_onemate_snippet_9 .sh_upconing_card .sh_details .sh_star i { color: #F6F6F6; font-size: 15px; } .sh_onemate_snippet_9 .sh_upconing_card .sh_details .sh_star span { color: #F6F6F6; font-size: 15px; } .sh_onemate_snippet_9 .sh_disable_hover_part.sh_disable_hover_cls .sh_shadow { z-index: 1; } .sh_onemate_snippet_9 .sh_disable_hover_part.sh_disable_hover_cls .sh_shadow img { z-index: 1; } .sh_onemate_snippet_9 .sh_disable_hover_part.sh_disable_hover_cls .sh_shadow::before { display: none; } #sh_onemate_snippet_tmpl_10 { padding-top: 80px; padding-bottom: 50px; } @media (max-width: 991.98px) { #sh_onemate_snippet_tmpl_10 { padding-top: 30px; padding-bottom: 30px; } } #sh_onemate_snippet_tmpl_10 .sh_section_heading { margin-bottom: 50px; } @media (max-width: 991.98px) { #sh_onemate_snippet_tmpl_10 .sh_section_heading { margin-bottom: 30px; } } #sh_onemate_snippet_tmpl_10 .sh_section_heading h3, #sh_onemate_snippet_tmpl_10 .sh_section_heading .h3 { font-size: 40px; font-weight: 700; text-transform: capitalize; color: #0075C2; } @media (min-width: 992px) and (max-width: 1199.98px) { #sh_onemate_snippet_tmpl_10 .sh_section_heading h3, #sh_onemate_snippet_tmpl_10 .sh_section_heading .h3 { width: 60%; } } @media (max-width: 991.98px) { #sh_onemate_snippet_tmpl_10 .sh_section_heading h3, #sh_onemate_snippet_tmpl_10 .sh_section_heading .h3 { font-size: 30px; width: 100%; margin-bottom: 15px; } } #sh_onemate_snippet_tmpl_10 .sh_section_heading h3::before, #sh_onemate_snippet_tmpl_10 .sh_section_heading .h3::before { content: ""; background-color: #F6F6F6; width: 100px; height: 3px; display: block; margin-bottom: 25px; } @media (max-width: 991.98px) { #sh_onemate_snippet_tmpl_10 .sh_section_heading h3::before, #sh_onemate_snippet_tmpl_10 .sh_section_heading .h3::before { font-size: 30px; margin-bottom: 15px; } } #sh_onemate_snippet_tmpl_10 .sh_section_heading p { width: 60%; color: #666; font-size: 16px; margin-bottom: 0px; } @media (max-width: 991.98px) { #sh_onemate_snippet_tmpl_10 .sh_section_heading p { width: 100%; } } #sh_onemate_snippet_tmpl_10 .sh_single_blog { position: relative; padding: 20px 20px; -webkit-box-shadow: none; box-shadow: none; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px; } #sh_onemate_snippet_tmpl_10 .sh_single_blog .sh_thumb { width: 46%; display: table-cell; float: none; position: relative; } #sh_onemate_snippet_tmpl_10 .sh_single_blog .sh_thumb .o_half_screen_height, #sh_onemate_snippet_tmpl_10 .sh_single_blog .sh_thumb .cover_mid { min-height: unset !important; } #sh_onemate_snippet_tmpl_10 .sh_single_blog .sh_blog_details { width: 56%; display: table-cell; float: none; height: auto; overflow: hidden; } #sh_onemate_snippet_tmpl_10 .sh_single_blog .sh_blog_details .title { margin-bottom: 5px; font-weight: 700; color: #0075C2; font-size: 25px; } #sh_onemate_snippet_tmpl_10 .sh_single_blog .sh_blog_details p { margin-bottom: 0px; } #sh_onemate_snippet_tmpl_10 .sh_single_blog .sh_blog_details .content { margin-bottom: 13px; color: #666; line-height: 25px; } #sh_onemate_snippet_tmpl_10 .sh_single_blog .sh_blog_details .btn { margin-top: 13px; } #sh_onemate_snippet_tmpl_10 .sh_single_blog:after { content: ''; position: absolute; right: 0; top: 0; height: 100%; width: 82%; border: 1px solid #003557; z-index: -1; border-radius: 15px; } #sh_onemate_snippet_tmpl_10 .sh_blog_details { padding: 10px 20px; } #sh_onemate_snippet_tmpl_10 .sh_more_btn { position: relative; display: inline-block; overflow: hidden; font-size: 17px; line-height: 25px; font-family: 'Work Sans', sans-serif; font-weight: 500; color: #fff !important; text-align: center; padding: 9.5px 25.5px; border-radius: 4px; z-index: 1; box-shadow: 0px 15px 25px 0px rgba(255, 124, 91, 0.3); transition: all 500ms ease; background-color: #003557; } #sh_onemate_snippet_tmpl_10 .sh_more_btn a { color: #fff; font-size: 15px; } #sh_onemate_snippet_tmpl_10 .sh_more_btn:before { transition-duration: 800ms; position: absolute; width: 200%; height: 200%; content: ""; top: 110%; left: 50%; background: #0075C2; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; z-index: -1; } #sh_onemate_snippet_tmpl_10 .sh_more_btn:hover { background: #061a3a; color: #fff; } #sh_onemate_snippet_tmpl_10 .sh_more_btn:hover:before { top: -40%; } #sh_onemate_snippet_tmpl_10 .js_cls_corpomate_blog_slider_nav_tabs_ul_7 { position: absolute; right: 10px; top: 35px; background-color: #fff; box-shadow: 0 0 1px 0 rgba(24, 94, 224, 0.15), 0 6px 12px 0 rgba(24, 94, 224, 0.15); padding: 5px 5px; border-radius: 99px; } @media (max-width: 991.98px) { #sh_onemate_snippet_tmpl_10 .js_cls_corpomate_blog_slider_nav_tabs_ul_7 { position: unset; width: auto; margin: 0px auto; } } #sh_onemate_snippet_tmpl_10 .js_cls_corpomate_blog_slider_nav_tabs_ul_7 .nav-item { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; margin: 0px 5px; } #sh_onemate_snippet_tmpl_10 .js_cls_corpomate_blog_slider_nav_tabs_ul_7 .nav-item a.js_cls_tab_a { color: #003557 !important; font-size: 16px !important; font-weight: 600 !important; padding: 5px 30px !important; border-radius: 15px; width: 150px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #sh_onemate_snippet_tmpl_10 .js_cls_corpomate_blog_slider_nav_tabs_ul_7 .nav-item a.js_cls_tab_a:hover { background-color: #6666661a !important; border-radius: 15px; overflow: visible; } @media (max-width: 991.98px) { #sh_onemate_snippet_tmpl_10 .js_cls_corpomate_blog_slider_nav_tabs_ul_7 .nav-item a.js_cls_tab_a { width: 100%; } } #sh_onemate_snippet_tmpl_10 .js_cls_corpomate_blog_slider_nav_tabs_ul_7 .nav-item a.js_cls_tab_a.active { background-color: #6666661a !important; color: #0075C2 !important; padding: 5px 30px !important; border-radius: 15px; } .sh_onemate_snippet_tmpl_12 { width: 100%; padding-top: 80px; padding-bottom: 50px; position: relative; } @media (max-width: 991.98px) { .sh_onemate_snippet_tmpl_12 { padding-top: 30px; padding-bottom: 30px; } } .sh_onemate_snippet_tmpl_12 .main-row { padding: 50px 50px; position: relative; z-index: 1; background: #fff; box-shadow: 0 0rem 0.5rem rgba(0, 0, 0, 0.15) !important; border-radius: 10px; } @media (max-width: 991.98px) { .sh_onemate_snippet_tmpl_12 .main-row { padding: 30px; } } .sh_onemate_snippet_tmpl_12 .main-row .sh_contact_details { width: 100%; background: #0075C2; padding: 30px 30px; border-radius: 10px; } @media (max-width: 991.98px) { .sh_onemate_snippet_tmpl_12 .main-row .sh_contact_details { margin-bottom: 30px; } } .sh_onemate_snippet_tmpl_12 .main-row .sh_contact_details .sh_contact_box { display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 30px; } .sh_onemate_snippet_tmpl_12 .main-row .sh_contact_details .sh_contact_box .sh_icon svg { height: 40px; width: 40px; stroke: #fff !important; margin-right: 15px; } .sh_onemate_snippet_tmpl_12 .main-row .sh_contact_details .sh_contact_box .sh_content h3, .sh_onemate_snippet_tmpl_12 .main-row .sh_contact_details .sh_contact_box .sh_content .h3 { font-size: 25px; font-weight: 600; margin-top: 5px; font-weight: 600; color: #fff; } @media (max-width: 991.98px) { .sh_onemate_snippet_tmpl_12 .main-row .sh_contact_details .sh_contact_box .sh_content h3, .sh_onemate_snippet_tmpl_12 .main-row .sh_contact_details .sh_contact_box .sh_content .h3 { font-size: 20px; } } .sh_onemate_snippet_tmpl_12 .main-row .sh_contact_details .sh_contact_box .sh_content p { margin-top: 0px; margin-bottom: 0px; color: #fff; } .sh_onemate_snippet_tmpl_12 .main-row .sh_contact_details .sh_contact_box .sh_content p a { color: #fff; text-decoration: none; transition: 0.5s; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .sh_onemate_snippet_tmpl_12 .main-row .sh_contact_details .sh_contact_box .sh_content p a:hover { color: #003557; } .sh_onemate_snippet_tmpl_12 .main-row .sh_our_contact h5, .sh_onemate_snippet_tmpl_12 .main-row .sh_our_contact .h5 { font-size: 18px; color: #0075C2; margin-bottom: 10px; font-weight: 600; padding-left: 80px; } .sh_onemate_snippet_tmpl_12 .main-row .sh_our_contact h2, .sh_onemate_snippet_tmpl_12 .main-row .sh_our_contact .h2 { font-size: 40px; color: #0075C2; position: relative; font-weight: 600; padding-left: 80px; } @media (max-width: 991.98px) { .sh_onemate_snippet_tmpl_12 .main-row .sh_our_contact h2, .sh_onemate_snippet_tmpl_12 .main-row .sh_our_contact .h2 { font-size: 30px; } } .sh_onemate_snippet_tmpl_12 .main-row .sh_our_contact h2 .sh_shape, .sh_onemate_snippet_tmpl_12 .main-row .sh_our_contact .h2 .sh_shape { position: absolute; top: 0; left: 0; height: 80px; width: 80px; } .sh_onemate_snippet_tmpl_12 .main-row .sh_our_contact h2 .sh_shape img, .sh_onemate_snippet_tmpl_12 .main-row .sh_our_contact .h2 .sh_shape img { height: 60px; width: 60px; } .sh_onemate_snippet_tmpl_12 .main-row .contact_form { margin-top: 30px; } .sh_onemate_snippet_tmpl_12 .main-row .contact_form .form-control { padding: 1rem; border: 1px solid #fff !important; border-radius: 0px !important; box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.1) !important; margin-bottom: 20px; border-radius: 10px !important; } .sh_onemate_snippet_tmpl_12 .sh_about_btn { position: relative; display: inline-block; overflow: hidden; font-size: 17px; line-height: 25px; font-family: 'Work Sans', sans-serif; font-weight: 500; color: #fff !important; text-align: center; padding: 17.5px 41.5px; border-radius: 4px; z-index: 1; transition: all 500ms ease; background-color: #003557; border: 0px; } @media (max-width: 991.98px) { .sh_onemate_snippet_tmpl_12 .sh_about_btn { padding: 15px 30px; } } .sh_onemate_snippet_tmpl_12 .sh_about_btn a { color: #fff; } .sh_onemate_snippet_tmpl_12 .sh_about_btn:before { transition-duration: 800ms; position: absolute; width: 200%; height: 200%; content: ""; top: 110%; left: 50%; background: #0075C2; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; z-index: -1; } .sh_onemate_snippet_tmpl_12 .sh_about_btn:hover { background: #061a3a; color: #fff; } .sh_onemate_snippet_tmpl_12 .sh_about_btn:hover:before { top: -40%; } .fa.rounded-circle.fa-4x, .fa.fa-4x.rounded-empty-circle, .fa.rounded.fa-4x, .fa.rounded-0.fa-4x, .fa.rounded-leaf.fa-4x, .fa.img-thumbnail.fa-4x, .fa.shadow.fa-4x { color: #fff; } /* /sh_corpomate_theme/static/src/js/extra_addons/onemate/lib/swipper/swiper-bundle.min.css */ /** * Swiper 8.4.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 30, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* /sh_corpomate_theme/static/src/scss/extra_addons/sh_blog_filter_snippet/s_post.scss */ /*------------------ Start Snippet 1 -------------------*/ .o_rtl .owl-carousel.owl-rtl { direction: ltr !important; } #sh_blog_snippet_1 { padding: 50px 0 45px 0; } #sh_blog_snippet_1 .heading h3, #sh_blog_snippet_1 .heading .h3 { font-weight: bold; } #sh_blog_snippet_1 .nav { justify-content: center; } #sh_blog_snippet_1 .nav-tabs .nav-link.active, #sh_blog_snippet_1 .nav-tabs .nav-item.show .nav-link { background: #fff; box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.2), 0px 4px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); color: #212121; font-weight: 600; border-radius: 5px; padding: 8px 18px; } #sh_blog_snippet_1 .nav-tabs .nav-link { line-height: 15px; font-weight: 600; text-transform: capitalize; } #sh_blog_snippet_1 .nav-tabs { border-bottom: none; } #sh_blog_snippet_1 .heading { padding-bottom: 16px; } #sh_blog_snippet_1 .box .content { padding: 15px 15px; position: relative; } #sh_blog_snippet_1 .box .content p { color: #a7a7a7; font-size: 15px; } #sh_blog_snippet_1 .box { margin: 25px 10px 10px 10px; border-radius: 10px; border: none; overflow: hidden; } #sh_blog_snippet_1 .box .img img { width: 100%; object-fit: cover; } #sh_blog_snippet_1 .img-container img { max-width: 100%; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; transition: 0.5s ease; } #sh_blog_snippet_1 .box { border-radius: 10px; transition-property: transform; box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 transparent, 0 1px 3px 0 rgba(0, 0, 0, 0.12) !important; } #sh_blog_snippet_1 .img-container { position: relative; overflow: hidden; width: auto; } #sh_blog_snippet_1 .content .card-title { padding-top: 8px; font-weight: bold; color: #212121; font-size: 17px; margin-bottom: 5px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-width: 100%; } #sh_blog_snippet_1 .nav-item { margin-right: 5px; margin-left: 5px; } #sh_blog_snippet_1 .content .card-title a { text-decoration: none; } #sh_blog_snippet_1 .content .card-text { color: #a7a7a7; font-size: 15px; } #sh_blog_snippet_1 .content .card-text a { color: #9e9e9e; font-size: 16px; margin-bottom: 15px; text-decoration: none !important; font-weight: 600; } #sh_blog_snippet_1 .content .cart-icon { position: absolute; top: -19px; right: 21px; border-radius: 5px; } #sh_blog_snippet_1 .content .cart-icon p { margin-bottom: 0; color: #fff; transition: all 0.4s; background: #0075C2; border-radius: 5px; padding: 8px 25px; text-align: center; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.23); } #sh_blog_snippet_1 .content .cart-icon p:hover { transform: translateY(-5px); cursor: pointer; } #sh_blog_snippet_1 .owl-carousel .owl-dots .owl-dot.active span, #sh_blog_snippet_1 .owl-carousel .owl-dots .owl-dot:hover span { background: #0075C2; } #sh_blog_snippet_1 .owl-nav .owl-next span, #sh_blog_snippet_1 .owl-nav .owl-prev span { display: none; } #sh_blog_snippet_1 .owl-nav .owl-next:before { content: "\f054"; position: absolute; font-family: FontAwesome; color: #fff; top: 50%; transform: translate(0%, -50%); background: #fff; padding: 8px 14px 8px 15px; border-radius: 50%; right: -12px; border: 1px solid #0075C2; color: #0075C2; } #sh_blog_snippet_1 .owl-nav .owl-prev:before { content: "\f053"; position: absolute; font-family: FontAwesome; color: #fff; top: 50%; transform: translate(0%, -50%); background: #fff; padding: 8px 15px 8px 14px; border-radius: 50%; left: -12px; border: 1px solid #0075C2; color: #0075C2; } @media only screen and (max-width: 414px) { #sh_blog_snippet_1 .owl-nav .owl-next:before, #sh_blog_snippet_1 .owl-nav .owl-prev:before { display: none; } #sh_blog_snippet_1 .box { margin: 25px 5px 5px 5px; } } /*------------------ End Snippet 1 -------------------*/ /*----------------------------- Theme 1 BLOG start ------------------------------*/ #sh_corpomate_theme_accounting_11 { padding: 50px 0px; position: relative; margin-bottom: 50px; } #sh_corpomate_theme_accounting_11 .main-row { margin-top: 50px; } #sh_corpomate_theme_accounting_11 .main-row .sh_our_service h5, #sh_corpomate_theme_accounting_11 .main-row .sh_our_service .h5 { font-size: 18px; color: #0075C2; margin-bottom: 10px; font-weight: 600; padding-left: 80px; text-align: left; } #sh_corpomate_theme_accounting_11 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_11 .main-row .sh_our_service .h2 { font-size: 45px; color: #222; position: relative; font-weight: 600; padding-left: 80px; text-align: left; } #sh_corpomate_theme_accounting_11 .main-row .sh_our_service h2 .sh_shape, #sh_corpomate_theme_accounting_11 .main-row .sh_our_service .h2 .sh_shape { position: absolute; top: 0; left: 0; height: 80px; width: 80px; } #sh_corpomate_theme_accounting_11 .main-row .sh_our_service h2 .sh_shape img, #sh_corpomate_theme_accounting_11 .main-row .sh_our_service .h2 .sh_shape img { height: 60px; width: 60px; } #sh_corpomate_theme_accounting_11 .main-row .sh_service_text { margin-top: 40px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-align: left; line-height: 1.7; color: #5f6368; font-size: 18px; } #sh_corpomate_theme_accounting_11 .o_blog_cover_component.o_blog_cover_image { height: 400px !important; width: 95% !important; } #sh_corpomate_theme_accounting_11 .nav-tabs .nav-link { border: 0; border-radius: 0; background: #fff; margin: 15px 5px; font-weight: 600; letter-spacing: 1px; color: #414141; } #sh_corpomate_theme_accounting_11 .card { border: transparent; } #sh_corpomate_theme_accounting_11 .card-header { background: #fff; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; border-bottom: transparent; margin-bottom: 30px; } #sh_corpomate_theme_accounting_11 .nav-tabs .nav-link.active, #sh_corpomate_theme_accounting_11 .nav-tabs .nav-item.show .nav-link { background: #0075C2; color: #fff; border-radius: 0px; } #sh_corpomate_theme_accounting_11 .sh_des { padding: 20px 30px; } #sh_corpomate_theme_accounting_11 .sh_des .sh_date { font-size: 18px; color: #5f6368; font-weight: 600; } #sh_corpomate_theme_accounting_11 .sh_des .sh_date span { margin-right: 30px; font-size: 17px; color: #0075C2; font-weight: 600; } #sh_corpomate_theme_accounting_11 .sh_des p:last-child { font-size: 30px; font-weight: 600; margin-top: 20px; padding-right: 50px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_accounting_11 .sh_content { display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; margin: 50px 0px; } #sh_corpomate_theme_accounting_11 .sh_des { padding: 20px 30px; margin-top: 20px; } #sh_corpomate_theme_accounting_11 .sh_box:nth-child(1) { margin-bottom: -80px; } #sh_corpomate_theme_accounting_11 .sh_des p { padding-right: 0px; } #sh_corpomate_theme_accounting_11 .o_half_screen_height, #sh_corpomate_theme_accounting_11 .cover_mid { min-height: 45vh !important; } #sh_corpomate_theme_accounting_11 .o_blog_cover_component.o_blog_cover_image { height: 200px !important; width: 180px !important; } @media screen and (min-width: 992px) and (max-width: 1199px) { #sh_corpomate_theme_accounting_11 .sh_des p:last-child { line-height: 2.1rem; } } @media (max-width: 820px) { #sh_corpomate_theme_accounting_11 .sh_box .sh_content .o_blog_cover_container.o_record_has_cover.o_half_screen_height, #sh_corpomate_theme_accounting_11 .sh_box .sh_content .o_record_has_cover.cover_mid { min-height: 0vh !important; } #sh_corpomate_theme_accounting_11 .sh_box:nth-child(1) { margin-bottom: 40px; } #sh_corpomate_theme_accounting_11 .sh_des { margin-top: 0px; } #sh_corpomate_theme_accounting_11 .sh_box { margin-bottom: 40px; } #sh_corpomate_theme_accounting_11 .sh_content { align-items: center !important; } } @media (max-width: 567px) { #sh_corpomate_theme_accounting_11 { padding: 20px 0px; padding-bottom: 60px; } #sh_corpomate_theme_accounting_11 .card-header { margin-bottom: 0px; } #sh_corpomate_theme_accounting_11 .main-row .sh_our_service h2, #sh_corpomate_theme_accounting_11 .main-row .sh_our_service .h2 { font-size: 27px; } #sh_corpomate_theme_accounting_11 .main-row .sh_our_service h2 .sh_shape img, #sh_corpomate_theme_accounting_11 .main-row .sh_our_service .h2 .sh_shape img { height: 50px; width: 50px; } #sh_corpomate_theme_accounting_11 .main-row .sh_service_text { margin-bottom: 20px; } #sh_corpomate_theme_accounting_11 .sh_des p:last-child { padding-right: 0px; } #sh_corpomate_theme_accounting_11 .sh_content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_accounting_11 .sh_content .sh_img { width: 100%; } #sh_corpomate_theme_accounting_11 .o_blog_cover_component.o_blog_cover_image { height: 300px !important; width: 100% !important; } #sh_corpomate_theme_accounting_11 .sh_des p:last-child { font-size: 25px; } #sh_corpomate_theme_accounting_11 .card-body { padding: 0px; } } /*------------------------ Theme 1 BLOG end ------------------------*/ /*------------------------ theme 2 blog-2 start --------------------------*/ #sh_corpomate_theme_crypto_8 { width: 100%; padding: 0px 0px 100px 0px; position: relative; margin-bottom: 80px; } #sh_corpomate_theme_crypto_8 .sub-div .img { position: absolute; top: 30%; left: 30%; height: 350px; width: 350px; } #sh_corpomate_theme_crypto_8 .sub-div .img-1 { position: absolute; top: 45%; left: 39%; margin: 0px auto; height: 150px; width: 150px; } #sh_corpomate_theme_crypto_8 .sub-div-1 img { position: absolute; top: 12%; left: 49%; margin: 0px auto; height: 80px; width: 80px; } #sh_corpomate_theme_crypto_8 .card { border: 0; background: transparent !important; } #sh_corpomate_theme_crypto_8 .card .card-header { background: transparent; border: 0; } #sh_corpomate_theme_crypto_8 .heading p { color: #777; font-weight: 600; font-size: 16px; letter-spacing: 1px; } #sh_corpomate_theme_crypto_8 h1, #sh_corpomate_theme_crypto_8 .h1 { padding: 30px 0px; position: relative; font-weight: 700; color: #0075C2; font-size: 40px; -webkit-text-stroke: 1px #ccc; -moz-text-stroke: 1px #ccc; color: transparent; font-size: 100px; top: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } #sh_corpomate_theme_crypto_8 h1:before, #sh_corpomate_theme_crypto_8 .h1:before { left: 50%; transform: translate(-50%); } #sh_corpomate_theme_crypto_8 h1 span, #sh_corpomate_theme_crypto_8 .h1 span { color: transparent; background-color: #003557; -webkit-background-clip: text; position: absolute; font-size: 40px; -webkit-text-stroke: 0px transparent; top: 70px; } #sh_corpomate_theme_crypto_8 .card .card-header ul { justify-content: center; margin-bottom: 30px; } #sh_corpomate_theme_crypto_8 .nav-tabs .nav-link { border: 0; border-radius: 30px; background: transparent; margin: 0px; font-weight: 600; letter-spacing: 1px; color: #414141; padding: 8px 30px; } #sh_corpomate_theme_crypto_8 .nav-tabs .nav-link.active, #sh_corpomate_theme_crypto_8 .nav-tabs .nav-item.show .nav-link { background: linear-gradient(to right, #0075C2, #003557); color: #fff; } #sh_corpomate_theme_crypto_8 .sh_content .sh_img img { width: 100%; height: 225px; object-fit: cover; } #sh_corpomate_theme_crypto_8 .sh_content .sh_des { padding: 5px; background: #fff; margin-top: 0px; } #sh_corpomate_theme_crypto_8 .sh_content { box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.2); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; background: #fff; border-radius: 10px; position: relative; overflow: hidden; margin-bottom: 30px; } #sh_corpomate_theme_crypto_8 .sh_content:before { top: 0; left: 0; position: absolute; content: ''; height: 100%; width: 5px; background: linear-gradient(to bottom, #0075C2, #003557); } #sh_corpomate_theme_crypto_8 .sh_content .sh_des .sh_btn { margin-top: 10px; } #sh_corpomate_theme_crypto_8 .sh_content .sh_des .sh_btn a { color: #777; } #sh_corpomate_theme_crypto_8 .sh_content .sh_des .sh_btn a:hover { color: #003557; } #sh_corpomate_theme_crypto_8 .sh_content .sh_des .sh_btn a span { margin-left: 5px; } #sh_corpomate_theme_crypto_8 .sh_box { padding: 20px 50px; position: relative; } #sh_corpomate_theme_crypto_8 .sh_box:before { content: '01'; position: absolute; top: 40%; left: -3%; font-size: 35px; color: #777; opacity: 0.2; font-weight: 600; } #sh_corpomate_theme_crypto_8 .sh_box:before:nth-child(1) { content: '02'; } #sh_corpomate_theme_crypto_8 .sh_content .sh_des .sh_date { font-size: 16px; color: #777; } #sh_corpomate_theme_crypto_8 .sh_content .sh_des h4 a, #sh_corpomate_theme_crypto_8 .sh_content .sh_des .h4 a { color: #414141; font-size: 20px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_crypto_8 .sh_content .sh_des p { color: #777; margin: 0; font-size: 18px; font-weight: 600; color: #0075C2; padding-top: 10px; } #sh_corpomate_theme_crypto_8 .sh_content .sh_des p span { color: #0075C2; padding-right: 5px; } #sh_corpomate_theme_crypto_8 .sh_content .sh_img { padding: 15px; background: #fff; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } #sh_corpomate_theme_crypto_8 .nav-tabs .nav-item:first-child { border-top-left-radius: 30px; border-bottom-left-radius: 30px; } #sh_corpomate_theme_crypto_8 .nav-tabs .nav-item:last-child { border-top-right-radius: 30px; border-bottom-right-radius: 30px; } #sh_corpomate_theme_crypto_8 .nav-tabs .nav-item { background: #fff; padding: 5px; } #sh_corpomate_theme_crypto_8 .card-body { background: transparent !important; height: 500px; } #sh_corpomate_theme_crypto_8 .owl-nav { display: none; } #sh_corpomate_theme_crypto_8 button.owl-prev { width: 30px; height: 30px; color: #fff; background: #0075C2; font-size: 23px; line-height: 0; border-radius: 50%; font-weight: 600; position: absolute; left: -25px; top: 50%; transform: translateY(-50%); display: none; } #sh_corpomate_theme_crypto_8 button.owl-next { width: 30px; height: 30px; color: #fff; background: #0075C2; font-size: 23px; line-height: 0; border-radius: 50%; font-weight: 600; position: absolute; right: -25px; top: 50%; transform: translateY(-50%); display: none; } #sh_corpomate_theme_crypto_8 .owl-dots { display: none; } #sh_corpomate_theme_crypto_8 .o_blog_cover_component.o_blog_cover_image { border-radius: 10px; height: 150px !important; } #sh_corpomate_theme_crypto_8 .o_half_screen_height, #sh_corpomate_theme_crypto_8 .cover_mid { min-height: auto !important; } @media screen and (max-width: 991px) { #sh_corpomate_theme_crypto_8 .card-body { height: 760px; } #sh_corpomate_theme_crypto_8 { margin-bottom: 0px; } } @media screen and (max-width: 991px) { #sh_corpomate_theme_crypto_8 h1, #sh_corpomate_theme_crypto_8 .h1 { font-size: 80px; } #sh_corpomate_theme_crypto_8 h1 span, #sh_corpomate_theme_crypto_8 .h1 span { font-size: 35px; top: 60px; } } @media (max-width: 768px) { #sh_corpomate_theme_crypto_8 .o_blog_cover_component.o_blog_cover_image { width: 280px !important; border-radius: 0px; } #sh_corpomate_theme_crypto_8 .sh_content .sh_img { padding: 0px; overflow: hidden; } #sh_corpomate_theme_crypto_8 .sub-div .img-1 { left: 44%; top: 43%; } #sh_corpomate_theme_crypto_8 .sh_content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #sh_corpomate_theme_crypto_8 .sh_box { padding: 20px 15px; } #sh_corpomate_theme_crypto_8 .sh_box:before { left: -4%; font-size: 30px; } #sh_corpomate_theme_crypto_8 .card-body { height: 800px; } #sh_corpomate_theme_crypto_8 .sh_content { height: auto; padding: 20px; flex-direction: row; } #sh_corpomate_theme_crypto_8 .sh_content .sh_des { padding: 20px 10px; } #sh_corpomate_theme_crypto_8 .sh_content .sh_des p { display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } } @media (max-width: 576px) { #sh_corpomate_theme_crypto_8 .sh_content { display: block; } #sh_corpomate_theme_crypto_8 .sh_box:before { display: none; } #sh_corpomate_theme_crypto_8 .owl-nav { display: none; } #sh_corpomate_theme_crypto_8 .o_blog_cover_component.o_blog_cover_image { width: 100% !important; height: 150px !important; border-radius: 10px; } #sh_corpomate_theme_crypto_8 .sub-div .img { display: none; } #sh_corpomate_theme_crypto_8 .sub-div .img-1 { display: none; } #sh_corpomate_theme_crypto_8 .sub-div-1 img { display: none; } #sh_corpomate_theme_crypto_8 .item { padding: 20px 10px; } #sh_corpomate_theme_crypto_8 .sh_content .sh_des { padding: 20px 20px; } #sh_corpomate_theme_crypto_8 .sh_content .sh_des p { font-size: 17px; } #sh_corpomate_theme_crypto_8 .item:before { display: none; } #sh_corpomate_theme_crypto_8 h1, #sh_corpomate_theme_crypto_8 .h1 { font-size: 50px; } #sh_corpomate_theme_crypto_8 h1 span, #sh_corpomate_theme_crypto_8 .h1 span { font-size: 30px; top: 50px; } #sh_corpomate_theme_crypto_8 h1[data-watermark]:before, #sh_corpomate_theme_crypto_8 .h1[data-watermark]:before { font-size: 80px; top: 8px; } #sh_corpomate_theme_crypto_8 .card-body { height: auto; padding: 0px; } #sh_corpomate_theme_crypto_8 .o_blog_cover_component.o_blog_cover_image { width: 100% !important; } } /*------------------------ Theme 2 BLOG end ------------------------*/ /*------------------------ Theme 3 BLOG start ------------------------*/ #sh_corpomate_theme_industry_10 { padding: 100px 0px 80px; } #sh_corpomate_theme_industry_10 .sh_title h6, #sh_corpomate_theme_industry_10 .sh_title .h6 { color: #0075C2; margin-bottom: 10px; border-left: 5px solid #0075C2; padding-left: 15px; font-size: 25px; font-weight: 600; } #sh_corpomate_theme_industry_10 .sh_title h2, #sh_corpomate_theme_industry_10 .sh_title .h2 { font-weight: 600; margin-bottom: 50px; font-size: 52px; color: #003557; } #sh_corpomate_theme_industry_10 .sh_content { position: relative; transition: all .4s; } #sh_corpomate_theme_industry_10 .sh_content .sh_text { position: absolute; bottom: 20px; left: 0px; padding: 20px; } #sh_corpomate_theme_industry_10 .sh_content .sh_text span { color: #fff; font-size: 16px; } #sh_corpomate_theme_industry_10 .sh_content .sh_text h4, #sh_corpomate_theme_industry_10 .sh_content .sh_text .h4 { color: #fff; font-weight: 600; font-size: 20px; margin: 15px 0; } #sh_corpomate_theme_industry_10 .sh_content .sh_text p { color: #fff; margin: 0; } #sh_corpomate_theme_industry_10 .sh_content img { width: 100%; transition: all .4s; } #sh_corpomate_theme_industry_10 .sh_right_content { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; background: #fff; margin-bottom: 40px; transition: all .4s; border-radius: 5px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } #sh_corpomate_theme_industry_10 .sh_right_content .sh_text { padding-left: 20px; } #sh_corpomate_theme_industry_10 .sh_right_content .sh_text span { color: #0075C2; margin-bottom: 0px; display: block; font-size: 16px; padding-left: 5px; } #sh_corpomate_theme_industry_10 .sh_right_content .sh_text h4, #sh_corpomate_theme_industry_10 .sh_right_content .sh_text .h4 { font-weight: 600; font-size: 20px; color: #003557; } #sh_corpomate_theme_industry_10 .sh_right_content .sh_text .sh_date { font-size: 18px; font-weight: 600; } #sh_corpomate_theme_industry_10 .sh_right_content .sh_text p { margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; color: #3a3a3a; font-size: 18px; margin: 15px 0px; line-height: 25px; } #sh_corpomate_theme_industry_10 .sh_right_content .sh_img img { height: 189px; width: 189px; object-fit: cover; transition: all .4s; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } #sh_corpomate_theme_industry_10 .sh_content:hover img { opacity: 0.8; } #sh_corpomate_theme_industry_10 .sh_right_content:hover .sh_img img { opacity: 0.8; } #sh_corpomate_theme_industry_10 .sh_right_content .sh_img { position: relative; transition: all .4s; } #sh_corpomate_theme_industry_10 .sh_right_content .sh_img:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #003557; border-top-left-radius: 5px; border-bottom-left-radius: 5px; opacity: 0; pointer-events: none; transition: all .4s; } #sh_corpomate_theme_industry_10 .sh_right_content:hover .sh_img:after { opacity: .5; } #sh_corpomate_theme_industry_10 .sh_title > .sh_icon { display: inline-block; line-height: 1; position: absolute; font-size: 50px; height: 60px; width: 60px; color: #0075C2; top: -20px; left: 30px; text-align: center; opacity: .2; } #sh_corpomate_theme_industry_10 .card .card-header ul { justify-content: center; } #sh_corpomate_theme_industry_10 .nav-tabs .nav-link { border: 0; border-radius: 0; background: #fff; margin: 15px 5px; font-weight: 600; letter-spacing: 1px; color: #414141; } #sh_corpomate_theme_industry_10 .nav-tabs .nav-link.active, #sh_corpomate_theme_industry_10 .nav-tabs .nav-item.show .nav-link { background: #0075C2; color: #fff; border-radius: 0px; } #sh_corpomate_theme_industry_10 .sh_des.sh_text .sh_btn a { font-size: 18px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; color: #0075C2; } #sh_corpomate_theme_industry_10 .sh_des.sh_text .sh_btn a:hover { color: #003557; } #sh_corpomate_theme_industry_10 .sh_des.sh_text .sh_btn a:hover span { color: #003557; } @media (max-width: 991px) { #sh_corpomate_theme_industry_10 .sh_content { margin-bottom: 20px; } } @media (max-width: 768px) { #sh_corpomate_theme_industry_10 .sh_right_content .sh_text { padding-right: 20px; } } @media (max-width: 576px) { #sh_corpomate_theme_industry_10 .sh_right_content { padding: 0px; text-align: center; display: block; } #sh_corpomate_theme_industry_10 .sh_right_content .sh_text { padding-left: 0px; } #sh_corpomate_theme_industry_10 .sh_right_content .sh_img img { width: 100%; } #sh_corpomate_theme_industry_10 .sh_right_content .sh_text { padding: 10px; } #sh_corpomate_theme_industry_10 .sh_title h2, #sh_corpomate_theme_industry_10 .sh_title .h2 { font-size: 22px; } #sh_corpomate_theme_industry_10 { padding: 50px 0px 20px; } #sh_corpomate_theme_industry_10 .o_blog_cover_component.o_blog_cover_image { width: 100% !important; } } /*------------------------ theme 3 snnipet-10 end ------------------------*/ /*------------------------ Theme 4 BLOG start ------------------------*/ #sh_corpomate_theme_transport_10 { width: 100%; padding: 50px 0px 0px 0px; position: relative; background: #fff; margin-top: 50px; background: url(/sh_corpomate_theme/static/src/scss/extra_addons/sh_blog_filter_snippet/"/sh_corpomate_theme/static/src/images/theme_4/images/sh_transport_import_35.jpeg") center center/cover fixed; } #sh_corpomate_theme_transport_10:before { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; background: rgba(31, 31, 46, 0.9); } #sh_corpomate_theme_transport_10 .main-content { width: 100%; padding: 0px; } #sh_corpomate_theme_transport_10 .main-content h3, #sh_corpomate_theme_transport_10 .main-content .h3 { color: #fff; font-weight: bold; font-size: 1.7rem; line-height: 1.41; letter-spacing: -.02em; margin-top: 20px; } #sh_corpomate_theme_transport_10 .main-content .sh_heading { vertical-align: middle; color: #0075C2; text-align: left; text-transform: capitalize; left: 5%; font-weight: 600; font-size: 15px !important; position: relative; } #sh_corpomate_theme_transport_10 .lorem-content { font-size: 16px; line-height: 28px; color: #fff; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_transport_10 .main-content .sh_heading:before { content: ''; position: absolute; top: 10px; left: -4%; height: 3px; background: #0075C2; width: 2.5%; } #sh_corpomate_theme_transport_10 .our-blog-details { top: -20%; background: #fff; box-shadow: 0 5px 83px rgba(40, 40, 40, 0.12); border-radius: 10px; overflow: hidden; position: relative; } #sh_corpomate_theme_transport_10 .our-blog-details .our-blog-details-sub-div { position: absolute; transition: 1s; bottom: -5%; right: -5%; z-index: 0; opacity: 0.2; height: 100px; width: 100px; } #sh_corpomate_theme_transport_10 .our-blog-details .our-blog-details-sub-div img { height: 100%; width: 100%; transition: 1s; object-fit: cover; } #sh_corpomate_theme_transport_10 .our-blog-details:hover .our-blog-details-sub-div img { transform: rotate(90deg); right: -5%; bottom: -5%; } #sh_corpomate_theme_transport_10 .our-blog-details:hover .our-blog-details-sub-div { right: 0%; bottom: 0%; } #sh_corpomate_theme_transport_10 .our-blog-details .our-blog-details-img { width: 100%; height: 250px !important; border-radius: 10px; position: relative; } #sh_corpomate_theme_transport_10 .our-blog-details .our-blog-details-img img { width: 100%; height: 100% !important; border-top-left-radius: 10px; transition: 1s; border-top-right-radius: 10px; } #sh_corpomate_theme_transport_10 .our-blog-details .our-blog-details-img .our-blog-detais-sub-icon { position: absolute; z-index: 2; bottom: -10%; right: 5%; background: #0075C2; border-radius: 5px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; height: 50px; width: 50px; } #sh_corpomate_theme_transport_10 .our-blog-details .our-blog-details-img .our-blog-detais-sub-icon a { text-decoration: none; } #sh_corpomate_theme_transport_10 .our-blog-details .our-blog-details-img .our-blog-detais-sub-icon a span { font-size: 30px; color: #fff; } #sh_corpomate_theme_transport_10 .our-blog-details .our-blog-details-content { width: 100%; padding: 20px 20px; background: transparent; } #sh_corpomate_theme_transport_10 .our-blog-details .our-blog-details-content h5 a, #sh_corpomate_theme_transport_10 .our-blog-details .our-blog-details-content .h5 a { margin-top: 10px; color: #0075C2; font-weight: normal; font-size: 1.1rem; } #sh_corpomate_theme_transport_10 .our-blog-details .our-blog-details-content p { margin-top: 0px; } #sh_corpomate_theme_transport_10 .our-blog-details .our-blog-details-content .our-blog-details-btn .our-blog-details-btn-icon span { height: 25px; width: 25px; text-align: center; line-height: 25px; color: #fff; font-size: 15px; border-radius: 30px; margin-top: 10px; background: #0075C2; } #sh_corpomate_theme_transport_10 .our-blog-details .our-blog-details-content .our-blog-details-btn .our-blog-details-btn-icon .our-blog-details-link a { color: #212121; background: #fff; border: 0px; padding-left: 5px; font-weight: 600; font-size: 15px; } #sh_corpomate_theme_transport_10 .unique-bg { position: relative; margin-top: 100px; background: #fff; width: 100%; z-index: 1; } #sh_corpomate_theme_transport_10 .our-blog { margin-top: 0; } #sh_corpomate_theme_transport_10 .unique-bg .rotateme { -webkit-animation-name: rotateme; animation-name: rotateme; -webkit-animation-duration: 10s; animation-duration: 60s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } #sh_corpomate_theme_transport_10 .tab-content { position: relative; top: 100px; margin-bottom: 50px; } #sh_corpomate_theme_transport_10 .card .card-header ul { justify-content: center; } #sh_corpomate_theme_transport_10 .nav-tabs .nav-link { border: 0; border-radius: 0; background: #fff; margin: 15px 5px; font-weight: 600; letter-spacing: 1px; color: #414141; } #sh_corpomate_theme_transport_10 .nav-tabs .nav-link.active, #sh_corpomate_theme_transport_10 .nav-tabs .nav-item.show .nav-link { background: #0075C2; color: #fff; border-radius: 0px; } @keyframes rotateme { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotateme { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } #sh_corpomate_theme_transport_10 .unique-bg-1 { content: ''; opacity: 0.5; position: absolute; top: 25%; right: 21%; z-index: 0; height: 250px; width: 250px; background: url("/sh_corpomate_theme/static/src/img/theme_4/images/sh_transport_image_20.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_10 .unique-bg-2 { content: ''; position: absolute; z-index: 0; top: 65%; left: 7%; height: 100px; width: 100px; background: url("/sh_corpomate_theme/static/src/img/theme_4/images/sh_transport_image_21.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_corpomate_theme_transport_10 .o_blog_cover_container .o_blog_cover_image { height: 250px !important; } #sh_corpomate_theme_transport_10 .o_half_screen_height, #sh_corpomate_theme_transport_10 .cover_mid { min-height: unset !important; } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_corpomate_theme_transport_10 .our-blog-details { margin-bottom: 20px; } } @media screen and (max-width: 800px) { #sh_corpomate_theme_transport_10 .our-blog-details .our-blog-details-img { width: 100%; height: 196px !important; border-radius: 10px; position: relative; } #sh_corpomate_theme_transport_10 .our-blog-details .our-blog-details-content p { margin-top: 0px; font-size: 12px; line-height: 30px; color: #212121; } #sh_corpomate_theme_transport_10 .our-blog-details .our-blog-details-content h5, #sh_corpomate_theme_transport_10 .our-blog-details .our-blog-details-content .h5 { margin-top: 10px; } #sh_corpomate_theme_transport_10 .our-blog-details .our-blog-details-content h5 a, #sh_corpomate_theme_transport_10 .our-blog-details .our-blog-details-content .h5 a { margin-top: 10px; font-size: 15px; color: #0075C2; font-weight: bold; } #sh_corpomate_theme_transport_10 .o_blog_cover_container .o_blog_cover_image { height: 196px !important; } #sh_corpomate_theme_transport_10 .our-blog-details .our-blog-details-content .our-blog-details-btn .our-blog-details-btn-icon span { height: 25px; width: 25px; text-align: center; line-height: 25px; color: #fff; font-size: 17px; border-radius: 30px; margin-top: 10px; background: #0075C2; } #sh_corpomate_theme_transport_10 .our-blog-details { margin-bottom: 20px; } } @media screen and (max-width: 767px) { #sh_corpomate_theme_transport_10 { width: 100%; padding: 20px 0px 0px 0px; position: relative; background: #fff; } #sh_corpomate_theme_transport_10 .our-blog { margin-top: -7%; } #sh_corpomate_theme_transport_10 .our-blog-details { margin: 0px auto; margin-bottom: 30px; } } @media screen and (max-width: 576px) { #sh_corpomate_theme_transport_10 { overflow: hidden; } #sh_corpomate_theme_transport_10 .main-content h3, #sh_corpomate_theme_transport_10 .main-content .h3 { font-size: 21px; } #sh_corpomate_theme_transport_10 .lorem-content { line-height: 25px; } #sh_corpomate_theme_transport_10 .our-blog-details .our-blog-details-content .our-blog-details-btn .our-blog-details-btn-icon .our-blog-details-link a { font-size: auto; } #sh_corpomate_theme_transport_10 .o_blog_cover_component.o_blog_cover_image { width: 100% !important; } } /*------------------------ Theme 4 BLOG end ------------------------*/ /*------------------ Theme 5 BLOG start -------------------*/ #sh_corpomate_theme_pets_10 { padding-bottom: 50px; position: relative; padding-top: 20px; } #sh_corpomate_theme_pets_10 .sh_title h4, #sh_corpomate_theme_pets_10 .sh_title .h4 { position: relative; font-size: 40px; font-weight: 600; color: #003557; margin-bottom: 20px; display: inline-block; } #sh_corpomate_theme_pets_10 .sh_title { text-align: center; overflow: hidden; } #sh_corpomate_theme_pets_10 .sh_title p { color: #6b7b90; width: 70%; margin: 0 auto 50px auto; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_pets_10 .sh_title h4:after, #sh_corpomate_theme_pets_10 .sh_title .h4:after { content: ''; position: absolute; left: -40px; top: 50%; background: #6b7b90; width: 50px; height: 1px; transform: translateX(-50%); } #sh_corpomate_theme_pets_10 .sh_title h4:before, #sh_corpomate_theme_pets_10 .sh_title .h4:before { content: ''; position: absolute; right: -90px; top: 50%; background: #6b7b90; width: 50px; height: 1px; transform: translateX(-50%); } #sh_corpomate_theme_pets_10 .sh_content { position: relative; box-shadow: 0 5px 20px rgba(34, 34, 34, 0.14); transition: all .4s; margin-bottom: 20px; transition: all .4s; } #sh_corpomate_theme_pets_10 .sh_content .sh_img { overflow: hidden; } #sh_corpomate_theme_pets_10 .sh_content .sh_img img { height: 200px; object-fit: cover; width: 100%; transform: scale(1); transition: all .4s; } #sh_corpomate_theme_pets_10 .sh_content .sh_arrow { position: absolute; bottom: 20px; background: #003557; padding: 14px 20px; right: 20px; color: #fff; border-radius: 5px; } #sh_corpomate_theme_pets_10 .sh_content .sh_description { padding: 20px 20px 20px; } #sh_corpomate_theme_pets_10 .sh_content .sh_description h4, #sh_corpomate_theme_pets_10 .sh_content .sh_description .h4 { margin-bottom: 15px; font-size: 20px; font-weight: 600; letter-spacing: 1px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } #sh_corpomate_theme_pets_10 .sh_content .sh_description p { color: #6b7b90; font-size: 16px; letter-spacing: 0.7px; margin-bottom: 30px; } #sh_corpomate_theme_pets_10 .sh_content .sh_description a { padding: 0; font-weight: 600; color: #003557; letter-spacing: 1px; } #sh_corpomate_theme_pets_10 .sh_content:hover .sh_img img { transform: scale(1.1); } #sh_corpomate_theme_pets_10 .sh_content .sh_description a { transition: all .4s; } #sh_corpomate_theme_pets_10 .sh_content .sh_img .o_blog_cover_image { transition: all .4s; transform: scale(1); } #sh_corpomate_theme_pets_10 .sh_content:hover .sh_img .o_blog_cover_image { transform: scale(1.1); } #sh_corpomate_theme_pets_10 .sh_content .sh_description a:hover { color: #0075C2; } #sh_corpomate_theme_pets_10 .card .card-header ul { justify-content: center; } #sh_corpomate_theme_pets_10 .nav-tabs .nav-link { border: 0; border-radius: 0; background: #fff; margin: 15px 5px; font-weight: 600; letter-spacing: 1px; color: #414141; } #sh_corpomate_theme_pets_10 .nav-tabs .nav-link.active, #sh_corpomate_theme_pets_10 .nav-tabs .nav-item.show .nav-link { background: #0075C2; color: #fff; border-radius: 0px; } #sh_corpomate_theme_pets_10 .sh_content .sh_img a .o_blog_cover_container { height: 200px !important; min-height: 0 !important; } @media (min-width: 768px) and (max-width: 991px) { #sh_corpomate_theme_pets_10 .sh_content .sh_description p { margin-bottom: 15px; } #sh_corpomate_theme_pets_10 .sh_content .sh_description { padding: 20px 10px 20px; } #sh_corpomate_theme_pets_10 .sh_content .sh_arrow a { right: 10px; padding: 10px 15px; bottom: 10px; } } @media (max-width: 768px) { #sh_corpomate_theme_pets_10 .sh_content { margin-bottom: 20px; } #sh_corpomate_theme_pets_10 .sh_content .sh_description p { font-size: 12px; } #sh_corpomate_theme_pets_10 .sh_content .sh_description a { font-size: 14px; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_corpomate_theme_pets_10 .sh_content .sh_description a { font-size: 19px; } } @media (max-width: 576px) { #sh_corpomate_theme_pets_10 .sh_title h4, #sh_corpomate_theme_pets_10 .sh_title .h4 { font-size: 26px; } #sh_corpomate_theme_pets_10 .sh_title p { width: 100%; } #sh_corpomate_theme_pets_10 .o_blog_cover_component.o_blog_cover_image { width: 100% !important; } } /*------------------ Theme 5 BLOG end -------------------*/ /*------------------ Theme 6 BLOG end -------------------*/ #sh_corpomate_theme_cyber_11 { width: 100%; padding: 100px 0px 50px 0px; position: relative; margin-bottom: 100px; } #sh_corpomate_theme_cyber_11 h3, #sh_corpomate_theme_cyber_11 .h3 { color: #0075C2; font-weight: 500; font-size: 16px; text-align: center; } #sh_corpomate_theme_cyber_11 h2, #sh_corpomate_theme_cyber_11 .h2 { font-weight: 600; font-size: 30px; text-align: center; margin-bottom: 0px; } #sh_corpomate_theme_cyber_11 .main-row .blog-box { padding: 20px 20px; background: #fff; box-shadow: 0 11px 20px 3px rgba(34, 34, 34, 0.1); } #sh_corpomate_theme_cyber_11 .main-row .blog-img { height: 250px; width: 100%; overflow: hidden; } #sh_corpomate_theme_cyber_11 .main-row .blog-box:hover img { transform: scale(1.5); filter: brightness(120%); } #sh_corpomate_theme_cyber_11 .main-row .blog-img img { height: 100%; width: 100%; transition: 2s; object-fit: cover; object-position: center; position: relative; } #sh_corpomate_theme_cyber_11 .main-row .blog-content { position: relative; display: block; } #sh_corpomate_theme_cyber_11 .main-row .blog-content h5, #sh_corpomate_theme_cyber_11 .main-row .blog-content .h5 { display: block; font-size: 18px; line-height: 28px; font-weight: 600; padding-bottom: 22px; margin-bottom: 17px; border-bottom: 1px solid #e7e2e3; margin-top: 20px; } #sh_corpomate_theme_cyber_11 .main-row .blog-content h5 a, #sh_corpomate_theme_cyber_11 .main-row .blog-content .h5 a { display: inline-block; color: #212121; font-size: 19px; font-weight: 600; } #sh_corpomate_theme_cyber_11 .main-row .blog-content .bottom-part .link a { position: relative; display: inline-block; font-size: 16px; color: #919191; font-weight: 700; } #sh_corpomate_theme_cyber_11 .main-row .blog-content .bottom-part .link a span { padding-right: 10px; } #sh_corpomate_theme_cyber_11 .o_half_screen_height, #sh_corpomate_theme_cyber_11 .cover_mid { min-height: auto !important; overflow: hidden; } #sh_corpomate_theme_cyber_11 .o_blog_cover_image:hover { transition: 2s; } #sh_corpomate_theme_cyber_11 .o_blog_cover_image:hover { transform: scale(1.5); filter: brightness(120%); } #sh_corpomate_theme_cyber_11 .card { border: 0; background: transparent !important; } #sh_corpomate_theme_cyber_11 .card .card-header { background: transparent; border: 0; } #sh_corpomate_theme_cyber_11 .heading h2, #sh_corpomate_theme_cyber_11 .heading .h2 { font-weight: 600; font-size: 30px; text-align: center; } #sh_corpomate_theme_cyber_11 .heading h3, #sh_corpomate_theme_cyber_11 .heading .h3 { color: #0075C2; font-weight: 500; font-size: 16px; text-align: center; } #sh_corpomate_theme_cyber_11 .card .card-header ul { justify-content: center; } #sh_corpomate_theme_cyber_11 .nav-tabs .nav-link { border: 0; border-radius: 0; background: #fff; margin: 15px 5px; font-weight: 600; letter-spacing: 1px; color: #414141; } #sh_corpomate_theme_cyber_11 .nav-tabs .nav-link.active, #sh_corpomate_theme_cyber_11 .nav-tabs .nav-item.show .nav-link { background: #0075C2; color: #fff; border-radius: 0px; } #sh_corpomate_theme_cyber_11 .sh_content .sh_img img { width: 100%; height: 225px; object-fit: cover; } #sh_corpomate_theme_cyber_11 .sh_content .sh_img .sub-img-div { position: absolute; top: 3%; right: 8%; height: 80px; width: 60px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; border-radius: 0px; background: #0075C2; color: #fff; } #sh_corpomate_theme_cyber_11 .sh_content .sh_img .sub-img-div p { font-size: 18px; margin-bottom: 0px; font-weight: 600; color: #fff; } #sh_corpomate_theme_cyber_11 .sh_content .sh_img .sub-img-div span { font-size: 16px; font-weight: 600; } #sh_corpomate_theme_cyber_11 .sh_content .sh_img .sub-img-div-1 { position: absolute; bottom: 43%; left: 6%; padding: 10px 20px; border-radius: 0px; background: #0075C2; color: #fff; } #sh_corpomate_theme_cyber_11 .sh_content .sh_img .sub-img-div-1 span { font-size: 12px; padding-right: 5px; font-weight: 600; } #sh_corpomate_theme_cyber_11 .sh_content .sh_des p a span { color: #616161; padding-right: 10px; font-size: 17px; } #sh_corpomate_theme_cyber_11 .sh_content .sh_des p a { color: #616161; } #sh_corpomate_theme_cyber_11 .sh_content .sh_des p.top-border { border-top: 2px solid #e8e8e8; padding: 10px 5px; } #sh_corpomate_theme_cyber_11 .sh_content .sh_des { padding: 15px; background: #fff; } #sh_corpomate_theme_cyber_11 .sh_content { box-shadow: 0 11px 20px 3px rgba(34, 34, 34, 0.1); margin-bottom: 20px; position: relative; } #sh_corpomate_theme_cyber_11 .sh_content .sh_des h4 a, #sh_corpomate_theme_cyber_11 .sh_content .sh_des .h4 a { color: #414141; font-size: 18px; line-height: 25px; display: -webkit-box; font-weight: 600; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 20px; } #sh_corpomate_theme_cyber_11 .sh_content .sh_des p { color: #616161; margin: 0; margin-top: 15px; padding: 10px 5px; border-top: 2px solid #e8e8e8; } #sh_corpomate_theme_cyber_11 .sh_content .sh_des p span { color: #0075C2; padding-right: 5px; } #sh_corpomate_theme_cyber_11 .card-body { background: transparent !important; } #sh_corpomate_theme_cyber_11 .o_half_screen_height, #sh_corpomate_theme_cyber_11 .cover_mid { min-height: auto !important; } @media screen and (max-width: 1024px) { #sh_corpomate_theme_cyber_11 { width: 100%; padding: 0px 0px 20px 0px; position: relative; } #sh_corpomate_theme_cyber_11 .sh_content .sh_img .sub-img-div-1 { bottom: 45%; } } @media screen and (max-width: 768px) { #sh_corpomate_theme_cyber_11 { width: 100%; padding: 0px 0px 20px 0px; position: relative; } #sh_corpomate_theme_cyber_11 .sh_content .sh_img .sub-img-div-1 { position: absolute; bottom: 43%; left: 3%; padding: 10px 10px; border-radius: 0px; background: #0075C2; color: #fff; } #sh_corpomate_theme_cyber_11 .sh_content .sh_img .sub-img-div { position: absolute; top: 3%; right: 5%; height: 70px; width: 60px; display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit--webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; border-radius: 0px; color: #fff; } } @media screen and (max-width: 567px) { #sh_corpomate_theme_cyber_11 { width: 100%; padding: 0px 0px 20px 0px; position: relative; margin-bottom: 30px; } #sh_corpomate_theme_cyber_11 .heading h2, #sh_corpomate_theme_cyber_11 .heading .h2 { font-weight: 600; font-size: 25px; text-align: center; } #sh_corpomate_theme_cyber_11 .o_blog_cover_component.o_blog_cover_image { width: 100% !important; } } /*------------------ Theme 6 BLOG end -------------------*/ /* /sh_corpomate_theme/static/src/css/extra_addons/sh_cookie_notice/cookieconsent.min.css */ .cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s} .cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1} .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em} @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}} .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block} .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0} /* /sh_corpomate_theme/static/src/scss/extra_addons/sh_website_popup/sh_website_popup.scss */ /* =============== Style - 2 ================ */ #sh_website_popup_modal_tmpl_2_style .modal:not([data-backdrop="false"]) { background-color: unset; } #sh_website_popup_modal_tmpl_2_style p { margin-bottom: 0; } #sh_website_popup_modal_tmpl_2_style #sh_swp_model_popup { position: relative; padding-left: 0px !important; } #sh_website_popup_modal_tmpl_2_style #sh_swp_model_popup .overlay { position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); } #sh_website_popup_modal_tmpl_2_style #sh_swp_model_popup .modal-dialog { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; max-width: 100%; padding: 26px; margin: 0; height: 100vh; } #sh_website_popup_modal_tmpl_2_style #sh_swp_model_popup .img_box { position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; } #sh_website_popup_modal_tmpl_2_style #sh_swp_model_popup .img_box img { width: 100%; height: 100%; object-fit: cover; } #sh_website_popup_modal_tmpl_2_style .modal-header { border-bottom: 0; padding: .5rem 1rem; background: transparent; z-index: 1; text-align: center; display: block; position: relative; margin-bottom: 12px; } #sh_website_popup_modal_tmpl_2_style .modal-header:after { position: absolute; content: ''; left: 50%; bottom: -4px; transform: translateX(-50%); width: 68px; height: 3px; background: #fff; border-radius: 50px; } #sh_website_popup_modal_tmpl_2_style .close { position: relative; margin-right: -9px; transition: all 0.3s ease; } #sh_website_popup_modal_tmpl_2_style .close:focus { outline: none; } #sh_website_popup_modal_tmpl_2_style .modal-title { font-weight: 500; font-size: 2pc; color: #fff; z-index: 0; } #sh_website_popup_modal_tmpl_2_style .modal-content { border-radius: 5px; border: 0; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); height: auto; overflow: hidden; } #sh_website_popup_modal_tmpl_2_style .modal-footer { border-top: 0; padding: 2rem 1rem; z-index: 1; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; } #sh_website_popup_modal_tmpl_2_style .modal-footer .btn-primary { color: #fff; font-weight: 500; font-size: 16px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); padding: 9px 35px; border-radius: 25px; background: #0075C2; } #sh_website_popup_modal_tmpl_2_style .btn-primary:hover, #sh_website_popup_modal_tmpl_2_style .btn-secondary:hover { box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.4); } #sh_website_popup_modal_tmpl_2_style .btn-primary:focus, #sh_website_popup_modal_tmpl_2_style .btn-secondary:focus { box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.4); } #sh_website_popup_modal_tmpl_2_style .btn-secondary { color: #fff; font-weight: 500; font-size: 16px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); padding: 9px 35px; border-radius: 25px; background: rgba(0, 0, 0, 0.1); border: 1px solid #fff; } #sh_website_popup_modal_tmpl_2_style .btn-secondary:focus { box-shadow: none; } @media (min-width: 576px) { #sh_website_popup_modal_tmpl_2_style .modal-dialog { max-width: 100%; padding: 0; } } #sh_website_popup_modal_tmpl_2_style .modal-body { min-height: 65vh; } #sh_website_popup_modal_tmpl_2_style .modal-body::-webkit-scrollbar { width: 8px; background-color: #656565; } #sh_website_popup_modal_tmpl_2_style .modal-body::-webkit-scrollbar-thumb { background-color: #5d5d5d; } #sh_website_popup_modal_tmpl_2_style .modal-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; } @media only screen and (max-width: 414px) { #sh_website_popup_modal_tmpl_2_style .modal-content { height: 100%; } #sh_website_popup_modal_tmpl_2_style .modal-body { overflow-y: scroll; } #sh_website_popup_modal_tmpl_2_style #sh_swp_model_popup .modal-dialog { padding: 0; } #sh_website_popup_modal_tmpl_2_style .modal-content { border-radius: 0; } } /* =============== Style - 3 ================ */ #sh_website_popup_modal_tmpl_3_style .modal:not([data-backdrop="false"]) { background-color: rgba(0, 0, 0, 0.8); } #sh_website_popup_modal_tmpl_3_style #sh_swp_model_popup .modal-dialog { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding: 0; max-width: 50% !important; } #sh_website_popup_modal_tmpl_3_style .overlay { position: absolute; } #sh_website_popup_modal_tmpl_3_style .js_cls_sh_website_popup { padding-left: 0px !important; } #sh_website_popup_modal_tmpl_3_style .modal-content { height: 25pc; border: 0; border-radius: 2px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.1); } #sh_website_popup_modal_tmpl_3_style .modal-content .box_left { width: 100%; height: 100%; padding-left: 0; padding-right: 0; } #sh_website_popup_modal_tmpl_3_style .modal-content .box_left img { width: 100%; height: 100%; object-fit: cover; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } #sh_website_popup_modal_tmpl_3_style .modal-content .box_right { width: 100%; height: 100%; padding-left: 0; padding-right: 0; } #sh_website_popup_modal_tmpl_3_style .modal-header, #sh_website_popup_modal_tmpl_3_style .modal-footer { height: 17%; } #sh_website_popup_modal_tmpl_3_style .modal-body { height: 66%; } #sh_website_popup_modal_tmpl_3_style .modal-title { font-size: 1.6pc !important; font-weight: 500; } #sh_website_popup_modal_tmpl_3_style .btn-primary:focus { box-shadow: none; } #sh_website_popup_modal_tmpl_3_style .close_btn { background: #000; width: 18px; height: 18px; box-shadow: none; outline: none; position: relative; padding: 0.70rem; border-radius: 50px; top: -11px; right: -11px; opacity: 1; border: 2px #fff solid; } #sh_website_popup_modal_tmpl_3_style .close_btn:after { content: ''; position: absolute; width: 2px; height: 14px; background: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); border-radius: 50px; transition: all 0.3s ease; } #sh_website_popup_modal_tmpl_3_style .close_btn:before { content: ''; position: absolute; width: 2px; height: 14px; background: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); border-radius: 50px; transition: all 0.3s ease; } #sh_website_popup_modal_tmpl_3_style .close_btn:hover:after { transform: translate(-50%, -50%) rotate(45deg); transition: all 0.3s ease; } #sh_website_popup_modal_tmpl_3_style .close_btn:hover:before { transform: translate(-50%, -50%) rotate(135deg); transition: all 0.3s ease; } #sh_website_popup_modal_tmpl_3_style .btn-primary { border-radius: 2px; padding: .3pc 1.2pc; overflow: hidden; position: relative; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.1); } #sh_website_popup_modal_tmpl_3_style .btn-primary span { z-index: 20; } #sh_website_popup_modal_tmpl_3_style .btn-primary:after { background: #fff; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; width: 50px; transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transform: rotate(35deg); z-index: 0; } #sh_website_popup_modal_tmpl_3_style .btn-primary:hover:after { left: 120%; transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); } #sh_website_popup_modal_tmpl_3_style .box_row { height: 100%; margin-right: 0px; margin-left: 0px; } @media only screen and (max-width: 1024px) { #sh_website_popup_modal_tmpl_3_style #sh_swp_model_popup .modal-dialog { max-width: 65% !important; } } @media only screen and (max-width: 768px) { #sh_website_popup_modal_tmpl_3_style #sh_swp_model_popup .modal-dialog { max-width: 75% !important; } } @media (max-width: 400px) { #sh_website_popup_modal_tmpl_3_style section, #sh_website_popup_modal_tmpl_3_style .row { height: 100% !important; } } @media only screen and (max-width: 414px) { #sh_website_popup_modal_tmpl_3_style #sh_swp_model_popup .modal-dialog { max-width: 95% !important; margin: 0 auto; } #sh_website_popup_modal_tmpl_3_style #sh_swp_model_popup .modal-body { overflow-y: scroll; } #sh_website_popup_modal_tmpl_3_style .js_cls_sh_website_popup { display: unset !important; } #sh_website_popup_modal_tmpl_3_style .box_row { height: inherit !important; } #sh_website_popup_modal_tmpl_3_style .modal-header, #sh_website_popup_modal_tmpl_3_style .modal-footer { height: unset !important; } #sh_website_popup_modal_tmpl_3_style .modal-body { height: 330px; } #sh_website_popup_modal_tmpl_3_style .modal-content { height: auto; } #sh_website_popup_modal_tmpl_3_style .close_btn { background: #fff; top: 0px; right: 8px; } #sh_website_popup_modal_tmpl_3_style .close_btn:after, #sh_website_popup_modal_tmpl_3_style .close_btn:before { background: #000; } #sh_website_popup_modal_tmpl_3_style .modal-header { align-items: center; } } @media only screen and (max-width: 360px) { #sh_website_popup_modal_tmpl_3_style .modal-body { height: 270px; } } #sh_website_popup_modal_tmpl_3_style .modal-body::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; border-radius: 2px; } #sh_website_popup_modal_tmpl_3_style .modal-body::-webkit-scrollbar-thumb { background-color: #000000; border-radius: 2px; } #sh_website_popup_modal_tmpl_3_style .modal-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1); border-radius: 2px; } /* =============== Style - 4 ================ */ #sh_website_popup_modal_tmpl_4_style .modal:not([data-backdrop="false"]) { background-color: rgba(0, 0, 0, 0.8); } #sh_website_popup_modal_tmpl_4_style .modal-content img { width: 100%; object-fit: cover; height: 100%; } #sh_website_popup_modal_tmpl_4_style .modal-content { overflow: hidden; height: 600px; border-radius: 3px; border: 0; } #sh_website_popup_modal_tmpl_4_style .modal-dialog { padding: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; } #sh_website_popup_modal_tmpl_4_style .box_row { height: 600px; } #sh_website_popup_modal_tmpl_4_style .box_col_top { width: 100%; height: 300px; } #sh_website_popup_modal_tmpl_4_style .box_col_bottom { width: 100%; height: 300px; } #sh_website_popup_modal_tmpl_4_style .modal-header { height: 50px; padding: 10px 14px; } #sh_website_popup_modal_tmpl_4_style .modal-body { height: 186px; } #sh_website_popup_modal_tmpl_4_style .modal-footer { padding: 6px 14px; height: 65px; } #sh_website_popup_modal_tmpl_4_style .modal-footer .btn-primary, #sh_website_popup_modal_tmpl_4_style .modal-footer .btn-secondary { border-radius: 3px; padding: 5px 25px; font-weight: 500; } #sh_website_popup_modal_tmpl_4_style .modal-footer .btn-primary:focus, #sh_website_popup_modal_tmpl_4_style .modal-footer .btn-secondary:focus { box-shadow: none; } #sh_website_popup_modal_tmpl_4_style .modal-footer .btn-primary { background: #0075C2; color: #fff; border: none; transition: all 0.3s ease; overflow: hidden; position: relative; z-index: 0; border: 1px solid #0075C2; } #sh_website_popup_modal_tmpl_4_style .modal-title { font-weight: 500; } #sh_website_popup_modal_tmpl_4_style .modal-footer .btn-secondary { background: #003557; color: #fff; border: none; transition: all 0.3s ease; overflow: hidden; position: relative; z-index: 0; border: 1px solid #003557; transition: all 0.4s ease; } #sh_website_popup_modal_tmpl_4_style .modal-footer .btn-primary:hover, #sh_website_popup_modal_tmpl_4_style .modal-footer .btn-secondary:hover { transition: all 0.4s ease; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.1); transform: translateY(-5px); } #sh_website_popup_modal_tmpl_4_style .modal-body::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; } #sh_website_popup_modal_tmpl_4_style .modal-body::-webkit-scrollbar-thumb { background-color: #000000; } #sh_website_popup_modal_tmpl_4_style .modal-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 414px) { #sh_website_popup_modal_tmpl_4_style .modal-content { height: 100%; } #sh_website_popup_modal_tmpl_4_style .modal-dialog { margin: 0; } #sh_website_popup_modal_tmpl_4_style #sh_swp_model_popup { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; align-items: center; justify-content: center; } #sh_website_popup_modal_tmpl_4_style .modal-body { overflow-y: scroll; } } /* =============== Style - 5 ================ */ #sh_website_popup_modal_tmpl_5_style .modal:not([data-backdrop="false"]) { background-color: rgba(0, 0, 0, 0.8); } #sh_website_popup_modal_tmpl_5_style .modal-dialog { max-width: 65% !important; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } #sh_website_popup_modal_tmpl_5_style .modal-body { height: 370px; } #sh_website_popup_modal_tmpl_5_style .modal-header { text-align: center; } #sh_website_popup_modal_tmpl_5_style .modal-title { width: 100%; font-size: 1.7rem; font-weight: 500; } #sh_website_popup_modal_tmpl_5_style .modal-content { border: 0; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.1); } #sh_website_popup_modal_tmpl_5_style .box_row { margin-left: 0; margin-right: 0; border-radius: 3px; overflow: hidden; } #sh_website_popup_modal_tmpl_5_style .box_col_left, #sh_website_popup_modal_tmpl_5_style .box_col_right { padding-left: 0; padding-right: 0; } #sh_website_popup_modal_tmpl_5_style .box_col_right { position: relative; } #sh_website_popup_modal_tmpl_5_style .box_col_right img { width: 100%; height: 100%; object-fit: cover; } #sh_website_popup_modal_tmpl_5_style .btn-primary:focus, #sh_website_popup_modal_tmpl_5_style .btn-secondary:focus { box-shadow: none; } #sh_website_popup_modal_tmpl_5_style .btn-primary { margin: 0 auto; padding: 6px 22px; font-weight: 700; font-size: 15px; transform: scale(1); transition: all 0.4s ease; } #sh_website_popup_modal_tmpl_5_style .btn-primary:hover { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.1); transform: scale(1.1); transition: all 0.4s ease; } #sh_website_popup_modal_tmpl_5_style .btn-secondary { position: absolute; top: 12px; right: 5px; background: transparent; border: 0; z-index: 1; transition: all 0.4s ease; } #sh_website_popup_modal_tmpl_5_style .btn-secondary:after { content: ''; position: absolute; width: 2px; height: 18px; background: #fff; top: 50%; right: 50%; transform: translate(-50%, -50%) rotate(-45deg); border-radius: 50px; transition: all 0.3s ease; } #sh_website_popup_modal_tmpl_5_style .btn-secondary:before { content: ''; position: absolute; width: 2px; height: 18px; background: #fff; top: 50%; right: 50%; transform: translate(-50%, -50%) rotate(45deg); border-radius: 50px; transition: all 0.3s ease; } #sh_website_popup_modal_tmpl_5_style .box_col_right:after { position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); top: 0; left: 0; } #sh_website_popup_modal_tmpl_5_style .modal-body::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; } #sh_website_popup_modal_tmpl_5_style .modal-body::-webkit-scrollbar-thumb { background-color: #000000; } #sh_website_popup_modal_tmpl_5_style .modal-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1); } #sh_website_popup_modal_tmpl_5_style .btn-secondary:hover { transform: rotate(90deg); transition: all 0.4s ease; } #sh_website_popup_modal_tmpl_5_style .btn-secondary:hover:after { background: #555753; transition: all 0.4s ease; } #sh_website_popup_modal_tmpl_5_style .btn-secondary:hover:before { background: #555753; transition: all 0.4s ease; } @media only screen and (max-width: 768px) { #sh_website_popup_modal_tmpl_5_style .modal-dialog { max-width: 85% !important; } } @media only screen and (max-width: 414px) { #sh_website_popup_modal_tmpl_5_style .modal-dialog { max-width: 100% !important; padding: 0; margin: 0; } #sh_website_popup_modal_tmpl_5_style .modal-body { height: 325px; } #sh_website_popup_modal_tmpl_5_style .modal-body { overflow-y: scroll; } } @media only screen and (max-width: 360px) { #sh_website_popup_modal_tmpl_5_style .modal-body { height: 265px; } } /* /sh_corpomate_theme/static/src/scss/extra_addons/sh_website_portfolio/sh_website_portfolio.scss */ * { box-sizing: border-box; } #portfolio { /* background-color: #f1f1f1; */ padding: 20px; font-family: Arial; } #portfolio body { background-color: #f1f1f1; padding: 20px; font-family: Arial; } /* Center website */ #portfolio .main { max-width: 1000px; margin: auto; } #portfolio h1, #portfolio .h1 { font-size: 50px; word-break: break-all; } #portfolio .row { margin: 8px -16px; } /* Add padding BETWEEN each column (if you want) */ #portfolio .row, #portfolio .row > .column { padding: 8px; } /* Create three equal columns that floats next to each other */ #portfolio .column { /* float: left; width: 33.33%; */ display: none; /* Hide columns by default */ } /* Clear floats after rows */ #portfolio .row:after { content: ""; display: table; clear: both; } /* Content */ #portfolio .content { background-color: white; padding: 10px; } /* The "show" class is added to the filtered elements */ #portfolio .show { display: block; } /* Style the buttons */ #portfolio .btn { border: none; outline: none; padding: 12px 16px; background-color: white; cursor: pointer; } /* Add a grey background color on mouse-over */ #portfolio .btn:hover { background-color: #ddd; } /* Add a dark background color to the active button */ #portfolio .btn.active_port { background-color: #666; color: white; } /* custom code start here....*/ #portfolio #sh_portfolio .portfolio-item { right: 0; margin: 0 0 15px; } #portfolio #sh_portfolio .portfolio-item #sh_portfolio .portfolio-link { position: relative; display: block; max-width: 400px; margin: 0 auto; cursor: pointer; } #portfolio #sh_portfolio .portfolio-item #sh_portfolio .portfolio-link #sh_portfolio .portfolio-hover { position: absolute; width: 100%; height: 100%; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; opacity: 0; background: rgba(0, 117, 194, 0.9); } #portfolio #sh_portfolio .portfolio-item #sh_portfolio .portfolio-link #sh_portfolio .portfolio-hover:hover { opacity: 1; } #portfolio #sh_portfolio .portfolio-item #sh_portfolio .portfolio-link #sh_portfolio .portfolio-hover #sh_portfolio .portfolio-hover-content { font-size: 20px; position: absolute; top: 50%; width: 100%; height: 20px; margin-top: -12px; text-align: center; color: white; } #portfolio #sh_portfolio .portfolio-item #sh_portfolio .portfolio-link #sh_portfolio .portfolio-hover #sh_portfolio .portfolio-hover-content i { margin-top: -12px; } #portfolio #sh_portfolio .portfolio-item #sh_portfolio .portfolio-link #sh_portfolio .portfolio-hover #sh_portfolio .portfolio-hover-content h3, #portfolio #sh_portfolio .portfolio-item #sh_portfolio .portfolio-link #sh_portfolio .portfolio-hover #sh_portfolio .portfolio-hover-content .h3, #portfolio #sh_portfolio .portfolio-item #sh_portfolio .portfolio-link #sh_portfolio .portfolio-hover #sh_portfolio .portfolio-hover-content h4, #portfolio #sh_portfolio .portfolio-item #sh_portfolio .portfolio-link #sh_portfolio .portfolio-hover #sh_portfolio .portfolio-hover-content .h4 { margin: 0; } #portfolio #sh_portfolio .portfolio-item #sh_portfolio .portfolio-caption { max-width: 400px; margin: 0 auto; padding: 25px; text-align: center; background-color: #FFF; } #portfolio #sh_portfolio .portfolio-item #sh_portfolio .portfolio-caption #sh_portfolio h4, #portfolio #sh_portfolio .portfolio-item #sh_portfolio .portfolio-caption #sh_portfolio .h4 { margin: 0; text-transform: none; } #portfolio #sh_portfolio .portfolio-item #sh_portfolio .portfolio-caption #sh_portfolio p { font-size: 16px; font-style: italic; margin: 0; } @media (min-width: 767px) { #portfolio .portfolio-item { margin: 0 0 30px; } } #sh_portfolio .portfolio-modal { padding-right: 0px !important; } #sh_portfolio .portfolio-modal #sh_portfolio .modal-dialog { margin: 1rem; max-width: 100vw; } #sh_portfolio .portfolio-modal #sh_portfolio .modal-content { padding: 100px 0; text-align: center; } #sh_portfolio .portfolio-modal #sh_portfolio .modal-content #sh_portfolio h2, #sh_portfolio .portfolio-modal #sh_portfolio .modal-content #sh_portfolio .h2 { font-size: 3em; margin-bottom: 15px; } #sh_portfolio .portfolio-modal #sh_portfolio .modal-content #sh_portfolio p { margin-bottom: 30px; } #sh_portfolio .portfolio-modal #sh_portfolio .modal-content #sh_portfolio p.item-intro { font-size: 16px; font-style: italic; margin: 20px 0 30px; } #sh_portfolio .portfolio-modal #sh_portfolio .modal-content #sh_portfolio ul.list-inline { margin-top: 0; margin-bottom: 30px; } #sh_portfolio .portfolio-modal #sh_portfolio .modal-content #sh_portfolio img { margin-bottom: 30px; } #sh_portfolio .portfolio-modal #sh_portfolio .modal-content #sh_portfolio button { cursor: pointer; } #sh_portfolio .portfolio-modal #sh_portfolio .close-modal { position: absolute; top: 25px; right: 25px; width: 75px; height: 75px; cursor: pointer; background-color: transparent; } #sh_portfolio .portfolio-modal #sh_portfolio .close-modal:hover { opacity: 0.3; } #sh_portfolio .portfolio-modal #sh_portfolio .close-modal #sh_portfolio .lr { /* Safari and Chrome */ z-index: 1051; width: 1px; height: 75px; margin-left: 35px; /* IE 9 */ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #212529; } #sh_portfolio .portfolio-modal #sh_portfolio .close-modal #sh_portfolio .lr .rl { /* Safari and Chrome */ z-index: 1052; width: 1px; height: 75px; /* IE 9 */ -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); background-color: #212529; } #portfolio .portfolio-item { right: 0; margin: 0 0 15px; } #portfolio .portfolio-item .portfolio-link { position: relative; display: block; max-width: 400px; margin: 0 auto; cursor: pointer; } #portfolio .portfolio-item .portfolio-link .portfolio-hover { position: absolute; width: 100%; height: 100%; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; opacity: 0; background: rgba(254, 209, 54, 0.9); } #portfolio .portfolio-item .portfolio-link .portfolio-hover:hover { opacity: 1; } #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content { font-size: 20px; position: absolute; top: 50%; width: 100%; height: 20px; margin-top: -12px; text-align: center; color: white; } #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i { margin-top: -12px; } #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3, #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content .h3, #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4, #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content .h4 { margin: 0; } #portfolio .portfolio-item .portfolio-caption { max-width: 400px; margin: 0 auto; padding: 25px; text-align: center; background-color: #fff; } #portfolio .portfolio-item .portfolio-caption h4, #portfolio .portfolio-item .portfolio-caption .h4 { margin: 0; text-transform: none; } #portfolio .portfolio-item .portfolio-caption p { font-size: 16px; font-style: italic; margin: 0; font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media (min-width: 767px) { #portfolio .portfolio-item { margin: 0 0 30px; } } .portfolio-modal { padding-right: 0px !important; } .portfolio-modal .modal-dialog { margin: 1rem; max-width: 100vw; } .portfolio-modal .modal-content { padding: 100px 0; text-align: center; } .portfolio-modal .modal-content h2, .portfolio-modal .modal-content .h2 { font-size: 3em; margin-bottom: 15px; } .portfolio-modal .modal-content p { margin-bottom: 30px; } .portfolio-modal .modal-content p.item-intro { font-size: 16px; font-style: italic; margin: 20px 0 30px; font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; } .portfolio-modal .modal-content ul.list-inline { margin-top: 0; margin-bottom: 30px; } .portfolio-modal .modal-content img { margin-bottom: 30px; } .portfolio-modal .modal-content button { cursor: pointer; } .portfolio-modal .close-modal { position: absolute; top: 25px; right: 25px; width: 75px; height: 75px; cursor: pointer; background-color: transparent; } .portfolio-modal .close-modal:hover { opacity: 0.3; } .portfolio-modal .close-modal .lr { /* Safari and Chrome */ z-index: 1051; width: 1px; height: 75px; margin-left: 35px; /* IE 9 */ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #212529; } .portfolio-modal .close-modal .lr .rl { /* Safari and Chrome */ z-index: 1052; width: 1px; height: 75px; /* IE 9 */ -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); background-color: #212529; } #sh_portfolio { padding: 50px 0 35px; } .portfolio-modal .modal-dialog { width: 100% !important; } /*------------- PORTFOLIO strat --------------*/ #sh_portfolio .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.3s; background: rgba(0, 0, 0, 0.4); } #sh_portfolio .item-wrap:hover .overlay { opacity: 1; } #sh_portfolio .icon { width: 100%; display: block; margin: 0 auto; line-height: 340px; font-size: 40px; color: #fff; z-index: 99; text-align: center; } #sh_portfolio .icon2 { color: #000; width: 40px; height: 40px; background: rgba(255, 255, 255, 0.8); line-height: 40px; position: absolute; top: 70px; right: 20px; z-index: 99; text-align: center; } #sh_portfolio .fa-user { font-size: 40px; } #sh_portfolio .fa-user:hover { color: #eee; } #sh_portfolio { float: left; width: 100%; position: relative; } #sh_portfolio .sub_portfolio { float: left; width: 100%; } #sh_portfolio .port_title { width: 100%; float: left; margin-bottom: 5px; } #sh_portfolio .port_title span { color: #5468ff; font-size: 12px; text-transform: uppercase; letter-spacing: 3px; font-family: "Poppins", sans-serif; font-weight: 500; } #sh_portfolio .port_head { text-align: center; } #sh_portfolio .title { position: relative; float: left; width: 100%; margin-top: 0px; } #sh_portfolio .title span { font-size: 34px; font-weight: 600; margin-bottom: 20px; position: relative; width: 100%; float: left; } #sh_portfolio .port_dec { font-family: "Roboto", sans-serif; font-size: 15px; line-height: 1.6; color: #838383; background-color: #fff; font-weight: 400; } /*--isolate-css--*/ /* Isotope Transitions--*/ #sh_portfolio.isotope, .isotope .item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } #sh_portfolio.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } #sh_portfolio .isotope .item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } #sh_portfolio .button-group { text-align: center; } #sh_portfolio .btn-primary { border-radius: 0; background: #fff; border: none; color: #222; font-weight: 600; font-size: 13px; font-family: "Roboto", sans-serif; } #sh_portfolio .btn-primary:hover { background: #017e84; outline: none; color: #fff; } #sh_portfolio .btn-primary:active_port { background: #017e84; color: #fff; border: none; outline: none; box-shadow: none; } #sh_portfolio .btn-primary:focus { background: #017e84; color: #fff; outline: none; box-shadow: none; } #sh_portfolio .btn-primary:active_port:focus { background: #017e84; color: #5468ff; outline: none; } #sh_portfolio .active_port, #sh_portfolio .btn-primary:hover { background-color: #017e84; color: #fff; } #sh_portfolio .item-wrap { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; margin-top: 15px; margin-bottom: 15px; position: relative; padding: 10px; height: 350px; } #sh_portfolio .item-wrap img { width: 100%; object-fit: cover; height: 100%; } #sh_portfolio .load_more { float: left; width: 100%; text-align: center; margin: 30px 0px 20px; } #sh_portfolio .load_more li { list-style: none; } #sh_portfolio .load_biutton a { text-decoration: none; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; border: 1px solid #5468ff; background: #5468ff; display: inline-block; color: #fff; padding: 5px 15px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; line-height: 16px; } #sh_portfolio .load_biutton a:hover { background: #fff; color: #5468ff; } #sh_portfolio .item-wrap .img-responsive:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.96); -ms-transform: scale(0.96); -o-transform: scale(0.96); transform: scale(0.96); z-index: 1; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } #sh_portfolio .Concept_button { margin-top: 30px; text-align: center; float: left; width: 100%; } #sh_portfolio .btn-theme { background: #337ab7; color: #fff; overflow: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; font-size: 12px; font-weight: 600; padding: 0 24px; position: relative; display: inline-block; line-height: 46px; z-index: 1; letter-spacing: 1px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15); font-family: "Poppins", sans-serif; text-decoration: none; display: inline-block; margin: 0px 10px 0px 0px; padding-right: 36px; } #sh_portfolio .btn-theme:hover { color: #fff; background: #286090; } #sh_portfolio .btn-theme:after { content: "\f061"; font-family: "FontAwesome"; position: absolute; top: 17px; right: 14px; color: #fff; z-index: 1; line-height: 1; font-weight: 100; } /*--responsive-isolate--*/ #sh_portfolio .overlay .sh_text { position: absolute; bottom: 0; left: 20px; color: #fff; } @media (max-width: 1920px) { #sh_portfolio .img-responsive { height: 20em; } } @media screen and (min-width: 991px) and (max-width: 1200px) { #sh_portfolio .modal-dialog { max-width: 800px; } #sh_portfolio .img-responsive { height: 17em; } #sh_portfolio .icon { line-height: 310px; } } @media (min-width: 768px) and (max-width: 992px) { #sh_portfolio .modal-dialog { max-width: 680px !important; } #sh_portfolio .img-responsive { height: 13em; } #sh_portfolio .icon { line-height: 230px; } } @media (min-width: 320px) and (max-width: 767px) { #sh_portfolio .modal-dialog { max-width: 500px !important; } #sh_portfolio .img-responsive { height: 15em; width: 100%; } #sh_portfolio .icon { line-height: 255px; } } @media (max-width: 576px) { #sh_portfolio .icon { line-height: 255px; } } @media (max-width: 415px) { #sh_portfolio .col-xs-6 { width: 100% !important; } } /*--responsive-isolate--*/ /*----------- PORTFOLIO end ------------*/ #sh_portfolio .modal-dialog { max-width: 800px; } #sh_portfolio .modal { padding: 0 !important; } #sh_portfolio .modal-header { border-bottom: none; } #sh_portfolio .modal-header button { font-size: 30px; } #sh_portfolio .modal-content { padding: 0px !important; } #sh_portfolio .modal-body { text-align: center; } #sh_portfolio .modal-body h5, #sh_portfolio .modal-body .h5 { text-transform: capitalize; margin-bottom: 20px; font-size: 26px; } #sh_portfolio .modal-body p { margin-top: 30px; padding: 0 30px; overflow-wrap: anywhere; } #sh_portfolio .modal-footer { justify-content: center; padding: 0; padding-bottom: 2rem; border-top: none; } #sh_portfolio #posts { margin-top: 20px; } #sh_portfolio .modal-header .close { background-color: #fff !important; color: #000 !important; opacity: 1 !important; outline: none; } #sh_portfolio .modal-footer button.btn.btn-info { background-color: #017e84; border-color: #017e84; } #posts .portfolio_wrapper .modal .modal-header { justify-content: end; } #posts .portfolio_wrapper .modal .close { width: 25px; height: 25px; padding: 0; border: 0; } #posts .portfolio_wrapper .modal .close_modal { position: relative; width: 100%; height: 100%; display: block; } #posts .portfolio_wrapper .modal .close_modal:before { content: ''; position: absolute; height: 2px; background: #7c7c7c; top: 50%; width: 94%; left: 0; transform: translateY(-50%) rotateZ(-45deg); border-radius: 4px; } #posts .portfolio_wrapper .modal .close_modal:after { content: ''; position: absolute; height: 2px; background: #7c7c7c; top: 50%; width: 94%; left: 0; transform: translateY(-50%) rotateZ(45deg); border-radius: 4px; } #sh_portfolio #filters li a { border: 0 !important; padding: 5px 10px !important; } #sh_portfolio li a.active, #sh_portfolio .button_bg:hover { background-color: #0075C2; color: #fff !important; border-radius: 3px; outline: none; box-shadow: none; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } #sh_portfolio li a.active { box-shadow: none; } #sh_portfolio li a.active, #sh_portfolio .btn-primary:hover { background-color: #0075C2; color: #fff; } /* /sh_corpomate_theme/static/src/scss/extra_addons/sh_notice_board/snippets.scss */ /* Horizontal news snippet 1 */ #sh_nb_notice_board_main_horizontal_section_1 { padding: 0; } #sh_nb_notice_board_main_horizontal_section_1 .left_box span { font-weight: 600; position: relative; font-size: 15px; } #sh_nb_notice_board_main_horizontal_section_1 .left_box:before { background: inherit; content: ""; position: absolute; top: 6px; left: 210px; z-index: 1; height: 32px; width: 30px; border-radius: 0; border: 0px solid #3d3d3d; transform: rotate(45deg); overflow: hidden; } #sh_nb_notice_board_main_horizontal_section_1 .right_box marquee span { border-right: 0px solid; padding: 0 20px 0 20px; font-size: 16px; color: #fff; } #sh_nb_notice_board_main_horizontal_section_1 .left_box { background: #000; padding: 10px; text-align: center; color: #fff; } #sh_nb_notice_board_main_horizontal_section_1 .right_box { padding: 0; padding-left: 25px; } #sh_nb_notice_board_main_horizontal_section_1 .right_box .sh_nb_notice_board_main_horizontal_marquee_cls_1 { padding-top: 10px; } #sh_nb_notice_board_main_horizontal_section_1 .right_box marquee span:before { font-family: "FontAwesome"; content: "\f178"; top: 0px; left: -8px; position: relative; font-size: 15px; } /* end of marquee */ #sh_nb_notice_board_main_horizontal_section_2 { margin-top: 50px; margin-bottom: 50px; overflow: hidden; line-height: 30px; } #sh_nb_notice_board_main_horizontal_section_2 { display: block; width: 100%; margin: 50px auto; padding: 5px 10px; height: 40px; z-index: 999; } #sh_nb_notice_board_main_horizontal_section_2 a { padding: 7px 20px; border-radius: 0; outline: none; border: 0; margin-top: 0px; color: #fff; width: 100%; font-size: 16px; font-weight: 600; } #sh_nb_notice_board_main_horizontal_section_2 marquee .sh_text { display: inline-block; font-weight: 500; margin-right: 20px; font-size: 16px; } #sh_nb_notice_board_main_horizontal_section_2 marquee .sh_text .fa-caret-right { display: inline-block !important; padding-right: 5px; } #sh_nb_notice_board_main_horizontal_section_2 .sh_nb_notice_board_main_horizontal_marquee_cls_2 { line-height: 30px; } /* end of second marquee */ /* Horizontal news snippet 3 */ #sh_nb_notice_board_main_horizontal_section_3 { overflow: hidden; } #sh_nb_notice_board_main_horizontal_section_3 .news_bg { background: #000; color: #fff; position: relative; padding: 10px; text-align: center; } #sh_nb_notice_board_main_horizontal_section_3 .news_bg:before { content: ""; position: absolute; border-right: 68px solid #000; right: -34px; width: 10px; top: 10px; height: 65%; transform: rotate(54deg); overflow: hidden; } #sh_nb_notice_board_main_horizontal_section_3 .news_bg span { font-size: 16px; font-weight: 600; } #sh_nb_notice_board_main_horizontal_section_3 .sh_news_description { padding-top: 10px; font-size: 16px; margin-right: 20px; display: inline-block; } #sh_nb_notice_board_main_horizontal_section_3 .sh_news_description span { padding-right: 5px; } #sh_nb_notice_board_main_horizontal_section_3 .col-md-9.col-sm-9.col-8 { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; } /* end of third */ /* vertical news snippet 1 */ #sh_nb_notice_board_main_vertical_section_1 .sh_vertical_main { width: 100%; } #sh_nb_notice_board_main_vertical_section_1 .sh_vertical_title { background: #000000; padding: 8px 20px; color: #fff; text-align: center; } #sh_nb_notice_board_main_vertical_section_1 .sh_vertical_title span { font-size: 18px; } #sh_nb_notice_board_main_vertical_section_1 .sh_vertical_main .sh_vertical_marquee { height: auto; background: #a1887f; } #sh_nb_notice_board_main_vertical_section_1 .sh_vertical_main .sh_vertical_marquee .sh_news { background: #fff; margin: 10px 5px 10px; padding: 10px; display: inline-block; white-space: normal; width: 300px; } #sh_nb_notice_board_main_vertical_section_1 .sh_vertical_main .sh_vertical_marquee .sh_news h4, #sh_nb_notice_board_main_vertical_section_1 .sh_vertical_main .sh_vertical_marquee .sh_news .h4 { border-bottom: 1px dassh_nb_notice_board_main_horizontal_section_2 #b2b2b2; padding-bottom: 5px; color: #000; } #sh_nb_notice_board_main_vertical_section_1 .sh_vertical_main .sh_vertical_marquee .sh_news p { margin: 0 0 10px; color: #555; } /* end of vertical marquee */ /* Vertical news snippet 2 */ #sh_nb_notice_board_main_vertical_section_2 { margin: 30px 0; } #sh_nb_notice_board_main_vertical_section_2 .sh_nb_notice_board_main_vertical_section_2_title { text-align: center; background: #5e3e56; padding: 10px 0; color: #fff; font-size: 16px; font-weight: 600; } #sh_nb_notice_board_main_vertical_section_2 .container-fluid, #sh_nb_notice_board_main_vertical_section_2 .container-sm, #sh_nb_notice_board_main_vertical_section_2 .container-md, #sh_nb_notice_board_main_vertical_section_2 .container-lg, #sh_nb_notice_board_main_vertical_section_2 .container-xl, #sh_nb_notice_board_main_vertical_section_2 .container-xxl { padding: 0; } #sh_nb_notice_board_main_vertical_section_2 .container-fluid .sh_vertical_news_title, #sh_nb_notice_board_main_vertical_section_2 .container-sm .sh_vertical_news_title, #sh_nb_notice_board_main_vertical_section_2 .container-md .sh_vertical_news_title, #sh_nb_notice_board_main_vertical_section_2 .container-lg .sh_vertical_news_title, #sh_nb_notice_board_main_vertical_section_2 .container-xl .sh_vertical_news_title, #sh_nb_notice_board_main_vertical_section_2 .container-xxl .sh_vertical_news_title { text-align: center; background: #5e3e56; padding: 8px 0; color: #fff; font-size: 16px; font-weight: 600; } #sh_nb_notice_board_main_vertical_section_2 .sh_news_box { height: auto; width: 300px; white-space: normal; margin: 10px 10px 10px 0; display: inline-block; background: #f5f5f5; color: #333; } #sh_nb_notice_board_main_vertical_section_2 .sh_news_box h4, #sh_nb_notice_board_main_vertical_section_2 .sh_news_box .h4 { padding: 10px; margin: 0; padding-bottom: 5px; border-bottom: 1px solid #e4e4e4; } #sh_nb_notice_board_main_vertical_section_2 .sh_news_box p { padding: 10px; } /* end of second vertical marquee */ /* start of third vertical marquee */ #sh_nb_notice_board_main_vertical_section_3 { margin: 30px 0; } #sh_nb_notice_board_main_vertical_section_3 .sh_nb_notice_board_main_vertical_section_2_title { text-align: center; font-size: 16px; font-weight: 600; padding: 10px; } #sh_nb_notice_board_main_vertical_section_3 .sh_news_box { display: inline-block; padding: 10px; color: #fff; width: 300px; white-space: normal; margin: 15px 7px 0px; } #sh_nb_notice_board_main_vertical_section_3 .sh_news_box h4, #sh_nb_notice_board_main_vertical_section_3 .sh_news_box .h4 { font-weight: 900; color: #fff; border-bottom: 1px solid #bfbfbf; padding-bottom: 5px; } #sh_nb_notice_board_main_vertical_section_3 .sh_vertical_news_title { padding: 8px 0; text-align: center; color: #fff; font-size: 16px; font-weight: 600; } /* end of third vertical marquee */ @keyframes ticker { 0% { margin-top: 0; } 25% { margin-top: -30px; } 50% { margin-top: -60px; } 75% { margin-top: -90px; } 100% { margin-top: 0; } } #sh_nb_notice_board_main_vertical_section_4 { background: #333; width: 100%; height: 100%; } #sh_nb_notice_board_main_vertical_section_4 .news { box-shadow: inset 0 -15px 30px rgba(0, 0, 0, 0.4), 0 5px 10px rgba(0, 0, 0, 0.5); width: 100%; height: 40px; margin: 20px auto; overflow: hidden; border-radius: 4px; padding: 3px; -webkit-user-select: none; } #sh_nb_notice_board_main_vertical_section_4 .news span { float: left; color: #fff; padding: 6px; position: relative; top: 1%; border-radius: 4px; box-shadow: inset 0 -15px 30px rgba(0, 0, 0, 0.4); font: 16px 'Source Sans Pro', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -webkit-user-select: none; cursor: pointer; } #sh_nb_notice_board_main_vertical_section_4 .news ul { float: left; padding-left: 20px; animation: ticker 5s cubic-bezier(0.5, 0, 0.5, 0) infinite; -webkit-user-select: none; } #sh_nb_notice_board_main_vertical_section_4 .news ul li { line-height: 30px; list-style: none; } #sh_nb_notice_board_main_vertical_section_4 .news ul li a { color: #fff; text-decoration: none; font: 14px Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -webkit-user-select: none; } #sh_nb_notice_board_main_vertical_section_4 .news ul:hover { animation-play-state: paused; } #sh_nb_notice_board_main_vertical_section_4 .news span:hover + ul { animation-play-state: paused; } /* OTHER COLORS */ #sh_nb_notice_board_main_vertical_section_4 .red { background: #0075C2 !important; } #sh_nb_notice_board_main_vertical_section_4 .red span { background: #0075C2; padding: 6px 50px; } /* /sh_corpomate_theme/static/src/css/extra_addons/sh_website_wtsapp/sh_website_wtsapp.css */ .whatsapp { clear: both; /*padding: 10px 0;*/ border-radius: 4px; } .whatsapp:focus { border: 0; outline: none !important; } .whatsapp span { border-radius: 4px; background: #25d366; color: #fff; font-size: 13px; padding: 6px 8px; display: inline-block; outline: none; } .whatsapp a:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } .whatsapp i.icon-whatsapp { font-size: 21px; line-height: 21px; padding-right: 7px; } .whatsapp.left { position: fixed; top: 45%; background: none !important; } .whatsapp.center { position: fixed; background: none !important; text-align: center; margin: -35px -80px 0 0; top: 50%; right: 50%; } .whatsapp.right { position: fixed; right: 5px; top: 40%; background: none !important; } .whatsapp.bottom-left { left: 0; } .whatsapp.bottom-right { right: 0; } .whatsapp.bottom-center { right: 45%; } .whatsapp.top-left { top: 0; left: 0; bottom: auto; } .whatsapp.top-right { top: 0; right: 0; bottom: auto; } .whatsapp.top-center { top: 0; right: 45%; bottom: auto; } .whatsapp-hookDisplayFooter { clear: none; } .whatsapp-hookDisplayNav { clear: none; float: left; margin-left: 15px; padding: 0; } .whatsapp-hookDisplayNav span { float: left; padding: 5px 0 10px; line-height: 18px; background: none; } .whatsapp-hookDisplayNav i.icon-whatsapp { vertical-align: 0; } .whatsapp-badge { position: fixed; bottom: 0; z-index: 999999; margin: 10px; width: auto !important; } .whatsapp-widget { bottom: 0; z-index: 999999; margin: 10px; width: auto !important; } .whatsapp-topWidth { padding: 0; text-align: center; } .whatsapp-sticky { position: fixed; bottom: 0; z-index: 999999; margin: 0; padding: 0; width: 100% !important; text-align: center; border-radius: 0; } .whatsapp-sticky.bottom-right { text-align: right; } .whatsapp-sticky.bottom-left { text-align: left; } .whatsapp-sticky.bottom-center { right: auto; } .whatsapp-sticky.top-right { text-align: right; } .whatsapp-sticky.top-left { text-align: left; } .whatsapp-sticky.top-center { right: auto; } .whatsapp-sticky.right { text-align: right; bottom: 46%; } .whatsapp-sticky.left { text-align: left; bottom: 46%; } .whatsapp-sticky.center { right: auto; bottom: 46%; } /** FLOATING BUTTON **/ .label-container { position: fixed; bottom: 35px; right: 90px; display: table; visibility: hidden; } .label-container-top-right { position: fixed; top: 34px; right: 90px; display: table; visibility: hidden; } .label-container-top-left { position: fixed; top: 35px; left: 6.5%; display: table; visibility: hidden; } .label-container-top-center { position: fixed; top: 34px; left: 46%; display: table; visibility: hidden; } .label-container-bottom-left { position: fixed; bottom: 35px; left: 90px; display: table; visibility: hidden; } .label-container-bottom-center { position: fixed; bottom: 30px; left: 46.5%; display: table; visibility: hidden; } .label-container-left { top: 47.5%; position: fixed; bottom: 30px; left: 85px; display: table; visibility: hidden; } .label-container-right { top: 47.5%; position: fixed; bottom: 30px; right: 85px; display: table; visibility: hidden; } .label-container-center { position: fixed; bottom: 46%; left: 51.5%; display: table; visibility: hidden; } .label-text { color: #fff; background: rgba(51, 51, 51, 0.5); display: table-cell; vertical-align: middle; padding: 10px; border-radius: 3px; } .label-arrow { display: table-cell; vertical-align: middle; color: #333; opacity: 0.5; } .sh_watsapp_live_chate_fball.float-center { position: fixed; width: 60px; height: 60px; bottom: 25px; left: 47.5%; color: #fff; text-align: center; } .sh_watsapp_live_chate_fball.float-floating.float-left { top: 46%; position: fixed; width: 60px; height: 60px; left: 20px; color: #fff; text-align: center; } .sh_watsapp_live_chate_fball.float-floating.float-right { top: 46%; position: fixed; width: 60px; height: 60px; right: 20px; color: #fff; text-align: center; } .sh_watsapp_live_chate_fball.float-top-left { position: fixed; width: 60px; height: 60px; top: 25px; left: 25px; color: #fff; text-align: center; } .sh_watsapp_live_chate_fball.float-top-right { position: fixed; width: 60px; height: 60px; top: 25px; right: 25px; color: #fff; text-align: center; } .sh_watsapp_live_chate_fball.float-top-center { position: fixed; width: 60px; height: 60px; top: 25px; right: 46%; color: #fff; text-align: center; } .sh_watsapp_live_chate_fball.float-bottom-right { position: fixed; width: 60px; height: 60px; bottom: 25px; right: 25px; color: #fff; text-align: center; } .sh_watsapp_live_chate_fball.float-bottom-left { position: fixed; width: 60px; height: 60px; bottom: 25px; left: 25px; color: #fff; text-align: center; } .sh_watsapp_live_chate_fball.float-bottom-center { position: fixed; width: 60px; height: 60px; bottom: 25px; right: 46%; color: #fff; text-align: center; } .sh_watsapp_live_chate_fball.float-bottom { z-index: 9999999; } .sh_watsapp_live_chate_fball.float-center { top: 46%; z-index: 9999999; } .sh_watsapp_live_chate_fball.float-floating i.icon-whatsapp { position: relative; top: 11px; left: 1px; } .sh_watsapp_live_chate_fball.float-floating { z-index: 9999999; } .my-float { font-size: 24px; margin-top: 18px; } a.float + div.label-container { visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s ease; z-index: 9999999; } a.float:hover + div.label-container { visibility: visible; opacity: 1; } .sh_watsapp_live_chate_fball.float .fa-whatsapp:before { font-size: xx-large; top: 14px; left: 1px; position: relative; } .whatsapp-offline { background-color: #ff0000 !important; } /* /sh_corpomate_theme/static/src/scss/extra_addons/sh_website_quote/website_quote.scss */ #sh_wq_website_quote_model .whatsapp { clear: both; /*padding: 10px 0;*/ border-radius: 4px; } #sh_wq_website_quote_model .whatsapp:focus { border: 0; outline: none !important; } #sh_wq_website_quote_model .whatsapp span { border-radius: 4px; background: #25d366; color: #fff; font-size: 13px; padding: 6px 8px; display: inline-block; outline: none; } #sh_wq_website_quote_model .whatsapp a:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } #sh_wq_website_quote_model .whatsapp i.icon-whatsapp { font-size: 21px; line-height: 21px; padding-right: 7px; } #sh_wq_website_quote_model .whatsapp.left { position: fixed; top: 0%; background: none !important; left: 0; -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotate(-90deg) translate(-50%, 50%); -moz-transform: rotate(-90deg) translate(-50%, 50%); -ms-transform: rotate(-90deg) translate(-50%, 50%); -o-transform: rotate(-90deg) translate(-50%, 50%); transform: rotate(-90deg) translate(-50%, 50%); } #sh_wq_website_quote_model .whatsapp.center { position: fixed; background: none !important; text-align: center; margin: -35px -80px 0 0; top: 50%; right: 50%; } #sh_wq_website_quote_model .whatsapp.right { position: fixed; right: 5px; top: 40%; background: none !important; } #sh_wq_website_quote_model .whatsapp.right { position: fixed; right: 0; top: 0; background: none !important; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotate(90deg) translate(50%, 50%); -moz-transform: rotate(90deg) translate(50%, 50%); -ms-transform: rotate(90deg) translate(50%, 50%); -o-transform: rotate(90deg) translate(50%, 50%); transform: rotate(90deg) translate(50%, 50%); } #sh_wq_website_quote_model .whatsapp.bottom-left { left: 0; } #sh_wq_website_quote_model .whatsapp.bottom-right { right: 0; } #sh_wq_website_quote_model .whatsapp.bottom-center { right: 45%; } #sh_wq_website_quote_model .whatsapp.top-left { top: 0; left: 0; bottom: auto; } #sh_wq_website_quote_model .whatsapp.top-right { top: 0; right: 0; bottom: auto; } #sh_wq_website_quote_model .whatsapp.top-center { top: 0; right: 45%; bottom: auto; } #sh_wq_website_quote_model .whatsapp-hookDisplayFooter { clear: none; } #sh_wq_website_quote_model .whatsapp-hookDisplayNav { clear: none; float: left; margin-left: 15px; padding: 0; } #sh_wq_website_quote_model .whatsapp-hookDisplayNav span { float: left; padding: 5px 0 10px; line-height: 18px; background: none; } #sh_wq_website_quote_model .whatsapp-hookDisplayNav i.icon-whatsapp { vertical-align: 0; } #sh_wq_website_quote_model .whatsapp-badge { position: fixed; bottom: 0; z-index: 1050; margin: 0px; width: auto !important; } #sh_wq_website_quote_model .whatsapp-widget { bottom: 0; z-index: 999999; margin: 10px; width: auto !important; } #sh_wq_website_quote_model .whatsapp-topWidth { padding: 0; text-align: center; } #sh_wq_website_quote_model .whatsapp-sticky { position: fixed; bottom: 0; z-index: 999999; margin: 0; padding: 0; width: 100% !important; text-align: center; border-radius: 0; } #sh_wq_website_quote_model .whatsapp-sticky.bottom-right { text-align: right; } #sh_wq_website_quote_model .whatsapp-sticky.bottom-left { text-align: left; } #sh_wq_website_quote_model .whatsapp-sticky.bottom-center { right: auto; } #sh_wq_website_quote_model .whatsapp-sticky.top-right { text-align: right; } #sh_wq_website_quote_model .whatsapp-sticky.top-left { text-align: left; } #sh_wq_website_quote_model .whatsapp-sticky.top-center { right: auto; } #sh_wq_website_quote_model .whatsapp-sticky.right { text-align: right; bottom: 46%; } #sh_wq_website_quote_model .whatsapp-sticky.left { text-align: left; bottom: 46%; } #sh_wq_website_quote_model .whatsapp-sticky.center { right: auto; bottom: 46%; } /** FLOATING BUTTON **/ .label-container { position: fixed; bottom: 35px; right: 90px; display: table; visibility: hidden; } .label-container-top-right { position: fixed; top: 34px; right: 90px; display: table; visibility: hidden; } .label-container-top-left { position: fixed; top: 34px; left: 90px; display: table; visibility: hidden; } .label-container-top-center { position: fixed; top: 0px; left: 45%; display: table; visibility: hidden; } .label-container-bottom-left { position: fixed; bottom: 35px; left: 90px; display: table; visibility: hidden; } .label-container-bottom-center { position: fixed; bottom: 13%; left: 48%; display: table; visibility: hidden; } .label-container-left { top: 47.5%; position: fixed; bottom: 30px; left: 85px; display: table; visibility: hidden; } .label-container-right { top: 47.5%; position: fixed; bottom: 30px; right: 85px; display: table; visibility: hidden; } .label-container-center { position: fixed; bottom: 46%; left: 51.5%; display: table; visibility: hidden; } .label-text { display: table-cell; vertical-align: middle; padding: 10px; border-radius: 3px; } .label-arrow { display: table-cell; vertical-align: middle; color: #333; opacity: 0.5; } #sh_wq_website_quote_model .my-float { font-size: 24px; margin-top: 18px; } a.float + div.label-container { visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s ease; } a.float:hover + div.label-container { visibility: visible; opacity: 1; } .float .fa-whatsapp:before { font-size: xx-large; top: 14px; left: 1px; position: relative; } #sh_wq_website_quote_model .whatsapp-offline { background-color: #ff0000 !important; } #sh_wq_website_quote_model .modal-dialog { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; position: relative; width: auto; pointer-events: none; min-height: calc(100% - 3.5rem); margin: 1.75rem auto; } #sh_wq_website_quote_model .modal-header { text-align: center; margin: 0px; padding: 1.5rem; border: none; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); background: #0075C2; color: #fff !important; border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; } #sh_wq_website_quote_model .modal-header .close { color: #fff; opacity: 1; } #sh_wq_website_quote_model .modal-header .close h6, #sh_wq_website_quote_model .modal-header .close .h6 { font-size: 1.2em; } #sh_wq_website_quote_model .modal-content { border-radius: 5px; border: 0; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } #sh_wq_website_quote_model .modal-title { margin-bottom: 0; line-height: 1.5; font-weight: 700; font-size: 1.5em; } #sh_wq_website_quote_model .modal-title i { margin-right: 15px; } #sh_wq_website_quote_model .modal-body { color: #616161; padding: 25px; } #sh_wq_website_quote_mb_form .form-group .offset-lg-3 { margin-left: 28% !important; } #sh_wq_website_quote_mb_form .form-group .offset-md-4 { text-align: center; } #sh_wq_website_quote_mb_form .form-group .offset-md-4 input { font-size: 15px; padding: 0.85rem 2.13rem; margin: 30px 0px 0px; border-radius: 2px; border: 0; -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out; white-space: normal !important; cursor: pointer; background-color: #33b5e5 !important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } #sh_wq_website_quote_model .modal-body textarea { display: block; height: 70px; width: 90%; margin: 0 auto; border: none; } #sh_wq_website_quote_model .modal-body textarea::placeholder { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: 0.5s; transition: 0.5s; } #sh_wq_website_quote_model .modal-body textarea:hover, .modal-body textarea:focus, .modal-body textarea:active:focus { color: #0075C2; outline: none; border-bottom: 1px solid #0075C2 !important; } #sh_wq_website_quote_model .modal-body textarea:hover::placeholder, #sh_wq_website_quote_model .modal-body textarea:focus::placeholder, #sh_wq_website_quote_model .modal-body textarea:active:focus::placeholder { color: #0075C2; position: relative; -webkit-transform: translateY(-20px); transform: translateY(-20px); } #sh_wq_website_quote_model .modal-body input { display: block; height: 50px; width: 90%; margin: 0 auto; border: none; } #sh_wq_website_quote_model .modal-body input::placeholder { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: 0.5s; transition: 0.5s; } #sh_wq_website_quote_model .modal-body input:hover, #sh_wq_website_quote_model .modal-body input:focus, #sh_wq_website_quote_model .modal-body input:active:focus { color: #0075C2; outline: none; border-bottom: 1px solid #0075C2 !important; } #sh_wq_website_quote_model .modal-body input:hover::placeholder, #sh_wq_website_quote_model .modal-body input:focus::placeholder, #sh_wq_website_quote_model .modal-body input:active:focus::placeholder { color: #0075C2; position: relative; -webkit-transform: translateY(-20px); transform: translateY(-20px); } #sh_wq_website_quote_model .YourName, #sh_wq_website_quote_model .PhoneNumber, #sh_wq_website_quote_model .email, #sh_wq_website_quote_model .YourCompany, #sh_wq_website_quote_model .Subject, #sh_wq_website_quote_model .Yourquestion { position: relative; z-index: 1; border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; padding-left: 0px; font-family: "Open Sans", sans-serif; text-transform: uppercase; color: #858585; font-weight: lighter; -webkit-transition: 0.5s; transition: 0.5s; } #sh_wq_website_quote_model .link { text-decoration: none; display: inline-block; margin: 27px 28%; text-transform: uppercase; color: #858585; font-weight: lighter; -webkit-transition: 0.5s; transition: 0.5s; } #sh_wq_website_quote_model .close:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):hover, #sh_wq_website_quote_model .close:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):focus { color: #fff; } #sh_wq_website_quote_form .form-group { margin-bottom: 1rem; display: inline-block; } #sh_wq_website_quote_mb_form .form-group .col-lg-7 { display: inline-block; flex: 0 0 58.33333333%; max-width: 100%; } #sh_wq_website_quote_model .form-group input:hover { color: #fff; } .mt32 { margin-top: 0px !important; } #sh_wq_website_quote_model .modal-dialog { max-width: 500px; } #sh_wq_website_quote_model .close:not(:disabled):not(.o_wysiwyg_loader):not(.disabled) { cursor: pointer; color: #fff !important; opacity: 1; } #sh_wq_website_quote_model .submit { webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); padding: 0.84rem 2.14rem; font-size: 0.81rem; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; margin-top: 25px; border: 0; -webkit-border-radius: 0.125rem; border-radius: 0.125rem; cursor: pointer; text-transform: uppercase; white-space: normal; word-wrap: break-word; color: #fff; background-color: #0075C2 !important; } #sh_wq_website_quote_model .submit:hover { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); outline: 0; } #sh_wq_website_quote_model .cancel { border: 2px solid #0075C2 !important; background-color: transparent !important; color: #0075C2 !important; webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); padding: 0.75rem 2.14rem; font-size: 0.81rem; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; margin-left: 5px; border: 0; -webkit-border-radius: 0.125rem; border-radius: 0.125rem; cursor: pointer; text-transform: uppercase; white-space: normal; word-wrap: break-word; } #sh_wq_website_quote_model .cancel:hover { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); outline: 0; } #sh_wq_website_quote_model .modal-body .col-lg-8 .alert-success { color: #616161; background-color: #ffffff; border-color: #ffffff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); line-height: 26px; } #sh_wq_website_quote_model .modal-body .col-lg-8 { max-width: 100%; } #sh_wq_website_quote_model .form-group p { margin-bottom: 0px; } #sh_wq_website_quote_model h1, #sh_wq_website_quote_model .h1, #sh_wq_website_quote_model h3, #sh_wq_website_quote_model .h3, #sh_wq_website_quote_model h4, #sh_wq_website_quote_model .h4, #sh_wq_website_quote_model h5, #sh_wq_website_quote_model .h5, #sh_wq_website_quote_model h6, #sh_wq_website_quote_model .h6, #sh_wq_website_quote_model p { margin: 0px; } @media only screen and (max-width: 576px) { #sh_wq_website_quote_mb_form .form-group .offset-lg-3 { margin-left: 0 !important; } } .quote-btn { text-transform: uppercase; white-space: normal; border: 0; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; padding: 0.84rem 2.14rem; font-size: 0.81rem; border-radius: 3px; z-index: 9; } .quote-img { z-index: 9; } .quote-btn:hover { outline: 0; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } /*--madhavi--*/ .quote-btn.float-top-left { top: 1%; left: 0; position: absolute; } .quote-btn.float-top-center { top: 1%; left: 50%; transform: translateX(-50%); position: absolute; } .quote-btn.float-top-right { top: 1%; right: 0; position: absolute; } .quote-btn.float-left { top: 50%; left: 0; transform: translateY(-50%); position: absolute; } .quote-btn.float-center { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); position: absolute; } .quote-btn.float-right { top: 50%; right: 0; transform: translateY(-50%); position: absolute; } .quote-btn.float-bottom-left { bottom: 0; left: 0; position: absolute; } .quote-btn.float-bottom-center { bottom: 0; left: 50%; transform: translateX(-50%); position: absolute; } .quote-btn.float-bottom-right { bottom: 0; right: 0; position: absolute; } .quote-img.float-top-left { top: 1%; left: 0; position: absolute; } .quote-img.float-top-center { top: 1%; left: 50%; transform: translateX(-50%); position: absolute; } .quote-img.float-top-right { top: 1%; right: 0; position: absolute; } .quote-img.float-left { top: 50%; left: 0; transform: translateY(-50%); position: absolute; } .quote-img.float-center { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); position: absolute; } .quote-img.float-right { top: 50%; right: 0; transform: translateY(-50%); position: absolute; } .quote-img.float-bottom-left { bottom: 0; left: 0; position: absolute; } .quote-img.float-bottom-center { bottom: 0; left: 50%; transform: translateX(-50%); position: absolute; } .quote-img.float-bottom-right { bottom: 0; right: 0; position: absolute; } /* /sh_corpomate_theme/static/src/css/extra_addons/sh_website_coming_soon/animate.css */ /*! * animate.css -http://daneden.me/animate * Version - 3.7.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (prefers-reduced-motion) { .animated { -webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important; } } /* /sh_corpomate_theme/static/src/css/extra_addons/sh_website_coming_soon/coming_soon.css */ /* start of sh_website_coming_soon 1 */ #sh_website_coming_soon_section_1 { background: url(/sh_corpomate_theme/static/src/images/extra_addons/sh_website_coming_soon/body-bg.jpg); background-size: cover; background-repeat: no-repeat; } #sh_website_coming_soon_section_1 .sh_content { max-width: 630px; margin: 0 auto; color: #333; width: 100%; position: absolute; left: 50%; transform: translate(-50%, 0%); margin-top: 8%; text-align: center; } #sh_website_coming_soon_section_1 .sh_content .sh_heading { color: #333; text-align: center; } #sh_website_coming_soon_section_1 .sh_content .sh_heading h2 { margin-bottom: 20px; color: #fff; font-size: 48px; font-weight: 700; text-transform: uppercase; } #sh_website_coming_soon_section_1 .sh_content .sh_heading p { width: 100%; font-weight: 300; font-size: 16px; color: #fff; } #sh_website_coming_soon_section_1 .sh_counter { width: 100%; display: inline-block; } #sh_website_coming_soon_section_1 .sh_counter .days { display: inline-block; margin: 0 2.5%; padding: 28px 15px; width: 19.5%; margin-bottom: 1%; line-height: 1; background: rgba(142, 142, 142, 0.35); text-align: center; } #sh_website_coming_soon_section_1 .sh_counter .hours { display: inline-block; margin: 0 2.5%; padding: 28px 15px; width: 19.5%; margin-bottom: 1%; line-height: 1; background: rgba(142, 142, 142, 0.35); text-align: center; } #sh_website_coming_soon_section_1 .sh_counter .minutes { display: inline-block; margin: 0 2.5%; padding: 28px 15px; width: 19.5%; margin-bottom: 1%; line-height: 1; background: rgba(142, 142, 142, 0.35); text-align: center; } #sh_website_coming_soon_section_1 .sh_counter .seconds { display: inline-block; margin: 0 2.5%; padding: 28px 15px; width: 19.5%; margin-bottom: 1%; line-height: 1; background: rgba(142, 142, 142, 0.35); text-align: center; } #sh_website_coming_soon_section_1 .sh_counter .number { font-size: 48px; font-weight: 600; display: block; position: relative; padding-bottom: 20px; color: #fff; } #sh_website_coming_soon_section_1 .sh_counter .label { font-size: 16px; display: block; margin-top: 20px; color: #fff } #sh_website_coming_soon_section_1 .sh_counter .number:after { width: 30px; content: ""; position: absolute; height: 1px; margin: 0 auto; background: #fff; top: 100%; left: 50%; transform: translate(-50%, -50%); } @media only screen and (max-width:768px) { #sh_website_coming_soon_section_1 .sh_content { margin-top: 4%; } #sh_website_coming_soon_section_1 .sh_counter .days { margin: 0 2%; } #sh_website_coming_soon_section_1 .sh_counter .hours { margin: 0 2%; } #sh_website_coming_soon_section_1 .sh_counter .minutes { margin: 0 2%; } #sh_website_coming_soon_section_1 .sh_counter .seconds { margin: 0 2%; } #sh_website_coming_soon_section_1 .sh_content .sh_heading h2 { font-size: 40px; } } @media only screen and (max-width:580px) { #sh_website_coming_soon_section_1 .sh_counter .number { font-size: 30px; } #sh_website_coming_soon_section_1 .sh_content .sh_heading h2 { font-size: 30px; } } @media only screen and (max-width:530px) { #sh_website_coming_soon_section_1 .sh_content { margin-top: 2%; } #sh_website_coming_soon_section_1 .sh_counter { margin: 0 auto; text-align: center; } #sh_website_coming_soon_section_1 .sh_counter .days { width: 40%; margin: 0% 2% 4% 2%; } #sh_website_coming_soon_section_1 .sh_counter .hours { width: 40%; margin: 0% 2% 4% 2%; } #sh_website_coming_soon_section_1 .sh_counter .minutes { width: 40%; margin: 0% 2% 0% 2%; } #sh_website_coming_soon_section_1 .sh_counter .seconds { width: 40%; margin: 0% 2% 0% 2%; } } @media (max-width: 400px) { #sh_website_coming_soon_section_1 { height: 100% !important; } } /* 28-10-2020 */ #sh_website_coming_soon_section_1 .sh_content .sh_heading p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #212121; } /* end of sh_website_coming_soon 1 */ /* start of sh_website_coming_soon 2 */ #sh_website_coming_soon_section_2 { background-size: cover; background-repeat: no-repeat; height: 100% } #sh_website_coming_soon_section_2 .sub_hed { position: absolute; left: 50%; transform: translate(-50%, 0%); width: 100%; margin-top: 8%; } #sh_website_coming_soon_section_2 .sh_bg { background: rgba(0, 0, 0, 0.7); height: 100%; } #sh_website_coming_soon_section_2 .sh_logo { text-align: left; } #sh_website_coming_soon_section_2 .sh_logo img { max-width: 100%; width: 200px; } #sh_website_coming_soon_section_2 .sh_left_content { color: #fff; } #sh_website_coming_soon_section_2 .sh_left_content .sh_hour { background: rgba(255, 255, 255, .2); text-align: center; padding: 20px 0; width: 100%; } #sh_website_coming_soon_section_2 .sh_left_content .sh_minutes { background: rgba(255, 255, 255, 1); text-align: center; padding: 20px 0; width: 100%; color: #005452; } #sh_website_coming_soon_section_2 .sh_left_content .sh_seconds { background-color: #005452; text-align: center; padding: 20px 0; width: 100%; color: #fff; } #sh_website_coming_soon_section_2 .sh_left_content .sh_number { font-size: 36px; font-weight: 600; } #sh_website_coming_soon_section_2 .sh_days { background: rgba(255, 255, 255, .2); padding: 18% 0 18.3% 0; text-align: center; color: #fff; } #sh_website_coming_soon_section_2 .sh_days .sh_number { font-size: 70px; font-weight: 600; color: #fff; } #sh_website_coming_soon_section_2 .sh_right_content .sh_text h2 { line-height: 1; margin-bottom: 0; text-transform: uppercase; font-size: 48px; font-weight: 600; color: #fff; position: relative; } #sh_website_coming_soon_section_2 .sh_right_content .sh_text h2:before { content: ""; position: relative; display: block; width: 96px; height: 6px; background: #005452; margin-bottom: 36px; } #sh_website_coming_soon_section_2 .sh_right_content .sh_text { padding-left: 15%; } #sh_website_coming_soon_section_2 .sh_right_content .sh_text p { font-size: 24px; line-height: 1.4; font-family: serif; color: #fff; margin-bottom: 30px; } #sh_website_coming_soon_section_2 .sh_right_content .sh_text .sh_description { font-size: 16px; color: #fff; } #sh_website_coming_soon_section_2 .sh_right_content .sh_text .sh_description p { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 100%; } #sh_website_coming_soon_section_2 .sh_countdown { max-width: 100%; display: inline-block; width: 100%; } #sh_website_coming_soon_section_2 .sh_countdown .sh_countdown_left { width: 30%; display: inline-block; float: left; } #sh_website_coming_soon_section_2 .sh_countdown .sh_countdown_right { width: 55%; display: inline-block; margin-top: 21.8%; } @media only screen and (max-width:1200px) { #sh_website_coming_soon_section_2 .sh_countdown .sh_countdown_right { margin-top: 22%; } } @media only screen and (max-width: 991px) { #sh_website_coming_soon_section_2 .sh_countdown .sh_countdown_right { margin-top: 36%; } #sh_website_coming_soon_section_2 .sh_days { padding: 29% 0 29% 0; } } @media only screen and (max-width: 768px) { #sh_website_coming_soon_section_2 .sh_countdown .sh_countdown_right { width: 60%; margin-top: 45%; } #sh_website_coming_soon_section_2 .sh_countdown .sh_countdown_left { width: 35%; } #sh_website_coming_soon_section_2 .sh_left_content .sh_seconds { padding: 15px 0; } #sh_website_coming_soon_section_2 .sh_left_content .sh_minutes { padding: 15px 0; } #sh_website_coming_soon_section_2 .sh_left_content .sh_hour { padding: 15px 0; } #sh_website_coming_soon_section_2 .sh_days { padding: 43.5px 0; } } @media only screen and (max-width:615px) { #sh_website_coming_soon_section_2 .sh_bg .container .row .col-12 { border-right: 0 !important; max-width: 100%; flex: 0 0 100%; } #sh_website_coming_soon_section_2 .sh_countdown .sh_countdown_right { width: 65%; margin-top: 21.2%; } #sh_website_coming_soon_section_2 .sh_right_content { margin-top: 10%; } } @media only screen and (max-width:580px) { #sh_website_coming_soon_section_2 .sh_countdown .sh_countdown_left { width: 100%; } #sh_website_coming_soon_section_2 .sh_countdown .sh_countdown_right { width: 100%; margin-top: 0; } } /* end of sh_website_coming_soon 2 */ /*-- start of coming soon 3 --*/ #sh_website_coming_soon_section_3 .sh_bg { background: rgba(0, 0, 0, .45); position: relative; height: 100%; } #sh_website_coming_soon_section_3 .sh_logo img { width: 100%; max-width: 200px; margin-bottom: 25px; opacity: 0.9; } #sh_website_coming_soon_section_3 .sh_content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #sh_website_coming_soon_section_3 .sh_content span { font-size: 22px; color: #fff; font-weight: 100; letter-spacing: .15em; opacity: 0.6; } #sh_website_coming_soon_section_3 .sh_content h1 { color: #fff; margin-bottom: 40px; font-size: 40px; letter-spacing: .25em; text-transform: uppercase; font-weight: 900; opacity: 0.9; } #sh_website_coming_soon_section_3 .sh_content p { font-size: 13px; letter-spacing: .1em; font-weight: 300; color: rgba(255, 255, 255, .5); } #sh_website_coming_soon_section_3 .sh_date { font-size: 20px; font-weight: 500; color: #fff; letter-spacing: .35em; text-align: center; } #sh_website_coming_soon_section_3 .sh_time { position: absolute; left: 50%; transform: translateX(-50%); font-size: 18rem; top: 0%; color: rgba(255, 255, 255, .1); } #sh_website_coming_soon_section_3 .sh_bg .sh_content p { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 100%; } @media (max-width: 400px) { #sh_website_coming_soon_section_3 { height: 100% !important; } } /* end of coming soon 3 */ /* start of coming soon 4 */ #sh_website_coming_soon_section_4 { width: 100%; height: 100%; } #sh_website_coming_soon_section_4 .sh_bg_img { background: url(http://vibe.ncodeart.com/nc/images/bg-38.jpg); background-size: cover; height: 100%; } #sh_website_coming_soon_section_4 .sh_bg_img .sh_bg_color { background: rgba(0, 0, 0, .5); height: 100%; } #sh_website_coming_soon_section_4 .container { position: absolute; left: 50%; transform: translate(-50%, 0%); margin-top: 10%; } #sh_website_coming_soon_section_4 .sh_bg_color .sh_logo { text-align: center; } #sh_website_coming_soon_section_4 .sh_bg_color .sh_logo img { width: 200px; } #sh_website_coming_soon_section_4 .sh_content_text { text-align: center; } #sh_website_coming_soon_section_4 .sh_bg_color h1 { text-align: center; color: #fff; font-family: serif; font-size: 40px; margin-bottom: 5%; } #sh_website_coming_soon_section_4 .sh_content_text .sh_counter { display: inline-block; width: 100%; } #sh_website_coming_soon_section_4 .sh_content_text .sh_days { width: 23%; display: inline-block; color: #fff; border-right: 1px solid rgba(255, 255, 255, .3); } #sh_website_coming_soon_section_4 .sh_content_text .sh_hours { width: 23%; display: inline-block; color: #fff; border-right: 1px solid rgba(255, 255, 255, .3); } #sh_website_coming_soon_section_4 .sh_content_text .sh_minutes { width: 23%; display: inline-block; color: #fff; border-right: 1px solid rgba(255, 255, 255, .3); } #sh_website_coming_soon_section_4 .sh_content_text .sh_seconds { width: 23%; display: inline-block; color: #fff; } #sh_website_coming_soon_section_4 .sh_content_text .sh_counter .sh_number { color: #fff; font-size: 5rem; font-weight: 900; } #sh_website_coming_soon_section_4 .sh_content_text .sh_counter .sh_label { font-size: 18px; font-weight: 600; } #sh_website_coming_soon_section_4 .sh_bg_color p { font-size: 16px; font-weight: 500; text-align: center; color: #fff; letter-spacing: 3px; padding-top: 5%; } #sh_website_coming_soon_section_4 .sh_bg_img p { color: #000; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 100%; } @media only screen and (max-width:991px) { #sh_website_coming_soon_section_4 .sh_content_text .sh_counter .sh_number { font-size: 4rem; } } @media only screen and (max-width:768px) { #sh_website_coming_soon_section_4 .sh_content_text .sh_counter .sh_number { font-size: 2rem; } } @media only screen and (max-width:580px) { #sh_website_coming_soon_section_4 .sh_bg_color .sh_logo { margin-bottom: 40px; } } @media only screen and (max-width:400px) { #sh_website_coming_soon_section_4 .sh_content_text .sh_days { width: 46%; } #sh_website_coming_soon_section_4 .sh_content_text .sh_hours { width: 46%; border-right: 0; } #sh_website_coming_soon_section_4 .sh_content_text .sh_minutes { width: 46%; } #sh_website_coming_soon_section_4 .sh_content_text .sh_seconds { width: 46%; } } @media only screen and (max-width:280px) { #sh_website_coming_soon_section_4 .sh_content_text .sh_days { width: 100%; border-right: 0; padding: 20px 0; } #sh_website_coming_soon_section_4 .sh_content_text .sh_hours { width: 100%; border-right: 0; padding: 20px 0; } #sh_website_coming_soon_section_4 .sh_content_text .sh_minutes { width: 100%; border-right: 0; padding: 20px 0; } #sh_website_coming_soon_section_4 .sh_content_text .sh_seconds { width: 100%; padding: 20px 0; } } @media (max-width: 400px) { #sh_website_coming_soon_section_4 { height: 100% !important; } } /* end of coming soon 4 */ /* start of coming soon 5 */ #sh_website_coming_soon_section_5 { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; } #sh_website_coming_soon_section_5 .sh_bg_color { background: rgba(0, 0, 0, 0.5); height: 100%; } #sh_website_coming_soon_section_5 .sh_bg_color .sh_content { width: 100%; display: inline-block; } #sh_website_coming_soon_section_5 .sh_logo { width: 100%; text-align: left; } #sh_website_coming_soon_section_5 .sh_logo img { width: 200px; } #sh_website_coming_soon_section_5 .sh_text { width: 100%; margin-top: 20px; } #sh_website_coming_soon_section_5 .sh_text h1 { font-size: 60px; font-weight: 900; color: #fff; padding-top: 3%; } #sh_website_coming_soon_section_5 .sh_text h1 span { color: #00a09d; } #sh_website_coming_soon_section_5 .sh_text p { max-width: 800px; color: #fff; font-size: 18px; opacity: .8; } #sh_website_coming_soon_section_5 .sh_counter { width: 100%; display: inline-block; max-width: 70%; } #sh_website_coming_soon_section_5 .sh_counter .sh_days { width: 23%; display: inline-block; text-align: center; color: #fff; } #sh_website_coming_soon_section_5 .sh_counter .sh_hours { width: 23%; display: inline-block; text-align: center; color: #fff; } #sh_website_coming_soon_section_5 .sh_counter .sh_minutes { width: 23%; display: inline-block; text-align: center; color: #fff; } #sh_website_coming_soon_section_5 .sh_counter .sh_seconds { width: 23%; display: inline-block; text-align: center; color: #fff; } #sh_website_coming_soon_section_5 .sh_counter .sh_number { font-size: 50px; font-weight: 600; } #sh_website_coming_soon_section_5 .sh_counter .sh_label { text-transform: uppercase; } #sh_website_coming_soon_section_5 .sh_content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-left: 50px; } sh_website_coming_soon_section_5 .container .text_para p { color: #000; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 100%; } @media only screen and (max-width:580px) { #sh_website_coming_soon_section_5 .sh_counter { max-width: 100%; } } @media only screen and (max-width:400px) { #sh_website_coming_soon_section_5 { height: 100% !important; } #sh_website_coming_soon_section_5 .sh_text h1 { font-size: 30px; } #sh_website_coming_soon_section_5 .sh_counter .sh_days { width: 46%; } #sh_website_coming_soon_section_5 .sh_counter .sh_hours { width: 46%; } #sh_website_coming_soon_section_5 .sh_counter .sh_minutes { width: 46%; } #sh_website_coming_soon_section_5 .sh_counter .sh_seconds { width: 46%; } } @media (max-width: 360px) { #sh_website_coming_soon_section_5 .sh_bg_color .sh_content { padding-left: 0px; } #sh_website_coming_soon_section_5 .sh_bg_color .sh_content .sh_text { padding-left: 15px; } #sh_website_coming_soon_section_5 .sh_bg_color .sh_content .sh_logo { padding-left: 15px; } #sh_website_coming_soon_section_5 .sh_bg_color .sh_counter { text-align: center; } } /*end of coming soon 5 */ /* start of coming soon 6 */ #sh_website_coming_soon_section_6 { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; } #sh_website_coming_soon_section_6 .sh_content { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } #sh_website_coming_soon_section_6 .sh_content .sh_logo { width: 100%; padding-bottom: 25px; } #sh_website_coming_soon_section_6 .sh_content .sh_logo img { width: 188px; } #sh_website_coming_soon_section_6 .sh_content h1 { color: #fff; font-size: 35px; } #sh_website_coming_soon_section_6 .sh_content h1 span { font-weight: 900; color: #00a09d; } #sh_website_coming_soon_section_6 .sh_content p { max-width: 600px; margin: 0 auto; color: #fff; font-size: 16px; } #sh_website_coming_soon_section_6 .sh_countdown { color: #fff; margin-top: 30px; } #sh_website_coming_soon_section_6 .sh_countdown .sh_border { width: 150px; height: 150px; border: 1px solid #fff; border-radius: 50%; display: inline-block; margin: 0 10px; } #sh_website_coming_soon_section_6 .sh_countdown .sh_border .sh_days { position: relative; top: 50%; transform: translateY(-50%); } #sh_website_coming_soon_section_6 .sh_countdown .sh_border .sh_hours { position: relative; top: 50%; transform: translateY(-50%); } #sh_website_coming_soon_section_6 .sh_countdown .sh_border .sh_minutes { position: relative; top: 50%; transform: translateY(-50%); } #sh_website_coming_soon_section_6 .sh_countdown .sh_border .sh_seconds { position: relative; top: 50%; transform: translateY(-50%); } #sh_website_coming_soon_section_6 .sh_countdown .sh_border .sh_number { font-size: 30px; } #sh_website_coming_soon_section_6 .sh_countdown .sh_border .sh_label { text-transform: capitalize; } #sh_website_coming_soon_section_6 .sh_content p { color: #000; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 100%; } @media only screen and (max-width:991px) { #sh_website_coming_soon_section_6 .sh_countdown .sh_border { margin: 0 5px; } } @media only screen and (max-width:768px) { #sh_website_coming_soon_section_6 .sh_countdown .sh_border { margin: 10px; } } @media only screen and (max-width:690px) { #sh_website_coming_soon_section_6 .sh_countdown .sh_border { width: 100px; height: 100px; } #sh_website_coming_soon_section_6 { height: auto; } #sh_website_coming_soon_section_6 .sh_bg { height: auto !important; } #sh_website_coming_soon_section_6 .sh_content { position: unset; top: auto; left: auto; transform: unset; } } @media (max-width: 400px) { #sh_website_coming_soon_section_6 { height: 100% !important; } } /* end of coming soon 6 */ /* start of coming soon 7 */ #sh_website_coming_soon_section_7 { width: 100%; background-repeat: no-repeat; background-size: cover; height: 100%; } #sh_website_coming_soon_section_7 .sh_bg { background: rgba(0, 0, 0, 0.7); height: 100%; } #sh_website_coming_soon_section_7 .sh_content { text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; } #sh_website_coming_soon_section_7 .sh_content .sh_logo img { max-width: 100%; width: 200px; } #sh_website_coming_soon_section_7 .sh_content .sh_logo_title { font-size: 24px; margin-top: 25px; color: #fff; } #sh_website_coming_soon_section_7 .sh_content .sh_counter .sh_days { color: #fff; display: inline-block; padding: 0 50px; border-right: 1px solid #676767; } #sh_website_coming_soon_section_7 .sh_content .sh_counter .sh_number { font-size: 50px; font-weight: 600; color: #fff; } #sh_website_coming_soon_section_7 .sh_content .sh_counter .sh_label { text-transform: capitalize; color: #fff; } #sh_website_coming_soon_section_7 .sh_content .sh_counter .sh_hours { display: inline-block; padding: 0 50px; border-right: 1px solid #676767; } #sh_website_coming_soon_section_7 .sh_content .sh_counter .sh_minutes { display: inline-block; padding: 0 50px; border-right: 1px solid #676767; } #sh_website_coming_soon_section_7 .sh_content .sh_counter .sh_seconds { display: inline-block; padding: 0 50px; } #sh_website_coming_soon_section_7 .sh_content .sh_counter { margin: 70px 0; } #sh_website_coming_soon_section_7 .sh_description h2 { font-size: 30px; font-weight: 900; margin-bottom: 15px; text-transform: uppercase; color: #fff; } #sh_website_coming_soon_section_7 .sh_description h2 span { color: #00a09d; } #sh_website_coming_soon_section_7 .sh_description p { max-width: 700px; margin: 0 auto; color: #d1d1d1; font-size: 16px; } #sh_website_coming_soon_section_7 .sh_content .sh_description p { color: #000; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 100%; } @media only screen and (max-width:768px) { #sh_website_coming_soon_section_7 .sh_content .sh_counter .sh_days { padding: 0 30px; } #sh_website_coming_soon_section_7 .sh_content .sh_counter .sh_hours { padding: 0 30px; } #sh_website_coming_soon_section_7 .sh_content .sh_counter .sh_minutes { padding: 0 30px; } #sh_website_coming_soon_section_7 .sh_content .sh_counter .sh_second { padding: 0 30px; } } @media only screen and (max-width:501px) { #sh_website_coming_soon_section_7 .sh_content .sh_counter { margin: 30px 0; } } @media (max-width: 400px) { #sh_website_coming_soon_section_7 { height: 100% !important; } } /* end of coming soon 7 */ /* start of coming soon 8 */ #sh_website_coming_soon_section_8 { width: 100%; background-repeat: no-repeat; background-size: cover; height: 100%; } #sh_website_coming_soon_section_8 .sh_content .sh_logo img { width: 200px; text-align: center; } #sh_website_coming_soon_section_8 .sh_content .sh_title h2 { font-weight: 600; padding-bottom: 22px; padding-top: 10px; font-size: 48px; color: #fff; margin-top: 40px; } #sh_website_coming_soon_section_8 .sh_content { text-align: center; width: 100%; position: absolute; left: 50%; transform: translate(-50%, 0%); margin-top: 8%; } #sh_website_coming_soon_section_8 .sh_content .sh_counter p { max-width: 600px; margin: 0 auto; color: #fff; margin-top: 42px; display: inline-flex; font-weight: 600; font-size: 40px; } #sh_website_coming_soon_section_8 .sh_content .sh_counter .sh_label { color: #fff; font-size: 16px; font-weight: 400; vertical-align: bottom; margin-left: 6px; display: inline-block; } #sh_website_coming_soon_section_8 .sh_content .sh_counter .sh_line { width: 10px; height: 2px; background: #fff; display: inline-block; margin-right: 28px; border-radius: 4px; } #sh_website_coming_soon_section_8 .sh_content .sh_counter .sh_label_1 { margin-right: 28px; } #sh_website_coming_soon_section_8 .sh_content .sh_description p { width: 100%; max-width: 600px; margin: 0 auto; color: #fff; font-size: 15px; margin-top: 40px; } #sh_website_coming_soon_section_8 .sh_content .sh_description p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 100%; } @media only screen and (max-width:768px) { #sh_website_coming_soon_section_8 .sh_content .sh_counter .sh_label_1 { margin-right: 5px; } #sh_website_coming_soon_section_8 { height: 100% !important; } } @media only screen and (max-width: 414px) { #sh_website_coming_soon_section_8 .sh_content .sh_counter .sh_line { display: none; } } /*@media only screen and (max-width:540px){ #sh_website_coming_soon_section_8 .sh_content .sh_counter .sh_line:nth-child(even){display:none;} } */ /* end of coming soon 8 */ /* start of coming soon 9 */ #sh_website_coming_soon_section_9 { width: 100%; background: url(http://www.ncodeart.com/themeforest/nc-responsive-coming-soon-page/nc/Single-Background/images/01_bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; height: 100% !important; } #sh_website_coming_soon_section_9 .sh_bg { background: rgba(0, 0, 0, .7); height: 100%; } #sh_website_coming_soon_section_9 .sh_bg .sh_content { text-align: center; position: absolute; left: 50%; transform: translate(-50%, 0%); width: 100%; } #sh_website_coming_soon_section_9 .container-fluid { padding-right: 0; padding-left: 0; } #sh_website_coming_soon_section_9 .sh_content .sh_logo { margin-bottom: 30px; } #sh_website_coming_soon_section_9 .sh_content .sh_logo img { max-width: 100%; width: 200px; } #sh_website_coming_soon_section_9 .sh_content .sh_description h2 { font-size: 50px; font-weight: 300; text-transform: uppercase; margin-bottom: 17px; display: inline-block; font-family: serif; color: #fff; } #sh_website_coming_soon_section_9 .sh_content .sh_description p { max-width: 900px; color: #fff; margin: 0 auto; text-align: center; font-size: 16px; } #sh_website_coming_soon_section_9 .sh_content .sh_description { margin-bottom: 70px; } #sh_website_coming_soon_section_9 .sh_content .sh_counter { max-width: 700px; margin: 0 auto; color: #fff; } #sh_website_coming_soon_section_9 .sh_content .sh_days { width: 24%; display: inline-block; } #sh_website_coming_soon_section_9 .sh_content .sh_hours { width: 24%; display: inline-block; } #sh_website_coming_soon_section_9 .sh_content .sh_minutes { width: 24%; display: inline-block; } #sh_website_coming_soon_section_9 .sh_content .sh_seconds { width: 24%; display: inline-block; } #sh_website_coming_soon_section_9 .sh_content .sh_number { background: rgba(255, 255, 255, 0.2); width: 100%; height: 100%; line-height: 160px; font-size: 80px; font-weight: 600; font-family: serif; } #sh_website_coming_soon_section_9 .sh_content .sh_counter_border { position: relative; } #sh_website_coming_soon_section_9 .sh_content .sh_label { font-size: 20px; text-transform: capitalize; } #sh_website_coming_soon_section_9 .sh_content .sh_counter_border:after { content: ""; position: absolute; border: 2px solid #fff; top: 0; left: 0; width: 100%; } #sh_website_coming_soon_section_9 .sh_content .sh_counter_border:before { content: ""; position: absolute; border: 2px solid #fff; bottom: 15%; right: 0; width: 100%; } #sh_website_coming_soon_section_9 .sh_content { margin-top: 8%; } #sh_website_coming_soon_section_9 .sh_content .text_para p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 100%; } @media only screen and (max-width:500px) { #sh_website_coming_soon_section_9 .sh_content .sh_number { line-height: 130px; font-size: 50px; } #sh_website_coming_soon_section_9 .sh_content .sh_counter_border:before { bottom: 21%; } } @media only screen and (max-width:350px) { #sh_website_coming_soon_section_9 .sh_content .sh_days { width: 49%; } #sh_website_coming_soon_section_9 .sh_content .sh_hours { width: 49%; } #sh_website_coming_soon_section_9 .sh_content .sh_minutes { width: 49%; } #sh_website_coming_soon_section_9 .sh_content .sh_seconds { width: 49%; } #sh_website_coming_soon_section_9 .sh_content .sh_counter_border:before { bottom: 11%; } } /* end of coming soon 9 */ /* start of coming soon 10 */ #sh_website_coming_soon_section_10 { background: radial-gradient(circle at center center, rgb(51, 192, 195) 0%, rgb(13, 66, 102) 100%); width: 100%; height: 100% !important; background-size: cover; background-repeat: no-repeat; } #sh_website_coming_soon_section_10 .sh_bg { position: absolute; left: 50%; transform: translate(-50%, 0%); width: 100%; } #sh_website_coming_soon_section_10 .container { max-width: 940px; margin-top: 5%; } #sh_website_coming_soon_section_10 .sh_logo { width: 100%; text-align: center; border-bottom: 1px solid #fff; padding-bottom: 15px; } #sh_website_coming_soon_section_10 .sh_logo img { max-width: 100%; width: 200px } #sh_website_coming_soon_section_10 .sh_counter { color: #fff; text-align: center; margin-top: 20px; margin-bottom: 30px; } #sh_website_coming_soon_section_10 .sh_counter .sh_days { width: 100%; display: inline-block; } #sh_website_coming_soon_section_10 .sh_counter .sh_days .sh_label { float: left; transform: rotate(-90deg); font-size: 3em; width: 30px; text-transform: uppercase; margin: 130px 0 0 30px; } #sh_website_coming_soon_section_10 .sh_counter .sh_days .sh_number { font-size: 11em; opacity: 0.8; display: inline-block; } #sh_website_coming_soon_section_10 .sh_counter .sh_hours { display: inline-block; width: 30%; } #sh_website_coming_soon_section_10 .sh_counter .sh_minutes { display: inline-block; width: 30%; } #sh_website_coming_soon_section_10 .sh_counter .sh_seconds { display: inline-block; width: 30%; } #sh_website_coming_soon_section_10 .sh_counter .sh_hours .sh_number { font-size: 4.5em; } #sh_website_coming_soon_section_10 .sh_counter .sh_minutes .sh_number { font-size: 4.5em; } #sh_website_coming_soon_section_10 .sh_counter .sh_seconds .sh_number { font-size: 4.5em; } #sh_website_coming_soon_section_10 .sh_counter .sh_hours .sh_label { font-size: 16px; text-transform: capitalize; } #sh_website_coming_soon_section_10 .sh_counter .sh_minutes .sh_label { font-size: 16px; text-transform: capitalize; } #sh_website_coming_soon_section_10 .sh_counter .sh_seconds .sh_label { font-size: 16px; text-transform: capitalize; } #sh_website_coming_soon_section_10 .sh_divider { width: 100%; border-top: 1px solid #fff; } #sh_website_coming_soon_section_10 .sh_left_border { border-right: 2px solid #fff; } #sh_website_coming_soon_section_10 .sh_right_text { text-align: center; padding: 10% 0; } #sh_website_coming_soon_section_10 .sh_right_text h2 { color: #fff; opacity: 0.8; font-size: 3.7em; } #sh_website_coming_soon_section_10 .sh_right_text h1 { font-size: 3.7em; margin: 10px 0 10px; } #sh_website_coming_soon_section_10 .sh_right_text p { margin: 10px 0; font-size: 1.5em; line-height: 1.5; opacity: .8; color: #fff; } #sh_website_coming_soon_section_10 .sh_right_text span { font-size: 1.5em; } #sh_website_coming_soon_section_10 .container .text_para p { display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 100%; } @media (max-width:767px) { #sh_website_coming_soon_section_10 .sh_counter .sh_days .sh_number { font-size: 8em; opacity: 0.8; display: inline-block; } #sh_website_coming_soon_section_10 .sh_right_text { padding: 0px; } #sh_website_coming_soon_section_10 .sh_counter .sh_hours .sh_number { font-size: 3em; } #sh_website_coming_soon_section_10 .sh_counter .sh_minutes .sh_number { font-size: 3em; } #sh_website_coming_soon_section_10 .sh_counter .sh_seconds .sh_number { font-size: 3em; } #sh_website_coming_soon_section_10 .sh_counter { margin-top: 0px; margin-bottom: 0px; } #sh_website_coming_soon_section_10 .sh_right_text h1 { font-size: 3em; } #sh_website_coming_soon_section_10 .sh_right_text p { font-size: 1em } } /* end of coming soon 10 */ /*-- start of coming soon 11 */ #sh_website_coming_soon_section_11 { height: 100% !important; background-size: cover; background-repeat: no-repeat; } #sh_website_coming_soon_section_11 .sh_bg { background: rgba(0, 0, 0, .5); height: 100%; } #sh_website_coming_soon_section_11 .sh_bg .col-md-6 { text-align: center; margin: 0 auto; position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); } #sh_website_coming_soon_section_11 .sh_bg .sh_content .sh_logo img { width: 200px; } #sh_website_coming_soon_section_11 .sh_bg .sh_text h2 { text-align: center; font-family: 'Open Sans', sans-serif; font-size: 40px; color: #fff; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); -webkit-animation: colorchange 20s infinite alternate; animation: colorchange 20s infinite alternate; padding-top: 30px; } @keyframes colorchange { 0% { color: #ffffff; } 10% { color: #FF00FF; } 20% { color: #CDCB00; } 30% { color: #E96126; } 40% { color: #FCC507; } 50% { color: #ffffff; } 60% { color: #86D2B5; } 70% { color: #CDCB00; } 80% { color: #E96126; } 90% { color: #FCC507; } 100% { color: #66FF00; } } #sh_website_coming_soon_section_11 .sh_bg .sh_text p { text-align: center; font-family: 'Open Sans', sans-serif; font-size: 17px; color: #fff; letter-spacing: 1px; font-weight: 300; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } #sh_website_coming_soon_section_11 .container .text_para p { display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 100%; } /* end of coming soon 11 */ /* start of coming soon 12 */ #sh_website_coming_soon_section_12 { height: 100% !important; background-repeat: no-repeat; background-size: cover; } #sh_website_coming_soon_section_12 .span12 { width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } #sh_website_coming_soon_section_12 .logo h1 { margin-top: 7px; padding-left: 50px; font-family: Lobster, cursive; font-size: 38px; font-weight: 400; color: #555 } #sh_website_coming_soon_section_12 .logo h1 span { color: #e75967 } #sh_website_coming_soon_section_12 .logo a { color: #555; text-decoration: none; -o-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -ms-transition: all .2s } #sh_website_coming_soon_section_12 .logo a:hover { color: #e75967 } #sh_website_coming_soon_section_12 .call-us { font-size: 18px; text-align: right } #sh_website_coming_soon_section_12 .call-us p { margin-top: 18px; padding-right: 50px } #sh_website_coming_soon_section_12 .call-us p span { color: #888 } #sh_website_coming_soon_section_12 .coming-soon { height: 100%; text-align: center; color: #fff; background-repeat: no-repeat; background-size: cover } #sh_website_coming_soon_section_12 .inner-bg { height: 100%; background: url(https://azmind.com/demo/alissa-coming-soon/assets/img/pattern-3.png); -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3) inset; -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3) inset; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3) inset } #sh_website_coming_soon_section_12 .coming-soon h2 { font-size: 40px; font-weight: 700; text-transform: uppercase; text-shadow: 0 1px 7px rgba(0, 0, 0, .2) } #sh_website_coming_soon_section_12 .coming-soon p { margin-top: 20px; font-size: 18px; line-height: 26px; text-shadow: 0 1px 7px rgba(0, 0, 0, .2); } #sh_website_coming_soon_section_12 .timer { margin-top: 40px; text-shadow: 0 1px 5px rgba(0, 0, 0, .1) } #sh_website_coming_soon_section_12 .timer .sh_days, #sh_website_coming_soon_section_12 .timer .sh_hours, #sh_website_coming_soon_section_12 .timer .sh_minutes, #sh_website_coming_soon_section_12 .timer .sh_seconds { display: inline-block; width: 160px; height: 160px; margin: 0 10px; padding-top: 20px; background: #2d2d2d; background: rgba(45, 45, 45, .7); font-size: 18px; -moz-border-radius: 80px; -webkit-border-radius: 80px; border-radius: 80px } #sh_website_coming_soon_section_12 .timer .days-wrapper:hover, #sh_website_coming_soon_section_12 .timer .hours-wrapper:hover, #sh_website_coming_soon_section_12 .timer .minutes-wrapper:hover, #sh_website_coming_soon_section_12 .timer .seconds-wrapper:hover { background: url(/sh_corpomate_theme/static/src/css/extra_addons/sh_website_coming_soon/../img/pattern-2.png) #e75967; text-shadow: none } #sh_website_coming_soon_section_12 .timer .sh_number { font-size: 80px; line-height: 90px } #sh_website_coming_soon_section_12 .subscribe { margin-top: 30px; text-align: center } #sh_website_coming_soon_section_12 .subscribe h3 { font-size: 32px; font-weight: 400; color: #4d4d4d; line-height: 40px; text-transform: uppercase; text-shadow: 1px 2px 1px #fff } #sh_website_coming_soon_section_12 .subscribe p { font-size: 18px; font-weight: 400; line-height: 36px } #sh_website_coming_soon_section_12 .subscribe form { margin-top: 24px } #sh_website_coming_soon_section_12 .subscribe form button, #sh_website_coming_soon_section_12 .subscribe form input { height: 46px; margin: 0; font-family: Lato, Arial, sans-serif; line-height: 46px; font-size: 18px } #sh_website_coming_soon_section_12 .subscribe form input { width: 310px; padding: 0 10px; background: #fff; color: #888; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15) } #sh_website_coming_soon_section_12 .subscribe form input:focus { -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15) } #sh_website_coming_soon_section_12 .subscribe form input:-moz-placeholder { color: #888 } #sh_website_coming_soon_section_12 .subscribe form input:-ms-input-placeholder { color: #888 } #sh_website_coming_soon_section_12 .subscribe form input::-webkit-input-placeholder { color: #888 } #sh_website_coming_soon_section_12 .coming-soon #text_para { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 100%; } #sh_website_coming_soon_section_12 .subscribe form button { width: 130px; padding: 0; background: #e75967; border: 0; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, .3); -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25); -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s } #sh_website_coming_soon_section_12 .subscribe form button:active, #sh_website_coming_soon_section_12 .subscribe form button:hover { background: #e75967; color: #fff } #sh_website_coming_soon_section_12 .success-message, .error-message { font-size: 18px } #sh_website_coming_soon_section_12 .error-message { color: #e75967 } #sh_website_coming_soon_section_12 .social { margin-top: 30px; padding-bottom: 30px; text-align: center } #sh_website_coming_soon_section_12 .social a { display: inline-block; width: 48px; height: 48px; margin: 3px } #sh_website_coming_soon_section_12 .timer .sh_days:hover, #sh_website_coming_soon_section_12 .timer .sh_hours:hover, #sh_website_coming_soon_section_12 .timer .sh_minutes:hover, #sh_website_coming_soon_section_12 .timer .sh_seconds:hover { background: #e75967 } @media (min-width:768px) and (max-width:979px) { #sh_website_coming_soon_section_12 .logo h1 { padding-left: 0 } #sh_website_coming_soon_section_12 .call-us p { padding-right: 0 } #sh_website_coming_soon_section_12 .timer .days-wrapper, #sh_website_coming_soon_section_12 .timer .hours-wrapper, #sh_website_coming_soon_section_12 .timer .minutes-wrapper, #sh_website_coming_soon_section_12 .timer .seconds-wrapper { width: 140px; height: 140px; margin: 0 7px; padding-top: 20px; -moz-border-radius: 70px; -webkit-border-radius: 70px; border-radius: 70px } #sh_website_coming_soon_section_12 .timer .days, #sh_website_coming_soon_section_12 .timer .hours, #sh_website_coming_soon_section_12 .timer .minutes, #sh_website_coming_soon_section_12 .timer .seconds { font-size: 60px; line-height: 70px } } @media (min-width:1200px) { #sh_website_coming_soon_section_12 [class*=span] { float: left; min-height: 1px; } } @media (max-width:767px) { #sh_website_coming_soon_section_12 .span12, .row-fluid .span12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } #sh_website_coming_soon_section_12 [class*=span], .row-fluid [class*=span], .uneditable-input[class*=span] { float: none; display: block; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } #sh_website_coming_soon_section_12 .logo h1 { padding-left: 0; text-align: center } #sh_website_coming_soon_section_12 .call-us { padding-bottom: 7px; text-align: center } #sh_website_coming_soon_section_12 .call-us p { padding-right: 0 } #sh_website_coming_soon_section_12 .inner-bg { padding: 45px 0 50px } #sh_website_coming_soon_section_12 .coming-soon h2 { font-size: 36px; padding: 0 20px } #sh_website_coming_soon_section_12 .coming-soon p { padding: 0 20px } #sh_website_coming_soon_section_12 .timer .days-wrapper, #sh_website_coming_soon_section_12 .timer .hours-wrapper, #sh_website_coming_soon_section_12 .timer .minutes-wrapper, #sh_website_coming_soon_section_12 .timer .seconds-wrapper { width: 140px; height: 140px; margin: 7px; padding-top: 20px; -moz-border-radius: 70px; -webkit-border-radius: 70px; border-radius: 70px } #sh_website_coming_soon_section_12 .timer .days, #sh_website_coming_soon_section_12 .timer .hours, #sh_website_coming_soon_section_12 .timer .minutes, #sh_website_coming_soon_section_12 .timer .seconds { font-size: 60px; line-height: 70px } #sh_website_coming_soon_section_12 .subscribe h3 { padding: 0 20px; font-size: 28px } #sh_website_coming_soon_section_12 .subscribe p { padding: 0 20px } #sh_website_coming_soon_section_12 .timer .sh_days, #sh_website_coming_soon_section_12 .timer .sh_hours, #sh_website_coming_soon_section_12 .timer .sh_minutes, #sh_website_coming_soon_section_12 .timer .sh_seconds { width: 130px; height: 130px; padding-top: 5px; } #sh_website_coming_soon_section_12 .timer .sh_number { font-size: 40px; line-height: 90px; } } @media (min-width:576px) { #sh_website_coming_soon_section_12 .container { max-width: 100% } } @media (max-width:480px) { #sh_website_coming_soon_section_12 .subscribe form { padding: 0 20px } #sh_website_coming_soon_section_12 .subscribe form input { width: 90% } #sh_website_coming_soon_section_12 .subscribe form button { width: 90%; margin-top: 10px } } @media (max-width:360px) { #sh_website_coming_soon_section_12 .timer .sh_days, #sh_website_coming_soon_section_12 .timer .sh_hours, #sh_website_coming_soon_section_12 .timer .sh_minutes, #sh_website_coming_soon_section_12 .timer .sh_seconds { margin-bottom: 8px; } } /* end of coming soon 12 */ /*--sh_website_coming_soon_section_13--*/ #sh_website_coming_soon_section_13 { height: 100% !important } #sh_website_coming_soon_section_13 .row.sh_sub { width: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #sh_website_coming_soon_section_13 #countdown_dashboard { padding-left: 0; margin: 0 } #sh_website_coming_soon_section_13 .bg-1 { background-size: cover; background-attachment: fixed; height: 100% } #sh_website_coming_soon_section_13 .bg-gray { background: #f8f8f8 } #sh_website_coming_soon_section_13 .hero-area { display: grid; justify-content: center; align-items: center } #sh_website_coming_soon_section_13 .hero-area h1 { color: #fff; font-size: 60px; text-transform: uppercase; font-weight: 700; padding-bottom: 19px; margin-top: 30px } #sh_website_coming_soon_section_13 .hero-area p { color: #fff; font-size: 20px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 100%; } #sh_website_coming_soon_section_13 .hero-area .counter { background: rgba(255, 255, 255, .2); padding: 18px } #sh_website_coming_soon_section_13 .hero-area .counter ul li { background-color: rgba(90, 44, 44, 0.35); color: #fff; display: inline-block; line-height: 25px; padding: 25px 28px 20px; text-align: center; width: 49%; margin-bottom: 3px } #sh_website_coming_soon_section_13 .hero-area .counter ul li .sh_number { font-size: 50px; font-weight: 600 } #sh_website_coming_soon_section_13 .hero-area .counter ul li .sh_label { display: block; font-size: 16px; font-weight: 600; padding-top: 15px } #sh_website_coming_soon_section_13 .hero-area .counter ul li .digit { display: inline-block; font-size: 50px; font-weight: 700; line-height: 50px; position: relative; overflow: hidden; height: 60px } @media (max-width:895px) { #sh_website_coming_soon_section_13 .hero-area h1 { font-size: 50px; } #sh_website_coming_soon_section_13 .hero-area p { font-size: 18px; } } @media (max-width:360px) { #sh_website_coming_soon_section_13 .row.sh_sub { margin: 0 auto; } } /*--sh_website_coming_soon_section_13--*/ /*--sh_website_coming_soon_section_14--*/ #sh_website_coming_soon_section_14 { height: 100% } #sh_website_coming_soon_section_14 #normal-countdown, .center-text, .right-section .footer-icons>li>a>i { text-align: center } #sh_website_coming_soon_section_14 .logo img { width: 200px; } #sh_website_coming_soon_section_14 .display-table { display: table; height: 100%; width: 100% } #sh_website_coming_soon_section_14 .display-table-cell { display: table-cell; vertical-align: middle } ::-webkit-input-placeholder { font-size: .9em; letter-spacing: 1px } ::-moz-placeholder { font-size: .9em; letter-spacing: 1px } :-ms-input-placeholder { font-size: .9em; letter-spacing: 1px } :-moz-placeholder { font-size: .9em; letter-spacing: 1px } #sh_website_coming_soon_section_14 .full-height { height: 100% } #sh_website_coming_soon_section_14 .position-static { position: static } #sh_website_coming_soon_section_14 .main-area { position: relative; height: 100vh } #sh_website_coming_soon_section_14 .left-section { background-repeat: no-repeat; position: absolute; top: 0; bottom: 0; left: 0; width: 50%; background-size: cover } #sh_website_coming_soon_section_14 #normal-countdown .sh_days, #sh_website_coming_soon_section_14 #normal-countdown .sh_hours, #sh_website_coming_soon_section_14 #normal-countdown .sh_minutes, #sh_website_coming_soon_section_14 #normal-countdown .sh_seconds { position: relative; display: inline-block; margin: 2.5%; height: 120px; width: 120px; border-radius: 100px; background: #fff; box-shadow: 0 0 0 5px rgba(255, 255, 255, .4); color: #F84982 } #sh_website_coming_soon_section_14 #normal-countdown .sh_days .sh_number, #sh_website_coming_soon_section_14 #normal-countdown .sh_hours .sh_number, #sh_website_coming_soon_section_14 #normal-countdown .sh_minutes .sh_number, #sh_website_coming_soon_section_14 #normal-countdown .sh_seconds .sh_number { font-weight: 600; line-height: 80px; font-size: 40px; } #sh_website_coming_soon_section_14 #normal-countdown .time-sec span { position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%) } #sh_website_coming_soon_section_14 .right-section { float: right; width: 50%; position: relative; padding: 0 60px; background: #e4e4e4; } #sh_website_coming_soon_section_14 .right-section .logo { position: absolute; top: 40px; height: 30px } #sh_website_coming_soon_section_14 .right-section .logo img { height: 100%; width: auto } #sh_website_coming_soon_section_14 .right-section .main-content { padding: 60px 40px 40px 0 } #sh_website_coming_soon_section_14 .main-content .title { margin-bottom: 15px; font-size: 3.5rem } #sh_website_coming_soon_section_14 .main-content .email-input-area { margin: 40px 0 20px; position: relative; width: 400px; height: 47px } #sh_website_coming_soon_section_14 .main-content .email-input-area .email-input { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; border-radius: 2px; outline: 0; padding: 0 140px 0 25px; transition: all .2s; background: #F1F2F3; box-shadow: inset 0 0 1px rgba(0, 0, 0, .1); border: 1px solid transparent } #sh_website_coming_soon_section_14 .main-content .email-input-area .email-input:focus { border-color: #f89fbc } #sh_website_coming_soon_section_14 .main-content .email-input-area .submit-btn { width: 120px; text-align: center; position: absolute; top: 0; bottom: 0; right: 0; font-size: .9em; outline: 0; border-radius: 0 2px 2px 0; transition: all .3s; background: #F84982; color: #fff } #sh_website_coming_soon_section_14 .main-content .email-input-area .submit-btn:hover { background: #e40b52 } #sh_website_coming_soon_section_14 .main-content .post-desc { color: #999 } #sh_website_coming_soon_section_14 .right-section .footer-icons { position: absolute; bottom: 30px } #sh_website_coming_soon_section_14 .right-section .footer-icons>li>a { display: inline-block; font-size: 1.07em; padding: 0 } #sh_website_coming_soon_section_14 .right-section .footer-icons>li:first-child { margin-right: 10px } #sh_website_coming_soon_section_14 .right-section .footer-icons>li>a>i { display: inline-block; height: 35px; line-height: 33px; transition: all .2s; border-radius: 40px; width: 35px } #sh_website_coming_soon_section_14 .right-section #text_para { display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 100%; } @media only screen and (max-width:1200px) { #sh_website_coming_soon_section_14 .date-countdown { width: 100% } } @media only screen and (max-width:992px) { #sh_website_coming_soon_section_14 .main-area { position: relative; height: 200vh } #sh_website_coming_soon_section_14 .right-section { float: none; width: 100%; height: 50% } #sh_website_coming_soon_section_14 .right-section .main-content { padding: 40px 0 } #sh_website_coming_soon_section_14 .main-content .email-input-area { width: 100% } #sh_website_coming_soon_section_14 .main-content .email-input-area .email-input { padding: 0 115px 0 20px } #sh_website_coming_soon_section_14.main-content .email-input-area .submit-btn { width: 100px } #sh_website_coming_soon_section_14.right-section .footer-icons>li>a>i { height: 30px; line-height: 28px; width: 30px } #sh_website_coming_soon_section_14 .left-section { position: static; width: 100%; height: 50% } #sh_website_coming_soon_section_14 .date-countdown { width: 100% } #sh_website_coming_soon_section_14 .date-countdown .time_circles>div>h4 { font-size: .7em !important } } @media only screen and (max-width:767px) { #sh_website_coming_soon_section_14 p { line-height: 1.4 } #sh_website_coming_soon_section_14 h1 { font-size: 2.8em; line-height: 1 } #sh_website_coming_soon_section_14 h2 { font-size: 2.2em; line-height: 1.1 } #sh_website_coming_soon_section_14 h3 { font-size: 1.8em } } @media only screen and (max-width:479px) { #sh_website_coming_soon_section_14 body { font-size: 12px } #sh_website_coming_soon_section_14 #normal-countdown .time-sec { height: 100px; width: 100px; margin: 5% } #sh_website_coming_soon_section_14 #normal-countdown .time-sec .sh_number { line-height: 80px } #sh_website_coming_soon_section_14 .right-section { padding: 0 30px } } /*--sh_website_coming_soon_section_14--*/ /*--sh_website_coming_soon_section_15--*/ #sh_website_coming_soon_section_15 { height: 100% !important; } #sh_website_coming_soon_section_15 .row.sh_sub { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; } #sh_website_coming_soon_section_15 .hss { background-size: cover; background-repeat: no-repeat; background-position: center; height: 100%; } #sh_website_coming_soon_section_15 .product-showcase { margin: 0 auto; background: #2d2d2d } #sh_website_coming_soon_section_15 .product-showcase-pattern { margin: 0 auto; background-image: url(https://azmind.com/demo/produkta/assets/img/pattern-2.png); -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3) inset; -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3) inset; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3) inset } #sh_website_coming_soon_section_15 .product-background { height: 100%; background: #2d2d2d; background: rgba(45, 45, 45, .7); -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px } #sh_website_coming_soon_section_15 .product-background h1, .product-description { padding-right: 40px; color: #fff; text-shadow: 0 1px 7px rgba(0, 0, 0, .2) } #sh_website_coming_soon_section_15 .product-background h1 { margin-top: 35px; font-size: 48px; font-weight: 400; line-height: 58px } #sh_website_coming_soon_section_15 .product-description { line-height: 30px } .product-description-right { margin-top: 25px; padding-left: 0 } #sh_website_coming_soon_section_15 .timer { margin-top: 20px; padding-bottom: 30px } #sh_website_coming_soon_section_15 .timer .sh_number { font-size: 40px; display: inline-block } #sh_website_coming_soon_section_15 .product-description form { margin-top: 20px; margin-bottom: 0 } #sh_website_coming_soon_section_15 .product-description form button, .product-description form input { margin-top: 10px; font-family: 'PT Sans', Helvetica, Arial, sans-serif; font-size: 16px } #sh_website_coming_soon_section_15 .product-description form input { margin-bottom: 0; padding: 12px 15px; border: 1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2); -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2); color: #555 } #sh_website_coming_soon_section_15 .product-description form input:focus { border: 1px solid #fff; -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2); -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2) } #sh_website_coming_soon_section_15 .product-description form input:-moz-placeholder { color: #555 } #sh_website_coming_soon_section_15 .product-description form input:-ms-input-placeholder { color: #555 } #sh_website_coming_soon_section_15 .product-description form input::-webkit-input-placeholder { color: #555 } #sh_website_coming_soon_section_15 .product-description form button { padding: 12px 25px; background: #518d8a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #73a3a1; -moz-box-shadow: 0 25px 35px 0 rgba(255, 255, 255, .15) inset, 0 1px 5px 0 rgba(0, 0, 0, .2); -webkit-box-shadow: 0 25px 35px 0 rgba(255, 255, 255, .15) inset, 0 1px 5px 0 rgba(0, 0, 0, .2); box-shadow: 0 25px 35px 0 rgba(255, 255, 255, .15) inset, 0 1px 5px 0 rgba(0, 0, 0, .2); text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, .3); color: #fff; -o-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -ms-transition: all .2s } #sh_website_coming_soon_section_15 .product-description form button:hover { color: #fff; -moz-box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .1) inset, 0 1px 5px 0 rgba(0, 0, 0, .2); -webkit-box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .1) inset, 0 1px 5px 0 rgba(0, 0, 0, .2); box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .1) inset, 0 1px 5px 0 rgba(0, 0, 0, .2) } #sh_website_coming_soon_section_15 .product-description form button:active { -moz-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .1) inset, 0 1px 4px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .1) inset, 0 1px 4px 0 rgba(0, 0, 0, .1); box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .1) inset, 0 1px 4px 0 rgba(0, 0, 0, .1); border: 0 } #sh_website_coming_soon_section_15 .sh_days, #sh_website_coming_soon_section_15 .sh_hours, #sh_website_coming_soon_section_15 .sh_minutes, #sh_website_coming_soon_section_15 .sh_seconds { display: inline-flex; padding-right: 5px; } #sh_website_coming_soon_section_15 .product-description { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 100%; } @media only screen and (max-width:360px) { #sh_website_coming_soon_section_15 .row.sh_sub { margin: 0 auto; } #sh_website_coming_soon_section_15 .sh_days, #sh_website_coming_soon_section_15 .sh_minutes { margin-right: 15px; } } /*--sh_website_coming_soon_section_15--*/ /*--sh_website_coming_soon_section_16--*/ #sh_website_coming_soon_section_16 { height: 100% !important; background-repeat: no-repeat; background-size: cover; } #sh_website_coming_soon_section_16 .coming-soon { height: 100%; margin: 0 auto; position: relative; overflow: hidden; padding-bottom: 32px } #sh_website_coming_soon_section_16 .coming-soon:before { content: ''; background-color: #1b1a1aa3; width: 79%; z-index: 0; height: 134%; position: absolute; left: -38%; -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(160deg); } #sh_website_coming_soon_section_16 .inner-bg { padding: 75px 0 40px } #sh_website_coming_soon_section_16 .coming-soon .logo { padding-bottom: 20px; text-align: center; } #sh_website_coming_soon_section_16 .coming-soon .logo h1 { margin: 0; text-align: center; } #sh_website_coming_soon_section_16 .coming-soon .logo h1 img { width: 200px; } #sh_website_coming_soon_section_16 h1 { margin-top: 10px; font-size: 42px; font-weight: 100; line-height: 54px; color: #fff; text-align: center; } #sh_website_coming_soon_section_16 strong { font-weight: 800; } #sh_website_coming_soon_section_16 .coming-soon .logo a img { display: inline-block; width: 200px; text-indent: -99999px } #sh_website_coming_soon_section_16 .coming-soon p { margin: 60px 0 10px; padding: 0 120px; font-size: 20px; line-height: 36px } #sh_website_coming_soon_section_16 .timer { margin-top: 60px; text-align: center; color: #fff; } #sh_website_coming_soon_section_16 .timer .sh_days, #sh_website_coming_soon_section_16 .timer .sh_hours, #sh_website_coming_soon_section_16 .timer .sh_minutes, #sh_website_coming_soon_section_16 .timer .sh_seconds { display: inline-block; width: 160px; margin: 0 10px; font-size: 18px; padding: 25px 10px; background-color: rgba(255, 255, 255, .17); border-radius: 0; border: 1px solid rgba(255, 255, 255, .37); box-shadow: 1px 0 4px #5F5F5F } #sh_website_coming_soon_section_16 .timer .sh_number { font-size: 80px; font-weight: 100; line-height: 90px } @media (min-width: 768px) and (max-width: 991px) { #sh_website_coming_soon_section_16 .coming-soon p { padding: 0; } #sh_website_coming_soon_section_16 .timer .days-wrapper, #sh_website_coming_soon_section_16 .timer .hours-wrapper, #sh_website_coming_soon_section_16 .timer .minutes-wrapper, .timer .seconds-wrapper { width: 150px; } } @media (max-width: 767px) { #sh_website_coming_soon_section_16 .coming-soon p { padding: 0; } #sh_website_coming_soon_section_16 .timer .days-wrapper, .timer .hours-wrapper, .timer .minutes-wrapper, .timer .seconds-wrapper { width: 150px; } #sh_website_coming_soon_section_16 .timer .slash { display: none; } } @media (max-width: 550px) { #sh_website_coming_soon_section_16 .subscribe form input { width: 95%; } #sh_website_coming_soon_section_16 .subscribe form button { width: 95%; margin-top: 10px; } } @media (max-width: 400px) { #sh_website_coming_soon_section_16 h1 { font-size: 32px; } } @media (max-width: 360px) { #sh_website_coming_soon_section_16 .timer .sh_days, #sh_website_coming_soon_section_16 .timer .sh_hours, #sh_website_coming_soon_section_16 .timer .sh_minutes, #sh_website_coming_soon_section_16 .timer .sh_seconds { width: 143px; } } /*--sh_website_coming_soon_section_16--*/ /*--sh_website_coming_soon_section_17--*/ #sh_website_coming_soon_section_17 { height: 100% !important } #sh_website_coming_soon_section_17 .styled div, #sh_website_coming_soon_section_17 .styled div span { font-weight: 400; text-align: center } #sh_website_coming_soon_section_17 .countdown { text-align: center; margin-top: 0; margin-bottom: 50px } #sh_website_coming_soon_section_17 .styled { margin-bottom: 80px; width: 100% } #sh_website_coming_soon_section_17 .row.sh_sub { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100% } #sh_website_coming_soon_section_17 .styled .sh_days, #sh_website_coming_soon_section_17 .styled .sh_hours, #sh_website_coming_soon_section_17 .styled .sh_minutes, #sh_website_coming_soon_section_17 .styled .sh_seconds { display: inline-block; font-size: 70px; margin: 0 25px; text-shadow: none; vertical-align: middle; color: #fff } #sh_website_coming_soon_section_17 .banner-container { background-repeat: no-repeat; background-size: cover; height: 100%; } #sh_website_coming_soon_section_17 .heading h2 { color: #fff; font-size: 54px } #sh_website_coming_soon_section_17 .heading h3 { font-size: 36px; margin-top: 67px } #sh_website_coming_soon_section_17 .heading p { color: #fff; font-size: 16px; font-weight: 400 } #sh_website_coming_soon_section_17 .styled .sh_label { display: block; font-size: 22px; margin-top: -29px } #sh_website_coming_soon_section_17 .styled .sh_days, #sh_website_coming_soon_section_17 .styled .sh_hours, #sh_website_coming_soon_section_17 .styled .sh_minutes, #sh_website_coming_soon_section_17 .styled .sh_seconds { width: 150px; height: 150px; position: relative; padding: 62px 0 0 } #sh_website_coming_soon_section_17 .styled .sh_days:after, #sh_website_coming_soon_section_17 .styled .sh_hours:after, #sh_website_coming_soon_section_17 .styled .sh_minutes:after, #sh_website_coming_soon_section_17 .styled .sh_seconds:after { content: ''; width: 150px; height: 150px; display: table; border: 1px solid #fff; margin: 50px auto; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 0 } #sh_website_coming_soon_section_17 .text-center { text-align: center !important; width: 100%; } #sh_website_coming_soon_section_17 .container #text_para { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 100%; } @media (max-width:815px) { #sh_website_coming_soon_section_17 .styled .sh_days, #sh_website_coming_soon_section_17 .styled .sh_hours, #sh_website_coming_soon_section_17 .styled .sh_minutes, #sh_website_coming_soon_section_17 .styled .sh_seconds { display: inline-block; font-size: 35px; width: 100px; height: 100px; position: relative; padding: 70px 0 0; } #sh_website_coming_soon_section_17 .styled .sh_days:after, #sh_website_coming_soon_section_17 .styled .sh_hours:after, #sh_website_coming_soon_section_17 .styled .sh_minutes:after, #sh_website_coming_soon_section_17 .styled .sh_seconds:after { width: 100px; height: 100px; } #sh_website_coming_soon_section_17 .styled .sh_label { display: block; font-size: 15px; margin-top: -15px } #sh_website_coming_soon_section_17 .heading h2 { font-size: 40px; } #sh_website_coming_soon_section_17 .heading p { font-size: 14px; } #sh_website_coming_soon_section_17 .styled .sh_days, #sh_website_coming_soon_section_17 .styled .sh_hours, #sh_website_coming_soon_section_17 .styled .sh_minutes, #sh_website_coming_soon_section_17 .styled .sh_seconds { margin-top: 0px; } } @media (max-width:780px) { #sh_website_coming_soon_section_17 .styled .sh_days, #sh_website_coming_soon_section_17 .styled .sh_hours, #sh_website_coming_soon_section_17 .styled .sh_minutes, #sh_website_coming_soon_section_17 .styled .sh_seconds { margin-top: 0px; margin-bottom: 28px } } @media (max-width:360px) { #sh_website_coming_soon_section_17 .row.sh_sub { margin: 0 auto; } #sh_website_coming_soon_section_17 .styled .sh_days, #sh_website_coming_soon_section_17 .styled .sh_hours { margin-bottom: 40px; } } /*--sh_website_coming_soon_section_17--*/ /*--sh_website_coming_soon_section_18--*/ #sh_website_coming_soon_section_18 { height: 100% !important; background-size: cover; } #sh_website_coming_soon_section_18 .center-content { left: 50%; position: absolute; width: 100%; transform: translate(-50%, 0%); margin-top: 10%; } #sh_website_coming_soon_section_18 .intro-content { display: inline-block; font-size: 1.15em; margin: 0; min-width: 100%; min-height: 100%; vertical-align: middle; } #sh_website_coming_soon_section_18 .intro-title { font-family: latobold; font-size: 3em; font-weight: 400; margin: 15px 0; text-transform: uppercase; color: #fff } #sh_website_coming_soon_section_18 .obak { color: #2098f5 } #sh_website_coming_soon_section_18 .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear } #sh_website_coming_soon_section_18 .fa-4x { font-size: 4em; color: #fff } #sh_website_coming_soon_section_18 .countdown { list-style: none; margin: 20px 0; padding: 0; display: block; text-align: center; font-family: BeonMedium; color: #fff } #sh_website_coming_soon_section_18 .countdown li { display: inline-block } #sh_website_coming_soon_section_18 .countdown li .sh_number { font-size: 80px; font-weight: 300; line-height: 80px } #sh_website_coming_soon_section_18 .countdown li p { color: #ddd; font-size: 14px } #sh_website_coming_soon_section_18 .countdown li.seperator { font-size: 14px; margin-top: 12px; line-height: 30px; vertical-align: top } @media (max-width:1024px) { #sh_website_coming_soon_section_18 .center-content { margin-top: 50%; } } @media (max-width:768px) { #sh_website_coming_soon_section_18 .center-content { margin-top: 42%; } } @media (max-width:360px) { #sh_website_coming_soon_section_18 .center-content { margin-top: 30%; } } /*--sh_website_coming_soon_section_18--*/ /*--sh_website_coming_soon_section_19--*/ #sh_website_coming_soon_section_19 { height: 100% !important; } #sh_website_coming_soon_section_19 #home-page { height: 100%; } #sh_website_coming_soon_section_19 .text_para { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 100%; } #sh_website_coming_soon_section_19 #home-page { position: relative; background-position: 50% 0; background-repeat: no-repeat; background-size: cover; } #sh_website_coming_soon_section_19 .home-bg { height: 100%; background-color: rgba(0, 0, 0, 0.7); } #sh_website_coming_soon_section_19 .main-logo { margin-bottom: 25px; } #sh_website_coming_soon_section_19 .main-logo img { width: 250px; } #sh_website_coming_soon_section_19 h1 { color: #48b4ff; font-size: 20px; width: 80%; margin: 0 auto; } #sh_website_coming_soon_section_19 .home-page { text-align: center !important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } #sh_website_coming_soon_section_19 .home-page h2 { margin-top: 20px; font-size: 40px; color: #ffffff; font-weight: 700; text-transform: uppercase; } #sh_website_coming_soon_section_19 .tk-countdown { color: #fff; text-align: center; } #sh_website_coming_soon_section_19 .tk-countdown div { display: inline-block; } #sh_website_coming_soon_section_19 .submit-bt, #sh_website_coming_soon_section_19 .social-shear a i, #sh_website_coming_soon_section_19 .service i, #sh_website_coming_soon_section_19 .member .member-img img, #sh_website_coming_soon_section_19 .contact-form .submit-button, #sh_website_coming_soon_section_19 .tk-countdown div.days, #sh_website_coming_soon_section_19 .tk-countdown div.hours, #sh_website_coming_soon_section_19 .tk-countdown div.minutes, #sh_website_coming_soon_section_19 .tk-countdown div.seconds, #sh_website_coming_soon_section_19 .subscribe-area .form-control, #sh_website_coming_soon_section_19 .contact-form .form-control, #sh_website_coming_soon_section_19 .service-aro-icon i { border-color: #48b4ff !important; } #sh_website_coming_soon_section_19 .tk-countdown div.days { border: 2px solid; border-radius: 20px 0px; width: 120px; height: 120px; padding-top: 15px; margin: 15px; } #sh_website_coming_soon_section_19 .tk-countdown div .sh_number:first-child { height: 64px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 60px; line-height: 64px; color: #f7f7f7; } #sh_website_coming_soon_section_19 .tk-countdown div .sh_number { display: block; } #sh_website_coming_soon_section_19 .tk-countdown div .sh_number:last-child { color: #48b4ff; } #sh_website_coming_soon_section_19 .tk-countdown div .sh_number:last-child { height: 20px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 20px; } #sh_website_coming_soon_section_19 .tk-countdown div.hours { border: 2px solid; border-radius: 20px 0px; width: 120px; height: 120px; padding-top: 15px; margin: 15px; } #sh_website_coming_soon_section_19 .tk-countdown div.minutes { border: 2px solid; border-radius: 20px 0px; width: 120px; height: 120px; padding-top: 15px; margin: 15px; } #sh_website_coming_soon_section_19 .tk-countdown div.seconds { border: 2px solid; border-radius: 20px 0px; width: 120px; height: 120px; padding-top: 15px; margin: 15px; } @media (max-width:780px) { #sh_website_coming_soon_section_19 .main-logo img { width: 200px; } #sh_website_coming_soon_section_19 h1 { font-size: 15px; } #sh_website_coming_soon_section_19 .home-page h2 { margin-top: 17px; font-size: 30px; } } /*--sh_website_coming_soon_section_19--*/ /*--sh_website_coming_soon_section_20--*/ #sh_website_coming_soon_section_20 { height: 100% !important; } #sh_website_coming_soon_section_20 .banner-content { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; z-index: 9; position: relative; -webkit-transition: opacity 1s, opacity 1s, -webkit-transform 1s; transition: opacity 1s, opacity 1s, -webkit-transform 1s; transition: opacity 1s, opacity 1s, transform 1s; transition: opacity 1s, opacity 1s, transform 1s, -webkit-transform 1s; background-size: cover; background-repeat: no-repeat; height: 100%; } #sh_website_coming_soon_section_20 .show-menu .banner-content { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: -9 } #sh_website_coming_soon_section_20 .banner-text { height: 100%; text-align: center; color: #fff; } #sh_website_coming_soon_section_20 .banner-text h2 { font-size: 42px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; margin-bottom: 15px; color: #fff; } #sh_website_coming_soon_section_20 .banner-text p { font-size: 18px; line-height: 30px; padding: 0 30px; color: #fff; } #sh_website_coming_soon_section_20 .clock-countdown { position: relative; max-width: 100%; width: auto; margin: 0 auto 40px; padding: 20px 0 } #sh_website_coming_soon_section_20 .clock-countdown .text { position: relative; width: 100%; font-weight: 400; letter-spacing: 0; margin-top: .5em; display: block; text-transform: uppercase; color: #fff; text-align: center } #sh_website_coming_soon_section_20 .clock-countdown .block:last-child .days:after { display: none } #sh_website_coming_soon_section_20 .clock-countdown .days-counter { display: inline-block; position: relative; text-align: center; width: 380px; top: 0; bottom: 0; margin-bottom: 10px } #sh_website_coming_soon_section_20 .clock-countdown .days-counter .days { font-size: 112px; letter-spacing: 5px; line-height: 1 } #sh_website_coming_soon_section_20 .clock-countdown .days-counter .sh_label { font-size: 16px; letter-spacing: 2px; position: absolute; right: 0; text-transform: uppercase; top: 20px; width: auto; font-weight: 400; } #sh_website_coming_soon_section_20 .clock-countdown .hour-counter { color: #fff; font-size: 24px; font-weight: 700; position: relative; text-align: center; width: 100%; letter-spacing: 2px; word-spacing: 8px; background: rgba(0, 0, 0, .5); border-top: 1px solid #ababab; padding: 8px 0 } #sh_website_coming_soon_section_20 .clock-countdown .hour-counter .normal { font-weight: 400; font-size: 18px } #sh_website_coming_soon_section_20 .clock-countdown .hour-counter:after, .clock-countdown .hour-counter:before { position: absolute; content: ''; border-bottom: 1px solid #ababab; height: 1px; bottom: 0 } #sh_website_coming_soon_section_20 .clock-countdown .hour-counter:before { right: 0; left: 80% } #sh_website_coming_soon_section_20 .clock-countdown .hour-counter:after { left: 0; right: 80% } #sh_website_coming_soon_section_20 .clock-countdown .hour-counter .clock-border:after, .clock-countdown .hour-counter .clock-border:before { position: absolute; content: ''; border: 1px solid #ababab; width: 20px; height: 110px; bottom: 0 } #sh_website_coming_soon_section_20 .clock-countdown .hour-counter .clock-border:before { left: 0; right: auto; border-right: none; border-bottom: none } #sh_website_coming_soon_section_20 .clock-countdown .hour-counter .clock-border:after { right: 0; left: auto; border-left: none; border-bottom: none } #sh_website_coming_soon_section_20 .text_para { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 100%; } @media (max-width:360px) { #sh_website_coming_soon_section_20 .clock-countdown .days-counter .sh_label { margin-right: 22px; } } /*--sh_website_coming_soon_section_20--*/ /*--sh_website_coming_soon_section_21--*/ #sh_website_coming_soon_section_21 { position: relative; z-index: -1; height: 100%; -ms-background-size: cover; background-size: cover; width: 100%; background-repeat: no-repeat; } #sh_website_coming_soon_section_21 .main-container { position: relative; display: block; top: 0; left: 0; width: 100%; background: rgba(255, 255, 255, 0.37); overflow: hidden; z-index: 2; height: 100%; } #sh_website_coming_soon_section_21 .contain-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #sh_website_coming_soon_section_21 .line { border-width: 200px; border-bottom: 2px solid #191919; } #sh_website_coming_soon_section_21 .line, .line-accent { width: 180px; margin: 0 auto; } #sh_website_coming_soon_section_21 .hero-section .hero-big-text { display: table; font-size: 3em; text-align: center; text-transform: uppercase; padding: 0 10%; margin: 20px auto !important; font-weight: 600; } #sh_website_coming_soon_section_21 .accent-text-color { color: #FFCE54 !important; } #sh_website_coming_soon_section_21 .italic { font-style: italic !important; } #sh_website_coming_soon_section_21 .font-weight-500 { font-weight: 500 !important; } #sh_website_coming_soon_section_21 .alt-font { font-family: Raleway, sans-serif !important; } #sh_website_coming_soon_section_21 .line-accent { border-bottom: 2px solid #FFCE54; } /*--sh_website_coming_soon_section_21--*/ /*--sh_website_coming_soon_section_22--*/ #sh_website_coming_soon_section_22 { height: 100% !important; background-size: cover; background-repeat: no-repeat; } #sh_website_coming_soon_section_22 #home { position: absolute; top: 0%; left: 37%; transform: translate(-50%, -0%); margin-top: 20%; } #sh_website_coming_soon_section_22 .brand-logo { width: 250px; } #sh_website_coming_soon_section_22 #home .content { color: #fff; width: 100%; max-height: 111rem; text-align: left; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 1; visibility: visible; } @media only screen and (max-width: 1600px) { #sh_website_coming_soon_section_22 h1 { font-size: 4rem; font-weight: 700; } } #sh_website_coming_soon_section_22 div.text-intro { color: #fff; font-size: 1rem; font-weight: 300; margin-bottom: 3rem; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 100%; } #sh_website_coming_soon_section_22 strong, b { font-weight: 700; } #sh_website_coming_soon_section_22 #home span img { width: 200px; } @media (max-width:768px) { #sh_website_coming_soon_section_22 #home { margin-top: 50%; } } /*--sh_website_coming_soon_section_22--*/ /*--sh_website_coming_soon_section_23--*/ #sh_website_coming_soon_section_23 { position: relative; z-index: -1; height: 100% !important; background-position: center; background-size: cover; position: relative; } #sh_website_coming_soon_section_23 .main-container { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; background: rgba(255, 255, 255, .6); overflow: hidden; z-index: 2; padding: 45px 0px; } #sh_website_coming_soon_section_23 .hero-section { height: 100%; display: table; } #sh_website_coming_soon_section_23 .contain-wrapper { display: table-cell; vertical-align: middle; } #sh_website_coming_soon_section_23 .line { width: 80px; border-width: 200px; } #sh_website_coming_soon_section_23 .home-big-text { display: block; font-size: 3.75em; width: 61%; white-space: pre-line; } #sh_website_coming_soon_section_23 .font-weight-600 { font-weight: 600 !important; } #sh_website_coming_soon_section_23 .text-uppercase { text-transform: uppercase; } #sh_website_coming_soon_section_23 .accent-text-color { color: #FFCE54 !important; } #sh_website_coming_soon_section_23 .accent-text-color { color: #FFCE54 !important; } #sh_website_coming_soon_section_23 .italic { font-style: italic !important; } #sh_website_coming_soon_section_23 .font-weight-500 { font-weight: 500 !important; } #sh_website_coming_soon_section_23 .alt-font { font-family: Raleway, sans-serif !important; } #sh_website_coming_soon_section_23 .line-big1 { border-bottom: 2px solid #191919; width: 200px; } #sh_website_coming_soon_section_23 .line-accent1 { margin: 0px; } #sh_website_coming_soon_section_23 .line { border-bottom: 2px solid #191919; } #sh_website_coming_soon_section_23 .line { width: 80px; } #sh_website_coming_soon_section_23 .margin-top-25 { margin-top: 25px !important; } /*--sh_website_coming_soon_section_23--*/ /*--sh_website_coming_soon_section_24--*/ #sh_website_coming_soon_section_24 .main-area { position: relative; height: 100vh; z-index: 1; padding: 0 20px; background-size: cover; color: #fff; } #sh_website_coming_soon_section_24 .main-area:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; opacity: .4; background: #000; } #sh_website_coming_soon_section_24 .center-text { text-align: center; } #sh_website_coming_soon_section_24 .display-table { display: table; height: 100%; width: 100%; } #sh_website_coming_soon_section_24 .display-table-cell { display: table-cell; vertical-align: middle; } #sh_website_coming_soon_section_24 .font-white { color: #fff; } #sh_website_coming_soon_section_24 h1 { font-size: 3.5em; line-height: 1; } #sh_website_coming_soon_section_24 .main-area .desc { margin: 20px auto; max-width: 500px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } #sh_website_coming_soon_section_24 .main-area .notify-btn { padding: 13px 35px; border-radius: 50px; border: 2px solid #f84982; color: #fff; background: #f84982; text-decoration: none; } @media (max-width:360px) { #sh_website_coming_soon_section_24 h1 { font-size: 3.4em; } } /*--sh_website_coming_soon_section_24--*/ /*--sh_website_coming_soon_section_25--*/ #sh_website_coming_soon_section_25 { height: 100% !important; } #sh_website_coming_soon_section_25 .bgimg { height: 100%; background-position: center; background-size: cover; position: relative; color: white; font-family: "Courier New", Courier, monospace; font-size: 25px; } #sh_website_coming_soon_section_25 .topleft { position: absolute; top: 5%; left: 16px; } #sh_website_coming_soon_section_25 .topleft img { width: 200px; } #sh_website_coming_soon_section_25 .bottomleft { position: absolute; bottom: 0; left: 16px; } #sh_website_coming_soon_section_25 .middle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } #sh_website_coming_soon_section_25 p { font-size: 16px; } #sh_website_coming_soon_section_25 hr { margin: auto; width: 40%; border-top: 1px solid rgb(255, 252, 252); } #sh_website_coming_soon_section_25 #text_para { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } /*--sh_website_coming_soon_section_25--*/ /*--sh_website_coming_soon_section_26--*/ #sh_website_coming_soon_section_26 { height: 100% !important; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_website_coming_soon_section_26 .bg_img { height: 100%; background: #0000006e; } #sh_website_coming_soon_section_26 .social-nav { position: absolute; top: 0px; left: 40px; } #sh_website_coming_soon_section_26 .social-nav ul { margin: 0; padding: 0; } #sh_website_coming_soon_section_26 .social-nav ul li { list-style: none; display: block; float: left; background: #393939; padding: 100px 12px 5px 12px; margin: 1px; opacity: .5; cursor: pointer; } #sh_website_coming_soon_section_26 .social-nav ul li:hover { opacity: 1; } #sh_website_coming_soon_section_26 .social-nav a { color: #fff; font-size: 20px; text-decoration: none; } #sh_website_coming_soon_section_26 .sh_com { position: absolute; top: 50%; left: 35%; transform: translate(-50%, -50%); } #sh_website_coming_soon_section_26 .sh_com h1 { font-size: 63px; line-height: 70px; padding: 0; margin: 0; color: #fff; } #sh_website_coming_soon_section_26 .sh_com p { font-size: 15px; line-height: 25px; padding: 0; margin: 0; color: #b7b7b7; } #sh_website_coming_soon_section_26 #logo { font-family: 'Coustard', serif; font-size: 49px; bottom: 40px; height: auto; left: 3%; position: absolute; z-index: 1000; color: #fff; } #sh_website_coming_soon_section_26 #logo img { width: 250px; } #sh_website_coming_soon_section_26 .sh_com #text_para { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } @media (max-width:550px) { #sh_website_coming_soon_section_26 .sh_com h1 { font-size: 50px; } } /*--sh_website_coming_soon_section_26--*/ /*--sh_website_coming_soon_section_27--*/ #sh_website_coming_soon_section_27 { background-color: #444; height: 100% !important; background-position: center; background-size: cover; } #sh_website_coming_soon_section_27 .wrapper { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } #sh_website_coming_soon_section_27 h2 { font-size: 58px; width: 90%; color: #fff; text-align: center; margin: 0px auto 20px; font-weight: 100; } #sh_website_coming_soon_section_27 p { text-align: center; width: 100%; margin: 20px 0px; line-height: 1.6; font-weight: 200; font-size: 18px; color: rgba(255, 255, 255, .75); } #sh_website_coming_soon_section_27 ul.countdown { margin: 45px auto; display: block; text-align: center; } #sh_website_coming_soon_section_27 ul.countdown li { display: inline-block; height: 80px; margin: 0 5px 15px 5px; text-align: center; color: #fff; color: rgba(255, 255, 255, 0.5); font-size: 14px; line-height: 1; text-transform: uppercase; -webkit-border-radius: 499px; -moz-border-radius: 499px; border-radius: 499px; border: 1px solid #fff; font-weight: 200; width: 130px; height: 130px; padding-top: 30px; } #sh_website_coming_soon_section_27 ul.countdown li span { display: block; font-size: 46px; color: rgba(255, 255, 255, 1); font-weight: 100; } #sh_website_coming_soon_section_27 .connect { width: 95%; margin: 100px 0; } #sh_website_coming_soon_section_27 .connect ul { width: 100%; text-align: center; display: inline-block; } #sh_website_coming_soon_section_27 .connect ul li { width: 48px; height: 48px; display: inline-block; -webkit-border-radius: 499px; -moz-border-radius: 499px; border-radius: 499px; border: 1px solid #fff; margin: 0 5px; } #sh_website_coming_soon_section_27 .connect ul li a { color: #fff; font-size: 25px; line-height: 40px; text-decoration: none; opacity: 0.65; } #sh_website_coming_soon_section_27 .connect ul li a:hover { opacity: 1; } #sh_website_coming_soon_section_27 .connect ul li a:active { opacity: 0.8; } @media only screen and (max-width : 960px) { #sh_website_coming_soon_section_27 .wrapper { width: auto; } #sh_website_coming_soon_section_27 .connect { display: block; float: none; width: 348px; margin: 50px auto; } #sh_website_coming_soon_section_27 .connect ul { width: 340px; display: flex; } #sh_website_coming_soon_section_27 h2 { font-size: 45px; } } @media only screen and (max-width : 480px) { #sh_website_coming_soon_section_27 h1, ul.countdown { margin: 20px auto; } #sh_website_coming_soon_section_27 h2 { margin: 40px auto; font-size: 45px; } } /*--sh_website_coming_soon_section_27--*/ /*--sh_website_coming_soon_section_28--*/ #sh_website_coming_soon_section_28 { background-repeat: no-repeat; height: 100% !important; background-position: center; background-size: cover; } #sh_website_coming_soon_section_28 .sh_sub { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } #sh_website_coming_soon_section_28 .banner-container { height: 100% } #sh_website_coming_soon_section_28 .logo { font-size: 2.2em; text-shadow: none; margin: 8px 0 0 0; } #sh_website_coming_soon_section_28 .logo img { width: 200px; } #sh_website_coming_soon_section_28 .logo { width: auto; margin: 0 auto; padding: 16px; } #sh_website_coming_soon_section_28 .styled .sh_number { font-size: 40px; } #sh_website_coming_soon_section_28 .heading { padding: 3px 10px; padding-bottom: 15px; margin-bottom: 12px; display: block; } #sh_website_coming_soon_section_28 .heading h2 { color: #FFF; font-weight: 600; font-size: 45px; } #sh_website_coming_soon_section_28 .heading strong { color: #fff; font-size: 19px; font-weight: normal; } #sh_website_coming_soon_section_28 .styled { margin-bottom: 75px; } #sh_website_coming_soon_section_28 .countdown { text-align: center; margin-top: 40px; } #sh_website_coming_soon_section_28 .styled div:first-child { /* margin-left: 0; */ } #sh_website_coming_soon_section_28 .styled div { width: 150px; height: 109px; background: rgba(255, 255, 255, 0.26); position: relative; color: #FFF; padding: 20px 0; } #sh_website_coming_soon_section_28 .styled div { width: 150px; height: 150px; position: relative; padding: 0 0 0 0; } #sh_website_coming_soon_section_28 .styled div { display: inline-block; margin-left: 10px; font-size: 55px; font-weight: normal; text-align: center; margin: 0 25px; height: 100px; text-shadow: none; vertical-align: middle; color: #fff; line-height: 53px; } #sh_website_coming_soon_section_28 .styled div:before { content: ""; position: absolute; top: -30px; left: 0; width: 0; height: 0; border-left: 75px solid transparent; border-right: 75px solid transparent; border-bottom: 30px solid rgba(255, 255, 255, 0.26); } #sh_website_coming_soon_section_28 .styled div span { display: block; font-size: 18px; margin-top: 5px; font-weight: normal; text-align: center; } #sh_website_coming_soon_section_28 .styled div:after { content: ""; position: absolute; bottom: -30px; left: 0; width: 0; height: 0; border-left: 75px solid transparent; border-right: 75px solid transparent; border-top: 30px solid rgba(255, 255, 255, 0.26); border-top-width: 30px; border-top-style: solid; border-top-color: rgba(255, 255, 255, 0.26); } #sh_website_coming_soon_section_28 .heading { padding: 3px 10px; padding-bottom: 15px; margin-bottom: 12px; display: block; } #sh_website_coming_soon_section_28 .sub { margin-top: 40px; } #sh_website_coming_soon_section_28 footer { padding: 0; margin-top: 30px; } #sh_website_coming_soon_section_28 .social a { font-size: 24px; margin: 0 10px; color: #fff; text-decoration: none; } #sh_website_coming_soon_section_28 .social a:hover { color: #145AC4; } @media (max-width:991px) { #sh_website_coming_soon_section_28 .styled div { margin: 0px 5px; } } @media (max-width:780px) { #sh_website_coming_soon_section_28 .styled div { margin-top: 20px; margin-bottom: 28px } #sh_website_coming_soon_section_28 .heading h2 { font-size: 35px; } #sh_website_coming_soon_section_28 .heading strong { font-size: 15px; } #sh_website_coming_soon_section_28 .styled div { margin: 35px 5px; } #sh_website_coming_soon_section_28 .countdown { margin-top: 0px; } #sh_website_coming_soon_section_28 .styled { margin-bottom: 0px; } #sh_website_coming_soon_section_28 .heading { margin-bottom: 0px; } #sh_website_coming_soon_section_28 .styled div:before { border-left: 60px solid transparent; border-right: 60px solid transparent; } #sh_website_coming_soon_section_28 .styled div:after { border-left: 60px solid transparent; border-right: 60px solid transparent; } #sh_website_coming_soon_section_28 .styled div { width: 120px; height: 60px; line-height: 35px; } } /*--sh_website_coming_soon_section_28--*/ /*--sh_website_coming_soon_section_29--*/ #sh_website_coming_soon_section_29 { background-position: center; height: 100% !important; width: 100%; background: url(https://images.pexels.com/photos/1303081/pexels-photo-1303081.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500); background-repeat: no-repeat; background-size: cover; } #sh_website_coming_soon_section_29 .sh_bg { background: rgba(0, 0, 0, .5); height: 100%; } #sh_website_coming_soon_section_29 .sh_content { text-align: center; position: absolute; left: 50%; top: 50%; width: 80%; transform: translate(-50%, -50%); } #sh_website_coming_soon_section_29 .sh_content .sh_logo { padding-bottom: 25px; } #sh_website_coming_soon_section_29 .sh_content .sh_logo img { max-width: 200px; } #sh_website_coming_soon_section_29 .sh_content .sh_content_text h2 { margin-bottom: 20px; font-size: 60px; line-height: 1.5; font-family: "Work Sans", Arial, sans-serif; font-weight: 300; color: #fff; } #sh_website_coming_soon_section_29 .sh_content .sh_content_text p { font-size: 18px; color: #fff; letter-spacing: 2px; } #sh_website_coming_soon_section_29 .sh_content .sh_countdown .sh_days { display: inline-block; width: 110px; padding: 30px 0; background: rgba(0, 0, 0, 0.2); border-bottom: 4px solid rgba(250, 70, 89, 0.5); margin: 0 7px; position: relative; animation: pulse 1.01s ease infinite; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.03); } 100% { transform: scale(1); } } #sh_website_coming_soon_section_29 .sh_content .sh_countdown .sh_hours { display: inline-block; width: 110px; padding: 30px 0; background: rgba(0, 0, 0, 0.2); border-bottom: 4px solid rgba(250, 70, 89, 0.5); margin: 0 7px; position: relative; animation: pulse 1.01s ease infinite; } #sh_website_coming_soon_section_29 .sh_content .sh_countdown .sh_minutes { display: inline-block; width: 110px; padding: 30px 0; background: rgba(0, 0, 0, 0.2); border-bottom: 4px solid rgba(250, 70, 89, 0.5); margin: 0 7px; position: relative; animation: pulse 1.01s ease infinite; } #sh_website_coming_soon_section_29 .sh_content .sh_countdown .sh_seconds { display: inline-block; width: 110px; padding: 30px 0; background: rgba(0, 0, 0, 0.2); border-bottom: 4px solid rgba(250, 70, 89, 0.5); margin: 0 7px; position: relative; animation: pulse 1.01s ease infinite; } #sh_website_coming_soon_section_29 .sh_content .sh_countdown .sh_number { font-size: 40px; color: #fff; } #sh_website_coming_soon_section_29 .sh_content .sh_countdown .sh_label { font-size: 16px; color: #fff; } #sh_website_coming_soon_section_29 .sh_content ul li { display: inline-block; width: 30px; margin-top: 50px; height: 30px; background: red; border-radius: 50%; text-align: center; line-height: 30px; margin: 50px 5px 0; } #sh_website_coming_soon_section_29 .sh_content ul li a { text-decoration: none; color: #fff; } @media only screen and (max-width: 1015px) { #sh_website_coming_soon_section_29 .sh_content .sh_content_text p { font-size: 14px; } #sh_website_coming_soon_section_29 .sh_content .sh_content_text h2 { margin-bottom: 5px; font-size: 35px; } } @media only screen and (max-width: 560px) { #sh_website_coming_soon_section_29 .sh_content .sh_countdown .sh_days { padding: 20px 0; } #sh_website_coming_soon_section_29 .sh_content .sh_countdown .sh_hours { padding: 20px 0; } #sh_website_coming_soon_section_29 .sh_content .sh_countdown .sh_minutes { padding: 20px 0; } #sh_website_coming_soon_section_29 .sh_content .sh_countdown .sh_seconds { padding: 20px 0; } } @media only screen and (max-width: 360px) { #sh_website_coming_soon_section_29 .sh_content ul { padding-left: 0; } #sh_website_coming_soon_section_29 .sh_content .sh_countdown .sh_days, #sh_website_coming_soon_section_29 .sh_content .sh_countdown .sh_hours { margin-bottom: 5%; } #sh_website_coming_soon_section_29 .sh_content ul li { margin-top: 50px; } } /*--sh_website_coming_soon_section_29--*/ /*--sh_website_coming_soon_section_30--*/ #sh_website_coming_soon_section_30 { background-repeat: no-repeat; background-size: cover; background-position: center; height: 100% !important; } #sh_website_coming_soon_section_30 .overlay { background-color: rgba(39, 39, 39, 0.75); color: #fff; font-size: 40px; padding-top: 80px; width: 100%; height: 100%; min-height: 100%; position: fixed; overflow: auto; } #sh_website_coming_soon_section_30 p { font-size: 19px; } #sh_website_coming_soon_section_30 .text-section h1 { color: #fff; padding-bottom: 30px; font-size: 85px; font-weight: 600; text-transform: uppercase; } #sh_website_coming_soon_section_30 .text-section { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } #sh_website_coming_soon_section_30 .btn-facebook { background-color: #3b5998; } #sh_website_coming_soon_section_30 .btn-social { color: white; opacity: 0.8; } #sh_website_coming_soon_section_30 .btn-google { background-color: #c32f10; } #sh_website_coming_soon_section_30 .btn-twitter { background-color: #00aced; } #sh_website_coming_soon_section_30 .btn-linkedin { background-color: #0e76a8; } #sh_website_coming_soon_section_30 .btn-github { background-color: #2a2a2a; } #sh_website_coming_soon_section_30 .btn-instagram { background: radial-gradient(circle at 30%, #fd5949 45%, #d6249f 60%, #285AEB 90%); } #sh_website_coming_soon_section_30 .btn-social:hover { color: white; opacity: 1; text-decoration: none; } @media(max-width:653px) { #sh_website_coming_soon_section_30 .text-section h1 { color: #fff; padding-bottom: 30px; font-size: 55px; } } /*--sh_website_coming_soon_section_30--*/ /* /sh_corpomate_theme/static/src/scss/extra_addons/sh_image_hotspot_snippet/style.scss */ .hotspot_info { cursor: pointer; box-shadow: none !important; outline: 0px !important; border: 0px !important; } .hotspot_info:focus, .hotspot_info:active { box-shadow: none !important; outline: 0px !important; border: 0px !important; } /*========== Common ============*/ /*.popover-body{width: max-content;} .popover{max-width: max-content !important;}*/ .image_hotspot.hotspot_style_1 .static_image_hotspot_info, .image_hotspot.hotspot_style_2 .static_image_hotspot_info, .image_hotspot.hotspot_style_3 .static_image_hotspot_info, .image_hotspot.hotspot_style_4 .static_image_hotspot_info, .image_hotspot.hotspot_style_5 .static_image_hotspot_info { max-width: 0; overflow: hidden; } /*========== Common ============*/ /* ============ Style 1 =============*/ .hotspot_style_1 .hotspot_info .fa:after { content: " "; width: 20px; height: 20px; border-radius: 50%; position: absolute; left: 4px; top: 4px; bottom: 0; right: 0; background-color: inherit; z-index: -1; animation: scaleIn 2s infinite; } .image_hotspot.hotspot_style_1 .hotspot_info { border-radius: 50%; width: 28px; height: 28px; } .image_hotspot.hotspot_style_1 .hotspot_info > i { position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%) !important; } .o_editable .image_hotspot .static_image_hotspot_info.show_edit { padding: 10px; overflow: visible; max-width: 500px; width: 100%; } .hotspot_style_1 .hotspot_info .fa { width: 28px; height: 28px; line-height: 28px; font-size: 14px; border-radius: 50%; background-color: #ffffff; display: inline-block; vertical-align: middle; text-align: center; } /* ============ Style 1 =============*/ /* ============ Style 2 =============*/ .o_editable .image_hotspot.popover_style_2 .static_image_hotspot_info.show_edit { width: 300px; } .hotspot_style_2 .hotspot_info { border-radius: 50%; width: 28px; height: 28px; } .hotspot_style_2 .hotspot_info > i { position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%) !important; } .hotspot_style_2 .hotspot_info .fa { width: 28px; height: 28px; line-height: 28px; font-size: 14px; border-radius: 50%; background-color: #227bf7; display: inline-block; vertical-align: middle; text-align: center; color: #ffffff !important; } .hotspot_style_2 .hotspot_info .fa:before { transform: rotateZ(0deg); transition: 0.4s ease all; display: inline-block; } .hotspot_style_2 .hotspot_info:focus .fa:before { transform: rotateZ(45deg); transition: 0.4s ease all; } .hotspot_style_2 .hotspot_info .fa:after { display: block; position: absolute; top: 50%; left: 50%; content: ''; width: 22px; height: 22px; margin: -11px auto auto -11px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; border-radius: 50%; background-color: inherit; opacity: 1; z-index: -1; pointer-events: none; animation: pulsate 3s cubic-bezier(0.2, 1, 0.2, 1) infinite; } /* ============ Style 2 =============*/ /* ============ Style 3 =============*/ .o_editable .image_hotspot.popover_style_3 .static_image_hotspot_info.show_edit { width: 300px; } .hotspot_style_3 .hotspot_info { border-radius: 50%; width: 28px; height: 28px; } .hotspot_style_3 .hotspot_info > i { position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%) !important; } .hotspot_style_3 .hotspot_info .fa { width: 28px; height: 28px; line-height: 30px; font-size: 16px; border-radius: 50%; background-color: #782525; vertical-align: middle; text-align: center; color: #ffffff !important; display: inline-block; } .hotspot_style_3 .hotspot_info .fa:before { width: 30px; height: 30px; font-size: 18px; border-radius: 50%; background-color: inherit; display: inline-block; vertical-align: middle; text-align: center; color: #ffffff !important; left: 50%; top: 50%; transform: translate(-50%, -50%); position: relative; } .hotspot_style_3 .hotspot_info .fa:after { content: ''; background-color: inherit; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 32px; height: 32px; z-index: -1; border-radius: 50px; transition: 0.4s ease all; filter: brightness(60%); } .hotspot_style_3 .hotspot_info:hover .fa:after, .hotspot_style_3 .hotspot_info:focus .fa:after { width: 45px; height: 45px; transition: 0.4s ease all; } /* ============ Style 3 =============*/ /* ============ Style 4 =============*/ .hotspot_style_4 .hotspot_info { border-radius: 0; width: 20px; height: 20px; position: relative; padding: 0; } .hotspot_style_4 .hotspot_info .fa { width: 100%; height: 100%; background-color: #d96998; color: #d96998 !important; display: block; z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .hotspot_style_4 .hotspot_info .fa:before { content: ''; background: transparent; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; border: 2px solid; border-color: inherit; transition: all 0.4s ease; width: 0px; height: 0px; opacity: 0; } .hotspot_style_4 .hotspot_info:hover .fa:before, .hotspot_style_4 .hotspot_info:focus .fa:before { transition: all 0.4s ease; width: 34px; height: 34px; opacity: 0.6; } /* ============ Style 4 =============*/ /* ============ Style 5 =============*/ .hotspot_style_5 .hotspot_info { border-radius: 50px; width: 20px; height: 20px; position: relative; padding: 0; } .hotspot_style_5 .hotspot_info .fa { width: 100%; height: 100%; background-color: #ff6000; color: #ff6000 !important; border-radius: 50px; display: block; z-index: 1; } .hotspot_style_5 .hotspot_info .fa:before { content: ''; background: transparent; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotateZ(0deg); border-radius: 50px; z-index: -1; border: 2px dashed; border-color: inherit; transition: all 0.4s ease; width: 0px; height: 0px; opacity: 0; animation: spin 3s linear infinite; } .hotspot_style_5 .hotspot_info:hover .fa:before, .hotspot_style_5 .hotspot_info:focus .fa:before { transition: all 0.4s ease; width: 34px; height: 34px; opacity: 1; animation: spin 3s linear infinite; } /* ============ Style 5 =============*/ @keyframes spin { 100% { transform: translate(-50%, -50%) rotateZ(360deg); } } @keyframes scaleIn { from { transform: scale(0.5, 0.5); opacity: 1; } to { transform: scale(2.5, 2.5); opacity: 0; } } @keyframes pulsate { from { opacity: 0; transform: scale(3); } to { opacity: 1; transform: scale(1); } } .popover { max-width: max-content; } .hotspot-popover { background: #fff !important; } /*.popover{width: 20% !important;max-width: 20% !important;} .popover-body{width: 100% !important;max-width: 100% !important;} @media only screen and (max-width: 767.98px){ .popover{width: 50% !important;max-width: 50% !important;} }*/ /* /sh_corpomate_theme/static/src/libs/aos/aos_extra.css */ [data-aos="roll-in-left"].aos-animate, [data-aos="roll-in-right"].aos-animate, [data-aos="fade-in-bottom-left"].aos-animate, [data-aos="fade-in"].aos-animate, [data-aos="fade-in-bottom-right"].aos-animate, [data-aos="fade-in-down"].aos-animate, [data-aos="fade-in-left"].aos-animate, [data-aos="fade-in-right"].aos-animate, [data-aos="fade-in-top-left"].aos-animate, [data-aos="fade-in-top-right"].aos-animate, [data-aos="fade-in-up"].aos-animate, [data-aos="shake-horizontal"].aos-animate, [data-aos="shake-vertical"].aos-animate, [data-aos="slide-in-left"].aos-animate, [data-aos="slide-in-right"].aos-animate, [data-aos="zoom-in-down"].aos-animate, [data-aos="zoom-in-left"].aos-animate, [data-aos="zoom-in-right"].aos-animate, [data-aos="zoom-in-up"].aos-animate, [data-aos="zoom-in"].aos-animate, [data-aos="blur-in"].aos-animate, [data-aos="flash"].aos-animate { -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; animation-duration: 1s; animation-fill-mode: both; } /* fade-in-bottom-left */ @keyframes fade-in-bottom-left { from { opacity: 0; transform: translate3d(-100%, 100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @-webkit-keyframes fade-in-bottom-left { from { -webkit-opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); } to { -webkit-opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } [data-aos="fade-in-bottom-left"].aos-animate { animation-name: fade-in-bottom-left; } /* fade-in-bottom-right */ @keyframes fade-in-bottom-right { from { opacity: 0; transform: translate3d(100%, 100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @-webkit-keyframes fade-in-bottom-right { from { -webkit-opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); } to { -webkit-opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } [data-aos="fade-in-bottom-right"].aos-animate { animation-name: fade-in-bottom-right; } /* fade-in-down */ @keyframes fade-in-down { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @-webkit-keyframes fade-in-down { from { -webkit-opacity: 0; -webkit-transform: translate3d(0, -100%, 0); } to { -webkit-opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } [data-aos="fade-in-down"].aos-animate { animation-name: fade-in-down; } /* fade-in-left */ @keyframes fade-in-left { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @-webkit-keyframes fade-in-left { from { -webkit-opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); } to { -webkit-opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } [data-aos="fade-in-left"].aos-animate { animation-name: fade-in-left; } /* fade-in-right */ @keyframes fade-in-right { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @-webkit-keyframes fade-in-right { from { -webkit-opacity: 0; -webkit-transform: translate3d(100%, 0, 0); } to { -webkit-opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } [data-aos="fade-in-right"].aos-animate { animation-name: fade-in-right; } /* fade-in-top-left */ @keyframes fade-in-top-left { from { opacity: 0; transform: translate3d(-100%, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @-webkit-keyframes fade-in-top-left { from { -webkit-opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); } to { -webkit-opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } [data-aos="fade-in-top-left"].aos-animate { animation-name: fade-in-top-left; } /* fade-in-top-right */ @keyframes fade-in-top-right { from { opacity: 0; transform: translate3d(100%, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @-webkit-keyframes fade-in-top-right { from { -webkit-opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); } to { -webkit-opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } [data-aos="fade-in-top-right"].aos-animate { animation-name: fade-in-top-right; } /* fade-in-up */ @keyframes fade-in-up { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @-webkit-keyframes fade-in-up { from { -webkit-opacity: 0; -webkit-transform: translate3d(0, 100%, 0); } to { -webkit-opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } [data-aos="fade-in-up"].aos-animate { animation-name: fade-in-up; } /* fade-in */ @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fade-in { from { -webkit-opacity: 0; } to { -webkit-opacity: 1; } } [data-aos="fade-in"].aos-animate { animation-name: fade-in; } /* roll-in-left */ @keyframes roll-in-left { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @-webkit-keyframes roll-in-left { from { -webkit-opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { -webkit-opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } [data-aos="roll-in-left"].aos-animate { animation-name: roll-in-left; } /* roll-in-right */ @keyframes roll-in-right { from { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @-webkit-keyframes roll-in-right { from { -webkit-opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } to { -webkit-opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } [data-aos="roll-in-right"].aos-animate { animation-name: roll-in-right; } /* shake-horizontal */ @keyframes shake-horizontal { 0%, 100%, 20%, 40%, 60%, 80% { transform: translate3d(-7px, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(7px, 0, 0); } 100% { transform: translate3d(0, 0, 0); } } @-webkit-keyframes shake-horizontal { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-transform: translate3d(-7px, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(7px, 0, 0); } 100% { transform: translate3d(0, 0, 0); } } [data-aos="shake-horizontal"].aos-animate { animation-name: shake-horizontal; } /* shake-vertical */ @keyframes shake-vertical { 0%, 100%, 20%, 40%, 60%, 80% { transform: translate3d(0, 7px, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(0, -7px, 0); } 100% { transform: translate3d(0, 0, 0); } } @-webkit-keyframes shake-vertical { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 7px, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -7px, 0); } 100% { transform: translate3d(0, 0, 0); } } [data-aos="shake-vertical"].aos-animate { animation-name: shake-vertical; } /* slide-in-left */ @keyframes slide-in-left { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @-webkit-keyframes slide-in-left { from { -webkit-transform: translate3d(-100%, 0, 0); -webkit-visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); } } [data-aos="slide-in-left"].aos-animate { animation-name: slide-in-left; } /* slide-in-right */ @keyframes slide-in-right { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @-webkit-keyframes slide-in-right { from { -webkit-transform: translate3d(100%, 0, 0); -webkit-visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); } } [data-aos="slide-in-right"].aos-animate { animation-name: slide-in-right; } /* zoom-in-down */ @keyframes zoom-in-down { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 70% { opacity: 1; transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 20px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @-webkit-keyframes zoom-in-down { from { -webkit-opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 70% { -webkit-opacity: 1; -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 20px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } [data-aos="zoom-in-down"].aos-animate { animation-name: zoom-in-down; } /* zoom-in-left */ @keyframes zoom-in-left { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 70% { opacity: 1; transform: scale3d(0.5, 0.5, 0.5) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @-webkit-keyframes zoom-in-left { from { -webkit-opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 70% { -webkit-opacity: 1; -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } [data-aos="zoom-in-left"].aos-animate { animation-name: zoom-in-left; } /* zoom-in-right */ @keyframes zoom-in-right { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 70% { opacity: 1; transform: scale3d(0.5, 0.5, 0.5) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @-webkit-keyframes zoom-in-right { from { -webkit-opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 70% { -webkit-opacity: 1; -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } [data-aos="zoom-in-right"].aos-animate { animation-name: zoom-in-right; } /* zoom-in-up */ @keyframes zoom-in-up { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 70% { opacity: 1; transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -20px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @-webkit-keyframes zoom-in-up { from { -webkit-opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 70% { -webkit-opacity: 1; -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -20px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } [data-aos="zoom-in-up"].aos-animate { animation-name: zoom-in-up; } /* zoom-in */ @keyframes zoom-in { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-webkit-keyframes zoom-in { from { -webkit-opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); } 50% { -webkit-opacity: 1; } } [data-aos="zoom-in"].aos-animate { animation-name: zoom-in; } /* blur-in */ @keyframes blur-in { from { opacity: 0; filter: blur(4px); } to { opacity: 1; filter: blur(0); } } @-webkit-keyframes blur-in { from { -webkit-opacity: 0; -webkit-filter: blur(4px); } to { -webkit-opacity: 1; -webkit-filter: blur(0); } } [data-aos="blur-in"].aos-animate { animation-name: blur-in; } /* flash */ @keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } } @-webkit-keyframes flash { 0%, 100%, 50% { -webkit-opacity: 1; } 25%, 75% { -webkit-opacity: 0; } } [data-aos="flash"].aos-animate { animation-name: flash; } /* /sh_corpomate_theme/static/src/libs/aos/aos.css */ [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { transition-duration: 50ms; } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay: 50ms; } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { transition-duration: 0.1s; } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay: 0.1s; } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { transition-duration: 0.15s; } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay: 0.15s; } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { transition-duration: 0.2s; } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: 0.2s; } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { transition-duration: 0.25s; } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay: 0.25s; } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { transition-duration: 0.3s; } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay: 0.3s; } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { transition-duration: 0.35s; } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay: 0.35s; } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { transition-duration: 0.4s; } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: 0.4s; } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { transition-duration: 0.45s; } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay: 0.45s; } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { transition-duration: 0.5s; } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay: 0.5s; } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { transition-duration: 0.55s; } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay: 0.55s; } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { transition-duration: 0.6s; } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay: 0.6s; } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { transition-duration: 0.65s; } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay: 0.65s; } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { transition-duration: 0.7s; } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay: 0.7s; } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { transition-duration: 0.75s; } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay: 0.75s; } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { transition-duration: 0.8s; } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay: 0.8s; } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { transition-duration: 0.85s; } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay: 0.85s; } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { transition-duration: 0.9s; } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay: 0.9s; } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { transition-duration: 0.95s; } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay: 0.95s; } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { transition-duration: 1s; } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay: 1s; } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { transition-duration: 1.05s; } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay: 1.05s; } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { transition-duration: 1.1s; } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay: 1.1s; } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { transition-duration: 1.15s; } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay: 1.15s; } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { transition-duration: 1.2s; } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay: 1.2s; } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { transition-duration: 1.25s; } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay: 1.25s; } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { transition-duration: 1.3s; } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay: 1.3s; } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { transition-duration: 1.35s; } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay: 1.35s; } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { transition-duration: 1.4s; } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay: 1.4s; } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { transition-duration: 1.45s; } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay: 1.45s; } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { transition-duration: 1.5s; } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay: 1.5s; } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { transition-duration: 1.55s; } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay: 1.55s; } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { transition-duration: 1.6s; } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay: 1.6s; } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { transition-duration: 1.65s; } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay: 1.65s; } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { transition-duration: 1.7s; } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay: 1.7s; } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { transition-duration: 1.75s; } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay: 1.75s; } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { transition-duration: 1.8s; } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay: 1.8s; } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { transition-duration: 1.85s; } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay: 1.85s; } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { transition-duration: 1.9s; } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay: 1.9s; } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { transition-duration: 1.95s; } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay: 1.95s; } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { transition-duration: 2s; } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay: 2s; } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { transition-duration: 2.05s; } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay: 2.05s; } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { transition-duration: 2.1s; } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay: 2.1s; } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { transition-duration: 2.15s; } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay: 2.15s; } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { transition-duration: 2.2s; } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay: 2.2s; } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { transition-duration: 2.25s; } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay: 2.25s; } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { transition-duration: 2.3s; } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay: 2.3s; } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { transition-duration: 2.35s; } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay: 2.35s; } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { transition-duration: 2.4s; } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay: 2.4s; } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { transition-duration: 2.45s; } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay: 2.45s; } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { transition-duration: 2.5s; } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay: 2.5s; } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { transition-duration: 2.55s; } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay: 2.55s; } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { transition-duration: 2.6s; } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay: 2.6s; } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { transition-duration: 2.65s; } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay: 2.65s; } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { transition-duration: 2.7s; } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay: 2.7s; } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { transition-duration: 2.75s; } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay: 2.75s; } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { transition-duration: 2.8s; } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay: 2.8s; } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { transition-duration: 2.85s; } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay: 2.85s; } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { transition-duration: 2.9s; } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay: 2.9s; } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { transition-duration: 2.95s; } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay: 2.95s; } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { transition-duration: 3s; } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay: 3s; } [data-aos][data-aos][data-aos-easing="linear"], body[data-aos-easing="linear"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } [data-aos][data-aos][data-aos-easing="ease"], body[data-aos-easing="ease"] [data-aos] { transition-timing-function: ease; } [data-aos][data-aos][data-aos-easing="ease-in"], body[data-aos-easing="ease-in"] [data-aos] { transition-timing-function: ease-in; } [data-aos][data-aos][data-aos-easing="ease-out"], body[data-aos-easing="ease-out"] [data-aos] { transition-timing-function: ease-out; } [data-aos][data-aos][data-aos-easing="ease-in-out"], body[data-aos-easing="ease-in-out"] [data-aos] { transition-timing-function: ease-in-out; } [data-aos][data-aos][data-aos-easing="ease-in-back"], body[data-aos-easing="ease-in-back"] [data-aos] { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } [data-aos][data-aos][data-aos-easing="ease-out-back"], body[data-aos-easing="ease-out-back"] [data-aos] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } [data-aos][data-aos][data-aos-easing="ease-in-out-back"], body[data-aos-easing="ease-in-out-back"] [data-aos] { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } [data-aos][data-aos][data-aos-easing="ease-in-sine"], body[data-aos-easing="ease-in-sine"] [data-aos] { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } [data-aos][data-aos][data-aos-easing="ease-out-sine"], body[data-aos-easing="ease-out-sine"] [data-aos] { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } [data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } [data-aos][data-aos][data-aos-easing="ease-in-quad"], body[data-aos-easing="ease-in-quad"] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-quad"], body[data-aos-easing="ease-out-quad"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-quad"], body[data-aos-easing="ease-in-out-quad"] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing="ease-in-cubic"], body[data-aos-easing="ease-in-cubic"] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-cubic"], body[data-aos-easing="ease-out-cubic"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"], body[data-aos-easing="ease-in-out-cubic"] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing="ease-in-quart"], body[data-aos-easing="ease-in-quart"] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-quart"], body[data-aos-easing="ease-out-quart"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-quart"], body[data-aos-easing="ease-in-out-quart"] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos^="fade"][data-aos^="fade"] { opacity: 0; transition-property: opacity, transform; } [data-aos^="fade"][data-aos^="fade"].aos-animate { opacity: 1; transform: translateZ(0); } [data-aos="fade-up"] { transform: translate3d(0, 100px, 0); } [data-aos="fade-down"] { transform: translate3d(0, -100px, 0); } [data-aos="fade-right"] { transform: translate3d(-100px, 0, 0); } [data-aos="fade-left"] { transform: translate3d(100px, 0, 0); } [data-aos="fade-up-right"] { transform: translate3d(-100px, 100px, 0); } [data-aos="fade-up-left"] { transform: translate3d(100px, 100px, 0); } [data-aos="fade-down-right"] { transform: translate3d(-100px, -100px, 0); } [data-aos="fade-down-left"] { transform: translate3d(100px, -100px, 0); } [data-aos^="zoom"][data-aos^="zoom"] { opacity: 0; transition-property: opacity, transform; } [data-aos^="zoom"][data-aos^="zoom"].aos-animate { opacity: 1; transform: translateZ(0) scale(1); } [data-aos="zoom-in"] { transform: scale(0.6); } [data-aos="zoom-in-up"] { transform: translate3d(0, 100px, 0) scale(0.6); } [data-aos="zoom-in-down"] { transform: translate3d(0, -100px, 0) scale(0.6); } [data-aos="zoom-in-right"] { transform: translate3d(-100px, 0, 0) scale(0.6); } [data-aos="zoom-in-left"] { transform: translate3d(100px, 0, 0) scale(0.6); } [data-aos="zoom-out"] { transform: scale(1.2); } [data-aos="zoom-out-up"] { transform: translate3d(0, 100px, 0) scale(1.2); } [data-aos="zoom-out-down"] { transform: translate3d(0, -100px, 0) scale(1.2); } [data-aos="zoom-out-right"] { transform: translate3d(-100px, 0, 0) scale(1.2); } [data-aos="zoom-out-left"] { transform: translate3d(100px, 0, 0) scale(1.2); } [data-aos^="slide"][data-aos^="slide"] { transition-property: transform; } [data-aos^="slide"][data-aos^="slide"].aos-animate { transform: translateZ(0); } [data-aos="slide-up"] { transform: translate3d(0, 100%, 0); } [data-aos="slide-down"] { transform: translate3d(0, -100%, 0); } [data-aos="slide-right"] { transform: translate3d(-100%, 0, 0); } [data-aos="slide-left"] { transform: translate3d(100%, 0, 0); } [data-aos^="flip"][data-aos^="flip"] { backface-visibility: hidden; transition-property: transform; } [data-aos="flip-left"] { transform: perspective(2500px) rotateY(-100deg); } [data-aos="flip-left"].aos-animate { transform: perspective(2500px) rotateY(0); } [data-aos="flip-right"] { transform: perspective(2500px) rotateY(100deg); } [data-aos="flip-right"].aos-animate { transform: perspective(2500px) rotateY(0); } [data-aos="flip-up"] { transform: perspective(2500px) rotateX(-100deg); } [data-aos="flip-up"].aos-animate { transform: perspective(2500px) rotateX(0); } [data-aos="flip-down"] { transform: perspective(2500px) rotateX(100deg); } [data-aos="flip-down"].aos-animate { transform: perspective(2500px) rotateX(0); } /* /sh_corpomate_theme/static/src/libs/aos/layout.css */ // FIXME: REMOVE OVERFLOW IN wrap WHEN FINALIZE // TO HIDE SCROLL IN ANIMATION. #wrap{ overflow:hidden; } #wrapwrap{ overflow-x:hidden; } /* /sh_corpomate_theme/static/src/libs/owl/owl.carousel.min.css */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; } .owl-carousel { display: none; width: 100%; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 0.5s ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 0.4s ease; } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(/sh_corpomate_theme/static/src/libs/owl/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 0.1s ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 0.4s ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* /sh_corpomate_theme/static/src/libs/owl/owl.theme.default.min.css */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav { margin-top: 10px; } .owl-theme .owl-nav [class*="owl-"] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*="owl-"]:hover { background: #869791; color: #fff; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; transition: opacity 0.2s ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } /* /sh_corpomate_theme/static/src/scss/extra_addons/sh_snippet_adv/image_mask.scss */ img.css_cls_sh_image_mask_style_1 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_1.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_1.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_2 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_2.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_2.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_3 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_3.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_3.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_4 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_4.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_4.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_5 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_5.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_5.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_6 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_6.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_6.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_7 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_7.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_7.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_8 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_8.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_8.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_9 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_9.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_9.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_10 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_10.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_10.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_11 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_11.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_11.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_12 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_12.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_12.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_13 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_13.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_13.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_14 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_14.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_14.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_15 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_15.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_15.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_16 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_16.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_16.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_17 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_17.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_17.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_18 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_18.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_18.svg"); -webkit-mask-size: unset; mask-size: unset; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_19 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_19.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_19.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_20 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_20.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_20.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_21 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_21.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_21.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_22 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_22.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_22.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_23 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_23.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_23.svg"); -webkit-mask-size: auto; mask-size: auto; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_24 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_24.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_24.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_25 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_25.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_25.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_26 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_26.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_26.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_27 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_27.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_27.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_28 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_28.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_28.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_29 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_29.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_29.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_30 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_30.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_30.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_31 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_31.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_31.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_32 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_32.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_32.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_33 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_33.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_33.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_34 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_34.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_34.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_35 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_35.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_35.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } img.css_cls_sh_image_mask_style_36 { -webkit-mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_36.svg"); mask-image: url("/sh_corpomate_theme/static/src/images/extra_addons/sh_snippet_adv/shape_36.svg"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; overflow: hidden; } /* /sh_corpomate_theme/static/src/css/extra_addons/sh_website_preloader/preloader.css */ #preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10000;} #status {position: absolute;left: 50%;top: 50%;margin: 0px; transform: translate(-50%,-50%);} .ball-pulse-sync>div, .ball-pulse>div, .ball-scale-random>div, .ball-scale>div {background-color: #fff;border-radius: 100%;margin: 2px;display: inline-block;} @-webkit-keyframes scale { 0%, 80% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 45% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.7; } } @keyframes scale { 0%, 80% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 45% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.7; } } .ball-pulse>div:nth-child(1) {-webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);} .ball-pulse>div:nth-child(2) {-webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);} .ball-pulse>div:nth-child(3) {-webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);} .ball-pulse>div {width: 15px;height: 15px;-webkit-animation-fill-mode: both;animation-fill-mode: both;} @-webkit-keyframes ball-pulse-sync { 33% { -webkit-transform: translateY(10px); transform: translateY(10px); } 66% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes ball-pulse-sync { 33% { -webkit-transform: translateY(10px); transform: translateY(10px); } 66% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .ball-pulse-sync>div:nth-child(1) {-webkit-animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;} .ball-pulse-sync>div:nth-child(2) {-webkit-animation: ball-pulse-sync 0.6s -70ms infinite ease-in-out;animation: ball-pulse-sync 0.6s -70ms infinite ease-in-out;} .ball-pulse-sync>div:nth-child(3) {-webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;} .ball-pulse-sync>div {width: 15px;height: 15px;-webkit-animation-fill-mode: both;animation-fill-mode: both;} @-webkit-keyframes ball-scale { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes ball-scale { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .ball-scale>div {height: 60px;width: 60px;-webkit-animation: ball-scale 1s 0s ease-in-out infinite;animation: ball-scale 1s 0s ease-in-out infinite;} .ball-scale-random {width: 37px;height: 40px;} .ball-scale-random>div {position: absolute;height: 30px;width: 30px;-webkit-animation: ball-scale 1s 0s ease-in-out infinite;animation: ball-scale 1s 0s ease-in-out infinite;} .ball-rotate, .ball-rotate>div {position: relative;} .ball-rotate>div, .ball-rotate>div:after, .ball-rotate>div:before {background-color: #fff;width: 15px;height: 15px;border-radius: 100%;} .ball-scale-random>div:nth-child(1) {margin-left: -7px;-webkit-animation: ball-scale 1s 0.2s ease-in-out infinite;animation: ball-scale 1s 0.2s ease-in-out infinite;} .ball-scale-random>div:nth-child(3) {margin-left: -2px;margin-top: 9px;-webkit-animation: ball-scale 1s 0.5s ease-in-out infinite;animation: ball-scale 1s 0.5s ease-in-out infinite;} @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .ball-rotate>div {margin: 2px;-webkit-animation-fill-mode: both;animation-fill-mode: both;} .ball-rotate>div:first-child {-webkit-animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;} .ball-rotate>div:after, .ball-rotate>div:before {margin: 2px;content: "";position: absolute;opacity: 0.8;} .ball-rotate>div:before {top: 0;left: -28px;} .ball-rotate>div:after {top: 0;left: 25px;} .ball-clip-rotate>div {border-radius: 100%;margin: 2px;border: 2px solid #fff;border-bottom-color: transparent;height: 26px;width: 26px;background: 0 0 !important;display: inline-block;-webkit-animation: rotate 0.75s 0s linear infinite;animation: rotate 0.75s 0s linear infinite;} @keyframes rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes scale { 30% { -webkit-transform: scale(0.3); transform: scale(0.3); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .ball-clip-rotate-pulse {position: relative;-webkit-transform: translateY(-15px);transform: translateY(-15px);} .ball-clip-rotate-pulse>div {-webkit-animation-fill-mode: both;animation-fill-mode: both;position: absolute;top: 0;left: 0;border-radius: 100%;} .ball-clip-rotate-pulse>div:first-child {background: #fff;height: 16px;width: 16px;top: 7px;left: -7px;-webkit-animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;} .ball-clip-rotate-pulse>div:last-child {position: absolute;width: 30px;height: 30px;left: -16px;top: -2px;background: 0 0;border: 2px solid;border-color: #fff transparent;-webkit-animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;-webkit-animation-duration: 1s;animation-duration: 1s;} .ball-beat>div, .ball-scale-multiple>div {background-color: #fff;border-radius: 100%;} @keyframes rotate { 0% { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } .ball-clip-rotate-multiple {position: relative;} .ball-clip-rotate-multiple>div {position: absolute;left: -20px;top: -20px;border: 2px solid #fff;border-bottom-color: transparent;border-top-color: transparent;border-radius: 100%;height: 35px;width: 35px;-webkit-animation: rotate 1s 0s ease-in-out infinite;animation: rotate 1s 0s ease-in-out infinite;} .ball-clip-rotate-multiple>div:last-child {display: inline-block;top: -10px;left: -10px;width: 15px;height: 15px;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;border-color: #fff transparent;-webkit-animation-direction: reverse;animation-direction: reverse;} @-webkit-keyframes ball-scale-ripple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0; } } @keyframes ball-scale-ripple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0; } } .ball-scale-ripple>div {height: 50px;width: 50px;border-radius: 100%;border: 2px solid #fff;-webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);} @-webkit-keyframes ball-scale-ripple-multiple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0; } } @keyframes ball-scale-ripple-multiple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0; } } .ball-scale-ripple-multiple {position: relative;-webkit-transform: translateY(-25px);transform: translateY(-25px);} .ball-scale-ripple-multiple>div:nth-child(0) {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;} .ball-scale-ripple-multiple>div:nth-child(1) {-webkit-animation-delay: -0.6s;animation-delay: -0.6s;} .ball-scale-ripple-multiple>div:nth-child(2) {-webkit-animation-delay: -0.4s;animation-delay: -0.4s;} .ball-scale-ripple-multiple>div:nth-child(3) {-webkit-animation-delay: -0.2s;animation-delay: -0.2s;} .ball-scale-ripple-multiple>div {position: absolute;top: -2px;left: -26px;width: 50px;height: 50px;border-radius: 100%;border: 2px solid #fff;-webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);} @-webkit-keyframes ball-beat { 50% { opacity: 0.2; -webkit-transform: scale(0.75); transform: scale(0.75); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes ball-beat { 50% { opacity: 0.2; -webkit-transform: scale(0.75); transform: scale(0.75); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .ball-beat>div {width: 15px;height: 15px;margin: 2px;display: inline-block;-webkit-animation: ball-beat 0.7s 0s infinite linear;animation: ball-beat 0.7s 0s infinite linear;} .ball-beat>div:nth-child(2n-1) {-webkit-animation-delay: -0.35s !important;animation-delay: -0.35s !important;} @-webkit-keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .ball-scale-multiple { position: relative; -webkit-transform: translateY(-30px); transform: translateY(-30px); } .ball-scale-multiple>div:nth-child(2) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .ball-scale-multiple>div:nth-child(3) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .ball-scale-multiple>div { position: absolute; left: -30px; top: 0; opacity: 0; margin: 0; width: 60px; height: 60px; -webkit-animation: ball-scale-multiple 1s 0s linear infinite; animation: ball-scale-multiple 1s 0s linear infinite; } .ball-triangle-path>div:nth-child(1), .ball-triangle-path>div:nth-child(2) { -webkit-animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; } @-webkit-keyframes ball-triangle-path-1 { 33% { -webkit-transform: translate(25px, -50px); transform: translate(25px, -50px); } 66% { -webkit-transform: translate(50px, 0); transform: translate(50px, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-triangle-path-1 { 33% { -webkit-transform: translate(25px, -50px); transform: translate(25px, -50px); } 66% { -webkit-transform: translate(50px, 0); transform: translate(50px, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ball-triangle-path-2 { 33% { -webkit-transform: translate(25px, 50px); transform: translate(25px, 50px); } 66% { -webkit-transform: translate(-25px, 50px); transform: translate(-25px, 50px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-triangle-path-2 { 33% { -webkit-transform: translate(25px, 50px); transform: translate(25px, 50px); } 66% { -webkit-transform: translate(-25px, 50px); transform: translate(-25px, 50px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ball-triangle-path-3 { 33% { -webkit-transform: translate(-50px, 0); transform: translate(-50px, 0); } 66% { -webkit-transform: translate(-25px, -50px); transform: translate(-25px, -50px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-triangle-path-3 { 33% { -webkit-transform: translate(-50px, 0); transform: translate(-50px, 0); } 66% { -webkit-transform: translate(-25px, -50px); transform: translate(-25px, -50px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .ball-triangle-path {position: relative;-webkit-transform: translate(-29.99px, -37.51px);transform: translate(-29.99px, -37.51px);} .ball-triangle-path>div:nth-child(1) {-webkit-animation-name: ball-triangle-path-1;animation-name: ball-triangle-path-1;-webkit-animation-delay: 0;animation-delay: 0;animation-duration: 2s;animation-timing-function: ease-in-out;animation-iteration-count: infinite;} .ball-triangle-path>div:nth-child(2) {-webkit-animation-name: ball-triangle-path-2;animation-name: ball-triangle-path-2;-webkit-animation-delay: 0;animation-delay: 0;animation-duration: 2s;animation-timing-function: ease-in-out;animation-iteration-count: infinite;} .ball-triangle-path>div:nth-child(3) {-webkit-animation-name: ball-triangle-path-3;animation-name: ball-triangle-path-3;-webkit-animation-delay: 0;animation-delay: 0;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;} .ball-triangle-path>div {-webkit-animation-fill-mode: both;animation-fill-mode: both;position: absolute;width: 10px;height: 10px;border-radius: 100%;border: 1px solid #fff;} .ball-grid-beat>div, .ball-pulse-rise>div {-webkit-animation-fill-mode: both;-webkit-animation-iteration-count: infinite;} .ball-grid-beat>div, .ball-grid-pulse>div, .ball-pulse-rise>div {height: 15px;border-radius: 100%;display: inline-block;background-color: #fff;margin: 2px;} .ball-triangle-path>div:nth-of-type(1) {top: 50px;} .ball-triangle-path>div:nth-of-type(2) {left: 25px;} .ball-triangle-path>div:nth-of-type(3) {top: 50px;left: 50px;} @-webkit-keyframes ball-pulse-rise-even { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 25% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: scale(0.4); transform: scale(0.4); } 75% { -webkit-transform: translateY(30px); transform: translateY(30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: scale(1); transform: scale(1); } } @keyframes ball-pulse-rise-even { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 25% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: scale(0.4); transform: scale(0.4); } 75% { -webkit-transform: translateY(30px); transform: translateY(30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes ball-pulse-rise-odd { 0% { -webkit-transform: scale(0.4); transform: scale(0.4); } 25% { -webkit-transform: translateY(30px); transform: translateY(30px); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: scale(0.75); transform: scale(0.75); } } @keyframes ball-pulse-rise-odd { 0% { -webkit-transform: scale(0.4); transform: scale(0.4); } 25% { -webkit-transform: translateY(30px); transform: translateY(30px); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: scale(0.75); transform: scale(0.75); } } .ball-pulse-rise>div {width: 15px;animation-fill-mode: both;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);animation-iteration-count: infinite;-webkit-animation-delay: 0;animation-delay: 0;} .ball-pulse-rise>div:nth-child(2n) {-webkit-animation-name: ball-pulse-rise-even;animation-name: ball-pulse-rise-even;} .ball-pulse-rise>div:nth-child(2n-1) {-webkit-animation-name: ball-pulse-rise-odd;animation-name: ball-pulse-rise-odd;} @-webkit-keyframes ball-grid-beat { 50% { opacity: 0.7; } 100% { opacity: 1; } } @keyframes ball-grid-beat { 50% { opacity: 0.7; } 100% { opacity: 1; } } .ball-grid-beat {width: 57px;} .ball-grid-beat>div:nth-child(1) {-webkit-animation-delay: 0.15s;animation-delay: 0.15s;-webkit-animation-duration: 1.45s;animation-duration: 1.45s;} .ball-grid-beat>div:nth-child(2) {-webkit-animation-delay: -20ms;animation-delay: -20ms;-webkit-animation-duration: 0.97s;animation-duration: 0.97s;} .ball-grid-beat>div:nth-child(3) {-webkit-animation-delay: 0.66s;animation-delay: 0.66s;-webkit-animation-duration: 1.23s;animation-duration: 1.23s;} .ball-grid-beat>div:nth-child(4) {-webkit-animation-delay: 0.64s;animation-delay: 0.64s;-webkit-animation-duration: 1.24s;animation-duration: 1.24s;} .ball-grid-beat>div:nth-child(5) {-webkit-animation-delay: -0.19s;animation-delay: -0.19s;-webkit-animation-duration: 1.13s;animation-duration: 1.13s;} .ball-grid-beat>div:nth-child(6) {-webkit-animation-delay: 0.69s;animation-delay: 0.69s;-webkit-animation-duration: 1.42s;animation-duration: 1.42s;} .ball-grid-beat>div:nth-child(7) {-webkit-animation-delay: 0.58s;animation-delay: 0.58s;-webkit-animation-duration: 1.14s;animation-duration: 1.14s;} .ball-grid-beat>div:nth-child(8) {-webkit-animation-delay: 0.21s;animation-delay: 0.21s;-webkit-animation-duration: 1.17s;animation-duration: 1.17s;} .ball-grid-beat>div:nth-child(9) {-webkit-animation-delay: -0.18s;animation-delay: -0.18s;-webkit-animation-duration: 0.65s;animation-duration: 0.65s;} .ball-grid-beat>div {width: 15px;animation-fill-mode: both;float: left;-webkit-animation-name: ball-grid-beat;animation-name: ball-grid-beat;animation-iteration-count: infinite;-webkit-animation-delay: 0;animation-delay: 0;} @-webkit-keyframes ball-grid-pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes ball-grid-pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .ball-grid-pulse {width: 57px;} .ball-grid-pulse>div:nth-child(1) {-webkit-animation-delay: 0.22s;animation-delay: 0.22s;-webkit-animation-duration: 0.9s;animation-duration: 0.9s;} .ball-grid-pulse>div:nth-child(2) {-webkit-animation-delay: 0.64s;animation-delay: 0.64s;-webkit-animation-duration: 1s;animation-duration: 1s;} .ball-grid-pulse>div:nth-child(3) {-webkit-animation-delay: -0.15s;animation-delay: -0.15s;-webkit-animation-duration: 0.63s;animation-duration: 0.63s;} .ball-grid-pulse>div:nth-child(4) {-webkit-animation-delay: -30ms;animation-delay: -30ms;-webkit-animation-duration: 1.24s;animation-duration: 1.24s;} .ball-grid-pulse>div:nth-child(5) {-webkit-animation-delay: 80ms;animation-delay: 80ms;-webkit-animation-duration: 1.37s;animation-duration: 1.37s;} .ball-grid-pulse>div:nth-child(6) {-webkit-animation-delay: 0.43s;animation-delay: 0.43s;-webkit-animation-duration: 1.55s;animation-duration: 1.55s;} .ball-grid-pulse>div:nth-child(7) {-webkit-animation-delay: 50ms;animation-delay: 50ms;-webkit-animation-duration: 0.7s;animation-duration: 0.7s;} .ball-grid-pulse>div:nth-child(8) {-webkit-animation-delay: 50ms;animation-delay: 50ms;-webkit-animation-duration: 0.97s;animation-duration: 0.97s;} .ball-grid-pulse>div:nth-child(9) {-webkit-animation-delay: 0.3s;animation-delay: 0.3s;-webkit-animation-duration: 0.63s;animation-duration: 0.63s;} .ball-grid-pulse>div {width: 15px;-webkit-animation-fill-mode: both;animation-fill-mode: both;float: left;-webkit-animation-name: ball-grid-pulse;animation-name: ball-grid-pulse;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-delay: 0;animation-delay: 0;} @-webkit-keyframes ball-spin-fade-loader { 50% { opacity: 0.3; -webkit-transform: scale(0.4); transform: scale(0.4); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes ball-spin-fade-loader { 50% { opacity: 0.3; -webkit-transform: scale(0.4); transform: scale(0.4); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .ball-spin-fade-loader {position: relative;top: -10px;left: -10px;} .ball-spin-fade-loader>div:nth-child(1) {top: 25px;left: 0;-webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear;animation: ball-spin-fade-loader 1s -0.96s infinite linear;} .ball-spin-fade-loader>div:nth-child(2) {top: 17.05px;left: 17.05px;-webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear;animation: ball-spin-fade-loader 1s -0.84s infinite linear;} .ball-spin-fade-loader>div:nth-child(3) {top: 0;left: 25px;-webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear;animation: ball-spin-fade-loader 1s -0.72s infinite linear;} .ball-spin-fade-loader>div:nth-child(4) {top: -17.05px;left: 17.05px;-webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear;animation: ball-spin-fade-loader 1s -0.6s infinite linear;} .ball-spin-fade-loader>div:nth-child(5) {top: -25px;left: 0;-webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear;animation: ball-spin-fade-loader 1s -0.48s infinite linear;} .ball-spin-fade-loader>div:nth-child(6) {top: -17.05px;left: -17.05px;-webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear;animation: ball-spin-fade-loader 1s -0.36s infinite linear;} .ball-spin-fade-loader>div:nth-child(7) {top: 0;left: -25px;-webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear;animation: ball-spin-fade-loader 1s -0.24s infinite linear;} .ball-spin-fade-loader>div:nth-child(8) {top: 17.05px;left: -17.05px;-webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear;animation: ball-spin-fade-loader 1s -0.12s infinite linear;} .ball-spin-fade-loader>div, .ball-spin-loader>div {-webkit-animation-fill-mode: both;position: absolute;width: 15px;height: 15px;border-radius: 100%;} .ball-spin-fade-loader>div {background-color: #fff;margin: 2px;animation-fill-mode: both;} @-webkit-keyframes ball-spin-loader { 75% { opacity: 0.2; } 100% { opacity: 1; } } @keyframes ball-spin-loader { 75% { opacity: 0.2; } 100% { opacity: 1; } } .ball-spin-loader {position: relative;} .ball-spin-loader>span:nth-child(1) {top: 45px;left: 0;-webkit-animation: ball-spin-loader 2s 0.9s infinite linear;animation: ball-spin-loader 2s 0.9s infinite linear;} .ball-spin-loader>span:nth-child(2) {top: 30.68px;left: 30.68px;-webkit-animation: ball-spin-loader 2s 1.8s infinite linear;animation: ball-spin-loader 2s 1.8s infinite linear;} .ball-spin-loader>span:nth-child(3) {top: 0;left: 45px;-webkit-animation: ball-spin-loader 2s 2.7s infinite linear;animation: ball-spin-loader 2s 2.7s infinite linear;} .ball-spin-loader>span:nth-child(4) {top: -30.68px;left: 30.68px;-webkit-animation: ball-spin-loader 2s 3.6s infinite linear;animation: ball-spin-loader 2s 3.6s infinite linear;} .ball-spin-loader>span:nth-child(5) {top: -45px;left: 0;-webkit-animation: ball-spin-loader 2s 4.5s infinite linear;animation: ball-spin-loader 2s 4.5s infinite linear;} .ball-spin-loader>span:nth-child(6) {top: -30.68px;left: -30.68px;-webkit-animation: ball-spin-loader 2s 5.4s infinite linear;animation: ball-spin-loader 2s 5.4s infinite linear;} .ball-spin-loader>span:nth-child(7) {top: 0;left: -45px;-webkit-animation: ball-spin-loader 2s 6.3s infinite linear;animation: ball-spin-loader 2s 6.3s infinite linear;} .ball-spin-loader>span:nth-child(8) {top: 30.68px;left: -30.68px;-webkit-animation: ball-spin-loader 2s 7.2s infinite linear;animation: ball-spin-loader 2s 7.2s infinite linear;} .ball-spin-loader>div {animation-fill-mode: both;background: green;} .ball-zig-zag-deflect>div, .ball-zig-zag>div {background-color: #fff;width: 15px;height: 15px;border-radius: 100%;margin: 2px 2px 2px 15px;top: 4px;left: -7px;} @-webkit-keyframes ball-zig { 33% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 66% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-zig { 33% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 66% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ball-zag { 33% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 66% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-zag { 33% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 66% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .ball-zig-zag {position: relative;-webkit-transform: translate(-15px, -15px);transform: translate(-15px, -15px);} .ball-zig-zag>div {-webkit-animation-fill-mode: both;animation-fill-mode: both;position: absolute;} .ball-zig-zag>div:first-child {-webkit-animation: ball-zig 0.7s 0s infinite linear;animation: ball-zig 0.7s 0s infinite linear;} .ball-zig-zag>div:last-child {-webkit-animation: ball-zag 0.7s 0s infinite linear;animation: ball-zag 0.7s 0s infinite linear;} @-webkit-keyframes ball-zig-deflect { 17%, 84% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 34%, 67% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 100%, 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-zig-deflect { 17%, 84% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 34%, 67% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 100%, 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ball-zag-deflect { 17%, 84% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 34%, 67% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 100%, 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-zag-deflect { 17%, 84% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 34%, 67% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 100%, 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .ball-zig-zag-deflect {position: relative;-webkit-transform: translate(-15px, -15px);transform: translate(-15px, -15px);} .ball-zig-zag-deflect>div {-webkit-animation-fill-mode: both;animation-fill-mode: both;position: absolute;} .line-scale-party>div, .line-scale-pulse-out-rapid>div, .line-scale-pulse-out>div, .line-scale>div {width: 4px;height: 35px;display: inline-block;} .line-scale-party>div, .line-scale-pulse-out-rapid>div, .line-scale-pulse-out>div, .line-scale>div, .line-spin-fade-loader>div {border-radius: 2px;margin: 2px;background-color: #fff;} .ball-zig-zag-deflect>div:first-child {-webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;animation: ball-zig-deflect 1.5s 0s infinite linear;} .ball-zig-zag-deflect>div:last-child {-webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;animation: ball-zag-deflect 1.5s 0s infinite linear;} @-webkit-keyframes line-scale { 0%, 100% { -webkit-transform: scaley(1); transform: scaley(1); } 50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); } } @keyframes line-scale { 0%, 100% { -webkit-transform: scaley(1); transform: scaley(1); } 50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); } } .line-scale>div:nth-child(1) {-webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);} .line-scale>div:nth-child(2) {-webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);} .line-scale>div:nth-child(3) {-webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);} .line-scale>div:nth-child(4) {-webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);} .line-scale>div:nth-child(5) {-webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);} .line-scale>div {-webkit-animation-fill-mode: both;animation-fill-mode: both;} @-webkit-keyframes line-scale-party { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @keyframes line-scale-party { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } .line-scale-party>div:nth-child(1) {-webkit-animation-delay: 0.48s;animation-delay: 0.48s;-webkit-animation-duration: 0.54s;animation-duration: 0.54s;} .line-scale-party>div:nth-child(2) {-webkit-animation-delay: -0.15s;animation-delay: -0.15s;-webkit-animation-duration: 1.15s;animation-duration: 1.15s;} .line-scale-party>div:nth-child(3) {-webkit-animation-delay: 40ms;animation-delay: 40ms;-webkit-animation-duration: 0.77s;animation-duration: 0.77s;} .line-scale-party>div:nth-child(4) {-webkit-animation-delay: -0.12s;animation-delay: -0.12s;-webkit-animation-duration: 0.61s;animation-duration: 0.61s;} .line-scale-party>div {-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: line-scale-party;animation-name: line-scale-party;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-delay: 0;animation-delay: 0;} @-webkit-keyframes line-scale-pulse-out { 0%, 100% { -webkit-transform: scaley(1); transform: scaley(1); } 50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); } } @keyframes line-scale-pulse-out { 0%, 100% { -webkit-transform: scaley(1); transform: scaley(1); } 50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); } } .line-scale-pulse-out>div {-webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);} .line-scale-pulse-out>div:nth-child(2), .line-scale-pulse-out>div:nth-child(4) {-webkit-animation-delay: -0.4s !important;animation-delay: -0.4s !important;} .line-scale-pulse-out>div:nth-child(1), .line-scale-pulse-out>div:nth-child(5) {-webkit-animation-delay: -0.2s !important;animation-delay: -0.2s !important;} @-webkit-keyframes line-scale-pulse-out-rapid { 0%, 90% { -webkit-transform: scaley(1); transform: scaley(1); } 80% { -webkit-transform: scaley(0.3); transform: scaley(0.3); } } @keyframes line-scale-pulse-out-rapid { 0%, 90% { -webkit-transform: scaley(1); transform: scaley(1); } 80% { -webkit-transform: scaley(0.3); transform: scaley(0.3); } } .line-scale-pulse-out-rapid>div {vertical-align: middle;-webkit-animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);} .line-scale-pulse-out-rapid>div:nth-child(2), .line-scale-pulse-out-rapid>div:nth-child(4) {-webkit-animation-delay: -0.25s !important;animation-delay: -0.25s !important;} .line-scale-pulse-out-rapid>div:nth-child(1), .line-scale-pulse-out-rapid>div:nth-child(5) {-webkit-animation-delay: 0s !important;animation-delay: 0s !important;} @-webkit-keyframes line-spin-fade-loader { 50% { opacity: 0.3; } 100% { opacity: 1; } } @keyframes line-spin-fade-loader { 50% { opacity: 0.3; } 100% { opacity: 1; } } .line-spin-fade-loader {position: relative;top: -10px;left: -4px;} .line-spin-fade-loader>div:nth-child(1) {top: 20px;left: 0;-webkit-animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;} .line-spin-fade-loader>div:nth-child(2) {top: 13.64px;left: 13.64px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;} .line-spin-fade-loader>div:nth-child(3) {top: 0;left: 20px;-webkit-transform: rotate(90deg);transform: rotate(90deg);-webkit-animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;} .line-spin-fade-loader>div:nth-child(4) {top: -13.64px;left: 13.64px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;} .line-spin-fade-loader>div:nth-child(5) {top: -20px;left: 0;-webkit-animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;} .line-spin-fade-loader>div:nth-child(6) {top: -13.64px;left: -13.64px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;} .line-spin-fade-loader>div:nth-child(7) {top: 0;left: -20px;-webkit-transform: rotate(90deg);transform: rotate(90deg);-webkit-animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;} .line-spin-fade-loader>div:nth-child(8) {top: 13.64px;left: -13.64px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;} .line-spin-fade-loader>div {-webkit-animation-fill-mode: both;animation-fill-mode: both;position: absolute;width: 5px;height: 15px;} @-webkit-keyframes triangle-skew-spin { 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } } @keyframes triangle-skew-spin { 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } } .triangle-skew-spin>div {width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid #fff;-webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;} @-webkit-keyframes square-spin { 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } } @keyframes square-spin { 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } } .square-spin>div {width: 50px;height: 50px;background: #fff;-webkit-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;} .pacman>div:first-of-type, .pacman>div:nth-child(2) {width: 0;height: 0;border-right: 25px solid transparent;border-top: 25px solid #fff;border-left: 25px solid #fff;border-bottom: 25px solid #fff;border-radius: 25px;position: relative;left: -30px;} @-webkit-keyframes rotate_pacman_half_up { 0%, 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } 50% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate_pacman_half_up { 0%, 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } 50% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotate_pacman_half_down { 0%, 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 50% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes rotate_pacman_half_down { 0%, 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 50% { -webkit-transform: rotate(0); transform: rotate(0); } } @-webkit-keyframes pacman-balls { 75% { opacity: 0.7; } 100% { -webkit-transform: translate(-100px, -6.25px); transform: translate(-100px, -6.25px); } } @keyframes pacman-balls { 75% { opacity: 0.7; } 100% { -webkit-transform: translate(-100px, -6.25px); transform: translate(-100px, -6.25px); } } .pacman {position: relative;} .pacman>div:nth-child(3) {-webkit-animation: pacman-balls 1s -0.66s infinite linear;animation: pacman-balls 1s -0.66s infinite linear;} .pacman>div:nth-child(4) {-webkit-animation: pacman-balls 1s -0.33s infinite linear;animation: pacman-balls 1s -0.33s infinite linear;} .pacman>div:nth-child(5) {-webkit-animation: pacman-balls 1s 0s infinite linear;animation: pacman-balls 1s 0s infinite linear;} .pacman>div:first-of-type {-webkit-animation: rotate_pacman_half_up 0.5s 0s infinite;animation: rotate_pacman_half_up 0.5s 0s infinite;} .pacman>div:nth-child(2) {-webkit-animation: rotate_pacman_half_down 0.5s 0s infinite;animation: rotate_pacman_half_down 0.5s 0s infinite;margin-top: -50px;} .pacman>div:nth-child(3), .pacman>div:nth-child(4), .pacman>div:nth-child(5), .pacman>div:nth-child(6) {background-color: #fff;border-radius: 100%;margin: 2px;width: 10px;height: 10px;position: absolute;-webkit-transform: translate(0, -6.25px);transform: translate(0, -6.25px);top: 25px;left: 70px;} @-webkit-keyframes cube-transition { 25% { -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg); transform: translateX(50px) scale(0.5) rotate(-90deg); } 50% { -webkit-transform: translate(50px, 50px) rotate(-180deg); transform: translate(50px, 50px) rotate(-180deg); } 75% { -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg); transform: translateY(50px) scale(0.5) rotate(-270deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes cube-transition { 25% { -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg); transform: translateX(50px) scale(0.5) rotate(-90deg); } 50% { -webkit-transform: translate(50px, 50px) rotate(-180deg); transform: translate(50px, 50px) rotate(-180deg); } 75% { -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg); transform: translateY(50px) scale(0.5) rotate(-270deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } .cube-transition {position: relative;-webkit-transform: translate(-25px, -25px);transform: translate(-25px, -25px);} .cube-transition>div {width: 10px;height: 10px;position: absolute;top: -5px;left: -5px;background-color: #fff;-webkit-animation: cube-transition 1.6s 0s infinite ease-in-out;animation: cube-transition 1.6s 0s infinite ease-in-out;} .cube-transition>div:last-child {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;} @-webkit-keyframes spin-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .semi-circle-spin {position: relative;width: 35px;height: 35px;overflow: hidden;} .semi-circle-spin>div {position: absolute;border-width: 0;border-radius: 100%;-webkit-animation: spin-rotate 0.6s 0s infinite linear;animation: spin-rotate 0.6s 0s infinite linear;background-image: linear-gradient(transparent 0, transparent 70%, #fff 30%, #fff 100%);width: 100%;height: 100%;} /* /sh_corpomate_theme/static/src/scss/extra_addons/sh_website_store_locator/style.scss */ .js_cls_store_locator_wrapper .oe_search_found { display: none; } .sh_store_locator_loder { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(/sh_corpomate_theme/static/src/images/extra_addons/sh_website_store_locator/loading.gif) center no-repeat rgba(255, 255, 255, 0.5); text-shadow: 0 1px 1px white; } .sh_store_section .store-image, .sh_store_section .store-contact.fax { display: none; } .js_cls_store_locator_wrapper .shop-hidden { display: none !important; } .sh_store_locator_wrapper_style_1 #googleMap .js_cls_store_direct_link_to_map, .sh_store_locator_wrapper_style_1 #googleMap .js_cls_store_more_info { display: none !important; } header.o_header_is_scrolled + main .card-header.store-header { top: 56px !important; position: fixed; width: 100%; z-index: 3; left: 0; } .sh_js_cls_filter_countries .multiselect-container li label.checkbox, .sh_js_cls_filter_states .multiselect-container li label.checkbox, .sh_js_cls_filter_cities .multiselect-container li label.checkbox { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; } .sh_store_locator_wrapper_style_1 .container-fluid, .sh_store_locator_wrapper_style_1 .container-sm, .sh_store_locator_wrapper_style_1 .container-md, .sh_store_locator_wrapper_style_1 .container-lg, .sh_store_locator_wrapper_style_1 .container-xl, .sh_store_locator_wrapper_style_1 .container-xxl { padding: 0 !important; } .sh_store_locator_wrapper_style_1 .card { border: 0; overflow: initial !important; overflow-x: hidden !important; } .sh_store_locator_wrapper_style_1 .card-header.store-header { border-bottom: none; background: #ebebeb; padding: 0.7rem 2rem; z-index: 1; } .sh_store_locator_wrapper_style_1 .multiselect-container.dropdown-menu.show, .sh_store_locator_wrapper_style_1 .multiselect-container.show.o_dropdown_menu { overflow-y: auto; height: auto; max-height: 50vh; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px; border: none; } .sh_store_locator_wrapper_style_1 .multiselect.dropdown-toggle { max-width: 150px; min-width: 160px; margin-left: 5px; } .sh_store_locator_wrapper_style_1 .multiselect-container.dropdown-menu.show .multiselect-item.multiselect-filter .input-group, .sh_store_locator_wrapper_style_1 .multiselect-container.show.o_dropdown_menu .multiselect-item.multiselect-filter .input-group { position: relative; width: 100%; left: 0; top: 0; } .sh_store_locator_wrapper_style_1 .multiselect-container.dropdown-menu.show .multiselect-item.multiselect-filter .input-group-addon, .sh_store_locator_wrapper_style_1 .multiselect-container.show.o_dropdown_menu .multiselect-item.multiselect-filter .input-group-addon { position: absolute; top: 6px; left: 7px; z-index: 1; } .sh_store_locator_wrapper_style_1 .multiselect-container.dropdown-menu.show .multiselect-clear-filter, .sh_store_locator_wrapper_style_1 .multiselect-container.show.o_dropdown_menu .multiselect-clear-filter { display: none; } .sh_store_locator_wrapper_style_1 .multiselect-container.dropdown-menu.show li, .sh_store_locator_wrapper_style_1 .multiselect-container.show.o_dropdown_menu li { padding: 5px 10px; } .sh_store_locator_wrapper_style_1 .multiselect-container.dropdown-menu.show li a .checkbox input, .sh_store_locator_wrapper_style_1 .multiselect-container.show.o_dropdown_menu li a .checkbox input { height: 20px; width: 20px; vertical-align: middle; margin-right: 5px; opacity: 1; position: relative; } .sh_store_locator_wrapper_style_1 .multiselect-container.dropdown-menu.show li a .checkbox input:checked:after, .sh_store_locator_wrapper_style_1 .multiselect-container.show.o_dropdown_menu li a .checkbox input:checked:after { opacity: 1; } .sh_store_locator_wrapper_style_1 .multiselect-container.dropdown-menu.show li a .checkbox input:after, .sh_store_locator_wrapper_style_1 .multiselect-container.show.o_dropdown_menu li a .checkbox input:after { background: transparent; border-bottom: 3px solid #104cba; border-left: 3px solid #104cba; content: ''; height: 7px; width: 13px; transform: rotate(-42deg); top: 5px; left: 4px; opacity: 0; position: absolute; } .sh_store_locator_wrapper_style_1 .multiselect-container.dropdown-menu.show li a .checkbox input:before, .sh_store_locator_wrapper_style_1 .multiselect-container.show.o_dropdown_menu li a .checkbox input:before { position: absolute; height: 20px; width: 20px; background: #fff; content: ''; border: 1px solid #104cba; border-radius: 0.25rem; } .sh_store_locator_wrapper_style_1 .multiselect-container.dropdown-menu.show .form-control.multiselect-search, .sh_store_locator_wrapper_style_1 .multiselect-container.show.o_dropdown_menu .form-control.multiselect-search { padding: 0.375rem 2rem; transition: 0.1s; border-radius: 0.25rem; border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .sh_store_locator_wrapper_style_1 .multiselect-container.dropdown-menu.show .form-control.multiselect-search:focus, .sh_store_locator_wrapper_style_1 .multiselect-container.show.o_dropdown_menu .form-control.multiselect-search:focus { padding: 0.375rem 0.75rem; } .sh_store_locator_wrapper_style_1 .sh_list_grid_box { float: right; } .sh_store_locator_wrapper_style_1 .sh_list_grid_box .waves-effect { padding: 8px 10px; margin-right: 3px; } .sh_store_locator_wrapper_style_1 .sh_store_section.listView { height: 500px; overflow: auto; } .sh_store_locator_wrapper_style_1 .card-body .store_box { margin-bottom: 10px; } .sh_store_locator_wrapper_style_1 .card-body .store_box .store-list { box-shadow: rgba(38, 42, 76, 0.1) 0px 5px 70px 0px, rgba(38, 42, 76, 0.1) 0px 2px 16px 0px; padding: 20px; position: relative; margin-bottom: 15px; border-radius: 0.25rem; margin-bottom: 0px; transition: 0.5s; } .sh_store_locator_wrapper_style_1 .card-body .store_box .store-list:hover { box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px; } .sh_store_locator_wrapper_style_1 .card-body .store_box .store-list .sh_location_details { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; position: absolute; right: -18px; top: 50%; transform: translateY(-50%); } .sh_store_locator_wrapper_style_1 .card-body .store_box .store-list .sh_location_details .js_cls_store_more_info { margin: 5px 0px; width: 30px; padding: 0.375rem 0.5rem; height: 30px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; border-radius: 0.25rem; } .sh_store_locator_wrapper_style_1 .card-body .store_box .store-list .sh_location_details .js_cls_store_direct_link_to_map { margin: 5px 0px; width: 30px; padding: 0.375rem 0.5rem; height: 30px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; border-radius: 0.25rem; } .sh_store_locator_wrapper_style_1 .card-body .store_box .store-list a { text-decoration: none; transition: 0.5s; } .sh_store_locator_wrapper_style_1 .card-body .store_box .store-list span.fa { margin-right: 10px; } .sh_store_locator_wrapper_style_1 .card-body .store_box .store-list a:hover { color: #00375c; } .sh_store_locator_wrapper_style_1 .search-store { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .modal-content .sh_details_popup.modal-body span .fa.fa-map-marker { font-size: 20px; margin-right: 5px; } .modal-content .sh_details_popup h3, .modal-content .sh_details_popup .h3 { font-weight: 600; font-size: 25px; } .modal-content .sh_details_popup .sh_main_cls { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; } .modal-content .sh_details_popup .sh_main_cls .sh_cls_1 { margin-right: 10px; } .modal-content .sh_details_popup .fa.fa-user-circle-o { font-size: 20px; margin-right: 8px; margin-top: 5px; margin-bottom: 5px; } .modal-content .sh_details_popup .fa.fa-phone { font-size: 20px; margin-right: 11px; } .modal-content .sh_details_popup .fa.fa-mobile { font-size: 25px; margin-right: 14px; } .modal-content .sh_details_popup .fa.fa-fax { font-size: 20px; margin-right: 8px; margin-bottom: 5px; margin-top: 5px; } .modal-content .sh_details_popup .fa.fa-envelope { font-size: 20px; margin-right: 7px; } .modal-content .sh_details_popup .fa.fa-globe { font-size: 20px; margin-right: 9px; margin-top: 3px; } .modal-content .sh_details_popup .fa.fa-calendar { font-size: 20px; margin-right: 5px; } .modal-content .sh_details_popup .fa.fa-clock-o { font-size: 20px; margin-right: 5px; } .modal-content .sh_details_popup .badge { padding: 4px; font-size: 12px; margin-right: 5px; margin-top: 5px; } .modal-content .sh_details_popup .sh_calender_details { text-transform: capitalize; } .modal-content .sh_details_popup a { text-decoration: none; transition: 0.3s; } .modal-content .sh_details_popup a:hover { color: #00375c; } .sh_store_section.listView .table > tbody { vertical-align: middle; } .sh_store_section.listView .table > thead { position: sticky; top: 0; background: #fff; z-index: 0; } .sh_store_section.listView table .store_box td:nth-child(2) { width: 15%; } .sh_store_section.listView table .store_box td:nth-child(3) { width: 40%; } .sh_store_section.listView table .store_box td:nth-child(4) { width: 20%; } .sh_store_section.listView table .store_box td:nth-child(5) { width: 15%; } .sh_store_section.listView table .store_box td:nth-child(6) { width: 10%; } .sh_store_section.listView table .store_box a { text-decoration: none; } .sh_details_popup .store_address, .sh_store_section.listView table .store_box td:nth-child(3) { line-break: anywhere; } @media screen and (max-width: 1200px) { .sh_store_locator_wrapper_style_1 .js_cls_current_location { font-size: 14px; } .sh_store_locator_wrapper_style_1 .multiselect.dropdown-toggle { padding: 0.375rem 0.5rem; } .sh_store_locator_wrapper_style_1 .store-header .col-xl-8.col-lg-12.col-md-12 { margin-top: 10px; } } @media screen and (max-width: 1000px) { .sh_store_locator_wrapper_style_1 .card-body .store_box .js_cls_store_direct_link_to_map { margin-top: 10px; } .modal-content .sh_details_popup .store_address { margin-bottom: 10px; } .sh_store_locator_wrapper_style_1 .multiselect.dropdown-toggle { min-width: 155px; } .sh_store_locator_wrapper_style_1 .sh_list_grid_box .waves-effect { padding: 8px 7px; } .sh_store_locator_wrapper_style_1 .store-header .col-xl-8.col-lg-12.col-md-12 { padding-left: 0 !important; } } @media screen and (max-width: 767px) { .sh_store_locator_wrapper_style_1 .store-header .col-xl-8.col-lg-12.col-md-12 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; } .sh_store_locator_wrapper_style_1 .multiselect.dropdown-toggle { margin-top: 10px; } .sh_store_locator_wrapper_style_1 .multiselect-container.dropdown-menu.show, .sh_store_locator_wrapper_style_1 .multiselect-container.show.o_dropdown_menu { height: 150px; } .sh_store_locator_wrapper_style_1 .sh_list_grid_box { margin-top: 10px; } .sh_store_locator_wrapper_style_1 .js_cls_current_location { width: 100%; } .sh_store_locator_wrapper_style_1 .sh_js_cls_filter_cities { width: 100%; } .sh_store_locator_wrapper_style_1 .sh_js_cls_filter_cities .btn-group { width: 100% !important; } .sh_store_locator_wrapper_style_1 .sh_js_cls_filter_states { width: 100%; } .sh_store_locator_wrapper_style_1 .sh_js_cls_filter_states .btn-group { width: 100% !important; } .sh_store_locator_wrapper_style_1 .sh_js_cls_filter_countries { width: 100%; } .sh_store_locator_wrapper_style_1 .sh_js_cls_filter_countries .btn-group { width: 100% !important; } .sh_store_locator_wrapper_style_1 .multiselect.dropdown-toggle { margin-left: 0; } .sh_store_locator_wrapper_style_1 .multiselect.dropdown-toggle { max-width: 100%; } .sh_store_locator_wrapper_style_1 .multiselect-container.dropdown-menu.show, .sh_store_locator_wrapper_style_1 .multiselect-container.show.o_dropdown_menu { left: 0 !important; right: 0 !important; } .modal-content .sh_details_popup .store_address { margin-bottom: 10px; } } @media screen and (max-width: 576px) { .modal-content .sh_details_popup .store_address { margin-bottom: 10px; } .sh_store_locator_wrapper_style_1 .card-header.store-header { padding: 0.7rem 1.8rem !important; } .sh_store_locator_wrapper_style_1 .store-header .col-xl-8.col-lg-12.col-md-12 { padding-left: 0px !important; } } .sh_store_locator_wrapper_style_2 .store-menu .store_box { width: 100% !important; } .sh_store_locator_wrapper_style_2 #map-container .js_cls_store_direct_link_to_map, .sh_store_locator_wrapper_style_2 .js_cls_store_more_info { display: none !important; } /* width */ .sh_custom_style_2_store_loc::-webkit-scrollbar { width: 4px; } /* Track */ .sh_custom_style_2_store_loc::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ .sh_custom_style_2_store_loc::-webkit-scrollbar-thumb { background: #888; } /* Handle on hover */ .sh_custom_style_2_store_loc::-webkit-scrollbar-thumb:hover { background: #555; } .style_2_popup_main_info { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; width: 22rem; } .style_2_popup_main_info img { margin: 10px 0px; } .style_2_popup_main_info > div > .js_cls_store_name { font-size: 1.2rem; font-weight: 600; margin-bottom: 5px; } .sh_store_locator_wrapper_style_2 .card-body .store_box .store-list { box-shadow: rgba(38, 42, 76, 0.1) 0px 5px 70px 0px, rgba(38, 42, 76, 0.1) 0px 2px 16px 0px; padding: 20px; margin-bottom: 10px; margin-top: 5px; border-radius: 0.25rem; cursor: pointer; transition: 0.5s; } .sh_store_locator_wrapper_style_2 .card-body .store_box .store-list:hover { box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px; } .sh_store_locator_wrapper_style_2 .sh_store_locator_style_2_map_section { padding-right: 0px !important; } .sh_store_locator_wrapper_style_2 .js_cls_store_direct_link_to_map { display: none; } .sh_store_locator_wrapper_style_2 .card-body .col-xxl-3.col-xl-3 { overflow-y: scroll; height: 100vh; } .sh_store_locator_wrapper_style_2 .col-xxl-8.col-xl-8.col-lg-12.col-md-12 { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: end; } .sh_store_locator_wrapper_style_2 .multiselect-container.dropdown-menu.show, .sh_store_locator_wrapper_style_2 .multiselect-container.show.o_dropdown_menu { overflow-y: auto; height: auto; max-height: 50vh; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px; border: none; } .sh_store_locator_wrapper_style_2 .multiselect.dropdown-toggle { color: #FFFFFF; background-color: #0075C2; border-color: #0075C2; max-width: 150px; min-width: 170px; margin-left: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sh_store_locator_wrapper_style_2 .multiselect-container.dropdown-menu.show .multiselect-item.multiselect-filter .input-group, .sh_store_locator_wrapper_style_2 .multiselect-container.show.o_dropdown_menu .multiselect-item.multiselect-filter .input-group { position: relative; width: 100%; left: 0; top: 0; } .sh_store_locator_wrapper_style_2 .multiselect-container.dropdown-menu.show .multiselect-item.multiselect-filter .input-group-addon, .sh_store_locator_wrapper_style_2 .multiselect-container.show.o_dropdown_menu .multiselect-item.multiselect-filter .input-group-addon { position: absolute; top: 6px; left: 7px; z-index: 1; } .sh_store_locator_wrapper_style_2 .multiselect-container.dropdown-menu.show .multiselect-clear-filter, .sh_store_locator_wrapper_style_2 .multiselect-container.show.o_dropdown_menu .multiselect-clear-filter { display: none; } .sh_store_locator_wrapper_style_2 .multiselect-container.dropdown-menu.show li, .sh_store_locator_wrapper_style_2 .multiselect-container.show.o_dropdown_menu li { padding: 5px 10px; } .sh_store_locator_wrapper_style_2 .multiselect-container.dropdown-menu.show li a .checkbox, .sh_store_locator_wrapper_style_2 .multiselect-container.show.o_dropdown_menu li a .checkbox { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 140px; } .sh_store_locator_wrapper_style_2 .multiselect-container.dropdown-menu.show li a .checkbox input, .sh_store_locator_wrapper_style_2 .multiselect-container.show.o_dropdown_menu li a .checkbox input { height: 20px; width: 20px; vertical-align: middle; margin-right: 5px; opacity: 1; position: relative; } .sh_store_locator_wrapper_style_2 .multiselect-container.dropdown-menu.show li a .checkbox input:checked:after, .sh_store_locator_wrapper_style_2 .multiselect-container.show.o_dropdown_menu li a .checkbox input:checked:after { opacity: 1; } .sh_store_locator_wrapper_style_2 .multiselect-container.dropdown-menu.show li a .checkbox input:after, .sh_store_locator_wrapper_style_2 .multiselect-container.show.o_dropdown_menu li a .checkbox input:after { background: transparent; border-bottom: 3px solid #104cba; border-left: 3px solid #104cba; content: ''; height: 7px; width: 13px; transform: rotate(-42deg); top: 4px; left: 3px; opacity: 0; position: absolute; } .sh_store_locator_wrapper_style_2 .multiselect-container.dropdown-menu.show li a .checkbox input:before, .sh_store_locator_wrapper_style_2 .multiselect-container.show.o_dropdown_menu li a .checkbox input:before { position: absolute; height: 20px; width: 20px; background: #fff; content: ''; border: 1px solid #104cba; border-radius: 0.25rem; } .sh_store_locator_wrapper_style_2 .multiselect-container.dropdown-menu.show .form-control.multiselect-search, .sh_store_locator_wrapper_style_2 .multiselect-container.show.o_dropdown_menu .form-control.multiselect-search { padding: 0.375rem 2rem; transition: 0.1s; border-radius: 0.25rem; border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .sh_store_locator_wrapper_style_2 .multiselect-container.dropdown-menu.show .form-control.multiselect-search:focus, .sh_store_locator_wrapper_style_2 .multiselect-container.show.o_dropdown_menu .form-control.multiselect-search:focus { padding: 0.375rem 0.75rem; } .sh_store_locator_wrapper_style_2 .card-body .store_box .store-list.h-100 { height: auto !important; } .sh_store_locator_wrapper_style_2 .card-body .store_box .store-list a { text-decoration: none; font-weight: 500; transition: 0.3s; display: -webkit-box; display: -webkit-flex; display: flex; } .sh_store_locator_wrapper_style_2 .card-body .store_box .store-list a:hover { color: #00375c; } .sh_store_locator_wrapper_style_2 .card-body .store_box .store-list span.fa.fa-phone { font-size: 20px; margin-right: 10px; } .sh_store_locator_wrapper_style_2 .card-body .store_box .store-list span.fa.fa-globe { font-size: 20px; margin-right: 8px; } .sh_store_locator_wrapper_style_2 .card-body .store_box .store-list .store-contact.tel { margin-top: 10px; } .sh_store_locator_wrapper_style_2 #googleMap .gm-style .gm-style-iw-c { border-radius: 0.25rem; } .sh_store_locator_wrapper_style_2 .store-contact.email .fa.fa-envelope { margin-right: 9px; } .sh_store_locator_wrapper_style_2 .card-header { padding: 1rem 2rem; } .sh_store_locator_wrapper_style_2 .card { border: 0; overflow: initial !important; } .sh_store_locator_wrapper_style_2 .card-header.store-header { border-bottom: none; background: #ebebeb; padding: 0.7rem 2rem; } .sh_store_locator_wrapper_style_2 .store-image { text-align: center; margin-bottom: 10px; } .sh_store_locator_wrapper_style_2 .sh_store_locator_style_2_map_section a { text-decoration: none; color: #0075C2; font-weight: 500; transition: 0.3s; } .sh_store_locator_wrapper_style_2 .sh_store_locator_style_2_map_section a:hover { color: #00375c; } .sh_store_locator_wrapper_style_2 .sh_store_locator_style_2_map_section span.fa { font-size: 20px; margin-right: 8px; color: #0075C2; } .sh_store_locator_wrapper_style_2 .sh_store_locator_style_2_map_section span.fa.fa-phone { margin-right: 12px; color: #0075C2; } .sh_store_locator_wrapper_style_2 .sh_store_locator_style_2_map_section span.fa.fa-envelope { margin-right: 10px; color: #0075C2; } .sh_store_locator_wrapper_style_2 .sh_store_locator_style_2_map_section span.fa.fa-globe { margin-right: 12px; color: #0075C2; } .sh_store_locator_wrapper_style_2 .sh_store_locator_style_2_map_section .store-contact.tel { margin-top: 10px; } .sh_store_locator_wrapper_style_2 .search-store { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .sh_store_locator_wrapper_style_2 .style_2_popup_other_info .fa.fa-calendar { font-size: 20px; margin-right: 7px; } .sh_store_locator_wrapper_style_2 .style_2_popup_other_info .fa.fa-clock-o { font-size: 24px; margin-right: 4px; } .sh_store_locator_wrapper_style_2 .style_2_popup_other_info .icon_1 { margin: 5px 0px; } .sh_store_locator_wrapper_style_2 .style_2_popup_other_info .icon_1 .sh_text { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; text-transform: capitalize; } .sh_store_locator_wrapper_style_2 .style_2_popup_other_info .badge { padding: 5px; margin-right: 5px; margin-top: 5px; } .sh_store_locator_wrapper_style_2 .style_2_popup_other_info .fa.fa-long-arrow-right { margin: 0px 5px; } @media screen and (max-width: 1200px) { .sh_store_locator_wrapper_style_2 .col-xxl-8.col-xl-8.col-lg-12.col-md-12 { margin-top: 10px; } .sh_store_locator_wrapper_style_2 .col-xxl-8.col-xl-8.col-lg-12.col-md-12 { justify-content: center; } } @media screen and (max-width: 991px) { .sh_store_locator_wrapper_style_2 .card-body .store_box .store-list { padding: 15px; } .style_2_popup_main_info { width: 12rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } .sh_store_locator_wrapper_style_2 .style_2_popup_main_info img { margin: 10px 0px; } .sh_store_locator_wrapper_style_2 .col-xxl-8.col-xl-8.col-lg-12.col-md-12 { padding-left: 0px !important; } } @media screen and (max-width: 767px) { .sh_store_locator_wrapper_style_2 .col-xxl-8.col-xl-8.col-lg-12.col-md-12 { padding-left: 10px; padding-right: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } .sh_store_locator_wrapper_style_2 .multiselect.dropdown-toggle { margin-top: 10px; max-width: 100%; } .sh_store_locator_wrapper_style_2 .multiselect-container.dropdown-menu.show, .sh_store_locator_wrapper_style_2 .multiselect-container.show.o_dropdown_menu { height: 150px; } .sh_store_locator_wrapper_style_2 .sh_list_grid_box { margin-top: 10px; } .sh_store_locator_wrapper_style_2 .js_cls_current_location { width: 100%; } .sh_store_locator_wrapper_style_2 .sh_js_cls_filter_cities { width: 100%; } .sh_store_locator_wrapper_style_2 .sh_js_cls_filter_cities .btn-group { width: 100% !important; } .sh_store_locator_wrapper_style_2 .sh_js_cls_filter_states { width: 100%; } .sh_store_locator_wrapper_style_2 .sh_js_cls_filter_states .btn-group { width: 100% !important; } .sh_store_locator_wrapper_style_2 .sh_js_cls_filter_countries { width: 100%; } .sh_store_locator_wrapper_style_2 .sh_js_cls_filter_countries .btn-group { width: 100% !important; } .sh_store_locator_wrapper_style_2 .multiselect.dropdown-toggle { margin-left: 0; } .sh_store_locator_wrapper_style_2 .multiselect-container.dropdown-menu.show, .sh_store_locator_wrapper_style_2 .multiselect-container.show.o_dropdown_menu { left: 0 !important; right: 0 !important; } } @media screen and (max-width: 576px) { .sh_custom_style_2_store_loc { height: 50vh !important; } .sh_store_locator_wrapper_style_2 .style_2_popup_main_info { width: 7rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } .sh_store_locator_wrapper_style_2 .style_2_popup_main_info img { margin: 10px 0px; } .style_2_popup_main_info > div > .js_cls_store_name { font-size: 0.9rem; } .sh_store_locator_wrapper_style_2 .card-header.store-header { position: relative; } header.o_header_is_scrolled + main .card-header.store-header { top: 50px !important; position: relative; width: 100%; left: 0; } .sh_store_locator_wrapper_style_2 .style_2_popup_other_info .fa.fa-clock-o { font-size: 22px; } .sh_store_locator_wrapper_style_2 .style_2_popup_other_info .fa.fa-calendar { font-size: 18px; } } /* /website_profile/static/src/scss/website_profile.scss */ .o_wprofile_body { background-color: #f7f7fa; } .o_wprofile_gradient { background-image: linear-gradient(120deg, #875A7B, #68465f); } .o_wprofile_pict { width: 100%; height: 100%; padding-top: 30%; background-size: cover; background-position: center; } @media (min-width: 768px) { .o_wprofile_pict { padding-top: 70%; border: 1px solid #68465f; border-bottom-width: 0; } } @media (min-width: 768px) { .o_wprofile_header:before { content: ""; position: absolute; top: auto; left: 0; bottom: 0; right: 0; height: 2.125rem; background: rgba(0, 0, 0, 0.2); } } .o_wprofile_sidebar { border: 1px solid #dee2e6; } @media (min-width: 768px) { .o_wprofile_sidebar { border-top-width: 0; } } @media (min-width: 768px) { .o_wprofile_nav_tabs { margin-top: -2.125rem; border-bottom: 0; } .o_wprofile_nav_tabs .nav-link { border-radius: 0; border-width: 0 1px; line-height: 1.5; color: rgba(255, 255, 255, 0.8); } .o_wprofile_nav_tabs .nav-link:hover, .o_wprofile_nav_tabs .nav-link:focus, .o_wprofile_nav_tabs .nav-link.focus { color: white; } .o_wprofile_nav_tabs .nav-link { border-color: transparent; } .o_wprofile_nav_tabs .nav-link:hover { border-color: transparent; background: #3d2938; } .o_wprofile_nav_tabs .nav-link.active { color: #142536; background: #f7f7fa; border-color: #f7f7fa; } } @media (max-width: 575.98px) { .o_wprofile_nav_tabs { overflow-x: auto; overflow-y: hidden; } .o_wprofile_nav_tabs li { white-space: nowrap; } } @media (max-width: 767.98px) { .o_wprofile_tabs_content { background-color: #FFFFFF; padding: 0 15px; } } @media (max-width: 575.98px) { .o_wprofile_tabs_content { margin: 0 -15px; } } .o_wprofile_progress_circle { position: relative; } .o_wprofile_progress_circle svg.o_pc_circular_chart { display: block; max-width: 100%; } .o_wprofile_progress_circle svg.o_pc_circular_chart .o_pc_circle_bg, .o_wprofile_progress_circle svg.o_pc_circular_chart .o_pc_circle { fill: none; stroke-width: 1.5px; stroke-linecap: round; } .o_wprofile_progress_circle svg.o_pc_circular_chart .o_pc_circle_bg { stroke: rgba(0, 0, 0, 0.1); } .o_wprofile_progress_circle svg.o_pc_circular_chart .o_pc_circle { animation: progress 1s ease-out forwards; } .o_wprofile_progress_circle svg.o_pc_circular_chart #gradient { --o-pc-color-stop-1: #0094f5; --o-pc-color-stop-2: #0075C2; } .o_wprofile_progress_circle .o_pc_overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } @keyframes progress { 0% { stroke-dasharray: 0 100; } } .o_wprofile_all_users_nav { border-width: 1px 0; } .o_wprofile_all_users_nav, .o_wprofile_all_users_nav .o_wprofile_course_nav_search, .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn { background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); border-style: solid; } .o_wprofile_all_users_nav .o_wprofile_course_nav_search, .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn { border-width: 0 1px; } @media (min-width: 768px) { .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn { color: white; margin-top: -1px; border-radius: 0; min-height: 35px; } .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn:hover, .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn:focus, .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn.focus { color: #203A54; } .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn:hover { background-color: white; } } @media (max-width: 767.98px) { .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn_container ~ .o_wprofile_user_profile_sub_nav_mobile_col { padding-left: 0; } .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn_container .o_wprofile_all_users_nav_btn { color: white; border-radius: 0.25rem; background-color: rgba(0, 0, 0, 0.25); } .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn_container .o_wprofile_all_users_nav_btn:hover, .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn_container .o_wprofile_all_users_nav_btn:focus, .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn_container .o_wprofile_all_users_nav_btn.focus { color: white; } } .o_wprofile_all_users_nav .breadcrumb-item.active a, .o_wprofile_all_users_nav .breadcrumb-item a:hover { color: white; } .o_wprofile_all_users_nav .breadcrumb-item a, .o_wprofile_all_users_nav .breadcrumb-item + .breadcrumb-item::before, .o_wprofile_all_users_nav .o_wprofile_course_nav_search input::placeholder { color: rgba(255, 255, 255, 0.8); } .o_wprofile_top3_card_footer div { border-color: #dee2e6; border-style: solid; border-width: 1px 0; margin-top: -1px; } .o_wprofile_top3_card_footer div + div { border-left-width: 1px; margin-left: -1px; } .o_wprofile_pager li.page-item a.page-link { background-color: transparent; border: 0; color: #4375A6; transition-duration: .3s; } .o_wprofile_pager li.page-item a.page-link:hover { color: #0075C2; } .o_wprofile_pager li.page-item.active a.page-link { color: #FFF; } .o_wprofile_pager li.page-item.o_wprofile_pager_arrow a { color: #0075C2; } .o_wprofile_pager li.page-item.o_wprofile_pager_arrow a:hover { transform: scaleX(1.5) scaleY(1.5); } .o_wprofile_pager li.page-item.o_wprofile_pager_arrow.disabled a { color: #4375A6; } .o_wprofile_pager li.page-item .page-link:focus { box-shadow: 0 0 0 0; } .wprofile_badge_img { height: 2.5em; } .country_flag { display: inline-block; margin-left: 2px; max-height: 13px; width: auto !important; } .o_wprofile_pointer { cursor: pointer; } .o_wprofile_border_focus { border-left: 4px solid #003557; } /* /website_slides/static/src/scss/website_slides.scss */ .o_wslides_desc_truncate_2, .o_wslides_desc_truncate_2_badges { max-height: 2.5em; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.25em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .o_wslides_desc_truncate_2_badges { max-height: 3em; } .o_wslides_desc_truncate_3, .o_wslides_desc_truncate_3_badges { max-height: 3.75em; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.25em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .o_wslides_desc_truncate_3_badges { max-height: 4.5em; } .o_wslides_desc_truncate_10, .o_wslides_desc_truncate_10_badges { max-height: 12.5em; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.25em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; } .o_wslides_desc_truncate_10_badges { max-height: 15em; } .o_wslides_course_pict { width: 100%; height: 100%; object-fit: cover; } @media (min-width: 768px) { .o_wslides_course_pict { border: 1px solid #68465f; border-bottom-width: 0; } } .o_wslides_arrow { position: absolute; height: 24px; margin-left: -5px; margin-top: 10px; line-height: 1.8em; padding-left: 8px; padding-right: 5px; background: #17A2B8; color: white; box-shadow: 0px 0px 3px gray; z-index: 1; text-decoration: none; } .o_wslides_arrow:after { content: ""; position: absolute; height: 0px; width: 0px; right: 0; margin-right: -15px; border-left: 15px solid #17A2B8; border-bottom: 12px solid transparent; border-top: 12px solid transparent; } .o_wslides_channel_tag { vertical-align: middle; } .o_wslides_channel_tag.o_tag_color_0 { color: black; background-color: white; box-shadow: inset 0 0 0 1px #777777; } a.o_wslides_channel_tag.o_tag_color_0:hover { color: #142536; background-color: #e6e6e6; } .o_wslides_channel_tag.o_tag_color_1 { color: white; background-color: #F06050; } a.o_wslides_channel_tag.o_tag_color_1:hover { color: #FFFFFF; background-color: #ec3521; } .o_wslides_channel_tag.o_tag_color_2 { color: white; background-color: #F4A460; } a.o_wslides_channel_tag.o_tag_color_2:hover { color: #142536; background-color: #f18930; } .o_wslides_channel_tag.o_tag_color_3 { color: white; background-color: #F7CD1F; } a.o_wslides_channel_tag.o_tag_color_3:hover { color: #142536; background-color: #dbb208; } .o_wslides_channel_tag.o_tag_color_4 { color: white; background-color: #6CC1ED; } a.o_wslides_channel_tag.o_tag_color_4:hover { color: #142536; background-color: #3faee7; } .o_wslides_channel_tag.o_tag_color_5 { color: white; background-color: #814968; } a.o_wslides_channel_tag.o_tag_color_5:hover { color: #FFFFFF; background-color: #60374e; } .o_wslides_channel_tag.o_tag_color_6 { color: white; background-color: #EB7E7F; } a.o_wslides_channel_tag.o_tag_color_6:hover { color: #142536; background-color: #e45253; } .o_wslides_channel_tag.o_tag_color_7 { color: white; background-color: #2C8397; } a.o_wslides_channel_tag.o_tag_color_7:hover { color: #FFFFFF; background-color: #206170; } .o_wslides_channel_tag.o_tag_color_8 { color: white; background-color: #475577; } a.o_wslides_channel_tag.o_tag_color_8:hover { color: #FFFFFF; background-color: #343e57; } .o_wslides_channel_tag.o_tag_color_9 { color: white; background-color: #D6145F; } a.o_wslides_channel_tag.o_tag_color_9:hover { color: #FFFFFF; background-color: #a7104a; } .o_wslides_channel_tag.o_tag_color_10 { color: white; background-color: #30C381; } a.o_wslides_channel_tag.o_tag_color_10:hover { color: #142536; background-color: #269a66; } .o_wslides_channel_tag.o_tag_color_11 { color: white; background-color: #9365B8; } a.o_wslides_channel_tag.o_tag_color_11:hover { color: #FFFFFF; background-color: #7a4aa0; } .o_wslides_body > #wrapwrap > main { background-color: #f7f7fa; } .o_wslides_body .o_wslides_home_nav { top: -40px; } @media (min-width: 992px) { .o_wslides_body .o_wslides_home_nav { font-size: 1rem; } .o_wslides_body .o_wslides_home_nav .o_wslides_nav_navbar_right { padding-left: 1rem; margin-left: auto; border-left: 1px solid #dee2e6; } } .o_wslides_body .o_wslides_js_slide_like_up, .o_wslides_body .o_wslides_js_slide_like_down { user-select: none; min-width: 2rem; } .o_wslides_body .o_wslides_js_slide_like_up > i.fa, .o_wslides_body .o_wslides_js_slide_like_down > i.fa { min-width: 1rem; } .o_wslides_body .o_wslides_js_slide_like_up:not(.disabled), .o_wslides_body .o_wslides_js_slide_like_down:not(.disabled) { cursor: pointer; color: #0063a3; } .o_wslides_body .o_wslides_nav_button.disabled { cursor: not-allowed; pointer-events: auto !important; box-shadow: none; } .o_wslides_body .o_wslides_js_lesson_quiz i.o_wslides_js_quiz_icon { cursor: pointer; } .o_wslides_body .o_wslides_js_lesson_quiz i.o_wslides_js_quiz_icon:hover { color: black !important; } .o_wslides_body .o_wslides_js_lesson_quiz .o_wslides_js_quiz_validation_error, .o_wslides_body .o_wslides_js_lesson_quiz .o_wslides_js_quiz_submit_error { display: inline-block; } .o_wslides_body .o_wslides_js_lesson_quiz_question .list-group-item { font-size: 1rem; } .o_wslides_body .o_wslides_js_lesson_quiz_question .list-group-item input:checked + i.fa-circle { color: #0075C2 !important; } .o_wslides_body .o_wslides_js_lesson_quiz_question.disabled { opacity: 0.5; pointer-events: none; } .o_wslides_body .o_wslides_js_lesson_quiz_question.completed-disabled { pointer-events: none; } .o_wslides_body a.o_wslides_js_quiz_is_correct { color: black; } .o_wslides_body a.o_wslides_js_quiz_is_correct input:checked + i.fa-check-circle-o { color: #0075C2 !important; } .o_wslides_body .o_wslides_js_quiz_sequence_highlight { background-color: #1252F3; height: 1px; z-index: 3; } .o_wslides_body .o_wslides_js_quiz_sequence_highlight:before, .o_wslides_body .o_wslides_js_quiz_sequence_highlight:after { content: ""; width: 6px; height: 6px; display: block; border-radius: 100%; background-color: inherit; position: absolute; top: -2px; left: auto; bottom: auto; right: -2px; } .o_wslides_body .o_wslides_js_quiz_sequence_highlight:after { right: auto; left: -2px; } .o_wslides_body .text_small_caps { font-variant: small-caps; } .o_wslides_body .o_wslides_entry_muted { opacity: 0.1; } .o_wslides_body hr { min-height: 1px; } .o_wslides_channel_completion_completed { font-size: 1rem; } @media (min-width: 992px) { .o_wslides_home_main .o_wslides_home_aside_loggedin { background: none; border: none; } } .o_wslides_home_main .o_wslides_background_image img { height: 100%; width: 100%; object-fit: cover; } .o_wslides_home_main .o_wprofile_progress_circle { margin-left: auto; margin-right: auto; max-width: 200px; } .o_wslides_course_card.o_wslides_course_unpublished { opacity: 0.5; } .o_wslides_course_sidebar { border: 1px solid #dee2e6; } @media (min-width: 768px) { .o_wslides_course_sidebar { border-top-width: 0; } } .o_wslides_course_sidebar .o_wslides_js_channel_unsubscribe > .fa-times { display: none; } .o_wslides_course_sidebar .o_wslides_js_channel_unsubscribe:hover > .fa-check { display: none; } .o_wslides_course_sidebar .o_wslides_js_channel_unsubscribe:hover > .fa-times { display: inline-block; } .o_wslides_course_sidebar .o_wslides_js_channel_enroll { cursor: pointer; } .o_wslides_course_sidebar .o_wslides_js_channel_enroll:hover, .o_wslides_course_sidebar .o_wslides_js_channel_enroll:hover .o_wslides_enroll_msg small, .o_wslides_course_sidebar .o_wslides_js_channel_enroll:hover .o_wslides_enroll_msg .small { font-weight: bold; } .o_wslides_course_sidebar .o_wslides_enroll_msg p { display: inline-block; margin-bottom: 0px; } .o_wslides_course_nav { position: absolute; top: 0; left: 0; bottom: auto; right: 0; border-width: 1px 0; } .o_wslides_course_nav, .o_wslides_course_nav .o_wslides_course_nav_search { background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); border-style: solid; } .o_wslides_course_nav .o_wslides_course_nav_search { border-width: 0 1px; } .o_wslides_course_nav .o_wslides_course_nav_search button, .o_wslides_course_nav .o_wslides_course_nav_search button:hover, .o_wslides_course_nav .o_wslides_course_nav_search input, .o_wslides_course_nav .o_wslides_course_nav_search input::placeholder { color: inherit; opacity: 0.8; } .o_wslides_course_nav .breadcrumb-item { --max-lines: 2; position: relative; max-height: calc(1.4rem * var(--max-lines)); overflow: hidden; text-overflow: ellipsis; } .o_wslides_course_nav .breadcrumb-item a, .o_wslides_course_nav .breadcrumb-item a:hover, .o_wslides_course_nav .breadcrumb-item + .breadcrumb-item::before { color: inherit; opacity: 0.8; } @media (min-width: 768px) { .o_wslides_course_header:before { content: ""; position: absolute; top: auto; left: 0; bottom: 0; right: 0; height: 2.125rem; background: rgba(0, 0, 0, 0.2); } } .o_wslides_course_header .o_wslides_header_text { color: inherit; } .o_wslides_course_doc_header:before { content: ""; position: absolute; top: auto; left: 0; bottom: 0; right: 0; height: 2.125rem; background: rgba(0, 0, 0, 0.2); } .o_wslides_course_main { /* Goal of min-height: push the footer out of the screen (in most use-case) to avoid seeing it moving when switching from course to review tab */ min-height: 70vh; } @media (min-width: 768px) { .o_wslides_course_main .o_wslides_nav_tabs { margin-top: -2.125rem; border-bottom: 0; } .o_wslides_course_main .o_wslides_nav_tabs .nav-link { border-radius: 0; border-width: 0 1px; line-height: 1.5; color: rgba(255, 255, 255, 0.8); } .o_wslides_course_main .o_wslides_nav_tabs .nav-link:hover, .o_wslides_course_main .o_wslides_nav_tabs .nav-link:focus, .o_wslides_course_main .o_wslides_nav_tabs .nav-link.focus { color: white; } .o_wslides_course_main .o_wslides_nav_tabs .nav-link { border-color: transparent; } .o_wslides_course_main .o_wslides_nav_tabs .nav-link:hover { background: #3d2938; } .o_wslides_course_main .o_wslides_nav_tabs .nav-link.active { color: #142536; background: #f7f7fa; border-color: #f7f7fa; } } @media (max-width: 575.98px) { .o_wslides_course_main .o_wslides_nav_tabs { overflow-x: auto; overflow-y: hidden; line-height: 1.51; } .o_wslides_course_main .o_wslides_nav_tabs li { white-space: nowrap; } } .o_wslides_course_main .o_wslides_doc_nav_tabs { margin-top: -2.125rem; border-bottom: 0; } .o_wslides_course_main .o_wslides_doc_nav_tabs .nav-link { border-radius: 0; border-width: 0 1px; line-height: 1.5; color: rgba(255, 255, 255, 0.8); } .o_wslides_course_main .o_wslides_doc_nav_tabs .nav-link:hover, .o_wslides_course_main .o_wslides_doc_nav_tabs .nav-link:focus, .o_wslides_course_main .o_wslides_doc_nav_tabs .nav-link.focus { color: white; } .o_wslides_course_main .o_wslides_doc_nav_tabs .nav-link { border-color: transparent; } .o_wslides_course_main .o_wslides_doc_nav_tabs .nav-link:hover { background: #3d2938; } .o_wslides_course_main .o_wslides_doc_nav_tabs .nav-link.active { color: #142536; background: #F6F9FC; border-color: #F6F9FC; } @media (max-width: 767.98px) { .o_wslides_course_main .o_wslides_tabs_content { background-color: #FFFFFF; padding: 0 15px; } } @media (max-width: 575.98px) { .o_wslides_course_main .o_wslides_tabs_content { margin: 0 -15px; } } .o_wslides_course_main .o_wslides_tabs_content .o_wslides_lesson_nav .navbar .nav-link, .o_wslides_course_main .o_wslides_tabs_content .o_wslides_lesson_nav .navbar .navbar-brand { color: rgba(0, 0, 0, 0.55); } .o_wslides_course_main .o_wslides_tabs_content .o_wslides_lesson_nav .navbar .navbar-toggler-icon { background-image: url("data:image/svg+xml,"); } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slide_list_category_header { z-index: 1; } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slide_list_category_header + ul { z-index: 0; } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slide_list_category_header .o_wslides_js_category_delete { display: none; } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slide_list_category_header:hover .o_wslides_js_category_delete { display: block; } .o_wslides_course_main .o_wslides_slides_list .o_text_link { text-decoration: none !important; } .o_wslides_course_main .o_wslides_slides_list .o_text_link > * { text-decoration: none !important; color: #4375A6; } .o_wslides_course_main .o_wslides_slides_list .o_text_link:hover > * { color: inherit; } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_drag { cursor: pointer; } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_drag i { opacity: 0.4; } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_drag:hover i { opacity: 1; } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slide_list_category_header, .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_slide { border: 1px solid #dee2e6; } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_slide a { text-decoration: none; } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_slide .badge-hide { display: none; } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_slide:hover .badge-hide { display: block; } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_slide_hilight { background-color: #1252F3; height: 1px; z-index: 3; } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_slide_hilight:before, .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_slide_hilight:after { content: ""; width: 6px; height: 6px; display: block; border-radius: 100%; background-color: inherit; position: absolute; top: -2px; left: auto; bottom: auto; right: -2px; } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_slide_hilight:after { right: auto; left: -2px; } .o_wslides_course_main .o_wslides_promoted_slide .o_wslides_background_image { background-size: cover; background-position: center; padding-bottom: 35%; } .o_wslides_course_main .o_wslides_lesson_card .o_wslides_background_image img { height: 100%; width: 100%; object-fit: cover; } .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_background_image_aside_card { min-width: 20%; padding-top: 20%; background-size: cover; background-position: center; } .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_collapse.collapsed { transform: rotate(90deg); } @media (min-width: 992px) { .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_list { top: -58px; } } .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_list .o_wslides_lesson_aside_list_link { color: #4375A6; } .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_list .o_wslides_lesson_aside_list_link.active { box-shadow: inset 2px 0 #0075C2; } .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_list button { padding-top: 0; border-top: 0; } .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_list i { line-height: unset; } .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_list .o_wslides_button_complete { margin-left: 5px; } .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_list button.o_wslides_button_complete i { color: #4375A6; } .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_list div.o_wslides_button_complete i { color: #BFD4E9; } .o_wslides_lesson_main .o_wslides_lesson_content .o_wslides_lesson_nav .nav-link { background-color: transparent; border: 0; border-bottom: 1px solid #dee2e6; color: #4375A6; } .o_wslides_lesson_main .o_wslides_lesson_content .o_wslides_lesson_nav .nav-link.active { border-bottom: 1px solid #236366; color: #203A54; } .o_wslides_lesson_main .o_wslides_undone_button.disabled, .o_wslides_lesson_main .o_wslides_done_button.disabled { color: white !important; pointer-events: auto; } .o_wslides_lesson_header_container { height: 80px; } .o_w_slide_upload_modal_container .o_slide_preview { display: -webkit-box; display: -webkit-flex; display: flex; } .o_w_slide_upload_modal_container .form-check { line-height: 1.5rem; } .o_wslides_slide_upload_loading { background-color: rgba(0, 0, 0, 0.3); } @media (min-width: 576px) { .o_wslides_quiz_modal .modal-body { overflow: visible !important; } .o_wslides_quiz_modal .modal-body .o_wslides_quiz_modal_close_btn { right: 5px; } .o_wslides_quiz_modal .modal-body .o_wslides_quiz_success_image { width: 42%; } .o_wslides_quiz_modal .modal-content { height: 461px; } .o_wslides_quiz_modal .modal-content .o_wslides_quiz_modal_hero { margin-left: -30px; position: absolute; margin-top: -45px; } } .o_wslides_quiz_modal .progress { border-radius: 0; overflow: visible; height: 8px; } .o_wslides_quiz_modal .progress .progress-bar { transition: width 0.8s ease; } .o_wslides_quiz_modal .progress .progress-bar.no-transition { transition: none; } .o_wslides_quiz_modal .tooltip > .tooltip-inner { background-color: #875A7B; padding: 5px 15px; font-weight: bold; font-size: 13px; } .o_wslides_quiz_modal .tooltip > .arrow { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #875A7B; } .o_wslides_quiz_modal .tooltip > .arrow::before { display: none; } .o_wslides_body .form-control::-webkit-input-placeholder { color: #93B5D7; } .o_wslides_body .form-control:focus::-webkit-input-placeholder { opacity: 0; } #PDFViewer.o_wslides_fs_pdf_viewer { background-image: linear-gradient(120deg, #1f262d, #101216); } #PDFViewer.o_wslides_fs_pdf_viewer #PDFViewerNav { background-image: linear-gradient(120deg, #47525f, #1f262d); } #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer span[role="button"], #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer a, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar span[role="button"], #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar a { cursor: pointer; user-select: none; color: rgba(255, 255, 255, 0.7); } #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer span[role="button"]:hover, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer span[role="button"]:focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer span.focus[role="button"], #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer a:hover, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer a:focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer a.focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar span[role="button"]:hover, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar span[role="button"]:focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar span.focus[role="button"], #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar a:hover, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar a:focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar a.focus { color: white; } #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer span.disabled[role="button"], #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer a.disabled, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar span.disabled[role="button"], #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar a.disabled { color: rgba(255, 255, 255, 0.2); cursor: default; } #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer span.disabled[role="button"]:hover, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer span.disabled[role="button"]:focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer span.disabled.focus[role="button"], #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer a.disabled:hover, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer a.disabled:focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer a.disabled.focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar span.disabled[role="button"]:hover, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar span.disabled[role="button"]:focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar span.disabled.focus[role="button"], #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar a.disabled:hover, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar a.disabled:focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar a.disabled.focus { color: rgba(255, 255, 255, 0.2); } #PDFViewer.o_wslides_fs_pdf_viewer .oe_slide_embed_option { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .oe_slides_share_bar { padding: 10px 0; } .oe_show_footer { z-index: 2147483647; } /* /website_slides/static/src/scss/website_slides_profile.scss */ .o_wprofile_slides_course_card_body { cursor: pointer; } .o_wprofile_slides_course_card_body .o_wslides_background_image { background-size: cover; background-position: center; } /* /website_slides/static/src/scss/slides_slide_fullscreen.scss */ .o_wslides_fs_main { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1031; background-image: linear-gradient(120deg, #1f262d, #101216); } .o_wslides_fs_main .o_wslides_slide_fs_header { background-image: linear-gradient(-6deg, #47525f, #1f262d); height: 50px; } .o_wslides_fs_main .o_wslides_slide_fs_header > div > a { background-color: rgba(16, 18, 22, 0.5); color: rgba(255, 255, 255, 0.8); text-decoration: none !important; } .o_wslides_fs_main .o_wslides_slide_fs_header > div > a:hover, .o_wslides_fs_main .o_wslides_slide_fs_header > div > a:focus, .o_wslides_fs_main .o_wslides_slide_fs_header > div > a.focus { color: white; } .o_wslides_fs_main .o_wslides_slide_fs_header > div > a + a { margin-left: 1px; } .o_wslides_fs_main .o_wslides_slide_fs_header > div > a:hover { background-color: rgba(16, 18, 22, 0.2); } .o_wslides_fs_main .o_wslides_slide_fs_header > div > a.active { background-color: #47525f; color: #fff; } .o_wslides_fs_main .o_wslides_fs_player, .o_wslides_fs_main .o_wslides_fs_sidebar, .o_wslides_fs_main .o_wslides_fs_sidebar_content { transition: all .2s ease-in; } .o_wslides_fs_main .o_wslides_fs_sidebar { background-image: linear-gradient(160deg, #47525f, #1f262d); position: relative; z-index: 1030; } .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_content { min-width: 300px; } .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_toggle_sidebar { position: absolute; top: 0; left: 100%; bottom: 0; right: auto; width: 700px; background: rgba(0, 0, 0, 0.2); } @media (max-width: 767.98px) { .o_wslides_fs_main .o_wslides_fs_sidebar { position: absolute; top: 0; left: 0; bottom: 0; right: auto; box-shadow: 5px 0 15px rgba(0, 0, 0, 0.2); } .o_wslides_fs_main .o_wslides_fs_sidebar.o_wslides_fs_sidebar_hidden { display: none; } } @media (min-width: 576px) { .o_wslides_fs_main .o_wslides_fs_sidebar { width: 300px; } .o_wslides_fs_main .o_wslides_fs_sidebar.o_wslides_fs_sidebar_hidden { width: 0; } .o_wslides_fs_main .o_wslides_fs_sidebar.o_wslides_fs_sidebar_hidden .o_wslides_fs_sidebar_content { transform: translateX(-100%); } } .o_wslides_fs_main .o_wslides_fs_sidebar a { text-decoration: none !important; color: rgba(255, 255, 255, 0.8); } .o_wslides_fs_main .o_wslides_fs_sidebar a:hover, .o_wslides_fs_main .o_wslides_fs_sidebar a:focus, .o_wslides_fs_main .o_wslides_fs_sidebar a.focus { color: white; } .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_section { background-color: rgba(16, 18, 22, 0.3); margin-bottom: 1px; } .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_section_slides li { color: rgba(255, 255, 255, 0.8); } .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_section_slides li.active { box-shadow: inset 2px 0 0 #0075C2; background-color: rgba(16, 18, 22, 0.5); } .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_section_slides li.active, .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_section_slides li.active a { color: white; } .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_section_slides li .o_wslides_sidebar_content { line-height: unset; } .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_section_slides li .o_wslides_sidebar_content i { line-height: unset; } .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_section_slides li .o_wslides_sidebar_done_button { line-height: unset; } .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_section_slides li .o_wslides_sidebar_done_button button { padding-top: 0; border-top: 0; } .o_wslides_fs_main .o_wslides_js_lesson_quiz_resource_info ul { margin-bottom: 0; padding-left: 20px; } .o_wslides_fs_main .o_wslides_js_lesson_quiz_question .list-group-item { font-size: 1rem; } .o_wslides_fs_main .o_wslides_js_lesson_quiz_question .list-group-item input:checked + i.fa-circle { color: #0075C2 !important; } .o_wslides_fs_main .o_wslides_js_lesson_quiz_question.disabled { opacity: 0.5; pointer-events: none; } .o_wslides_fs_main .o_wslides_js_lesson_quiz_question.completed-disabled { pointer-events: none; } .o_wslides_fs_main button.o_wslides_button_complete i { color: #BFD4E9; } .o_wslides_fs_main div.o_wslides_button_complete i { color: #4375A6; } .modal-open > .modal-backdrop { z-index: 1050; } /* /website_event/static/src/scss/event_templates_common.scss */ .o_wevent_theme_bg_base, .o_wevent_index .o_wevent_online .o_wevent_online_page_container .o_wevent_online_page_aside, .o_wevent_event .o_wevent_online .o_wevent_online_page_container .o_wevent_online_page_aside { background-color: #d9eaf6 !important; color: #11314b; } .o_wevent_theme_bg_light, .o_wevent_index .o_wevent_event_searchbar_form > input, .o_wevent_event .o_wevent_event_searchbar_form > input, .o_wevent_index .o_wevent_index_topbar_filters .dropdown-menu, .o_wevent_index .o_wevent_index_topbar_filters .o_dropdown_menu, .o_wevent_event .o_wevent_index_topbar_filters .dropdown-menu, .o_wevent_event .o_wevent_index_topbar_filters .o_dropdown_menu, .o_wevent_index .o_wevent_index_topbar_filters .dropdown-toggle, .o_wevent_event .o_wevent_index_topbar_filters .dropdown-toggle { background-color: #e1ebf3 !important; color: #11314b; } .o_wevent_theme_bg_dark { background-color: #7f9098 !important; color: #11314b; } .o_wevent_index, .o_wevent_event { /* * COMMON MENU STYLING */ /* * COMMON TO ALL ONLINE-* PAGES */ } .o_wevent_index .o_tag_color_0, .o_wevent_event .o_tag_color_0 { background-color: white; color: #777777; box-shadow: inset 0 0 0 2px #777777; } .o_wevent_index .o_tag_color_0::after, .o_wevent_event .o_tag_color_0::after { background-color: #777777; } .o_wevent_index .o_tag_color_1, .o_wevent_index .o_tag_color_1::after, .o_wevent_event .o_tag_color_1, .o_wevent_event .o_tag_color_1::after { background-color: #F06050; color: #FFF; } .o_wevent_index .o_tag_color_2, .o_wevent_index .o_tag_color_2::after, .o_wevent_event .o_tag_color_2, .o_wevent_event .o_tag_color_2::after { background-color: #F4A460; color: #FFF; } .o_wevent_index .o_tag_color_3, .o_wevent_index .o_tag_color_3::after, .o_wevent_event .o_tag_color_3, .o_wevent_event .o_tag_color_3::after { background-color: #F7CD1F; color: #FFF; } .o_wevent_index .o_tag_color_4, .o_wevent_index .o_tag_color_4::after, .o_wevent_event .o_tag_color_4, .o_wevent_event .o_tag_color_4::after { background-color: #6CC1ED; color: #FFF; } .o_wevent_index .o_tag_color_5, .o_wevent_index .o_tag_color_5::after, .o_wevent_event .o_tag_color_5, .o_wevent_event .o_tag_color_5::after { background-color: #814968; color: #FFF; } .o_wevent_index .o_tag_color_6, .o_wevent_index .o_tag_color_6::after, .o_wevent_event .o_tag_color_6, .o_wevent_event .o_tag_color_6::after { background-color: #EB7E7F; color: #FFF; } .o_wevent_index .o_tag_color_7, .o_wevent_index .o_tag_color_7::after, .o_wevent_event .o_tag_color_7, .o_wevent_event .o_tag_color_7::after { background-color: #2C8397; color: #FFF; } .o_wevent_index .o_tag_color_8, .o_wevent_index .o_tag_color_8::after, .o_wevent_event .o_tag_color_8, .o_wevent_event .o_tag_color_8::after { background-color: #475577; color: #FFF; } .o_wevent_index .o_tag_color_9, .o_wevent_index .o_tag_color_9::after, .o_wevent_event .o_tag_color_9, .o_wevent_event .o_tag_color_9::after { background-color: #D6145F; color: #FFF; } .o_wevent_index .o_tag_color_10, .o_wevent_index .o_tag_color_10::after, .o_wevent_event .o_tag_color_10, .o_wevent_event .o_tag_color_10::after { background-color: #30C381; color: #FFF; } .o_wevent_index .o_tag_color_11, .o_wevent_index .o_tag_color_11::after, .o_wevent_event .o_tag_color_11, .o_wevent_event .o_tag_color_11::after { background-color: #9365B8; color: #FFF; } .o_wevent_index .o_tag_color_hovered_0, .o_wevent_event .o_tag_color_hovered_0 { color: #142536; background-color: #d9eaf6; box-shadow: inset 0 0 0 1px #777777; } a.o_wevent_index .o_tag_color_hovered_0:hover, .o_wevent_event .o_tag_color_hovered_0:hover { background-color: #87bce2; } .o_wevent_index .o_tag_color_hovered_1, .o_wevent_event .o_tag_color_hovered_1 { color: white; background-color: #F06050; } a.o_wevent_index .o_tag_color_hovered_1:hover, .o_wevent_event .o_tag_color_hovered_1:hover { background-color: #c92411; } .o_wevent_index .o_tag_color_hovered_2, .o_wevent_event .o_tag_color_hovered_2 { color: white; background-color: #F4A460; } a.o_wevent_index .o_tag_color_hovered_2:hover, .o_wevent_event .o_tag_color_hovered_2:hover { background-color: #df6f0f; } .o_wevent_index .o_tag_color_hovered_3, .o_wevent_event .o_tag_color_hovered_3 { color: white; background-color: #F7CD1F; } a.o_wevent_index .o_tag_color_hovered_3:hover, .o_wevent_event .o_tag_color_hovered_3:hover { background-color: #aa8a06; } .o_wevent_index .o_tag_color_hovered_4, .o_wevent_event .o_tag_color_hovered_4 { color: white; background-color: #6CC1ED; } a.o_wevent_index .o_tag_color_hovered_4:hover, .o_wevent_event .o_tag_color_hovered_4:hover { background-color: #1b98d8; } .o_wevent_index .o_tag_color_hovered_5, .o_wevent_event .o_tag_color_hovered_5 { color: white; background-color: #814968; } a.o_wevent_index .o_tag_color_hovered_5:hover, .o_wevent_event .o_tag_color_hovered_5:hover { background-color: #402433; } .o_wevent_index .o_tag_color_hovered_6, .o_wevent_event .o_tag_color_hovered_6 { color: white; background-color: #EB7E7F; } a.o_wevent_index .o_tag_color_hovered_6:hover, .o_wevent_event .o_tag_color_hovered_6:hover { background-color: #dd2627; } .o_wevent_index .o_tag_color_hovered_7, .o_wevent_event .o_tag_color_hovered_7 { color: white; background-color: #2C8397; } a.o_wevent_index .o_tag_color_hovered_7:hover, .o_wevent_event .o_tag_color_hovered_7:hover { background-color: #153e48; } .o_wevent_index .o_tag_color_hovered_8, .o_wevent_event .o_tag_color_hovered_8 { color: white; background-color: #475577; } a.o_wevent_index .o_tag_color_hovered_8:hover, .o_wevent_event .o_tag_color_hovered_8:hover { background-color: #212737; } .o_wevent_index .o_tag_color_hovered_9, .o_wevent_event .o_tag_color_hovered_9 { color: white; background-color: #D6145F; } a.o_wevent_index .o_tag_color_hovered_9:hover, .o_wevent_event .o_tag_color_hovered_9:hover { background-color: #790b36; } .o_wevent_index .o_tag_color_hovered_10, .o_wevent_event .o_tag_color_hovered_10 { color: white; background-color: #30C381; } a.o_wevent_index .o_tag_color_hovered_10:hover, .o_wevent_event .o_tag_color_hovered_10:hover { background-color: #1c714b; } .o_wevent_index .o_tag_color_hovered_11, .o_wevent_event .o_tag_color_hovered_11 { color: white; background-color: #9365B8; } a.o_wevent_index .o_tag_color_hovered_11:hover, .o_wevent_event .o_tag_color_hovered_11:hover { background-color: #5f3a7d; } .o_wevent_index .o_wevent_index_topbar_filters .dropdown-toggle, .o_wevent_event .o_wevent_index_topbar_filters .dropdown-toggle { border: 1px solid #60a5d6; border-radius: 0.25rem; } .o_wevent_index .o_wevent_index_topbar_filters .dropdown-toggle:hover, .o_wevent_index .o_wevent_index_topbar_filters .dropdown-toggle:focus, .o_wevent_event .o_wevent_index_topbar_filters .dropdown-toggle:hover, .o_wevent_event .o_wevent_index_topbar_filters .dropdown-toggle:focus { border-color: #0075C2; color: #0075C2; text-decoration: none; } .o_wevent_index .o_wevent_index_topbar_filters .dropdown-toggle:after, .o_wevent_event .o_wevent_index_topbar_filters .dropdown-toggle:after { margin-left: 1.2em; } .o_wevent_index .o_wevent_index_topbar_filters .dropdown-toggle .fa, .o_wevent_event .o_wevent_index_topbar_filters .dropdown-toggle .fa { margin-right: .4em; color: #11314b; } .o_wevent_index .o_wevent_index_topbar_filters .dropdown-menu, .o_wevent_index .o_wevent_index_topbar_filters .o_dropdown_menu, .o_wevent_event .o_wevent_index_topbar_filters .dropdown-menu, .o_wevent_event .o_wevent_index_topbar_filters .o_dropdown_menu { margin-top: 0.5rem; min-width: 12rem; max-height: 250px; overflow-y: auto; } .o_wevent_index .o_wevent_online .o_wevent_online_badge_unpublished, .o_wevent_event .o_wevent_online .o_wevent_online_badge_unpublished { opacity: 0.4; } .o_wevent_index .o_wevent_online .event_color_1, .o_wevent_event .o_wevent_online .event_color_1 { background-color: rgba(240, 96, 80, 0.2); } .o_wevent_index .o_wevent_online .event_color_2, .o_wevent_event .o_wevent_online .event_color_2 { background-color: rgba(244, 164, 96, 0.2); } .o_wevent_index .o_wevent_online .event_color_3, .o_wevent_event .o_wevent_online .event_color_3 { background-color: rgba(247, 205, 31, 0.2); } .o_wevent_index .o_wevent_online .event_color_4, .o_wevent_event .o_wevent_online .event_color_4 { background-color: rgba(108, 193, 237, 0.2); } .o_wevent_index .o_wevent_online .event_color_5, .o_wevent_event .o_wevent_online .event_color_5 { background-color: rgba(129, 73, 104, 0.2); } .o_wevent_index .o_wevent_online .event_color_6, .o_wevent_event .o_wevent_online .event_color_6 { background-color: rgba(235, 126, 127, 0.2); } .o_wevent_index .o_wevent_online .event_color_7, .o_wevent_event .o_wevent_online .event_color_7 { background-color: rgba(44, 131, 151, 0.2); } .o_wevent_index .o_wevent_online .event_color_8, .o_wevent_event .o_wevent_online .event_color_8 { background-color: rgba(71, 85, 119, 0.2); } .o_wevent_index .o_wevent_online .event_color_9, .o_wevent_event .o_wevent_online .event_color_9 { background-color: rgba(214, 20, 95, 0.2); } .o_wevent_index .o_wevent_online .event_color_10, .o_wevent_event .o_wevent_online .event_color_10 { background-color: rgba(48, 195, 129, 0.2); } .o_wevent_index .o_wevent_online .event_color_11, .o_wevent_event .o_wevent_online .event_color_11 { background-color: rgba(147, 101, 184, 0.2); } .o_wevent_index .o_wevent_online .o_wevent_online_page_container .o_wevent_online_page_avatar, .o_wevent_event .o_wevent_online .o_wevent_online_page_container .o_wevent_online_page_avatar { min-width: 64px; } .o_wevent_index .o_wevent_online .o_wevent_online_page_container .o_wevent_online_page_avatar img, .o_wevent_event .o_wevent_online .o_wevent_online_page_container .o_wevent_online_page_avatar img { max-width: 96px; } .o_wevent_index .o_wevent_online .o_wevent_online_page_container .o_wevent_online_page_aside .o_wevent_online_page_aside_content li:not(.nav-item), .o_wevent_event .o_wevent_online .o_wevent_online_page_container .o_wevent_online_page_aside .o_wevent_online_page_aside_content li:not(.nav-item) { border-bottom: 1px solid #dee2e6; } .o_wevent_index .o_wevent_online .o_wevent_online_page_container .o_wevent_online_page_aside .o_wevent_online_page_aside_content li:not(.nav-item):first-child, .o_wevent_event .o_wevent_online .o_wevent_online_page_container .o_wevent_online_page_aside .o_wevent_online_page_aside_content li:not(.nav-item):first-child { border-top: 1px solid #dee2e6; } .o_wevent_index .o_wevent_online .o_wevent_online_page_container .o_wevent_online_page_aside .o_wevent_online_page_aside_content li:not(.nav-item):last-child, .o_wevent_event .o_wevent_online .o_wevent_online_page_container .o_wevent_online_page_aside .o_wevent_online_page_aside_content li:not(.nav-item):last-child { border-bottom: 0px; } .o_wevent_index .o_wevent_online .o_wevent_online_page_container .o_wevent_online_page_aside .o_wevent_online_page_aside_content .o_wevent_online_page_aside_collapse:not(.collapsed), .o_wevent_event .o_wevent_online .o_wevent_online_page_container .o_wevent_online_page_aside .o_wevent_online_page_aside_content .o_wevent_online_page_aside_collapse:not(.collapsed) { transform: rotate(180deg); } .o_wevent_badge { padding: 0.5rem 1rem; border-radius: 10rem; font-weight: 400; } .modal-open > .modal-backdrop { z-index: 999; } /* /website_event/static/src/scss/event_templates_list.scss */ .o_wevent_sidebar_social > .o_wevent_social_link { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; width: 3em; height: 3em; margin: 0 0.25rem 0.5rem 0.25rem; line-height: 3em; background-color: #F6F9FC; border: 1px solid #dee2e6; border-radius: 50%; text-align: center; } .o_wevent_sidebar_social > .o_wevent_social_link:hover, .o_wevent_sidebar_social > .o_wevent_social_link:focus { background-color: #D4E2F0; } .o_wevent_index .o_wevent_events_list header a { transition: all .25s ease-in-out; } .o_wevent_index .o_wevent_events_list header a:hover, .o_wevent_index .o_wevent_events_list header a:focus { transform: scale(1.05); } @media (min-width: 576px) { .o_wevent_index .o_wevent_events_list #o_wevent_index_main_col article div.col { min-width: 0; } } .o_wevent_index .o_wevent_events_list .opt_events_list_columns header { height: 200px; } @media (max-width: 767.98px) { .o_wevent_index .o_wevent_events_list .opt_events_list_rows header { height: 200px; } } .o_wevent_index .o_wevent_events_list .o_wevent_badge_event { position: absolute; top: 0; left: 0; bottom: auto; right: auto; border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 0.5rem 1rem; transform: translateY(-50%); } .o_wevent_index .o_wevent_events_list .o_wevent_event_date { top: 1rem; right: 1rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; width: 4rem; height: 4rem; border-radius: 50%; text-align: center; background-color: #d9eaf6; color: #11314b; } .o_wevent_index .o_wevent_events_list .o_wevent_event_date .o_wevent_event_day { font-size: 1.125rem; font-weight: 300; line-height: 1; } .o_wevent_index .o_wevent_events_list .o_wevent_event_date .o_wevent_event_month { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; } .o_wevent_index .o_wevent_events_list .o_wevent_participating, .o_wevent_index .o_wevent_events_list .o_wevent_unpublished { position: absolute; bottom: 0; width: 100%; padding: 1rem 1rem; text-align: right; } .o_wevent_index .o_wevent_events_list article { background-color: #d9eaf6; color: #11314b; } .o_wevent_index .o_wevent_events_list article .card-body { background-color: #d9eaf6 !important; color: #11314b; } .o_wevent_index .o_wevent_sidebar_title { margin: 0 0 1.5rem 0; border-bottom: 1px solid #dee2e6; padding: 0 0 0.5rem 0; font-weight: 700; text-transform: uppercase; } .o_wevent_index .o_wevent_sidebar_block { margin: 0 0 2.5rem 0; } .o_wevent_index .o_wevent_sidebar_figure { position: relative; } .o_wevent_index .o_wevent_sidebar_figure .figure-img { margin-bottom: 0; } .o_wevent_index .o_wevent_sidebar_figure .figure-caption { position: absolute; top: auto; left: 0; bottom: 0; right: auto; width: 100%; padding: 1rem; background-color: rgba(0, 0, 0, 0.5); border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; color: #fff; } .o_wevent_index .o_half_screen_height, .o_wevent_index .cover_mid { min-height: 200px !important; } /* /website_event/static/src/scss/event_templates_page.scss */ .o_wevent_event { min-height: calc(98vh - 70px); } .o_wevent_event nav > div > a.navbar-brand { text-overflow: revert; white-space: normal; overflow: hidden; max-width: calc(100% - 80px); } .o_wevent_event #o_wevent_event_submenu li.nav-item { white-space: nowrap; } .o_wevent_event .o_wevent_event_title { margin: 3rem 0; } .o_wevent_event .o_wevent_event_title .o_wevent_event_name { font-weight: 300; line-height: 1.2; font-size: calc(1.475rem + 2.7vw); } @media (min-width: 1200px) { .o_wevent_event .o_wevent_event_title .o_wevent_event_name { font-size: 3.5rem; } } .o_wevent_event .o_wevent_event_title .o_wevent_event_subtitle { font-weight: 300; font-size: 1.125rem; } .o_wevent_event .o_wevent_registration_single .o_wevent_nowrap { white-space: nowrap; } .o_wevent_event .o_wevent_registration_title { font-weight: 700; text-transform: uppercase; } .o_wevent_event .o_wevent_registration_btn { transition: none; } .o_wevent_event .o_wevent_registration_btn:not(.collapsed) { box-shadow: none; } .o_wevent_event .o_wevent_registration_btn.collapsed { flex: 0 0 33%; } .o_wevent_event .o_wevent_sidebar_title { margin-bottom: 1rem; opacity: .5; text-transform: uppercase; } .o_wevent_event .o_wevent_sidebar_block { padding: 3rem; border-bottom: 1px solid #dee2e6; } .o_wevent_event .o_wevent_sidebar_block:last-child { border-bottom: 0; } .o_wevent_event .o_record_cover_container { overflow: hidden; z-index: 0; } .o_wevent_event .o_record_cover_container .o_record_cover_component { z-index: -1; } .o_wevent_event .o_record_cover_container.o_record_has_cover .o_record_cover_image { background-attachment: fixed; } .o_wevent_event .o_record_cover_container.o_record_has_cover .o_record_cover_image::after { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 50%; right: 0; } .o_wevent_event .o_record_cover_container.o_record_has_cover .o_wevent_event_title { color: white; } /* * EVENT PAGE VIEW */ .o_wevent_event .event_color_0 { background-color: #d9eaf6; color: #11314b; } .o_wevent_event .event_color_1 { background-color: #cccccc; color: #424242; } .o_wevent_event .event_color_2 { background-color: #ffc7c7; color: #7a3737; } .o_wevent_event .event_color_3 { background-color: #fff1c7; color: #756832; } .o_wevent_event .event_color_4 { background-color: #e3ffc7; color: #5d6937; } .o_wevent_event .event_color_5 { background-color: #c7ffd5; color: #1a7759; } .o_wevent_event .event_color_6 { background-color: #c7ffff; color: #1a5d83; } .o_wevent_event .event_color_7 { background-color: #c7d5ff; color: #3b3e75; } .o_wevent_event .event_color_8 { background-color: #e3c7ff; color: #4c3668; } .o_wevent_event .event_color_9 { background-color: #ffc7f1; color: #6d2c70; } /* * SPONSORS */ .o_wevent_hide_sponsors .o_wevent_sponsor_wrapper { display: none !important; } /* /website_livechat/static/src/legacy/widgets/public_livechat_floating_text_view/public_livechat_floating_text_view.scss */ .o_PublicLivechatFloatingTextView { animation: o_PublicLivechatFloatingTextView_animation 0.6s ease-in-out forwards; display: -webkit-box; display: -webkit-flex; display: flex; position: absolute; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); background-color: #FFF; color: #203A54; right: 4.0rem; bottom: 2.0rem; border-radius: 0.5rem 0.5rem 0 0.5rem; transform-origin: 100% 100%; user-select: none; } @keyframes o_PublicLivechatFloatingTextView_animation { 0% { opacity: 0; transform: scale(0); } 20% { opacity: 0; transform: scale(0.5); } 50% { opacity: 1; } 75% { transform: scale(1.05); } 100% { transform: scale(1); } } .o_PublicLivechatFloatingTextView_background { transition: filter 0.3s; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 0.5rem 0.5rem 0 0.5rem; background-color: #FFF; } .o_PublicLivechatFloatingTextView_text { padding: 0.75rem 1rem; position: relative; color: #203A54; font-size: 1.2rem; font-weight: 500; font-family: var(--body-font-family); text-shadow: none; } /* /im_livechat/static/src/legacy/public_livechat.scss */ .o_thread_window { direction: ltr; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; position: fixed; width: 340px; max-width: 100%; height: 460px; max-height: 100%; font-size: 12px; background-color: #FAFAFA; border-radius: 6px 6px 0 0; z-index: 1056; box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.18); } @media (max-width: 767.98px) { .o_thread_window { width: 100%; height: 100% !important; box-shadow: none; } .o_frontend_to_backend_nav:not(.d-none) ~ .o_thread_window .o_thread_window_header { padding-left: 2rem; } .o_thread_window.o_folded { display: none; } } @media print { .o_thread_window { display: none; } } .o_thread_window .o_thread_window_header { align-items: center; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; color: white; padding: 5px 10px; border-radius: 3px 3px 0 0; border-bottom: 1px solid #D4E2F0; background-color: #71639e; padding: 8px; cursor: pointer; } @media (max-width: 767.98px) { .o_thread_window .o_thread_window_header { align-items: center; height: 46px; border-radius: 0px; } .o_thread_window .o_thread_window_header .o_thread_window_title { font-size: 16px; } .o_thread_window .o_thread_window_header .o_thread_window_close { padding: 14.5px; font-size: 17px; color: white; } } .o_thread_window .o_thread_window_header .o_thread_window_avatar { margin: -6px 6px -6px 0; position: relative; } .o_thread_window .o_thread_window_header .o_thread_window_avatar img { height: 25px; width: 25px; border-radius: 50%; } .o_thread_window .o_thread_window_header .o_thread_window_avatar span { bottom: -4px; right: -2px; position: absolute; } .o_thread_window .o_thread_window_header .o_thread_window_avatar span .fa-circle-o { display: none; } .o_thread_window .o_thread_window_header .o_thread_window_title { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; } .o_thread_window .o_thread_window_header .o_thread_window_title .o_mail_thread_typing_icon { padding-left: 2px; } .o_thread_window .o_thread_window_header .o_thread_window_title .o_mail_thread_typing_icon .o_mail_thread_typing_icon_dot { background: #D4E2F0; } .o_thread_window .o_thread_window_header .o_thread_window_buttons { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; } .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close { color: white; padding: 0px 3px; margin-left: 5px; opacity: 0.7; } .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close:hover, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close:focus, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close.focus { opacity: 1; } .o_thread_window .o_mail_thread { flex: 1 1 100%; overflow: auto; -webkit-overflow-scrolling: touch; } .o_thread_window .o_mail_thread .o_thread_date_separator { margin: 0px 0px 15px 0px; } .o_thread_window .o_mail_thread .o_thread_date_separator .o_thread_date { background-color: #FAFAFA; } .o_thread_window .o_mail_thread .o_thread_message { padding: 4px 5px; } .o_thread_window .o_mail_thread .o_thread_message .o_thread_message_sidebar { margin-right: 5px; } @media (min-width: 768px) { .o_thread_window .o_mail_thread .o_thread_message .o_attachment { width: 33.33333333%; } } .o_thread_window .o_thread_composer input { width: 100%; } .o_thread_window_dropdown { width: auto; height: 28px; color: white; background-color: #142536; cursor: pointer; box-shadow: none; } @media (max-width: 767.98px) { .o_thread_window_dropdown { display: none; } } .o_thread_window_dropdown .o_thread_window_header { border-radius: 0; } .o_thread_window_dropdown .o_thread_window_dropdown_toggler { padding: 5px; } .o_thread_window_dropdown .o_thread_window_dropdown_toggler .o_total_unread_counter { position: absolute; top: -10px; left: auto; bottom: auto; right: 0; background-color: #71639e; padding: 0 2px; font-size: smaller; } .o_thread_window_dropdown.show .o_thread_window_dropdown_toggler .o_total_unread_counter { display: none; } .o_thread_window_dropdown > ul { max-width: 340px; padding: 0; } .o_thread_window_dropdown > ul > li.o_thread_window_header { font-size: 12px; padding: 3px 5px; } .o_thread_window_dropdown > ul > li.o_thread_window_header ~ li.o_thread_window_header { border-top: 1px solid white; } .o_thread_window_dropdown > ul > li.o_thread_window_header:hover { background-color: #5a4f7f; } .o_ui_blocked .o_thread_window { z-index: 1101; } .o_mail_thread_loading { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } .o_mail_thread_loading_icon { margin-right: 5px; } .o_mail_thread .o_thread_show_more, .o_mail_activity .o_thread_show_more { text-align: center; } .o_mail_thread .o_mail_thread_content, .o_mail_activity .o_mail_thread_content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; min-height: 100%; } .o_mail_thread .o_thread_bottom_free_space, .o_mail_activity .o_thread_bottom_free_space { height: 15px; } .o_mail_thread .o_thread_date_separator, .o_mail_activity .o_thread_date_separator { margin-top: 15px; margin-bottom: 30px; border-bottom: 1px solid #BFD4E9; text-align: center; } @media (max-width: 767.98px) { .o_mail_thread .o_thread_date_separator, .o_mail_activity .o_thread_date_separator { margin-top: 0px; margin-bottom: 15px; } } .o_mail_thread .o_thread_date_separator .o_thread_date, .o_mail_activity .o_thread_date_separator .o_thread_date { position: relative; top: 10px; margin: 0 auto; padding: 0 10px; font-weight: bold; background: white; } .o_mail_thread .o_thread_new_messages_separator, .o_mail_activity .o_thread_new_messages_separator { margin-bottom: 15px; border-bottom: solid #9c92bb 1px; text-align: right; } .o_mail_thread .o_thread_new_messages_separator .o_thread_separator_label, .o_mail_activity .o_thread_new_messages_separator .o_thread_separator_label { position: relative; top: 8px; padding: 0 10px; background: white; color: #9c92bb; font-size: smaller; } .o_mail_thread .o_thread_message, .o_mail_activity .o_thread_message { display: -webkit-box; display: -webkit-flex; display: flex; padding: 4px 16px; margin-bottom: 0px; } .o_mail_thread .o_thread_message.o_mail_not_discussion, .o_mail_activity .o_thread_message.o_mail_not_discussion { background-color: rgba(212, 226, 240, 0.5); border-bottom: 1px solid #BFD4E9; } .o_mail_thread .o_thread_message .o_thread_message_sidebar, .o_mail_activity .o_thread_message .o_thread_message_sidebar { flex: 0 0 36px; margin-right: 10px; margin-top: 2px; text-align: center; font-size: smaller; } .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_sidebar_image, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_sidebar_image { position: relative; height: 36px; } .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_sidebar_image .o_updatable_im_status, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_sidebar_image .o_updatable_im_status { width: 36px; } .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_sidebar_image .o_mail_user_status, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_sidebar_image .o_mail_user_status { position: absolute; bottom: 0; right: 0; } .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_sidebar_image .o_mail_user_status.fa-circle-o, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_sidebar_image .o_mail_user_status.fa-circle-o { display: none; } @media (max-width: 767.98px) { .o_mail_thread .o_thread_message .o_thread_message_sidebar, .o_mail_activity .o_thread_message .o_thread_message_sidebar { margin-top: 4px; font-size: x-small; } } .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_avatar, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_avatar { width: 36px; height: 36px; object-fit: cover; } .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date { display: none; margin-left: -5px; } .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_star, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_star { display: none; margin-right: -5px; } .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date { opacity: 0; } .o_mail_thread .o_thread_message .o_thread_icon, .o_mail_activity .o_thread_message .o_thread_icon { cursor: pointer; opacity: 0; } .o_mail_thread .o_thread_message .o_thread_icon.fa-star, .o_mail_activity .o_thread_message .o_thread_icon.fa-star { opacity: 0.6; color: gold; } .o_mail_thread .o_thread_message:hover .o_thread_message_side_date, .o_mail_thread .o_thread_message.o_thread_selected_message .o_thread_message_side_date, .o_mail_activity .o_thread_message:hover .o_thread_message_side_date, .o_mail_activity .o_thread_message.o_thread_selected_message .o_thread_message_side_date { display: inline-block; opacity: 0.6; } .o_mail_thread .o_thread_message:hover .o_thread_icon, .o_mail_thread .o_thread_message.o_thread_selected_message .o_thread_icon, .o_mail_activity .o_thread_message:hover .o_thread_icon, .o_mail_activity .o_thread_message.o_thread_selected_message .o_thread_icon { display: inline-block; opacity: 0.6; } .o_mail_thread .o_thread_message:hover .o_thread_icon:hover, .o_mail_thread .o_thread_message.o_thread_selected_message .o_thread_icon:hover, .o_mail_activity .o_thread_message:hover .o_thread_icon:hover, .o_mail_activity .o_thread_message.o_thread_selected_message .o_thread_icon:hover { opacity: 1; } .o_mail_thread .o_thread_message .o_mail_redirect, .o_mail_activity .o_thread_message .o_mail_redirect { cursor: pointer; } .o_mail_thread .o_thread_message .o_thread_message_core, .o_mail_activity .o_thread_message .o_thread_message_core { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; max-width: 100%; word-wrap: break-word; } .o_mail_thread .o_thread_message .o_thread_message_core > pre, .o_mail_activity .o_thread_message .o_thread_message_core > pre { white-space: pre-wrap; word-break: break-word; text-align: justify; } .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_note_title, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_note_title { margin-top: 9px; } .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_subject, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_subject { font-style: italic; } .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_notification, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_notification { font-style: italic; color: gray; } .o_mail_thread .o_thread_message .o_thread_message_core [summary~=o_mail_notification], .o_mail_activity .o_thread_message .o_thread_message_core [summary~=o_mail_notification] { display: none; } .o_mail_thread .o_thread_message .o_thread_message_core p, .o_mail_activity .o_thread_message .o_thread_message_core p { margin: 0 0 9px; } .o_mail_thread .o_thread_message .o_thread_message_core p:last-child, .o_mail_activity .o_thread_message .o_thread_message_core p:last-child { margin-bottom: 0; } .o_mail_thread .o_thread_message .o_thread_message_core a, .o_mail_activity .o_thread_message .o_thread_message_core a { display: inline-block; word-break: break-all; } .o_mail_thread .o_thread_message .o_thread_message_core :not(.o_image_box) > img, .o_mail_activity .o_thread_message .o_thread_message_core :not(.o_image_box) > img { max-width: 100%; height: auto; } .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_body_long, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_body_long { display: none; } .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_info, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_info { margin-bottom: 2px; } .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_star, .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_needaction, .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_reply, .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_notification, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_star, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_needaction, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_reply, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_notification { padding: 4px; } .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_notification, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_notification { color: grey; } .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_notification.o_thread_message_notification_error, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_notification.o_thread_message_notification_error { color: red; opacity: 1; cursor: pointer; } .o_mail_thread .o_thread_message .o_thread_message_core .o_attachments_list:last-child, .o_mail_thread .o_thread_message .o_thread_message_core .o_attachments_previews:last-child, .o_mail_activity .o_thread_message .o_thread_message_core .o_attachments_list:last-child, .o_mail_activity .o_thread_message .o_thread_message_core .o_attachments_previews:last-child { margin-bottom: 30px; } .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_read_more, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_read_more { display: block; } .o_web_client.o_touch_device .o_mail_thread .o_thread_icon { opacity: 0.6; } .o_mail_thread_typing_icon { position: relative; text-align: center; margin-left: auto; margin-right: auto; } .o_mail_thread_typing_icon .o_mail_thread_typing_icon_dot { display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #203A54; animation: o_mail_thread_typing_icon_dot 1.5s linear infinite; } .o_mail_thread_typing_icon .o_mail_thread_typing_icon_dot:nth-child(2) { animation-delay: -1.35s; } .o_mail_thread_typing_icon .o_mail_thread_typing_icon_dot:nth-child(3) { animation-delay: -1.2s; } @keyframes o_mail_thread_typing_icon_dot { 0%, 40%, 100% { transform: initial; } 20% { transform: translateY(-5px); } } .o_livechat_button { position: fixed; right: 0; bottom: 0; margin-right: 12px; min-width: 100px; cursor: pointer; white-space: nowrap; background-color: rgba(60, 60, 60, 0.6); font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; padding: 10px; color: white; text-shadow: #3b4c58 1px 1px 0px; border: 1px solid #505050; border-bottom: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; z-index: 5; } .o_thread_window { z-index: 1046; } .o_thread_window .o_thread_date_separator { display: none; } .o_thread_window .btn { color: #FFFFFF; background-color: #30908e; border-color: #2d8685; border: 1px solid transparent; } .o_thread_window .btn-sm, .o_thread_window .btn-group-sm > .btn { padding: 0.0625rem 0.3125rem; font-size: 0.75rem; line-height: 1.5; border-radius: 0.2rem; } .o_thread_window .o_livechat_rating { /* Livechat Rating : feedback smiley */ -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; overflow: auto; padding: 15px; font-size: 14px; /* feedback reason */ } .o_thread_window .o_livechat_rating .o_livechat_email { font-size: 12px; } .o_thread_window .o_livechat_rating .o_livechat_email > div { display: -webkit-box; display: -webkit-flex; display: flex; padding: 5px 0; } .o_thread_window .o_livechat_rating .o_livechat_email > div input { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #FFFFFF; background-clip: padding-box; border: 1px solid #CED4DA; } .o_thread_window .o_livechat_rating .o_livechat_email > div button { display: inline-block; font-weight: 400; text-align: center; vertical-align: middle; user-select: none; padding: 0.375rem 0.75rem; font-size: 0.875rem; line-height: 1.5; } .o_thread_window .o_livechat_rating .o_livechat_no_feedback { text-decoration: underline; cursor: pointer; margin: 20px 0; } .o_thread_window .o_livechat_rating .o_livechat_rating_box { margin: 40px 0 30px 0; } .o_thread_window .o_livechat_rating .o_livechat_rating_choices { margin: 10px 0; } .o_thread_window .o_livechat_rating .o_livechat_rating_choices > img { width: 65px; opacity: 0.60; cursor: pointer; margin: 10px; } .o_thread_window .o_livechat_rating .o_livechat_rating_choices > img:hover, .o_thread_window .o_livechat_rating .o_livechat_rating_choices > img.selected { opacity: 1; } .o_thread_window .o_livechat_rating .o_livechat_rating_reason { margin: 10px 0px 25px 0px; display: none; /* hidden by default */ } .o_thread_window .o_livechat_rating .o_livechat_rating_reason > textarea { width: 100%; height: 70px; resize: none; } .o_thread_window .o_livechat_rating .o_livechat_rating_reason_button > button { float: right; } .o_thread_window .o_composer_text_field { line-height: 1.3em; } .o_livechat_operator_avatar { padding-right: 8px; } .o_livechat_no_rating { opacity: 0.5; } .o_PublicLivechatMessage { display: -webkit-box; display: -webkit-flex; display: flex; position: relative; } .o_PublicLivechatMessage.o-isVisitorTheAuthor { flex-direction: row-reverse !important; } .o_PublicLivechatMessage_content { word-break: break-word; word-wrap: break-word; } .o_PublicLivechatMessage_header { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; } .o_PublicLivechatMessage_header.o-isVisitorTheAuthor { -webkit-box-pack: end !important; justify-content: flex-end !important; } .o_PublicLivechatMessage_headerAuthor { margin-right: 0.5rem; } .o_PublicLivechatMessage_headerDate { opacity: 50%; } .o_PublicLivechatMessage_headerDatePrefix { opacity: 50%; margin-right: 0.125rem; } .o_PublicLivechatMessage_bubbleWrap { display: -webkit-box; display: -webkit-flex; display: flex; position: relative; align-items: flex-start; } .o_PublicLivechatMessage_bubbleWrap.o-isVisitorTheAuthor { -webkit-box-pack: end; justify-content: flex-end; margin-left: 1.5rem; } .o_PublicLivechatMessage_bubbleWrap.o-isOperatorTheAuthor { margin-right: 1.5rem; } .o_PublicLivechatMessage_bubble { position: relative; } .o_PublicLivechatMessage_bubble.o-isContentNonEmpty { padding: 0.75rem; } .o_PublicLivechatMessage_bubble.o-isVisitorTheAuthor { margin-left: 0.5rem; } .o_PublicLivechatMessage_bubble.o-isOperatorTheAuthor { margin-right: 0.5rem; } .o_PublicLivechatMessage_background { position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; transition: opacity .5s ease-out; margin-right: 3rem; border-bottom-right-radius: 0.6rem !important; border-bottom-left-radius: 0.6rem !important; border: 1px solid #C9CCD2 !important; } .o_PublicLivechatMessage_background.o-isVisitorTheAuthor { border-bottom-left-radius: 0.6rem !important; border-top-left-radius: 0.6rem !important; opacity: 50%; border-color: #198754 !important; background-color: rgba(40, 167, 69, 0.5) !important; color: #000; opacity: 25%; } .o_PublicLivechatMessage_background.o-isOperatorTheAuthor { border-top-right-radius: 0.6rem !important; border-bottom-right-radius: 0.6rem !important; border-color: #17a2b8 !important; background-color: rgba(23, 162, 184, 0.5) !important; color: #000; opacity: 15%; } .o_PublicLivechatWindow_composer { padding: 0.5rem; outline: none; border: 0; border-top: 1px solid lightgray; } /* /im_livechat/static/src/legacy/public_livechat_chatbot.scss */ .o_thread_window .o_livechat_chatbot_main_restart { color: white; opacity: 0.7; } .o_thread_window .o_livechat_chatbot_main_restart:hover, .o_thread_window .o_livechat_chatbot_main_restart:focus, .o_thread_window .o_livechat_chatbot_main_restart.focus { opacity: 1; } @media (max-width: 767.98px) { .o_thread_window .o_livechat_chatbot_main_restart { padding: 14.5px; font-size: 17px; opacity: 1; } } .o_thread_window .o_livechat_chatbot_options { list-style: none; margin-block-start: 0px; margin-block-end: 0px; padding-inline-start: 0px; } .o_thread_window .o_livechat_chatbot_options li { user-select: none; } .o_thread_window .o_livechat_chatbot_options li:not(.disabled) { cursor: pointer; } .o_thread_window .o_livechat_chatbot_options li:not(.disabled):hover { color: white; background-color: #0075C2; } /* /auth_oauth/static/src/scss/auth_oauth.scss */ .o_auth_oauth_providers .fa-facebook-square { color: #3b5998; } .o_auth_oauth_providers .fa-google-plus-square { color: #de564a; } .o_auth_oauth_providers .o_custom_icon { margin: 0 0.15em; width: 1em; height: 1em; border: 3px solid #714B67; border-radius: 100%; transform: translateY(2px); } /* /auth_totp_portal/static/src/scss/auth_totp_portal.scss */ /* As we use the Enable TOTP backend wizard in frontend, we need to import the needed css from backend to replicate backend copyclipboard widget style. We cannot put this into the original view as all those classes are generated in the backend widget. */ .o_auth_totp_enable_2FA .o_field_copy { height: 24px; position: relative; width: 100% !important; border-radius: 5px; border: 1px solid #0075C2; font-size: 0.75rem; text-transform: uppercase; color: #71639e; font-weight: 700; text-align: center; padding-right: 6rem; word-break: break-word; } .o_auth_totp_enable_2FA .o_field_copy .o_clipboard_button { position: absolute; top: 0; left: auto; bottom: auto; right: 0; } .o_auth_totp_enable_2FA .o_field_copy .o_clipboard_button.o_btn_text_copy { position: absolute; top: 0; right: 0; } .o_auth_totp_enable_2FA .o_field_copy .o_clipboard_button.o_btn_char_copy { height: 100%; } .o_auth_totp_enable_2FA .o_field_copy.o_field_copy_url { cursor: pointer; padding-left: 3px; } /* /sale_timesheet/static/src/scss/sale_timesheet_portal.scss */ .o_timesheet_accordion .card-header a { text-decoration: none; } .o_timesheet_accordion .card-header a:after { content: "\f0d7"; font-family: 'FontAwesome'; } .o_timesheet_accordion .card-header a.collapsed:after { content: "\f0da"; font-family: 'FontAwesome'; } /* /website_livechat/static/src/legacy/public_livechat.scss */ .o_website_livechat_button { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; transition: filter 0.3s; padding: 0px; margin: 0 30px 30px 0; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); border: none; border-radius: 50%; width: 56px; height: 56px; min-width: 56px; font-size: 24px; font-weight: normal; text-shadow: none; } .o_website_livechat_button.o-isExternalLib::before { content: "💬"; } .o_website_livechat_button:hover { filter: brightness(90%); } /* /website_sale_delivery/static/src/scss/website_sale_delivery.scss */ @media (max-width: 767.98px) { .o_wsale_delivery_badge_price { max-width: 130px; text-overflow: ellipsis; overflow: hidden; } } #delivery_method .o_delivery_carrier_select:hover { cursor: pointer; } /* /website_sale_product_configurator/static/src/scss/website_sale_options.scss */ .css_not_available.js_product .product_price { display: none !important; } div#modal_optional_products table tr td { border: 0; } @media (max-width: 767.98px) { div#modal_optional_products .td-qty { display: none; } } /* /website_slides_survey/static/src/scss/website_slides_survey.scss */ .o_wss_certification_icon { width: 1.4em; height: auto; } @media (min-width: 768px) { #wrap.o_wss_certification_channel .o_wslides_course_pict { border-color: #485761; } } @media (min-width: 768px) { #wrap.o_wss_certification_channel .o_wslides_nav_tabs .nav-link, #wrap.o_wss_certification_channel .o_wslides_nav_tabs .nav-link:hover { border-color: #5B7687; } #wrap.o_wss_certification_channel .o_wslides_nav_tabs .nav-link.active { border-color: #F6F9FC; } } /* /website/static/src/snippets/s_title/000.scss */ .s_title:not([data-vcss]) .s_title_boxed > * { display: inline-block; padding: 30px; border: 1px solid; } .s_title:not([data-vcss]) .s_title_lines { overflow: hidden; } .s_title:not([data-vcss]) .s_title_lines:before, .s_title:not([data-vcss]) .s_title_lines:after { content: ""; display: inline-block; vertical-align: middle; width: 100%; border-top: 1px solid; border-top-color: inherit; } .s_title:not([data-vcss]) .s_title_lines:before { margin: 0 15px 0 -100%; } .s_title:not([data-vcss]) .s_title_lines:after { margin: 0 -100% 0 15px; } .s_title:not([data-vcss]) .s_title_small_caps { font-variant: small-caps; } .s_title:not([data-vcss]) .s_title_transparent { opacity: .5; } .s_title:not([data-vcss]) .s_title_thin { font-weight: 300; } /* /website/static/src/snippets/s_alert/000.scss */ .s_alert { margin: 15px 0; border: 1px solid; border-radius: 0.25rem; } .s_alert p:last-child, .s_alert ul:last-child, .s_alert ol:last-child { margin-bottom: 0; } .s_alert.s_alert_sm { padding: 10px; font-size: 0.75rem; } .s_alert.s_alert_md { padding: 15px; font-size: 0.75rem; } .s_alert.s_alert_lg { padding: 30px; font-size: 0.9375rem; } .s_alert .s_alert_icon { float: left; margin-right: 10px; } .s_alert .s_alert_content { overflow: hidden; } /* /website/static/src/snippets/s_card/000.scss */ .s_card { margin: 15px 0; } .s_card .card-body p:last-child, .s_card .card-body ul:last-child, .s_card .card-body ol:last-child { margin-bottom: 0; } /* /website/static/src/snippets/s_share/000.scss */ .s_share > * { display: inline-block; vertical-align: middle; } .s_share .s_share_title { margin: 0 .4rem 0 0; } .s_share a { margin: .2rem; } .s_share a i.fa { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } /* /website/static/src/snippets/s_social_media/000.scss */ .s_social_media > * { display: inline-block; vertical-align: middle; } .s_social_media .s_social_media_title { margin: 0 .4rem 0 0; } .s_social_media a { margin: .2rem; } .s_social_media a i.fa, .s_social_media a span.fa { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } /* /website/static/src/snippets/s_rating/001.scss */ .s_rating.s_rating_inline[data-vcss="001"] { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; } .s_rating.s_rating_inline[data-vcss="001"] .s_rating_title { margin: 0; margin-right: 0.5em; } .s_rating.s_rating_inline[data-vcss="001"] .s_rating_icons { margin-left: auto; } /* /website/static/src/snippets/s_hr/000.scss */ .s_hr { line-height: 0; } .s_hr hr { padding: 0; border: 0; border-top: 1px solid currentColor; margin: 0; color: inherit; opacity: 1; background-color: transparent; } /* /website/static/src/snippets/s_image_gallery/001.scss */ .s_image_gallery.o_grid[data-vcss="001"] .img, .s_image_gallery.o_masonry[data-vcss="001"] .img { width: 100%; } .s_image_gallery.o_grid.o_spc-none[data-vcss="001"] div.row { margin-bottom: 0px; } .s_image_gallery.o_grid.o_spc-small[data-vcss="001"] div.row > div { margin-bottom: 1rem; } .s_image_gallery.o_grid.o_spc-medium[data-vcss="001"] div.row > div { margin-bottom: 2rem; } .s_image_gallery.o_grid.o_spc-big[data-vcss="001"] div.row > div { margin-bottom: 3rem; } .s_image_gallery.o_masonry.o_spc-none[data-vcss="001"] div.o_masonry_col { padding: 0; } .s_image_gallery.o_masonry.o_spc-none[data-vcss="001"] div.o_masonry_col > img, .s_image_gallery.o_masonry.o_spc-none[data-vcss="001"] div.o_masonry_col > a > img, .s_image_gallery.o_masonry.o_spc-none[data-vcss="001"] div.o_masonry_col > .media_iframe_video { margin: 0 !important; } .s_image_gallery.o_masonry.o_spc-small[data-vcss="001"] div.o_masonry_col { padding: 0 0.5rem; } .s_image_gallery.o_masonry.o_spc-small[data-vcss="001"] div.o_masonry_col > img, .s_image_gallery.o_masonry.o_spc-small[data-vcss="001"] div.o_masonry_col > a > img, .s_image_gallery.o_masonry.o_spc-small[data-vcss="001"] div.o_masonry_col > .media_iframe_video { margin-bottom: 1rem !important; } .s_image_gallery.o_masonry.o_spc-medium[data-vcss="001"] div.o_masonry_col { padding: 0 1rem; } .s_image_gallery.o_masonry.o_spc-medium[data-vcss="001"] div.o_masonry_col > img, .s_image_gallery.o_masonry.o_spc-medium[data-vcss="001"] div.o_masonry_col > a > img, .s_image_gallery.o_masonry.o_spc-medium[data-vcss="001"] div.o_masonry_col > .media_iframe_video { margin-bottom: 2rem !important; } .s_image_gallery.o_masonry.o_spc-big[data-vcss="001"] div.o_masonry_col { padding: 0 1.5rem; } .s_image_gallery.o_masonry.o_spc-big[data-vcss="001"] div.o_masonry_col > img, .s_image_gallery.o_masonry.o_spc-big[data-vcss="001"] div.o_masonry_col > a > img, .s_image_gallery.o_masonry.o_spc-big[data-vcss="001"] div.o_masonry_col > .media_iframe_video { margin-bottom: 3rem !important; } .s_image_gallery.o_nomode.o_spc-none[data-vcss="001"] .row > div { padding-top: 0; padding-bottom: 0; } .s_image_gallery.o_nomode.o_spc-small[data-vcss="001"] .row > div { padding-top: 0.5rem; padding-bottom: 0.5rem; } .s_image_gallery.o_nomode.o_spc-medium[data-vcss="001"] .row > div { padding-top: 1rem; padding-bottom: 1rem; } .s_image_gallery.o_nomode.o_spc-big[data-vcss="001"] .row > div { padding-top: 1.5rem; padding-bottom: 1.5rem; } .s_image_gallery[data-vcss="001"]:not(.o_slideshow) img { cursor: pointer; } .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-item.active, .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-item-next, .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-item-prev, .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-control-next, .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-control-prev { padding-bottom: 64px; } .s_image_gallery.o_slideshow[data-vcss="001"] .carousel ul.carousel-indicators li { border: 1px solid #aaa; } .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .media_iframe_video { width: 70%; height: 100%; } .s_image_gallery.o_slideshow[data-vcss="001"] ul.carousel-indicators { position: absolute; left: 0%; bottom: 0; width: 100%; height: auto; margin-left: 0; padding: 0; border-width: 0; } .s_image_gallery.o_slideshow[data-vcss="001"] ul.carousel-indicators > * { list-style-image: none; display: inline-block; width: 40px; height: 40px; line-height: 40px; margin: 2.5px 2.5px 2.5px 2.5px; padding: 0; border: 1px solid #aaa; text-indent: initial; background-size: cover; background-color: #fff; background-position: center; border-radius: 0; vertical-align: bottom; flex: 0 0 40px; } .s_image_gallery.o_slideshow[data-vcss="001"] ul.carousel-indicators > *:not(.active) { opacity: 0.8; filter: grayscale(1); } .s_image_gallery.o_slideshow[data-vcss="001"] > .container, .s_image_gallery.o_slideshow[data-vcss="001"] > .container-fluid, .s_image_gallery.o_slideshow[data-vcss="001"] > .container-sm, .s_image_gallery.o_slideshow[data-vcss="001"] > .container-md, .s_image_gallery.o_slideshow[data-vcss="001"] > .container-lg, .s_image_gallery.o_slideshow[data-vcss="001"] > .container-xl, .s_image_gallery.o_slideshow[data-vcss="001"] > .container-xxl, .s_image_gallery.o_slideshow[data-vcss="001"] > .o_container_small { height: 100%; } .s_image_gallery.o_slideshow.s_image_gallery_cover[data-vcss="001"] .carousel-item > a { width: 100%; height: 100%; } .s_image_gallery.o_slideshow.s_image_gallery_cover[data-vcss="001"] .carousel-item > a > img, .s_image_gallery.o_slideshow.s_image_gallery_cover[data-vcss="001"] .carousel-item > img { width: 100%; height: 100%; object-fit: cover; } .s_image_gallery.o_slideshow[data-vcss="001"]:not(.s_image_gallery_show_indicators) .carousel ul.carousel-indicators { display: none; } .s_image_gallery.o_slideshow[data-vcss="001"]:not(.s_image_gallery_show_indicators) .carousel .carousel-item.active, .s_image_gallery.o_slideshow[data-vcss="001"]:not(.s_image_gallery_show_indicators) .carousel .carousel-item-next, .s_image_gallery.o_slideshow[data-vcss="001"]:not(.s_image_gallery_show_indicators) .carousel .carousel-item-prev, .s_image_gallery.o_slideshow[data-vcss="001"]:not(.s_image_gallery_show_indicators) .carousel .carousel-control-next, .s_image_gallery.o_slideshow[data-vcss="001"]:not(.s_image_gallery_show_indicators) .carousel .carousel-control-prev { padding-bottom: 0px; } .s_image_gallery.o_slideshow.s_image_gallery_indicators_arrows_boxed[data-vcss="001"] .carousel .carousel-control-prev .fa, .s_image_gallery.o_slideshow.s_image_gallery_indicators_arrows_boxed[data-vcss="001"] .carousel .carousel-control-next .fa, .s_image_gallery.o_slideshow.s_image_gallery_indicators_arrows_rounded[data-vcss="001"] .carousel .carousel-control-prev .fa, .s_image_gallery.o_slideshow.s_image_gallery_indicators_arrows_rounded[data-vcss="001"] .carousel .carousel-control-next .fa { text-shadow: none; } .s_image_gallery.o_slideshow.s_image_gallery_indicators_arrows_boxed[data-vcss="001"] .carousel .carousel-control-prev .fa:before { content: "\f104"; padding-right: 2px; } .s_image_gallery.o_slideshow.s_image_gallery_indicators_arrows_boxed[data-vcss="001"] .carousel .carousel-control-next .fa:before { content: "\f105"; padding-left: 2px; } .s_image_gallery.o_slideshow.s_image_gallery_indicators_arrows_boxed[data-vcss="001"] .carousel .carousel-control-prev .fa:before, .s_image_gallery.o_slideshow.s_image_gallery_indicators_arrows_boxed[data-vcss="001"] .carousel .carousel-control-next .fa:before { display: block; width: 3rem; height: 3rem; line-height: 3rem; color: black; background: white; font-size: 1.25rem; border: 1px solid #93B5D7; } .s_image_gallery.o_slideshow.s_image_gallery_indicators_arrows_rounded[data-vcss="001"] .carousel .carousel-control-prev .fa:before { content: "\f060"; } .s_image_gallery.o_slideshow.s_image_gallery_indicators_arrows_rounded[data-vcss="001"] .carousel .carousel-control-next .fa:before { content: "\f061"; } .s_image_gallery.o_slideshow.s_image_gallery_indicators_arrows_rounded[data-vcss="001"] .carousel .carousel-control-prev .fa:before, .s_image_gallery.o_slideshow.s_image_gallery_indicators_arrows_rounded[data-vcss="001"] .carousel .carousel-control-next .fa:before { color: black; background: white; font-size: 1.25rem; border-radius: 50%; padding: 1.25rem; border: 1px solid #93B5D7; } .s_image_gallery.o_slideshow.s_image_gallery_indicators_rounded[data-vcss="001"] .carousel ul.carousel-indicators li { border-radius: 50%; } .s_image_gallery.o_slideshow.s_image_gallery_indicators_dots[data-vcss="001"] .carousel ul.carousel-indicators { height: 40px; margin: auto; } .s_image_gallery.o_slideshow.s_image_gallery_indicators_dots[data-vcss="001"] .carousel ul.carousel-indicators li { max-width: 8px; max-height: 8px; margin: 0 6px; border-radius: 10px; background-color: #000; background-image: none !important; } .s_image_gallery.o_slideshow.s_image_gallery_indicators_dots[data-vcss="001"] .carousel ul.carousel-indicators li:not(.active) { opacity: .4; } .s_image_gallery[data-vcss="001"] .carousel-inner .item img { max-width: none; } .s_gallery_lightbox .modal-dialog { height: 100%; background-color: rgba(0, 0, 0, 0.7); } @media (min-width: 576px) { .s_gallery_lightbox .modal-dialog { max-width: 100%; padding: 0; } } .s_gallery_lightbox ul.carousel-indicators { display: none; } .s_image_gallery.o_slideshow[data-vcss="001"]:not(.s_image_gallery_cover) .carousel-item > a, .s_gallery_lightbox .modal-body.o_slideshow:not(.s_image_gallery_cover) .carousel-item > a { display: -webkit-box; display: -webkit-flex; display: flex; height: 100%; width: 100%; } .s_image_gallery.o_slideshow[data-vcss="001"]:not(.s_image_gallery_cover) .carousel-item > a > img, .s_gallery_lightbox .modal-body.o_slideshow:not(.s_image_gallery_cover) .carousel-item > a > img, .s_image_gallery.o_slideshow[data-vcss="001"]:not(.s_image_gallery_cover) .carousel-item > img, .s_gallery_lightbox .modal-body.o_slideshow:not(.s_image_gallery_cover) .carousel-item > img { max-height: 100%; max-width: 100%; margin: auto; } .s_image_gallery.o_slideshow[data-vcss="001"] .carousel, .s_gallery_lightbox .modal-body.o_slideshow .carousel { height: 100%; } .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-inner, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-inner { height: 100%; } .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-item.active, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-item.active, .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-item-next, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-item-next, .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-item-prev, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-item-prev, .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-control-next, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-control-next, .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-control-prev, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-control-prev { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; height: 100%; } .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-control-next .fa, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-control-next .fa, .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-control-prev .fa, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-control-prev .fa { text-shadow: 0px 0px 3px #203A54; } /* /website/static/src/snippets/s_product_catalog/001.scss */ .s_product_catalog[data-vcss='001'] .s_product_catalog_dish .s_product_catalog_dish_title { line-height: 1.2; } .s_product_catalog[data-vcss='001'] .s_product_catalog_dish .s_product_catalog_dish_description { margin-bottom: 1rem; } .s_product_catalog[data-vcss='001'] .s_product_catalog_dish:last-child .s_product_catalog_dish_description { margin-bottom: 0; } .s_product_catalog[data-vcss='001'] .s_product_catalog_dish .s_product_catalog_dish_dot_leaders { display: -webkit-box; display: -webkit-flex; display: flex; flex-grow: 1; align-items: center; } .s_product_catalog[data-vcss='001'] .s_product_catalog_dish .s_product_catalog_dish_dot_leaders::after { content: ''; margin-left: 0.5rem; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; flex: 1 0 auto; border-bottom: 1px dotted; } /* /website/static/src/snippets/s_comparisons/000.scss */ .s_comparisons .card-body .card-title { margin: 0; } .s_comparisons .card-body .s_comparisons_currency, .s_comparisons .card-body .s_comparisons_price, .s_comparisons .card-body .s_comparisons_decimal { display: inline-block; vertical-align: middle; } .s_comparisons .card-body .s_comparisons_currency, .s_comparisons .card-body .s_comparisons_decimal { font-size: 80%; } .s_comparisons .card-body .s_comparisons_price { font-size: 200%; } /* /website/static/src/snippets/s_company_team/000.scss */ @media (max-width: 991.98px) { .s_company_team img { max-width: 50%; } } /* /website/static/src/snippets/s_references/000.scss */ .s_references .img-thumbnail { border: none; } /* /website/static/src/snippets/s_popup/001.scss */ .s_popup[data-vcss='001'] .modal-content { min-height: 1.875rem; border: 0; border-radius: 0; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } .s_popup[data-vcss='001'] .s_popup_close { z-index: 1055; position: absolute; top: 0; left: auto; bottom: auto; right: 0; width: 1.875rem; height: 1.875rem; line-height: 1.875rem; background-color: #FFFFFF !important; color: #0075C2; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); cursor: pointer; font-size: 0.9375rem; text-align: center; } .s_popup[data-vcss='001'] .s_popup_size_full { padding: 0 !important; max-width: 100%; } .s_popup[data-vcss='001'] .s_popup_size_full > .modal-content { background-color: transparent; box-shadow: none; border-radius: 0; } .s_popup[data-vcss='001'] .modal-dialog { margin: 0 0 0 auto; min-height: 100%; } .s_popup[data-vcss='001'] .modal-dialog:not(.s_popup_size_full) { padding: 1rem !important; } .s_popup[data-vcss='001'] .s_popup_top .modal-dialog { align-items: flex-start; } .s_popup[data-vcss='001'] .s_popup_middle .modal-dialog { align-items: center; margin-right: auto; } .s_popup[data-vcss='001'] .s_popup_bottom .modal-dialog { align-items: flex-end; } .s_popup[data-vcss='001'] .s_popup_no_backdrop { pointer-events: none; } .s_popup[data-vcss='001'] .s_popup_no_backdrop .modal-dialog { height: 100%; } .s_popup[data-vcss='001'] .s_popup_no_backdrop .modal-dialog .modal-content { max-height: 100%; overflow-y: auto; overflow-x: hidden; } /* /website/static/src/snippets/s_faq_collapse/000.scss */ .s_faq_collapse .accordion .card .card-header { cursor: pointer; display: inline-block; width: 100%; position: relative; padding: .5em 1em; padding-left: 2.25em; border-radius: 0; outline: none; } .s_faq_collapse .accordion .card .card-header:before { content: '\f056'; font-family: 'FontAwesome'; color: #4375A6; position: absolute; margin-left: -1.5em; } .s_faq_collapse .accordion .card .card-header.collapsed:before { content: '\f055'; } .s_faq_collapse .accordion .card .card-header:hover, .s_faq_collapse .accordion .card .card-header:focus { text-decoration: none; } .s_faq_collapse .accordion .card .s_faq_collapse_right_icon { padding-left: 1em; } .s_faq_collapse .accordion .card .s_faq_collapse_right_icon:before { position: static; float: right; margin-left: 0; } .s_faq_collapse .accordion .card .s_faq_collapse_right_icon + div .card-body { padding-left: 1em; } .s_faq_collapse .accordion .card .card-body { padding: 1em; padding-left: 2.25em; } .s_faq_collapse .card-body p:last-child, .s_faq_collapse .card-body ul:last-child { margin-bottom: 0; } .s_faq_collapse.s_faq_collapse_light .accordion .card { border-left: 0; border-right: 0; border-radius: 0; } .s_faq_collapse.s_faq_collapse_light .accordion .card .card-header { background-color: transparent; } .s_faq_collapse.s_faq_collapse_light .accordion .card .card-header:before { content: '\f068'; } .s_faq_collapse.s_faq_collapse_light .accordion .card .card-header.collapsed:before { content: '\f067'; } .s_faq_collapse.s_faq_collapse_light .accordion .card .s_faq_collapse_right_icon { padding-left: 0; } .s_faq_collapse.s_faq_collapse_light .accordion .card .card-header + div .card-body { padding-left: 0; padding-right: 0; } .s_faq_collapse.s_faq_collapse_big .accordion .card { border: 0; } .s_faq_collapse.s_faq_collapse_big .accordion .card .card-header { background-color: transparent; font-size: 1.40625rem; } .s_faq_collapse.s_faq_collapse_big .accordion .card .card-header:before { content: '\f068'; } .s_faq_collapse.s_faq_collapse_big .accordion .card .card-header.collapsed:before { content: '\f067'; } .s_faq_collapse.s_faq_collapse_big .accordion .card .s_faq_collapse_right_icon { padding-left: 0; } .s_faq_collapse.s_faq_collapse_big .accordion .card .card-header + div .card-body { padding-left: 0; padding-right: 0; } .s_faq_collapse.s_faq_collapse_boxed .accordion .card { border: 0; margin: 0.5rem 0; } .s_faq_collapse.s_faq_collapse_boxed .accordion .card:first-child { margin-top: 0; } .s_faq_collapse.s_faq_collapse_boxed .accordion .card:last-child { margin-bottom: 0; } .s_faq_collapse.s_faq_collapse_boxed .accordion .card .card-header { border: 0; } .s_faq_collapse.s_faq_collapse_boxed .accordion .card .card-header.collapsed { background-color: transparent; } .s_faq_collapse.s_faq_collapse_boxed .accordion .card .collapse.show .card-body, .s_faq_collapse.s_faq_collapse_boxed .accordion .card .collapsing .card-body { background-color: rgba(0, 0, 0, 0.03) !important; } /* /website/static/src/snippets/s_features_grid/000.scss */ .s_features_grid .s_features_grid_content { overflow: hidden; } .s_features_grid .s_features_grid_content p { margin-bottom: 0; } .s_features_grid .s_features_grid_icon { float: left; margin-right: 15px; } /* /website/static/src/snippets/s_tabs/001.scss */ .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_up > .tab-pane.fade, .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_down > .tab-pane.fade, .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_left > .tab-pane.fade, .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_right > .tab-pane.fade { transition: all 0.2s; } .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_up > .tab-pane.fade.show, .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_down > .tab-pane.fade.show, .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_left > .tab-pane.fade.show, .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_right > .tab-pane.fade.show { transform: translateX(0rem) translateY(0rem); } .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_up > .tab-pane.fade { transform: translateY(-1rem); } .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_down > .tab-pane.fade { transform: translateY(1rem); } .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_left > .tab-pane.fade { transform: translateX(-1rem); } .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_right > .tab-pane.fade { transform: translateX(1rem); } /* /website/static/src/snippets/s_table_of_content/000.scss */ .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_navbar_sticky.s_table_of_content_horizontal_navbar, .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_navbar_sticky.s_table_of_content_vertical_navbar .s_table_of_content_navbar { position: -webkit-sticky; position: sticky; top: 0px; left: auto; bottom: auto; right: auto; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_navbar_sticky.s_table_of_content_vertical_navbar .s_table_of_content_navbar { overflow: auto; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap:not(.s_table_of_content_navbar_sticky), .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap:not(.s_table_of_content_navbar_sticky) .s_table_of_content_navbar { top: 0px !important; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar { overflow-wrap: break-word; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action { background: none; color: inherit; opacity: 0.7; font-weight: 500; padding-left: 3px; transition: padding 0.1s; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action:before { position: absolute; top: 10px; left: 0; bottom: 10px; right: auto; width: 2px; content: ""; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action:hover { opacity: 1; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action:focus { background: none; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action.active { background: none; padding-left: 8px; opacity: 1; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action.active:before { background-color: #0075C2; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_horizontal_navbar { z-index: 1; padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 2rem; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_horizontal_navbar .s_table_of_content_navbar { display: inline; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_horizontal_navbar .s_table_of_content_navbar > a.list-group-item-action { width: auto; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_horizontal_navbar .s_table_of_content_navbar > a.list-group-item { display: inline-block; margin-bottom: 2px; } /* /website/static/src/snippets/s_quotes_carousel/001.scss */ .s_quotes_carousel_wrapper[data-vcss='001'] .s_blockquote { margin-bottom: 0; } @media (max-width: 767.98px) { .s_quotes_carousel_wrapper[data-vcss='001'] .s_blockquote { width: 100% !important; } } /* /website/static/src/snippets/s_masonry_block/001.scss */ .s_masonry_block[data-vcss='001'] .row > div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; } .s_masonry_block[data-vcss='001'] .row.o_grid_mode > div.o_grid_item_image { padding: 0 !important; } .s_masonry_block[data-vcss='001'] .row.o_grid_mode.o_we_padding_highlight > .o_grid_item_image::after { animation: none; } /* /website/static/src/snippets/s_media_list/001.scss */ .s_media_list[data-vcss="001"] .s_media_list_item > .row { overflow: hidden; } .s_media_list[data-vcss="001"] .s_media_list_body { padding: 2rem; } .s_media_list[data-vcss="001"] .s_media_list_img { object-fit: cover; } /* /website/static/src/snippets/s_showcase/002.scss */ .s_showcase[data-vcss='002'] .s_showcase_icon { align-self: flex-start; } /* /website/static/src/snippets/s_timeline/000.scss */ .s_timeline .s_timeline_line { position: relative; border-color: #203A54; } .s_timeline .s_timeline_line:before { content: ''; display: block !important; position: absolute; width: 1px; top: 0px; bottom: 0px; left: 50%; border-left: 1px solid; border-color: inherit; } .s_timeline .s_timeline_row { align-items: center; } .s_timeline .s_timeline_row .s_timeline_content { align-items: center; -webkit-box-pack: end; justify-content: flex-end; width: 100%; } .s_timeline .s_timeline_row .s_timeline_content ~ .s_timeline_content { -webkit-box-pack: start; justify-content: flex-start; } .s_timeline .s_timeline_row.flex-row-reverse .s_timeline_content { flex-direction: row-reverse; } @media (min-width: 768px) { .s_timeline .s_timeline_row.flex-row-reverse .s_timeline_content { flex-direction: row-reverse; } .s_timeline .s_timeline_row.flex-row-reverse .s_timeline_content:not(:last-child) { margin-left: 10%; } .s_timeline .s_timeline_row:not(.flex-row-reverse) .s_timeline_content:last-child { margin-left: 10%; } } .s_timeline .s_timeline_date { text-align: center; } @media (min-width: 768px) { .s_timeline .s_timeline_date { position: absolute; left: 0%; right: 0%; } } @media (max-width: 767.98px) { .s_timeline .s_timeline_date { position: relative; margin: 20px 0px; } } .s_timeline .s_timeline_date span:not(.fa) { display: inline-block; padding: 5px; } .s_timeline .s_timeline_date .fa { margin: 0 15px; } .s_timeline .s_timeline_icon { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; margin: 15px; z-index: 1; } /* /website/static/src/snippets/s_process_steps/001.scss */ .s_process_steps[data-vcss='001'] .s_process_step { position: relative; } .s_process_steps[data-vcss='001'] .s_process_step .s_process_step_icon { position: relative; margin: 30px 0; } .s_process_steps[data-vcss='001'] .s_process_step .s_process_step_icon .fa { display: block; height: 5rem; width: 5rem; line-height: 5rem; } .s_process_steps[data-vcss='001'] .s_process_step .s_process_step_content { padding: 0 15px; text-align: center; } .s_process_steps[data-vcss='001'] .s_process_step .s_process_step_connector { position: absolute; z-index: 1; height: 5rem; width: calc(100% - 5rem); left: calc(50% + 2.5rem); margin: 30px 0; } .s_process_steps[data-vcss='001'] .s_process_step .s_process_step_connector path { stroke: #4375A6; stroke-width: 2; fill: transparent; } .s_process_steps[data-vcss='001'] .s_process_step:last-child .s_process_step_connector { display: none; } .s_process_steps.s_process_steps_connector_curved_arrow[data-vcss='001'] .s_process_step:nth-child(odd) .s_process_step_connector { transform: scale(1, -1); } .s_process_steps[data-vcss='001'] .s_process_steps_arrow_head path { fill: #4375A6; stroke: transparent; } @media (max-width: 991.98px) { .s_process_steps[data-vcss='001'] .s_process_step_connector { display: none; } } /* /website/static/src/snippets/s_text_highlight/000.scss */ .s_text_highlight { padding: 1.5rem; border-radius: 0.25rem; } .s_text_highlight :last-child { margin-bottom: 0; } /* /website/static/src/snippets/s_blockquote/000.scss */ .s_blockquote { border: 0; padding: 0; } .s_blockquote .s_blockquote_icon { font-size: 0.75rem; } .s_blockquote .s_blockquote_author { opacity: .75; } .s_blockquote.s_blockquote_classic .s_blockquote_icon { float: left; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .s_blockquote.s_blockquote_classic .s_blockquote_icon.float-end { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .s_blockquote.s_blockquote_classic .s_blockquote_content { overflow: hidden; padding: 1.5rem; } .s_blockquote.s_blockquote_classic .s_blockquote_content .blockquote-footer::before { content: ''; } .s_blockquote.s_blockquote_classic .s_blockquote_content .blockquote-footer .s_blockquote_avatar { max-height: 2.5rem; } .s_blockquote.s_blockquote_cover { text-align: center; } .s_blockquote.s_blockquote_cover .s_blockquote_icon { position: relative; z-index: 1; float: none; margin-bottom: -1.5rem; } .s_blockquote.s_blockquote_cover p:last-of-type { margin-bottom: 0.5rem; } .s_blockquote.s_blockquote_cover .s_blockquote_content, .s_blockquote.s_blockquote_cover .s_blockquote_filter { padding: 3rem 2rem 2rem; } .s_blockquote.s_blockquote_cover .s_blockquote_filter { margin: -3rem -2rem -2rem; } .s_blockquote.s_blockquote_cover .quote_char { margin: 2rem 0 1rem 0; } .s_blockquote.s_blockquote_cover .quote_char ~ .blockquote-footer { padding-bottom: 2rem; } .s_blockquote.s_blockquote_minimalist { border-left: 5px solid; border-color: #003557; } .s_blockquote.s_blockquote_minimalist .s_blockquote_content { padding: 1rem; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .s_blockquote.s_blockquote_minimalist .s_blockquote_content p:last-of-type { margin-bottom: 0; } /* /website/static/src/snippets/s_badge/000.scss */ .s_badge { padding: 0.5rem; margin: 0.5rem 0.5rem 0.5rem 0; border-radius: 0.25rem; font-size: 0.75rem; } .s_badge .fa { margin: 0 0.3rem 0 0; } /* /website/static/src/snippets/s_color_blocks_2/000.scss */ .s_color_blocks_2.o_half_screen_height > :first-child, .s_color_blocks_2.cover_mid > :first-child, .s_color_blocks_2.o_half_screen_height > :first-child > .row, .s_color_blocks_2.cover_mid > :first-child > .row, .s_color_blocks_2.o_full_screen_height > :first-child, .s_color_blocks_2.cover_full > :first-child, .s_color_blocks_2.o_full_screen_height > :first-child > .row, .s_color_blocks_2.cover_full > :first-child > .row { min-height: inherit; } .s_color_blocks_2 .row { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } .s_color_blocks_2 .row::before, .s_color_blocks_2 .row::after { width: 0; } .s_color_blocks_2 [class*="col-lg-"] { padding: 8% 5%; padding-top: 8vw; padding-bottom: 8vw; } @media (max-width: 991.98px) { .s_color_blocks_2 [class*="col-lg-"] { flex: 1 1 100%; } } .s_color_blocks_2 img { max-width: 100%; height: auto; } /* /website/static/src/snippets/s_product_list/000.scss */ .s_product_list { padding-top: 20px; } .s_product_list > div > .row:not(.o_grid_mode) > div { height: 200px; } .s_product_list > div > .row > div { position: relative; margin-bottom: 20px; text-align: center; } .s_product_list > div > .row > div a { display: block; } .s_product_list > div > .row > div img { margin: auto; max-height: 130px; } .s_product_list > div > .row > div .s_product_list_item_link { position: absolute; top: auto; left: 10%; bottom: 0; right: 10%; } .s_product_list > div > .row > div .s_product_list_item_link > .btn { width: 100%; padding: 5px !important; font-size: 16px; } @media only screen and (max-width: 1280px) { .s_product_list > div > .row > div .s_product_list_item_link > .btn { font-size: 12px; } } .s_product_list > div > .row > div .s_product_list_item_link > .btn .fa { font-size: 18px; padding-right: 5px; } @media only screen and (max-width: 1024px) { .s_product_list > div > .row > div .s_product_list_item_link > .btn .fa { display: block; font-size: 25px; } } /* /website/static/src/snippets/s_mega_menu_thumbnails/000.scss */ .s_mega_menu_thumbnails:not([data-vcss]) .s_mega_menu_thumbnails_footer:not(.o_cc)::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: auto; height: auto; } /* /website/static/src/snippets/s_mega_menu_little_icons/000.scss */ .s_mega_menu_little_icons:not([data-vcss]) .nav-link:hover, .s_mega_menu_little_icons:not([data-vcss]) .nav-link:focus { background: rgba(0, 0, 0, 0.05); } /* /website/static/src/snippets/s_mega_menu_images_subtitles/000.scss */ .s_mega_menu_images_subtitles:not([data-vcss]) .d-flex img { max-width: 64px; } .s_mega_menu_images_subtitles:not([data-vcss]) .nav-link:hover, .s_mega_menu_images_subtitles:not([data-vcss]) .nav-link:focus { background: rgba(0, 0, 0, 0.05); } /* /website/static/src/snippets/s_mega_menu_menus_logos/000.scss */ .s_mega_menu_menus_logos:not([data-vcss]) .s_mega_menu_menus_logos_wrapper { border-color: rgba(0, 0, 0, 0.05) !important; } /* /website/static/src/snippets/s_mega_menu_odoo_menu/000.scss */ .s_mega_menu_odoo_menu:not([data-vcss]) .s_mega_menu_odoo_menu_footer { border-color: rgba(0, 0, 0, 0.05); } .s_mega_menu_odoo_menu:not([data-vcss]) .s_mega_menu_odoo_menu_footer .row > div:not(.o_cc)::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: auto; height: auto; } /* /website/static/src/snippets/s_mega_menu_cards/000.scss */ .s_mega_menu_cards:not([data-vcss]) .nav-link:hover, .s_mega_menu_cards:not([data-vcss]) .nav-link:focus { background: rgba(0, 0, 0, 0.05); } /* /website/static/src/snippets/s_google_map/000.scss */ .s_google_map { position: relative; min-height: 100px; } .s_google_map .map_container { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .s_google_map .description { position: absolute; top: auto; left: 0; bottom: 0; right: 0; z-index: 99; padding: 0 1em; background: rgba(0, 117, 194, 0.8); color: #FFFFFF; transition: background-color 250ms ease; } .s_google_map .description font { float: left; margin-top: 20px; margin-bottom: 15px; font-weight: bold; text-transform: uppercase; } .s_google_map .description span { float: left; text-transform: none; font-weight: normal; margin-top: 20px; margin-left: 10px; } .s_google_map:hover .description { background: #0075C2; background: rgba(0, 117, 194, 0.55); color: #142536; } /* /website/static/src/snippets/s_map/000.scss */ .s_map { position: relative; min-height: 100px; } .s_map .map_container { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .s_map .description { position: absolute; top: auto; left: 0; bottom: 0; right: 0; z-index: 99; padding: 0 1em; background: rgba(0, 117, 194, 0.8); color: #FFFFFF; transition: background-color 250ms ease; } .s_map .description font { float: left; margin-top: 20px; margin-bottom: 15px; font-weight: bold; text-transform: uppercase; } .s_map .description span { float: left; text-transform: none; font-weight: normal; margin-top: 20px; margin-left: 10px; } .s_map:hover .description { background: #0075C2; background: rgba(0, 117, 194, 0.55); color: #142536; } .s_map .s_map_color_filter { position: absolute; top: 0; left: 0; bottom: 0; right: 0; position: absolute !important; pointer-events: none; } .editor_enable .s_map iframe { pointer-events: none; } /* /website/static/src/snippets/s_dynamic_snippet/000.scss */ .s_dynamic.o_dynamic_empty { display: none !important; } .s_dynamic [data-url] { cursor: pointer; } .s_dynamic .card-img-top, .s_dynamic.s_event_event_card .card .s_events_event_cover .o_record_cover_container .o_record_cover_image, .s_dynamic.s_blog_post_card .card .s_blog_posts_post_cover .o_record_cover_container .o_record_cover_image { height: 12rem; } .s_dynamic img { object-fit: scale-down; } /* /website/static/src/snippets/s_dynamic_snippet_carousel/000.scss */ .s_dynamic .carousel-control-prev, .s_dynamic .carousel-control-next { position: absolute; width: 4rem; } .s_dynamic .carousel-control-prev > span.fa, .s_dynamic .carousel-control-next > span.fa { color: #2D5073; background: radial-gradient(#FFF 50%, transparent 50%); } .s_dynamic .dynamic_snippet_template .card-footer a, .s_dynamic .dynamic_snippet_template .card-footer button, .s_dynamic .o_dynamic_snippet_btn_wrapper { z-index: 2; } .s_dynamic .dynamic_snippet_template .card-body .card-text { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .s_dynamic .s_dynamic_snippet_arrow_bottom > .carousel-control-prev, .s_dynamic .s_dynamic_snippet_arrow_bottom .carousel-control-next { position: relative; } /* /website/static/src/snippets/s_embed_code/000.scss */ .editor_enable .s_embed_code { min-height: 1.08333333rem; } /* /website/static/src/snippets/s_website_form/001.scss */ .editor_enable .s_website_form[data-vcss="001"] .s_website_form_field_hidden { display: block; opacity: 0.5; } .editor_enable .s_website_form[data-vcss="001"] .s_website_form_field_hidden_if { display: block !important; background-color: #D9D9D9; } .editor_enable .s_website_form[data-vcss="001"] .s_website_form_field select { pointer-events: none; } .editor_enable .s_website_form[data-vcss="001"] #editable_select.form-control { height: auto; } .editor_enable .s_website_form[data-vcss="001"] #editable_select.form-control .s_website_form_select_item.selected { font-weight: bold; } .editor_enable .s_website_form[data-vcss="001"] #editable_select.form-control .s_website_form_select_item:empty::before { content: attr(data-empty-value); pointer-events: none; font-style: italic; font-weight: normal; opacity: 0.6; } @media (max-width: 575.98px) { .s_website_form[data-vcss="001"] .s_website_form_label { width: auto !important; } } .s_website_form[data-vcss="001"] .s_website_form_field_hidden { display: none; } .s_website_form[data-vcss="001"] span.s_website_form_mark { font-size: 0.85em; font-weight: 400; } .s_website_form[data-vcss="001"] .s_website_form_dnone { display: none; } .s_website_form[data-vcss="001"] .s_website_form_submit .s_website_form_label, .s_website_form[data-vcss="001"] .s_website_form_recaptcha .s_website_form_label { float: left; height: 1px; } .s_website_form[data-vcss="001"] .s_website_form_no_submit_label .s_website_form_label { display: none; } .s_website_form[data-vcss="001"] .form-control-file.is-invalid { padding-left: 3px; border-left: 3px solid #dc3545; } body:not(.editor_enable) .s_website_form[data-vcss="001"] .s_website_form_date:not(.s_website_form_datepicker_initialized) [value], body:not(.editor_enable) .s_website_form[data-vcss="001"] .s_website_form_datetime:not(.s_website_form_datepicker_initialized) [value] { color: transparent; } /* /website_payment/static/src/snippets/s_donation/000.scss */ .s_donation:not([data-vcss]) input::-webkit-outer-spin-button, .s_donation:not([data-vcss]) input::-webkit-inner-spin-button { -webkit--webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .s_donation:not([data-vcss]) input[type=number] { -moz--webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .s_donation:not([data-vcss]) .s_donation_btn { transition: background 0.2s; } .s_donation:not([data-vcss]) .s_donation_btn:focus { box-shadow: none !important; } .s_donation:not([data-vcss]) #s_donation_amount_input { border: none; outline: none; max-width: 145px; background-color: transparent; font-size: inherit; color: inherit; } .s_donation:not([data-vcss]) #s_donation_amount_input::placeholder { opacity: 0.6; color: inherit; } .s_donation:not([data-vcss]) .s_donation_range_slider_wrap { width: 90%; } .s_donation:not([data-vcss]) .s_donation_range_slider_wrap #s_donation_range_slider { margin-bottom: 50px; } .s_donation:not([data-vcss]) .s_donation_range_slider_wrap .s_range_bubble { position: absolute; left: 0%; margin-top: 28px; padding: 0.5rem 1rem; color: #FFFFFF; background: #0075C2; font-size: 1.15rem; border-radius: 0.3rem; transform: translateX(-50%); } .s_donation:not([data-vcss]) .s_donation_range_slider_wrap .s_range_bubble::after { content: ""; position: absolute; top: -5px; left: 50%; width: 0; border-style: solid; border-color: #0075C2 transparent; border-width: 0 5px 5px; margin-left: -5px; } /* /website_blog/static/src/snippets/s_blog_posts/000.scss */ .s_dynamic .s_blog_posts_post_title { font-weight: 500; line-height: 1; } .s_dynamic .s_blog_posts_post_subtitle { font-size: 1em; } .s_dynamic.s_blog_post_list .s_blog_posts_post_cover { width: 3.5em; height: 3.5em; max-width: 85px; max-height: 85px; } .s_dynamic.s_blog_post_list .s_blog_posts_post_title { font-size: 1.25em; } .s_dynamic.s_blog_post_big_picture .s_blog_posts_post { min-height: 150px; } .s_dynamic.s_blog_post_big_picture .s_blog_posts_post figcaption { position: relative; justify-content: center; } .s_dynamic.s_blog_post_big_picture .s_blog_posts_post .s_blog_posts_post_cover { min-height: 100%; } .s_dynamic.s_blog_post_big_picture .s_blog_posts_post .s_blog_posts_post_cover .o_record_cover_container { top: 0; } .s_dynamic.s_blog_post_big_picture .s_blog_posts_post .s_blog_posts_post_title { font-size: calc(1.25625rem + 0.075vw); margin-bottom: 0.5em; } @media (min-width: 1200px) { .s_dynamic.s_blog_post_big_picture .s_blog_posts_post .s_blog_posts_post_title { font-size: 1.3125rem; } } .s_dynamic.s_blog_post_big_picture .row { align-items: stretch; } .s_dynamic.s_blog_post_big_picture .row .s_blog_posts_post_subtitle { margin: 0; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley figcaption { text-align: right; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley figcaption .s_blog_posts_post_title, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley figcaption .s_blog_posts_post_subtitle { padding: 10px 0; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley figcaption .s_blog_posts_post_subtitle { bottom: 30px; line-height: 1.5; transform: translate3d(0, 100%, 0); opacity: 0; transition: opacity 0.35s, transform 0.35s; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley figcaption .s_blog_posts_post_title { top: 30px; transition: transform 0.35s; transform: translate3d(0, 20px, 0); } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley figcaption .s_blog_posts_post_title:after { position: absolute; top: 100%; left: 0; bottom: auto; right: auto; width: 100%; height: 2px; background: #fff; content: ""; transform: translate3d(0, 40px, 0); opacity: 0; transition: opacity 0.35s, transform 0.35s; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley .s_blog_posts_post:hover figcaption .s_blog_posts_post_title { transform: translate3d(0, 0, 0); } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley .s_blog_posts_post:hover figcaption .s_blog_posts_post_title::after, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley .s_blog_posts_post:hover figcaption .s_blog_posts_post_subtitle { opacity: 1; transform: translate3d(0, 0, 0); } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_posts_post .o_record_cover_container { transition: opacity 0.35s; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_posts_post figcaption { padding: 3em; text-align: left; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_posts_post figcaption::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(to bottom, #001624 0%, black 100%); z-index: -1; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_posts_post figcaption:after { position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; border: 2px solid #fff; border-top-width: 4px; border-bottom-width: 4px; content: ""; transition: transform-origin 0.35s; transform: scaleY(0.5); transform-origin: top; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_posts_post .s_blog_posts_post_subtitle { position: absolute; top: auto; left: 20px; bottom: 20px; right: 20px; opacity: 0; transition: opacity 0.35s linear, transform 0.35s; transform: translate3d(0, -100px, 0); } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_posts_post .s_blog_posts_post_title { position: absolute; top: 20px; left: 20px; bottom: auto; right: 20px; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_posts_post:hover .o_record_cover_container { opacity: 0.4 !important; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_posts_post:hover figcaption::after { transform-origin: bottom; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_posts_post:hover .s_blog_posts_post_subtitle { opacity: 1; transform: translate3d(0, 0, 0); } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .o_record_cover_image { transition: opacity 0.35s, transform 0.35s; transform: scale(1.12); } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .s_blog_posts_post figcaption::before { position: absolute; top: 15px; left: 15px; bottom: 15px; right: 15px; border: 1px solid #fff; content: ""; transform: scale(1.1); opacity: 0; transition: opacity 0.35s, transform 0.35s; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .s_blog_posts_post_subtitle { opacity: 0; transition: opacity 0.35s, transform 0.35s; margin-left: auto; margin-right: auto; max-width: 200px; transform: scale(1.5); } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .s_blog_posts_post_title { padding: 0; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .s_blog_posts_post:hover .o_record_cover_image { transform: scale(1); } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .s_blog_posts_post:hover figcaption::before, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .s_blog_posts_post:hover .s_blog_posts_post_subtitle { opacity: 1; transform: scale(1); } .s_dynamic.s_blog_post_horizontal .o_record_cover_container { width: auto; height: auto; padding: 0; } .s_dynamic.s_blog_post_horizontal .row { position: relative; overflow: visible; text-align: left; } .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post { position: relative; } .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post figcaption:after { position: relative; width: 100%; height: 150px; content: ""; display: block; } .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post h4, .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post .h4 { position: relative; text-align: left; padding-right: 5%; } .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post h4:before, .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post .h4:before { content: ""; z-index: 0; display: inline; float: left; width: 20%; position: absolute; top: 49%; left: 0; border-bottom: 1px solid #142536; } .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post h4 a, .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post .h4 a { z-index: 1; display: block; line-height: 1; padding-left: 25%; position: relative; } .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post h5, .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post .h5 { padding-left: 24%; } .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post > a { position: absolute; bottom: 0; left: 0; display: block; background: #0075C2; width: 100%; height: 150px; overflow: hidden; } .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post > a > div { height: 100%; width: 100%; background-size: cover; background-position: center; opacity: 1; transform-origin: 50%; transition: all 400ms; backface-visibility: hidden; } .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post > a > div:hover { opacity: 0.8; transform: scale(1.1); } @media only screen and (max-width: 480px) { .s_dynamic.s_blog_post_horizontal .row .s_blog_posts_post { width: 100%; } } @media (max-width: 767.98px) { .s_dynamic.s_blog_post_horizontal .row { display: block; } } .s_dynamic.s_blog_post_card .card { height: 100%; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.17); } .s_dynamic.s_blog_post_card .card .s_blog_posts_post_cover { height: 170px; } .s_dynamic.s_blog_post_card .card .s_blog_posts_post_cover .o_record_cover_container { background-color: transparent !important; } .s_dynamic.s_blog_post_card .card .s_blog_posts_post_cover .o_record_cover_container .o_record_cover_image { height: inherit; } .s_dynamic.s_blog_post_card .card a:hover { text-decoration: none; } .s_dynamic.s_blog_post_card .card h4, .s_dynamic.s_blog_post_card .card .h4 { font-size: 19px; font-weight: 600; } .s_dynamic.s_blog_post_card .card .card-footer { background-color: transparent; border-top: 2px solid rgba(0, 0, 0, 0.06); } .s_dynamic.s_blog_post_card .card .card-footer .text-muted { color: rgba(52, 58, 64, 0.4) !important; } /* /website_event/static/src/snippets/s_events/000.scss */ .s_dynamic .s_events_event_title { font-weight: 500; line-height: 1; } .s_dynamic .s_events_event_subtitle { font-size: 0.75rem; } .s_dynamic.s_event_event_picture .s_events_event { margin: 0; min-height: 150px; } .s_dynamic.s_event_event_picture .s_events_event figcaption { position: relative; justify-content: center; pointer-events: auto; } .s_dynamic.s_event_event_picture .s_events_event .s_events_event_cover { min-height: 100%; } .s_dynamic.s_event_event_picture .s_events_event .s_events_event_cover .o_record_cover_container { top: 0; } .s_dynamic.s_event_event_picture .s_events_event .s_events_event_title { font-size: calc(1.25625rem + 0.075vw); margin-bottom: 0.5em; } @media (min-width: 1200px) { .s_dynamic.s_event_event_picture .s_events_event .s_events_event_title { font-size: 1.3125rem; } } .s_dynamic.s_event_event_picture .row { align-items: stretch; } .s_dynamic.s_event_event_picture .row .s_events_event_subtitle { margin: 0; } .s_dynamic.s_event_event_card .card { height: 100%; } .s_dynamic.s_event_event_card .card .s_events_event_cover { height: 150px; } .s_dynamic.s_event_event_card .card .s_events_event_cover .o_record_cover_container { background-color: transparent !important; } .s_dynamic.s_event_event_card .card .s_events_event_cover .o_record_cover_container .o_record_cover_image { height: inherit; } .s_dynamic.s_event_event_card .card .s_events_event_cover .s_events_event_date { top: 1rem; right: 1rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; width: 3.5rem; height: 3.5rem; border-radius: 50%; text-align: center; } .s_dynamic.s_event_event_card .card .s_events_event_cover .s_events_event_date .s_events_event_month { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; } .s_dynamic.s_event_event_card .card .s_events_event_cover .s_events_event_date .s_events_event_day { font-size: 0.9375rem; font-weight: 300; } .s_dynamic.s_event_event_card .card a { color: #FFFFFF; } .s_dynamic.s_event_event_card .card a:hover { text-decoration: none; } /* /mass_mailing/static/src/snippets/s_alert/000.scss */ .o_mail_snippet_general .s_mail_alert [class^="col-lg"] { padding-left: 0 !important; padding-right: 0 !important; } .s_mail_alert .s_alert { margin: auto; border-width: 1px; border-style: solid; border-radius: 0.25rem; } .s_mail_alert .s_alert p:last-child, .s_mail_alert .s_alert ul:last-child, .s_mail_alert .s_alert ol:last-child { margin-bottom: 0; } .s_mail_alert .s_alert_sm { padding: 10px; font-size: 0.75rem; } .s_mail_alert .s_alert_md { padding: 15px; font-size: 0.75rem; } .s_mail_alert .s_alert_lg { padding: 30px; font-size: 0.9375rem; } .s_mail_alert .s_alert_icon { float: left; margin-right: 10px; } .s_mail_alert .s_alert_content { overflow: hidden; } /* /mass_mailing/static/src/snippets/s_features_grid/000.scss */ .s_mail_features_grid .s_mail_features_grid_content { overflow: hidden; } .s_mail_features_grid .s_mail_features_grid_content p { margin-bottom: 0; } .s_mail_features_grid .s_mail_features_grid_icon { float: left; } /* /mass_mailing/static/src/snippets/s_hr/000.scss */ .o_layout .s_hr { line-height: 0; } .o_layout .s_hr hr { padding: 0; border: 0; border-top: 1px solid currentColor; margin: auto; color: inherit; } /* /mass_mailing/static/src/snippets/s_masonry_block/001.scss */ .o_mail_snippet_general.s_masonry_block[data-vcss='001'] .row > div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; } .o_mail_snippet_general.s_masonry_block[data-vcss='001'] .o_masonry_grid_container > .row { height: 100%; } /* /mass_mailing/static/src/snippets/s_media_list/001.scss */ .s_media_list[data-vcss="001"] .s_media_list_item > .row { overflow: hidden; } .s_media_list[data-vcss="001"] .s_media_list_body { padding: 2rem; } .s_media_list[data-vcss="001"] .s_media_list_img { object-fit: cover; } /* /mass_mailing/static/src/snippets/s_rating/001.scss */ .o_mail_snippet_general .s_rating { padding-left: 0 !important; padding-right: 0 !important; } .s_rating.s_rating_inline[data-vcss="001"] { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; } .s_rating.s_rating_inline[data-vcss="001"] .s_rating_title { margin: 0; margin-right: 0.5em; } .s_rating.s_rating_inline[data-vcss="001"] .s_rating_icons { margin-left: auto; } /* /website_sale/static/src/snippets/s_dynamic_snippet_products/000.scss */ .s_product_product_centered .card { overflow: visible; margin-top: 6rem; padding-top: 6rem; } .s_product_product_centered .o_carousel_product_img_link { max-width: 75%; margin-top: -12rem; left: 0; right: 0; } .s_product_product_banner img { max-height: 400px; } .s_product_product_horizontal_card img img { height: 100%; } @media (max-width: 991.98px) { .s_product_product_horizontal_card img { height: 12rem; } } .o_dynamic_product_hovered img { transition: transform 250ms ease; } .o_dynamic_product_hovered:hover img { transform: scale(1.15); } .o_carousel_multiple_rows .row { padding: 1rem; } img.o_img_product_cover { object-fit: cover; } img.o_img_product_square { aspect-ratio: 1 / 1; } .o_card_group > .row { padding-left: 15px; padding-right: 15px; } .o_card_group > .row > div { padding: 0 !important; } .o_card_group > .row > div:first-child > .o_carousel_product_card { border-left: 1px solid rgba(0, 0, 0, 0.125) !important; } .o_card_group > .row:first-child .o_carousel_product_card { border-top: 1px solid rgba(0, 0, 0, 0.125) !important; } .o_card_group > .row:first-child > div:first-child .o_carousel_product_card { border-top-left-radius: 0.3rem !important; } .o_card_group > .row:first-child > div:last-child .o_carousel_product_card { border-top-right-radius: 0.3rem !important; } .o_card_group > .row:last-child > div:first-child .o_carousel_product_card { border-bottom-left-radius: 0.3rem !important; } .o_card_group > .row:last-child > div:last-child .o_carousel_product_card { border-bottom-right-radius: 0.3rem !important; } /* /sh_corpomate_theme/static/src/scss/style_footer/style_footer_1.scss */ #sh_footer1 { padding: 50px 0 0px; background: #111111; } #sh_footer1 .sh_first_row .sh_sub_content h3, #sh_footer1 .sh_first_row .sh_sub_content .h3 { font-size: 20px; font-weight: 600; } #sh_footer1 .sh_first_row .js_subscribe_email.form-control { background: #111111; color: #5a5a5a; font-weight: 600; height: 45px; border-radius: 0; border: 2px solid #3f3f3f; } #sh_footer1 .sh_first_row .btn.btn-primary.js_subscribe_btn:focus { box-shadow: 0 0 0 0.2rem #fe5b04; } #sh_footer1 .sh_first_row .btn.btn-primary.js_subscribe_btn:active { border-color: #0075C2 !important; } #sh_footer1 .sh_first_row .btn.btn-primary.js_subscribed_btn { position: absolute; background: #e5540c; right: 0; padding: 8px 10px; top: 0; font-size: 14px; } #sh_footer1 .sh_first_row .btn.btn-primary.js_subscribed_btn:focus { box-shadow: 0 0 0 0.2rem #fe5b04; } #sh_footer1 .sh_first_row .btn.btn-primary.js_subscribed_btn:active { border-color: #0075C2 !important; } #sh_footer1 .sh_first_row .sh_sub_text { text-align: center; } #sh_footer1 .input-group > .form-control, .input-group > .form-select { border-radius: 0 !important; } #sh_footer1 .sh_first_row .sh_sub_text h5, #sh_footer1 .sh_first_row .sh_sub_text .h5 { font-size: 20px; font-weight: 600; } #sh_footer1 .second-row { border-top: 1px solid #5a5a5a; border-bottom: 1px solid #5a5a5a; padding: 15px 0px; margin-top: 30px; } #sh_footer1 .second-row .footer-logo { height: 70px; width: 200px; } #sh_footer1 .second-row .footer-logo a { display: block; } #sh_footer1 .sh_footer_box .sh_text { margin-top: 40px; color: #ffff; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } #sh_footer1 .sh_footer_link h4, #sh_footer1 .sh_footer_link .h4 { color: #0075C2; font-size: 23px; font-weight: 600; margin-bottom: 50px; margin-top: 30px; } #sh_footer1 .sh_footer_link p { margin-bottom: 0px; } #sh_footer1 .sh_footer_link p a { color: #fff; transition: 0.5s; } #sh_footer1 .sh_footer_link p a:hover { color: #0075C2; } #sh_footer1 .sh_footer_content h4, #sh_footer1 .sh_footer_content .h4 { color: #0075C2; font-size: 23px; font-weight: 600; margin-bottom: 50px; margin-top: 30px; } #sh_footer1 .sh_footer_details { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; margin-bottom: 10px; } #sh_footer1 .sh_footer_details .sh_icon { margin-right: 20px; font-size: 25px; color: #0075C2; } #sh_footer1 .sh_footer_details .sh_icon .fa.fa-map-marker { font-size: 35px; } #sh_footer1 .sh_footer_details .sh_icon .fa-envelope:before { font-size: 20px; } #sh_footer1 .sh_footer_details .sh_address a { font-size: 16px; transition: 0.5s; color: #fff; text-decoration: none; } #sh_footer1 .sh_footer_details .sh_address a:hover { color: #0075C2; } #sh_footer1 .input-group > :not(:first-child):not(.dropdown-menu):not(.o_dropdown_menu):not(.o_dropdown_menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-radius: 0 !important; } @media screen and (min-width: 992px) and (max-width: 1199px) { #sh_footer1 .sh_footer_link h4, #sh_footer1 .sh_footer_link .h4 { font-size: 20px; margin-top: 0px; } #sh_footer1 .sh_footer_box .sh_text { margin-top: 10px; } #sh_footer1 .sh_footer_content h4, #sh_footer1 .sh_footer_content .h4 { margin-top: 0; } #sh_copyright_1 ul { margin-left: 35%; } } @media screen and (min-width: 821px) and (max-width: 991px) { #sh_footer1 .sh_first_row .sh_sub_content h3, #sh_footer1 .sh_first_row .sh_sub_content .h3 { font-size: 17px; } #sh_footer1 .sh_first_row .sh_sub_text h5, #sh_footer1 .sh_first_row .sh_sub_text .h5 { font-size: 17px; } #sh_footer1 .sh_footer_link h4, #sh_footer1 .sh_footer_link .h4 { margin-bottom: 20px; } #sh_footer1 .sh_footer_content h4, #sh_footer1 .sh_footer_content .h4 { margin-bottom: 20px; } #sh_footer1 .sh_footer_box .sh_text { margin-top: 0; } #sh_copyright_1 ul { margin-left: 25%; } } @media (max-width: 820px) { #sh_copyright_1 ul { margin-left: 20%; } #sh_footer1 .sh_footer_content h4, #sh_footer1 .sh_footer_content .h4 { font-size: 23px; } #sh_footer1 .sh_footer_link h4, #sh_footer1 .sh_footer_link .h4 { font-size: 23px; } #sh_footer1 .sh_first_row .sh_sub_text h5, #sh_footer1 .sh_first_row .sh_sub_text .h5 { font-size: 17px; } #sh_footer1 .sh_first_row .sh_sub_content h3, #sh_footer1 .sh_first_row .sh_sub_content .h3 { font-size: 17px; } #sh_footer1 .sh_footer_box .sh_text { margin-top: 0; } #sh_footer1 .sh_footer_link h4, #sh_footer1 .sh_footer_link .h4 { margin-bottom: 20px; } #sh_footer1 .sh_footer_content h4, #sh_footer1 .sh_footer_content .h4 { margin-bottom: 20px; } } @media screen and (min-width: 577px) and (max-width: 767px) { #sh_footer1 .sh_first_row .sh_sub_text { text-align: left; margin-top: 10px; } #sh_copyright_1 .muted { text-align: center; } #sh_copyright_1 ul { margin-left: 10%; } } @media (max-width: 567px) { #sh_footer1 .sh_first_row .sh_sub_text { text-align: left; margin-top: 10px; } #sh_footer1 .sh_first_row .js_subscribe_email.form-control { font-size: 14px; } #sh_footer1 .sh_footer_details .sh_address a { font-size: 14px; } #sh_footer1 .sh_footer_box .sh_text { display: -webkit-box; max-width: 100%; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } #sh_footer1 .sh_first_row .btn.btn-primary.js_subscribe_btn { top: 9%; } #sh_footer1 .second-row .footer-logo { height: 80px; } } footer#bottom.o_footer.o_colored_level.o_cc .o_footer_copyright.o_colored_level.o_cc[data-name="Copyright"], .o_footer .o_colored_level.s_popup .o_footer_copyright.o_colored_level.o_cc[data-name="Copyright"], #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .o_colored_level.navbar .o_footer_copyright.o_colored_level.o_cc[data-name="Copyright"], footer#bottom.o_footer.o_colored_level.o_cc .o_colored_level.s_popup[data-name="Copyright"], .o_footer .o_colored_level.s_popup .o_colored_level.s_popup[data-name="Copyright"], #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .o_colored_level.navbar .o_footer .o_colored_level.s_popup[data-name="Copyright"], .o_footer #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .o_colored_level.navbar .o_colored_level.s_popup[data-name="Copyright"], footer#bottom.o_footer.o_colored_level.o_cc #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .o_colored_level.navbar[data-name="Copyright"], .o_footer .o_colored_level.s_popup #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .o_colored_level.navbar[data-name="Copyright"], #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .o_colored_level.navbar #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .o_colored_level.navbar[data-name="Copyright"] { display: none; } //*# sourceMappingURL=/web/assets/139568-ca77c7a/17/web.assets_frontend.css.map */