.o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{color: #ffffff; background-color: #296e41; border-color: #173d25;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{background-color: #40ad67; border-color: #399a5c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success .badge{color: #40ad67; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{color: #ffffff; background-color: #328851; border-color: #173d25;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover{color: #ffffff; background-color: #328851; border-color: #296e41;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success{color: #ffffff; background-color: #328851; background-image: none; border-color: #296e41;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{color: #ffffff; background-color: #296e41; border-color: #173d25;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{background-color: #40ad67; border-color: #399a5c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success .badge{color: #40ad67; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: #ffffff; background-color: #6999a8; border-color: #5b8d9d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{color: #ffffff; background-color: #517e8d; border-color: #2c444c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover{color: #ffffff; background-color: #517e8d; border-color: #446a76;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: #ffffff; background-color: #517e8d; background-image: none; border-color: #446a76;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{color: #ffffff; background-color: #446a76; border-color: #2c444c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{background-color: #6999a8; border-color: #5b8d9d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info .badge{color: #6999a8; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{color: #ffffff; background-color: #517e8d; border-color: #2c444c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover{color: #ffffff; background-color: #517e8d; border-color: #446a76;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: #ffffff; background-color: #517e8d; background-image: none; border-color: #446a76;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{color: #ffffff; background-color: #446a76; border-color: #2c444c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{background-color: #6999a8; border-color: #5b8d9d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info .badge{color: #6999a8; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: #ffffff; background-color: #f0ad4e; border-color: #eea236;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{color: #ffffff; background-color: #ec971f; border-color: #985f0d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: #ffffff; background-color: #ec971f; border-color: #d58512;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: #ffffff; background-color: #ec971f; background-image: none; border-color: #d58512;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{color: #ffffff; background-color: #d58512; border-color: #985f0d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{background-color: #f0ad4e; border-color: #eea236;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning .badge{color: #f0ad4e; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{color: #ffffff; background-color: #ec971f; border-color: #985f0d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: #ffffff; background-color: #ec971f; border-color: #d58512;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: #ffffff; background-color: #ec971f; background-image: none; border-color: #d58512;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{color: #ffffff; background-color: #d58512; border-color: #985f0d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{background-color: #f0ad4e; border-color: #eea236;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning .badge{color: #f0ad4e; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: #ffffff; background-color: #e6586c; border-color: #e34258;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{color: #ffffff; background-color: #df2c45; border-color: #901527;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: #ffffff; background-color: #df2c45; border-color: #c91e36;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: #ffffff; background-color: #df2c45; background-image: none; border-color: #c91e36;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{color: #ffffff; background-color: #c91e36; border-color: #901527;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{background-color: #e6586c; border-color: #e34258;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger .badge{color: #e6586c; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{color: #ffffff; background-color: #df2c45; border-color: #901527;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: #ffffff; background-color: #df2c45; border-color: #c91e36;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: #ffffff; background-color: #df2c45; background-image: none; border-color: #c91e36;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{color: #ffffff; background-color: #c91e36; border-color: #901527;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{background-color: #e6586c; border-color: #e34258;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger .badge{color: #e6586c; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-lg{padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 0;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-sm{padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-xs{padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 0;} .o_ace_view_editor .form-control{height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border: 1px solid #d4d5d7; color: #555; background-color: #fff; border-radius: 0;} .o_ace_view_editor .has-error .form-control{border-color: #a94442;} .o_ace_view_editor select.form-control{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1 sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyNCcgaGVpZ2 h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBpZD0nc3ZnXzEnIGQ9J203LjQwNiw3L jgyOGw0LjU5NCw0LjU5NGw0LjU5NCwtNC41OTRsMC40MDYsMS40MDZsLTUsNC43NjZsLTUsLTQu NzY2bDAuNDA2LC0xLjQwNnonIGZpbGw9JyM4ODgnLz48L3N2Zz4='); background-position: 100% 65%; background-repeat: no-repeat;} .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;}} .o_page_management_info .o_switch{padding-top: 7px;} .popover_dep{overflow-x: auto;} #edit_website_pages .fa-check{color: #00a09d;} #edit_website_pages .fa-eye-slash{color: #00a09d;} #edit_website_pages th{background-color: #7c7bad; color: white;} #edit_website_pages td a.fa{color: #7c7bad; margin-left: 5px;} #edit_website_pages td .text-muted{opacity: 0.5;} 

/* /website/static/src/less/website.snippets.less defined in bundle 'web.assets_frontend' */
 .carousel, .parallax, .blockquote{overflow: hidden;} @media (max-width: 400px){section, .parallax, .row, .hr, .blockquote{height: auto !important;}} .s_text_block_image_fw .container{padding: 0 30px;} .s_text_block_image_fw .container > .row > div{padding: 30px;} .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;} .s_feature_grid p{overflow: auto;} .s_comparisons .panel .list-group-item:not(.active){color: #666;} .s_comparisons .panel small{color: inherit;} .s_comparisons .text-muted{color: #777777;} .s_faq_collapse .container .panel{background-color: inherit; border: 1px solid rgba(0, 0, 0, 0.15);} .s_faq_collapse .container .panel .panel-body{border-top: none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;} .s_references .img-thumbnail{border: none;} .o_image_floating{width: 40%; margin: 4px;} .o_image_floating div.o_container{position: relative;} .o_image_floating.o_margin_s{margin-bottom: 4px;} .o_image_floating.o_margin_s.pull-right{margin-left: 8px;} .o_image_floating.o_margin_s.pull-left{margin-right: 8px;} .o_image_floating.o_margin_m{margin-bottom: 8px;} .o_image_floating.o_margin_m.pull-right{margin-left: 12px;} .o_image_floating.o_margin_m.pull-left{margin-right: 12px;} .o_image_floating.o_margin_l{margin-bottom: 12px;} .o_image_floating.o_margin_l.pull-right{margin-left: 16px;} .o_image_floating.o_margin_l.pull-left{margin-right: 16px;} .o_image_floating.o_margin_xl{margin-bottom: 24px;} .o_image_floating.o_margin_xl.pull-right{margin-left: 32px;} .o_image_floating.o_margin_xl.pull-left{margin-right: 32px;} .carousel-inner{height: 100%;} .carousel-inner .item{height: 100%;} .carousel-inner .carousel-control{cursor: pointer;} .carousel-inner .carousel-control span{top: 50%; position: absolute; margin-top: -8px;} .carousel .carousel-control.left{left: -10px;} .carousel .carousel-control.left *{position: absolute; top: 50%; z-index: 5; right: 50%;} .carousel .carousel-control.right{right: -10px;} .carousel .carousel-control.right *{position: absolute; top: 50%; z-index: 5; left: 50%;} .quotecarousel{padding-bottom: 16px;} div.carousel .container > .carousel-caption{position: absolute; top: auto; left: 50%; bottom: auto; right: 50%; bottom: 20px;} div.carousel .container > .carousel-caption > div{position: absolute; text-align: left; padding: 20px; background: rgba(0, 0, 0, 0.4); bottom: 20px;} div.carousel .container > .carousel-image{position: absolute; top: 5%; left: auto; bottom: 5%; right: auto; max-height: 90%; margin: 0 auto;} div.carousel .container .item.text_image .container > .carousel-caption{left: 10%;} div.carousel .container .item.text_image .container > .carousel-caption > div{right: 50%; margin-right: -20%; max-width: 550px;} div.carousel .container .item.text_image .container > .carousel-image{right: 10%; left: 50%;} div.carousel .container .item.image_text .container > .carousel-caption{right: 10%;} div.carousel .container .item.image_text .container > .carousel-caption > div{left: 50%; margin-left: -20%; max-width: 550px;} div.carousel .container .item.image_text .container > .carousel-image{right: 50%; left: 10%;} div.carousel .container .item.text_only .container > .carousel-caption{left: 10%; right: 10%; top: 10%; bottom: auto;} div.carousel .container .item.text_only .container > .carousel-caption > div{text-align: center; background: transparent; bottom: auto; width: 100%;} div.carousel .container .item.text_only .container > .carousel-image{display: none !important;} .o_gallery.o_grid .img, .o_gallery.o_masonry .img{width: 100%;} .o_gallery.o_grid.o_spc-none div.row{margin: 0;} .o_gallery.o_grid.o_spc-none div.row > div{padding: 0;} .o_gallery.o_grid.o_spc-small div.row{margin: 5px 0;} .o_gallery.o_grid.o_spc-small div.row > div{padding: 0 5px;} .o_gallery.o_grid.o_spc-medium div.row{margin: 10px 0;} .o_gallery.o_grid.o_spc-medium div.row > div{padding: 0 10px;} .o_gallery.o_grid.o_spc-big div.row{margin: 15px 0;} .o_gallery.o_grid.o_spc-big div.row > div{padding: 0 15px;} .o_gallery.o_grid.size-auto .row{height: auto;} .o_gallery.o_grid.size-small .row{height: 100px;} .o_gallery.o_grid.size-medium .row{height: 250px;} .o_gallery.o_grid.size-big .row{height: 400px;} .o_gallery.o_grid.size-small img, .o_gallery.o_grid.size-medium img, .o_gallery.o_grid.size-big img{height: 100%;} .o_gallery.o_masonry.o_spc-none div.col{padding: 0;} .o_gallery.o_masonry.o_spc-none div.col > img{margin: 0 !important;} .o_gallery.o_masonry.o_spc-small div.col{padding: 0 5px;} .o_gallery.o_masonry.o_spc-small div.col > img{margin: 5px 0 !important;} .o_gallery.o_masonry.o_spc-medium div.col{padding: 0 10px;} .o_gallery.o_masonry.o_spc-medium div.col > img{margin: 10px 0 !important;} .o_gallery.o_masonry.o_spc-big div.col{padding: 0 15px;} .o_gallery.o_masonry.o_spc-big div.col > img{margin: 15px 0 !important;} .o_gallery.o_nomode.o_spc-none .img{padding: 0;} .o_gallery.o_nomode.o_spc-small .img{padding: 5px;} .o_gallery.o_nomode.o_spc-medium .img{padding: 10px;} .o_gallery.o_nomode.o_spc-big .img{padding: 15px;} .o_gallery.o_slideshow .carousel ul.carousel-indicators li{border: 1px solid #aaa;} .o_gallery.o_slideshow > .container{height: 100%;} .o_gallery .carousel-inner .item img{max-width: none;} .o_gallery.o_slideshow .carousel, .modal-body.o_slideshow .carousel{height: 100%;} .o_gallery.o_slideshow .carousel .item, .modal-body.o_slideshow .carousel .item{padding-bottom: 64px;} .o_gallery.o_slideshow .carousel img, .modal-body.o_slideshow .carousel img{max-height: 100%; max-width: 100%; margin: auto;} .o_gallery.o_slideshow .carousel ul.carousel-indicators, .modal-body.o_slideshow .carousel ul.carousel-indicators{display: block; height: auto; padding: 0; border-width: 0; position: absolute; bottom: 0; width: 100%; margin-left: 0; left: 0%;} .o_gallery.o_slideshow .carousel ul.carousel-indicators > *, .modal-body.o_slideshow .carousel ul.carousel-indicators > *{list-style-image: none; display: inline-block; width: 40px; 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; border-radius: 0; vertical-align: bottom;} .o_gallery.o_slideshow .carousel ul.carousel-indicators > *:not(.active), .modal-body.o_slideshow .carousel ul.carousel-indicators > *:not(.active){opacity: 0.8; filter: grayscale(1);} .o_gallery.o_slideshow .carousel .carousel-control.right, .modal-body.o_slideshow .carousel .carousel-control.right, .o_gallery.o_slideshow .carousel .carousel-control.left, .modal-body.o_slideshow .carousel .carousel-control.left{background-image: none; background-color: transparent;} .o_gallery.o_slideshow .carousel .carousel-control.left *, .modal-body.o_slideshow .carousel .carousel-control.left *{right: 0%;} .o_gallery.o_slideshow .carousel .carousel-control.right *, .modal-body.o_slideshow .carousel .carousel-control.right *{left: 0%;} div.carousel .carousel-indicators li{box-shadow: 0 0 0 1px grey;} div.carousel .carousel-indicators li:hover:not(.active){background-color: rgba(255, 255, 255, 0.5);} div.carousel span.carousel-img img, div.carousel div.carousel-content{max-height: 95%; padding: 10px;} div.carousel .carousel-control{cursor: pointer;} .parallax{position: relative; z-index: 0;} .parallax .oe_structure > :first-child{margin-top: 32px;} .parallax .oe_structure > :last-child{margin-bottom: 32px;} .parallax > .s_parallax_bg{position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-attachment: scroll; pointer-events: none;} .parallax.s_parallax_is_fixed > .s_parallax_bg{background-attachment: fixed;} .s_parallax{min-height: 200px;} @media (max-width: 991px){.s_company_team img{max-width: 50%;}} 

/* /website/static/src/less/website.zoomodoo.less defined in bundle 'web.assets_frontend' */
 .zoomodoo{position: relative; display: inline-block; *display: inline; *zoom: 1;} .zoomodoo img{vertical-align: bottom;} .zoomodoo-flyout{position: absolute; z-index: 100; overflow: hidden; background: #FFF;} .zoomodoo-hover .zoomodoo-flyout{top: 0; left: 0; width: 100%; height: 100%;} .zoomodoo-next .zoomodoo-flyout{top: 0; left: 100%; width: 100%; height: 100%; margin-left: 20px;} 

/* /mail/static/src/less/chat_window.custom.web.assets_frontend.less defined in bundle 'web.assets_frontend' */
 .o_chat_window{display: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; position: fixed; width: 325px; max-width: 80%; height: 400px; max-height: 80%; font-size: 12px; background-color: #fafafa; border-radius: 6px 6px 0 0; z-index: 1051; box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.18);} @media (max-width: 767px){.o_chat_window{width: 100%; height: 100%!important; box-shadow: none;}.o_chat_window.o_folded{display: none;}} @media print{.o_chat_window{display: none;}} .o_chat_window .o_chat_header{display: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex: 0 0 auto; -moz-flex: 0 0 auto; -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 #e5e5e5; background-color: #7c7bad; padding: 8px;} @media (max-width: 767px){.o_chat_window .o_chat_header{height: 46px; padding-top: 12px; border-radius: 0px;}.o_chat_window .o_chat_header .o_chat_title{font-size: 16px; margin-left: 10px;}.o_chat_window .o_chat_header .o_chat_window_close{font-size: 17px; color: white;}} .o_chat_window .o_chat_header .o_chat_title{cursor: pointer; -ms-flex: 1 1 auto; -moz-flex: 1 1 auto; -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_chat_window .o_chat_header .o_chat_window_buttons{-ms-flex: 0 0 auto; -moz-flex: 0 0 auto; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;} .o_chat_window .o_chat_header .o_chat_window_buttons .o_chat_window_close, .o_chat_window .o_chat_header .o_chat_window_buttons .o_chat_window_expand{color: white; padding: 3px; margin-left: 5px; opacity: 0.7;} .o_chat_window .o_chat_header .o_chat_window_buttons .o_chat_window_close:hover, .o_chat_window .o_chat_header .o_chat_window_buttons .o_chat_window_expand:hover, .o_chat_window .o_chat_header .o_chat_window_buttons .o_chat_window_close:focus, .o_chat_window .o_chat_header .o_chat_window_buttons .o_chat_window_expand:focus, .o_chat_window .o_chat_header .o_chat_window_buttons .o_chat_window_close.focus, .o_chat_window .o_chat_header .o_chat_window_buttons .o_chat_window_expand.focus{opacity: 1;} .o_chat_window .o_mail_thread{-ms-flex: 1 1 auto; -moz-flex: 1 1 auto; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; overflow: auto; -webkit-overflow-scrolling: touch;} .o_chat_window .o_mail_thread .o_thread_date_separator{margin: 0px 0px 15px 0px;} .o_chat_window .o_mail_thread .o_thread_date_separator .o_thread_date{background-color: #fafafa;} .o_chat_window .o_mail_thread .o_thread_message{padding: 4px 5px;} .o_chat_window .o_mail_thread .o_thread_message .o_thread_message_sidebar{margin-right: 5px;} .o_chat_window .o_chat_composer input{width: 100%;} .o_chat_window_dropdown{width: auto; height: 28px; color: white; background-color: #333333; cursor: pointer; box-shadow: none;} @media (max-width: 767px){.o_chat_window_dropdown{display: none;}} .o_chat_window_dropdown .o_chat_header{border-radius: 0;} .o_chat_window_dropdown .o_chat_window_dropdown_toggler{padding: 5px;} .o_chat_window_dropdown .o_chat_window_dropdown_toggler .o_total_unread_counter{position: absolute; top: -10px; left: auto; bottom: auto; right: 0; background-color: #7c7bad; padding: 0 2px; font-size: smaller;} .o_chat_window_dropdown.open .o_chat_window_dropdown_toggler .o_total_unread_counter, .o_chat_window_dropdown .o_chat_window_expand{display: none;} .o_chat_window_dropdown > ul{max-width: 325px; padding: 0;} .o_chat_window_dropdown > ul > li.o_chat_header{font-size: 12px; padding: 3px 5px;} .o_chat_window_dropdown > ul > li.o_chat_header ~ li.o_chat_header{border-top: 1px solid white;} .o_chat_window_dropdown > ul > li.o_chat_header:hover{background-color: #5f5e97;} .o_ui_blocked .o_chat_window{z-index: 1101;} .o_no_chat_window .o_chat_window{display: none;} 

/* /mail/static/src/less/thread.less defined in bundle 'web.assets_frontend' */
 .o_mail_thread .o_thread_show_more, .o_mail_activity .o_thread_show_more{text-align: center;} .o_mail_thread .o_thread_date_separator, .o_mail_activity .o_thread_date_separator{margin-top: 15px; margin-bottom: 30px; border-bottom: 1px solid #d9d7d7; text-align: center;} @media (max-width: 767px){.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 #abaaca 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: #abaaca; font-size: smaller;} .o_mail_thread .o_thread_message, .o_mail_activity .o_thread_message{display: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; padding: 4px 16px; margin-bottom: 0px;} .o_mail_thread .o_thread_message .o_thread_message_sidebar, .o_mail_activity .o_thread_message .o_thread_message_sidebar{-ms-flex: 0 0 36px; -moz-flex: 0 0 36px; -webkit-box-flex: 0; -webkit-flex: 0 0 36px; flex: 0 0 36px; margin-right: 10px; margin-top: 2px; text-align: center; font-size: smaller;} @media (max-width: 767px){.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{max-width: 36px;} .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{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{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_activity .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.o_thread_selected_message .o_thread_message_side_date{opacity: 0.6;} .o_mail_thread .o_thread_message:hover .o_thread_icon, .o_mail_activity .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.o_thread_selected_message .o_thread_icon{opacity: 0.6;} .o_mail_thread .o_thread_message:hover .o_thread_icon:hover, .o_mail_activity .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.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{-ms-flex: 1 1 auto; -moz-flex: 1 1 auto; -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.o_mail_note, .o_mail_activity .o_thread_message .o_thread_message_core.o_mail_note{background-color: rgba(229, 229, 229, 0.5); padding-left: 9px; border-bottom: 1px solid #d9d7d7;} .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 img, .o_mail_activity .o_thread_message .o_thread_message_core img{max-width: 100%;} .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; color: #777777;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_info .o_mail_mailto, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_info .o_mail_mailto, .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_info .o_mail_mailto:hover, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_info .o_mail_mailto:hover{color: #777777;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_info strong, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_info strong{color: inherit;} .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_star, .o_mail_activity .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_activity .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_activity .o_thread_message .o_thread_message_core .o_thread_message_reply, .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_email, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_email{padding: 4px;} .o_mail_thread .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_ready, .o_mail_activity .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_ready{color: grey;} .o_mail_thread .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_exception, .o_mail_activity .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_exception{color: red; opacity: 1;} .o_mail_thread .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_bounce, .o_mail_activity .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_bounce{color: red; opacity: 1;} .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_tooltip_container, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_tooltip_container{display: inline; position: relative;} .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_tooltip_container .o_thread_tooltip_content, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_tooltip_container .o_thread_tooltip_content{top: 10px; background: #eeeeee; padding: 4px; border: solid #eeeeee 1px; border-radius: 5px; color: gray; width: 300px; display: none; opacity: 0; position: absolute; transition: opacity 0.5s;} .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_tooltip_container .o_thread_tooltip_content i.fa-exclamation, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_tooltip_container .o_thread_tooltip_content i.fa-exclamation{color: red;} .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_tooltip_container .o_thread_tooltip:hover + .o_thread_tooltip_content, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_tooltip_container .o_thread_tooltip:hover + .o_thread_tooltip_content{display: inline; opacity: 1;} .o_mail_thread .o_thread_title, .o_mail_activity .o_thread_title{margin-top: 20px; margin-bottom: 20px; font-size: 20px;} .o_mail_thread .o_mail_no_content, .o_mail_activity .o_mail_no_content{padding-top: 0px; padding-right: 16px; padding-bottom: 0px; padding-left: 16px;} .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;} 

/* /im_livechat/static/src/less/im_livechat.less defined in bundle 'web.assets_frontend' */
 .o_livechat_button{position: fixed; bottom: 0px; right: 6px; 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_chat_window{z-index: 1002;} .o_chat_window .o_thread_date_separator{display: none;} .o_chat_window .o_livechat_rating{-ms-flex: 1 1 auto; -moz-flex: 1 1 auto; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; overflow: auto; padding: 15px;} .o_chat_window .o_livechat_rating .o_livechat_no_feedback{padding-top: 20px; text-align: right; font-size: 12px;} .o_chat_window .o_livechat_rating .o_livechat_no_feedback > em{cursor: pointer;} .o_chat_window .o_livechat_rating .o_livechat_rating_feedback_text{text-align: justify;} .o_chat_window .o_livechat_rating .o_livechat_rating_choices{margin: 10px 0; text-align: center;} .o_chat_window .o_livechat_rating .o_livechat_rating_choices > img{width: 50px; opacity: 0.60; cursor: pointer; margin: 5px;} .o_chat_window .o_livechat_rating .o_livechat_rating_choices > img:hover, .o_chat_window .o_livechat_rating .o_livechat_rating_choices > img.selected{opacity: 1;} .o_chat_window .o_livechat_rating .o_livechat_rating_reason{margin: 10px 0; display: none;} .o_chat_window .o_livechat_rating .o_livechat_rating_reason > textarea{width: 100%; height: 70px; resize: none;} .o_chat_window .o_livechat_rating .o_livechat_rating_reason_button > input{float: right;} 

/* /website_mail/static/src/css/website_mail.less defined in bundle 'web.assets_frontend' */
 .js_follow[data-follow='on'] .js_follow_btn, .js_follow[data-follow='off'] .js_unfollow_btn{display: none;} 

/* /website_rating/static/src/less/website_rating.less defined in bundle 'web.assets_frontend' */
 .o_website_rating_static{color: #facc2e;} .o_website_rating_card_container{} .o_website_rating_card_container .o_message_counter{color: #555555;} .o_website_rating_card_container table.o_website_rating_progress_table{width: 100%; overflow: visible;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_star_num{min-width: 30px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_select[style*="opacity: 1"]{cursor: pointer;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress{min-width: 120px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress > .progress{margin-bottom: 5px; margin-left: 5px; margin-right: 5px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress .o_rating_progressbar{background-color: #facc2e;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_percent{text-align: right; padding-left: 5px; font-size: 12px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_reset .o_website_rating_select_text{visibility: hidden;} .o_rating_star_card{margin-bottom: 5px;} .o_rating_star_card .stars{display: inline-block; color: #FACC2E; margin-right: 15px;} .o_rating_star_card .stars i{margin-right: -3px; text-align: center;} .o_rating_star_card .stars.enabled{cursor: pointer;} .o_rating_star_card .rate_text{display: inline-block;} 

/* /website_form/static/src/less/website_form.less defined in bundle 'web.assets_frontend' */
 .o_website_form_flex{display: flex; flex-wrap: wrap;} .o_website_form_flex_item{flex-basis: 33%;} @media (max-width: 991px){.o_website_form_flex_item{flex-basis: 50%;}} @media (max-width: 767px){.o_website_form_flex_item{flex-basis: 100%;}} .o_website_form_field_hidden{display: none;} .editor_enable .o_website_form_field_hidden{display: block; opacity: 0.5;} .editor_enable .s_website_form .form-field select{pointer-events: none;} .o_website_form_required .control-label:after, .o_website_form_required_custom .control-label:after{content: ' *';} #editable_select.form-control{height: 100%;} .form-field input[type=file].form-control{height: 100%;} 

/* /website_sale/static/src/css/website_sale.css defined in bundle 'web.assets_frontend' */
 .oe_product{border: 1px solid rgba(100, 100, 100, 0.2);} .products_pager{text-align: center;} .products_pager > div{margin: 0 auto; display: inline-block;} .products_pager > div > *{vertical-align: middle; float: none; padding: 0;} .products_pager > div > ul{padding-left: 10px;} .products_pager > ul{margin-left: auto; margin-right: auto;} .oe_website_sale ul ul{margin-left: 1.5em;} .oe_website_sale .td-product_name, .oe_website_sale h1[itemprop="name"], .oe_website_sale .oe_product_cart form h5{word-wrap: break-word;} .oe_website_sale .td-product_name{min-width: 140px;} .oe_website_sale .td-img{width: 100px;} .oe_website_sale .td-qty{width: 130px;} .oe_website_sale .td-price, .oe_website_sale .td-price-total{width: 100px;} @media (max-width: 767px){.oe_website_sale .td-img, .oe_website_sale .td-price-total{display: none;}.oe_website_sale .td-qty{width: 60px;}.oe_website_sale .td-price{width: 80px;}} @media (min-width: 768px){.oe_website_sale .o_website_sale_rightfit{padding-right: 0px;}} @media (max-width: 476px){.oe_website_sale .td-qty{width: 60px;}.oe_website_sale .oe_cart table thead, .oe_website_sale #modal_optional_products table thead{display: none;}.oe_website_sale .oe_cart table td.td-img, .oe_website_sale #modal_optional_products table td.td-img{display: none;}.oe_website_sale .oe_cart a span.hidden-xs, .oe_website_sale #modal_optional_products a span.hidden-xs{display: none !important;}.oe_website_sale .oe_cart a span.visible-xs-inline, .oe_website_sale #modal_optional_products a span.visible-xs-inline{display: inline !important;}} .o_alternative_product{margin: auto;} .oe_product{position: relative;} .oe_product .oe_product_image{position: absolute; left: 15px; right: 15px; top: 15px; bottom: 55px; text-align: center;} .oe_product .oe_product_image img{max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 4;} .oe_product section{position: absolute; left: 0; right: 0; bottom: 0; overflow: hidden; padding: 0 15px 24px 10px; min-height: 56px; border-top: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.75); z-index: 5;} .oe_product .product_price{padding: 5px 0; position: absolute; bottom: 0;} .oe_product .oe_product_cart{position: relative; width: 100%; height: 100%;} .oe_product .oe_subdescription{font-size: 0.8em; overflow: hidden; margin-bottom: 10px;} .oe_mycart .input-group-addon{padding-left: 6px; padding-right: 6px;} .oe_product.oe_image_full .oe_product_image{left: 0; right: 0; top: 0; bottom: 0;} .oe_product.oe_ribbon_promo .ribbon-wrapper{display: block;} .oe_product .ribbon-wrapper{display: none; width: 85px; height: 88px; z-index: 5; overflow: hidden; position: absolute; top: 0; right: 0;} .oe_product .ribbon{font: bold 15px Sans-Serif; color: white; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; cursor: default;} #products_grid > table tr:not(:first-child) > td{height: 100%;} #products_grid.col-md-12 > table > tbody > tr > td:empty, #products_grid.col-md-9 > table > tbody > tr > td:empty{height: 0;} #products_grid.col-md-12 .oe-height-1{height: 75px;} #products_grid.col-md-12 .oe-height-2{height: 150px;} #products_grid.col-md-12 .oe-height-4{height: 300px;} #products_grid.col-md-12 .oe-height-6{height: 450px;} #products_grid.col-md-12 .oe-height-8{height: 600px;} #products_grid.col-md-9 .oe-height-1{height: 70px;} #products_grid.col-md-9 .oe-height-2{height: 140px;} #products_grid.col-md-9 .oe-height-4{height: 280px;} #products_grid.col-md-9 .oe-height-6{height: 420px;} #products_grid.col-md-9 .oe-height-8{height: 560px;} #products_grid .oe_product.oe_grid .oe_subdescription{max-height: 40px;} @media (min-width: 992px){#products_grid.col-md-12 .oe-height-1{height: 95px;}#products_grid.col-md-12 .oe-height-2{height: 190px;}#products_grid.col-md-12 .oe-height-4{height: 380px;}#products_grid.col-md-12 .oe-height-6{height: 570px;}#products_grid.col-md-12 .oe-height-8{height: 760px;}#products_grid.col-md-12 .oe_product.oe_grid .oe_subdescription{max-height: 70px;}#products_grid.col-md-9 .oe-height-1{height: 72px;}#products_grid.col-md-9 .oe-height-2{height: 144px;}#products_grid.col-md-9 .oe-height-4{height: 288px;}#products_grid.col-md-9 .oe-height-6{height: 432px;}#products_grid.col-md-9 .oe-height-8{height: 576px;}} @media (min-width: 1200px){#products_grid.col-md-12 .oe-height-1{height: 125px;}#products_grid.col-md-12 .oe-height-2{height: 250px;}#products_grid.col-md-12 .oe-height-4{height: 500px;}#products_grid.col-md-12 .oe-height-6{height: 750px;}#products_grid.col-md-12 .oe-height-8{height: 1000px;}#products_grid.col-md-9 .oe-height-1{height: 95px;}#products_grid.col-md-9 .oe-height-2{height: 190px;}#products_grid.col-md-9 .oe-height-4{height: 380px;}#products_grid.col-md-9 .oe-height-6{height: 570px;}#products_grid.col-md-9 .oe-height-8{height: 760px;}#products_grid .oe_product.oe_grid .oe_subdescription{max-height: 120px;}} @media (max-width: 768px){#products_grid table, #products_grid tbody, #products_grid tr, #products_grid td{float: left; width: 100%; display: inline-block;}#products_grid .oe_product{float: left; width: 100%; display: inline-block;}#products_grid .oe_product.oe_grid{height: 400px;}#products_grid .oe_product.oe_grid section{background: rgba(100, 100, 100, 0.2);}#products_grid .oe_product .oe_subdescription{max-height: 200px;}.products_pager .pagination{margin: 5px auto !important;}} @media (max-width: 400px){#products_grid .oe_product.oe_grid{height: 270px;}#products_grid .oe_product.oe_list{height: 200px;}#products_grid .oe_product.oe_list section{background: rgba(100, 100, 100, 0.2);}#products_grid .oe_product .oe_product_image{top: 0; bottom: 65px;}#products_grid .oe_product .oe_subdescription{max-height: 40px;}#products_grid .oe_product.oe_image_full .oe_product_image{bottom: 50px;}} .oe_cart a span.visible-xs-inline, #modal_optional_products a span.visible-xs-inline{display: none !important;} .oe_cart a span.hidden-xs, #modal_optional_products a span.hidden-xs{display: inline !important;} .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;} @media (min-width: 400px){.oe_product.oe_list{border: none; border-bottom: 1px solid rgba(100, 100, 100, 0.2); width: 100%; min-height: 100px; position: relative; padding-bottom: 5px; padding-left: 180px;}.oe_product.oe_list .oe_product_image{top: 0; bottom: 0; left: 0; right: 0; width: 170px;}.oe_product.oe_list section{position: relative; border: 0; top: auto; bottom: auto; left: auto; right: auto; background: transparent;}} .oe_website_sale .row .row .col-md-12{float: none;} .css_attribute_color{display: inline-block; border: 1px solid #999999; text-align: center;} .css_attribute_color input{margin: 8px; height: 13px; opacity: 0;} .css_attribute_color.active{border: 3px ridge #66ee66;} .css_attribute_color.active input{margin: 6px;} .css_not_available_msg{display: none;} .css_not_available.js_product > *:nth-child(4) > *{display: none;} .css_not_available.js_product .product_price, .css_not_available.js_product .css_quantity{display: none;} .css_not_available.js_product .css_not_available_msg{display: block;} .css_quantity{max-width: 125px;} .css_quantity input[name="add_qty"]{text-align: center;} option.css_not_available{color: #ccc;} label.css_not_available{opacity: 0.6;} label.css_attribute_color.css_not_available{opacity: 1; background-image: url("/website_sale/static/src/img/redcross.png"); background-size: cover;} .product_detail_img{margin-left: auto; margin-right: auto; display: block; max-height: 500px;} .oe_default_price{display: none;} .discount .oe_default_price{display: block;} .oe_website_sale input.js_quantity{min-width: 48px; text-align: center;} .oe_website_sale input.quantity{padding: 0;} .oe_overlay_options .dropdown ul[name="size"] table{margin-left: 20px;} .oe_overlay_options .dropdown ul[name="size"] td{margin: 0; padding: 0; width: 20px; height: 20px; border: 1px #dddddd solid; cursor: pointer;} .oe_overlay_options .dropdown ul[name="size"] td.selected{background-color: #B1D4F1;} .oe_overlay_options .dropdown ul[name="size"] table.oe_hover td.selected{background-color: transparent;} .oe_overlay_options .dropdown ul[name="size"] table.oe_hover td.select{background-color: #B1D4F1;} ul.wizard{padding: 0; margin-top: 20px; list-style: none outside none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065);} ul.wizard li{border: 1px solid #d4d4d4; 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 #d4d4d4;} 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;} #o_shop_collapse_category li a{display: inline-block; width: 80%; padding-left: 3px;} #o_shop_collapse_category li i.fa{cursor: pointer;} .mycart-popover{max-width: 500px; min-width: 250px;} .mycart-popover .cart_line{border-bottom: 1px #EEE solid;} td.noborder{border: none !important;} .border_primary{border: 1px solid #337ab7;} .js_change_shipping{cursor: pointer;} a.no-decoration{cursor: pointer; text-decoration: none !important;} #o-carousel-product .carousel-inner div.item{height: 400px;} #o-carousel-product .carousel-inner div.item img{max-height: 100%;} #o-carousel-product .carousel-control{background-image: none !important;} #o-carousel-product .carousel-indicators{background-color: transparent; margin: 10px 0 0; overflow-y: hidden; position: static; text-align: left; white-space: nowrap; width: 100%; height: 100px !important; text-align: center; list-style-position: inside;} #o-carousel-product .carousel-indicators li{background-color: transparent !important; border-radius: 0; display: inline-block; margin: 0 !important; width: 54px !important; height: 54px !important; border: 0 !important; box-shadow: none !important;} #o-carousel-product .carousel-indicators li img{display: block; opacity: 0.5;} #o-carousel-product .carousel-indicators li.active img{opacity: 1;} .ecom-zoomable img[data-zoom]{cursor: zoom-in;} .break-word{word-wrap: break-word;} #coupon_box form{max-width: 300px;} .font-weight-normal{font-weight: normal;} .o_website_sale_animate{opacity: 0.7; position: absolute; height: 150px; width: 150px; z-index: 1020;} .o_red_highlight{background: #db0700 !important; box-shadow: 0 0 0px 0px 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;} 

/* /website_sale/static/src/css/website_mail.css defined in bundle 'web.assets_frontend' */
 .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: 0px; margin-left: 10px; width: 100px; height: 80px; border-radius: 1px; border: solid 3px white; -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: 0px 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_delivery/static/src/less/website_sale_delivery.less defined in bundle 'web.assets_frontend' */
 @media (max-width: 767px){.o_delivery_compute{max-width: 130px; text-overflow: ellipsis; overflow: hidden;}} 

/* /survey/static/src/css/survey_print.css defined in bundle 'web.assets_frontend' */
@media print{.js_surveyform{font-size: 13px;}.js_surveyform textarea.form-control{height: 10em;}.js_surveyform h1{font-size: 28px;}.js_surveyform h2{font-size: 20px;}.js_question-wrapper{page-break-inside: avoid;}} 

/* /web/static/lib/nvd3/nv.d3.css defined in bundle 'web.assets_frontend' */
 .nvd3 .nv-axis{pointer-events:none; opacity: 1;} .nvd3 .nv-axis path{fill: none; stroke: #000; stroke-opacity: .75; shape-rendering: crispEdges;} .nvd3 .nv-axis path.domain{stroke-opacity: .75;} .nvd3 .nv-axis.nv-x path.domain{stroke-opacity: 0;} .nvd3 .nv-axis line{fill: none; stroke: #e5e5e5; shape-rendering: crispEdges;} .nvd3 .nv-axis .zero line, .nvd3 .nv-axis line.zero{stroke-opacity: .75;} .nvd3 .nv-axis .nv-axisMaxMin text{font-weight: bold;} .nvd3 .x .nv-axis .nv-axisMaxMin text, .nvd3 .x2 .nv-axis .nv-axisMaxMin text, .nvd3 .x3 .nv-axis .nv-axisMaxMin text{text-anchor: middle} .nvd3 .nv-axis.nv-disabled{opacity: 0;} .nvd3 .nv-groups .nv-point.hover{stroke-width: 20px; stroke-opacity: .5;} .nvd3 .nv-scatter .nv-point.hover{fill-opacity: 1;} .nv-noninteractive{pointer-events: none;} .nv-distx, .nv-disty{pointer-events: none;} .nvtooltip{position: absolute; background-color: rgba(255,255,255,1.0); color: rgba(0,0,0,1.0); padding: 1px; border: 1px solid rgba(0,0,0,.2); z-index: 10000; display: block; font-family: Arial; font-size: 13px; text-align: left; pointer-events: none; white-space: nowrap; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .nvtooltip{background: rgba(255,255,255, 0.8); border: 1px solid rgba(0,0,0,0.5); border-radius: 4px;} .nvtooltip.with-transitions, .with-transitions .nvtooltip{transition: opacity 50ms linear; -moz-transition: opacity 50ms linear; -webkit-transition: opacity 50ms linear; transition-delay: 200ms; -moz-transition-delay: 200ms; -webkit-transition-delay: 200ms;} .nvtooltip.x-nvtooltip, .nvtooltip.y-nvtooltip{padding: 8px;} .nvtooltip h3{margin: 0; padding: 4px 14px; line-height: 18px; font-weight: normal; background-color: rgba(247,247,247,0.75); color: rgba(0,0,0,1.0); text-align: center; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .nvtooltip p{margin: 0; padding: 5px 14px; text-align: center;} .nvtooltip span{display: inline-block; margin: 2px 0;} .nvtooltip table{margin: 6px; border-spacing:0;} .nvtooltip table td{padding: 2px 9px 2px 0; vertical-align: middle;} .nvtooltip table td.key{font-weight: normal;} .nvtooltip table td.key.total{font-weight: bold;} .nvtooltip table td.value{text-align: right; font-weight: bold;} .nvtooltip table tr.highlight td{padding: 1px 9px 1px 0; border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px;} .nvtooltip table td.legend-color-guide div{width: 8px; height: 8px; vertical-align: middle;} .nvtooltip table td.legend-color-guide div{width: 12px; height: 12px; border: 1px solid #999;} .nvtooltip .footer{padding: 3px; text-align: center;} .nvtooltip-pending-removal{pointer-events: none; display: none;} .nvd3 .nv-interactiveGuideLine{pointer-events:none;} .nvd3 line.nv-guideline{stroke: #ccc;} .nvd3 .nv-bars rect{fill-opacity: .75; transition: fill-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear;} .nvd3 .nv-bars rect.hover{fill-opacity: 1;} .nvd3 .nv-bars .hover rect{fill: lightblue;} .nvd3 .nv-bars text{fill: rgba(0,0,0,0);} .nvd3 .nv-bars .hover text{fill: rgba(0,0,0,1);} .nvd3 .nv-multibar .nv-groups rect, .nvd3 .nv-multibarHorizontal .nv-groups rect, .nvd3 .nv-discretebar .nv-groups rect{stroke-opacity: 0; transition: fill-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear;} .nvd3 .nv-multibar .nv-groups rect:hover, .nvd3 .nv-multibarHorizontal .nv-groups rect:hover, .nvd3 .nv-candlestickBar .nv-ticks rect:hover, .nvd3 .nv-discretebar .nv-groups rect:hover{fill-opacity: 1;} .nvd3 .nv-discretebar .nv-groups text, .nvd3 .nv-multibarHorizontal .nv-groups text{font-weight: bold; fill: rgba(0,0,0,1); stroke: rgba(0,0,0,0);} .nvd3 .nv-groups path.nv-line{fill: none;} .nvd3 .nv-groups path.nv-area{stroke: none;} .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point{fill-opacity: 0; stroke-opacity: 0;} .nvd3.nv-scatter.nv-single-point .nv-groups .nv-point{fill-opacity: .5 !important; stroke-opacity: .5 !important;} .with-transitions .nvd3 .nv-groups .nv-point{transition: stroke-width 250ms linear, stroke-opacity 250ms linear; -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear; -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;} .nvd3.nv-scatter .nv-groups .nv-point.hover, .nvd3 .nv-groups .nv-point.hover{stroke-width: 7px; fill-opacity: .95 !important; stroke-opacity: .95 !important;} .nvd3 .nv-point-paths path{stroke: #aaa; stroke-opacity: 0; fill: #eee; fill-opacity: 0;} .nvd3 .nv-indexLine{cursor: ew-resize;} svg.nvd3-svg{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; display: block; width:100%; height:100%;} .nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip{-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .nvd3 text{font: normal 12px Arial;} .nvd3 .title{font: bold 14px Arial;} .nvd3 .nv-background{fill: white; fill-opacity: 0;} .nvd3.nv-noData{font-size: 18px; font-weight: bold;} .nv-brush .extent{fill-opacity: .125; shape-rendering: crispEdges;} .nv-brush .resize path{fill: #eee; stroke: #666;} .nvd3 .nv-legend .nv-series{cursor: pointer;} .nvd3 .nv-legend .nv-disabled circle{fill-opacity: 0;} .nvd3 .nv-brush .extent{fill-opacity: 0 !important;} .nvd3 .nv-brushBackground rect{stroke: #000; stroke-width: .4; fill: #fff; fill-opacity: .7;} .nvd3.nv-pie path{stroke-opacity: 0; transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;} .nvd3.nv-pie .nv-pie-title{font-size: 24px; fill: rgba(19, 196, 249, 0.59);} .nvd3.nv-pie .nv-slice text{stroke: #000; stroke-width: 0;} .nvd3.nv-pie path{stroke: #fff; stroke-width: 1px; stroke-opacity: 1;} .nvd3.nv-pie path{fill-opacity: .7;} .nvd3.nv-pie .hover path{fill-opacity: 1;} .nvd3.nv-pie .nv-label{pointer-events: none;} .nvd3.nv-pie .nv-label rect{fill-opacity: 0; stroke-opacity: 0;} 

/* /survey/static/src/css/survey_result.css defined in bundle 'web.assets_frontend' */
.only_right_radius{border-top-right-radius: 2em; border-bottom-right-radius: 2em; border-top-left-radius: 0; border-bottom-left-radius: 0;} .only_left_radius{border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 2em; border-bottom-left-radius: 2em;} .no_radius{border-radius: 0;} .clear_survey_filter, .filter-all, .filter-finished{cursor: pointer;} .nvtooltip h5{margin: 0; line-height: 18px; font-weight: bold; background-color: rgba(247,247,247,0.75); text-align: center; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .survey_answer i{padding:3px; cursor:pointer;} .survey_answer i.invisible{visibility: hidden!important;} @media print{.tab-content > .tab-pane{display: block;}.tab-content > .survey_graph > svg{width: 1150px;}} .o_preview_questions{border: 3px solid #C9C6C6; width: auto; padding: 10px 30px 5px; margin-top: 15px; color: #C9C6C6;} .o_preview_questions .o_datetime{border: 1px solid #D8D7D7; margin-bottom: 5px;} .o_preview_questions .o_matrix_head{border-bottom: 1px solid #D8D7D7;} .o_preview_questions .o_matrix_row{border-top: 1px solid #D8D7D7;} 

/* /webiste_google_map/static/src/less/s_google_map.less defined in bundle 'web.assets_frontend' */
 .s_google_map{height: 100%; min-height: 300px; position: relative;} .s_google_map .map_container{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;} .s_google_map.readable .map_container{position: relative;} .s_google_map .description{z-index: 99; background: #337ab7; background: rgba(51, 122, 183, 0.8); position: absolute; left: 0; right: 0; bottom: 0; width: 100%; padding: 0 1em; color: white; -webkit-transition: background-color 250ms ease; -o-transition: background-color 250ms ease; 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: #337ab7; background: rgba(51, 122, 183, 0.55);} #mapModal{z-index: 3000;} .pac-container{z-index: 3001;} .pac-container:after{display: none;} 

/* /website_hr_recruitment/static/src/less/s_hr_rating.less defined in bundle 'web.assets_frontend' */
 .s_hr_rating.s_hr_rating_stars .fa:before{content: "\f006";} .s_hr_rating.s_hr_rating_stars.s_hr_rating_5 .fa:nth-of-type( -n + 5):before{content: "\f005";} .s_hr_rating.s_hr_rating_stars.s_hr_rating_4 .fa:nth-of-type( -n + 4):before{content: "\f005";} .s_hr_rating.s_hr_rating_stars.s_hr_rating_3 .fa:nth-of-type( -n + 3):before{content: "\f005";} .s_hr_rating.s_hr_rating_stars.s_hr_rating_2 .fa:nth-of-type( -n + 2):before{content: "\f005";} .s_hr_rating.s_hr_rating_stars.s_hr_rating_1 .fa:nth-of-type( -n + 1):before{content: "\f005";} .s_hr_rating.s_hr_rating_bolts .fa:before{content: "_";} .s_hr_rating.s_hr_rating_bolts.s_hr_rating_5 .fa:nth-of-type( -n + 5):before{content: "\f0e7";} .s_hr_rating.s_hr_rating_bolts.s_hr_rating_4 .fa:nth-of-type( -n + 4):before{content: "\f0e7";} .s_hr_rating.s_hr_rating_bolts.s_hr_rating_3 .fa:nth-of-type( -n + 3):before{content: "\f0e7";} .s_hr_rating.s_hr_rating_bolts.s_hr_rating_2 .fa:nth-of-type( -n + 2):before{content: "\f0e7";} .s_hr_rating.s_hr_rating_bolts.s_hr_rating_1 .fa:nth-of-type( -n + 1):before{content: "\f0e7";} .s_hr_rating.s_hr_rating_hearts .fa:before{content: "\f08a";} .s_hr_rating.s_hr_rating_hearts.s_hr_rating_5 .fa:nth-of-type( -n + 5):before{content: "\f004";} .s_hr_rating.s_hr_rating_hearts.s_hr_rating_4 .fa:nth-of-type( -n + 4):before{content: "\f004";} .s_hr_rating.s_hr_rating_hearts.s_hr_rating_3 .fa:nth-of-type( -n + 3):before{content: "\f004";} .s_hr_rating.s_hr_rating_hearts.s_hr_rating_2 .fa:nth-of-type( -n + 2):before{content: "\f004";} .s_hr_rating.s_hr_rating_hearts.s_hr_rating_1 .fa:nth-of-type( -n + 1):before{content: "\f004";} .s_hr_rating.s_hr_rating_bar .fa{display: none;} .s_hr_rating.s_hr_rating_bar .s_hr_rating_bar{height: 15px; padding: 1px; background-color: #eeeeee; border-radius: 2px;} .s_hr_rating.s_hr_rating_bar .s_hr_rating_bar:before{content: ""; border-radius: 2px; background-color: #337ab7; display: block; width: 0; height: 100%;} .s_hr_rating.s_hr_rating_bar.s_hr_rating_5 .s_hr_rating_bar:before{width: 100%;} .s_hr_rating.s_hr_rating_bar.s_hr_rating_4 .s_hr_rating_bar:before{width: 80%;} .s_hr_rating.s_hr_rating_bar.s_hr_rating_3 .s_hr_rating_bar:before{width: 60%;} .s_hr_rating.s_hr_rating_bar.s_hr_rating_2 .s_hr_rating_bar:before{width: 40%;} .s_hr_rating.s_hr_rating_bar.s_hr_rating_1 .s_hr_rating_bar:before{width: 20%;} 

/* /website_animate/static/src/less/o_animate_frontend.less defined in bundle 'web.assets_frontend' */
 .o_animate{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; text-rendering: geometricPrecision; visibility: hidden;} .o_animate_preview{visibility: visible;} .o_anim_dur500{-webkit-animation-duration: 500ms; animation-duration: 500ms;} .o_anim_dur1500{-webkit-animation-duration: 1500ms; animation-duration: 1500ms;} .o_anim_dur2000{-webkit-animation-duration: 2000ms; animation-duration: 2000ms;} .o_anim_dur2500{-webkit-animation-duration: 2500ms; animation-duration: 2500ms;} .o_anim_dur3000{-webkit-animation-duration: 3000ms; animation-duration: 3000ms;} .o_anim_del500{-webkit-animation-delay: 500ms; animation-delay: 500ms;} .o_anim_del1000{-webkit-animation-delay: 1000ms; animation-delay: 1000ms;} .o_anim_del1500{-webkit-animation-delay: 1500ms; animation-delay: 1500ms;} .o_anim_del2000{-webkit-animation-delay: 2000ms; animation-delay: 2000ms;} .o_anim_del2500{-webkit-animation-delay: 2500ms; animation-delay: 2500ms;} @-moz-keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @-webkit-keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @-moz-keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @-webkit-keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @-moz-keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3);}20%{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}40%{-webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9);}60%{opacity: 1; -webkit-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03);}80%{-webkit-transform: scale(0.97); -ms-transform: scale(0.97); -o-transform: scale(0.97); transform: scale(0.97);}100%{opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}} @-webkit-keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3);}20%{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}40%{-webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9);}60%{opacity: 1; -webkit-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03);}80%{-webkit-transform: scale(0.97); -ms-transform: scale(0.97); -o-transform: scale(0.97); transform: scale(0.97);}100%{opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}} @keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3);}20%{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}40%{-webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9);}60%{opacity: 1; -webkit-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03);}80%{-webkit-transform: scale(0.97); -ms-transform: scale(0.97); -o-transform: scale(0.97); transform: scale(0.97);}100%{opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}} .o_anim_bounce_in{-webkit-animation-name: o_anim_bounce_in; animation-name: o_anim_bounce_in;} @-moz-keyframes o_anim_bounce_in_down{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate(0, -3000px); -ms-transform: translate(0, -3000px); -o-transform: translate(0, -3000px); transform: translate(0, -3000px);}60%{opacity: 1; -webkit-transform: translate(0, 25px); -ms-transform: translate(0, 25px); -o-transform: translate(0, 25px); transform: translate(0, 25px);}75%{-webkit-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -o-transform: translate(0, -10px); transform: translate(0, -10px);}90%{-webkit-transform: translate(0, 5px); -ms-transform: translate(0, 5px); -o-transform: translate(0, 5px); transform: translate(0, 5px);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @-webkit-keyframes o_anim_bounce_in_down{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate(0, -3000px); -ms-transform: translate(0, -3000px); -o-transform: translate(0, -3000px); transform: translate(0, -3000px);}60%{opacity: 1; -webkit-transform: translate(0, 25px); -ms-transform: translate(0, 25px); -o-transform: translate(0, 25px); transform: translate(0, 25px);}75%{-webkit-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -o-transform: translate(0, -10px); transform: translate(0, -10px);}90%{-webkit-transform: translate(0, 5px); -ms-transform: translate(0, 5px); -o-transform: translate(0, 5px); transform: translate(0, 5px);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes o_anim_bounce_in_down{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate(0, -3000px); -ms-transform: translate(0, -3000px); -o-transform: translate(0, -3000px); transform: translate(0, -3000px);}60%{opacity: 1; -webkit-transform: translate(0, 25px); -ms-transform: translate(0, 25px); -o-transform: translate(0, 25px); transform: translate(0, 25px);}75%{-webkit-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -o-transform: translate(0, -10px); transform: translate(0, -10px);}90%{-webkit-transform: translate(0, 5px); -ms-transform: translate(0, 5px); -o-transform: translate(0, 5px); transform: translate(0, 5px);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} .o_anim_bounce_in_down{-webkit-animation-name: o_anim_bounce_in_down; animation-name: o_anim_bounce_in_down;} @-moz-keyframes o_anim_bounce_in_left{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate(-3000px, 0); -ms-transform: translate(-3000px, 0); -o-transform: translate(-3000px, 0); transform: translate(-3000px, 0);}60%{opacity: 1; -webkit-transform: translate(25px, 0); -ms-transform: translate(25px, 0); -o-transform: translate(25px, 0); transform: translate(25px, 0);}75%{-webkit-transform: translate(-10px, 0); -ms-transform: translate(-10px, 0); -o-transform: translate(-10px, 0); transform: translate(-10px, 0);}90%{-webkit-transform: translate(5px, 0); -ms-transform: translate(5px, 0); -o-transform: translate(5px, 0); transform: translate(5px, 0);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @-webkit-keyframes o_anim_bounce_in_left{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate(-3000px, 0); -ms-transform: translate(-3000px, 0); -o-transform: translate(-3000px, 0); transform: translate(-3000px, 0);}60%{opacity: 1; -webkit-transform: translate(25px, 0); -ms-transform: translate(25px, 0); -o-transform: translate(25px, 0); transform: translate(25px, 0);}75%{-webkit-transform: translate(-10px, 0); -ms-transform: translate(-10px, 0); -o-transform: translate(-10px, 0); transform: translate(-10px, 0);}90%{-webkit-transform: translate(5px, 0); -ms-transform: translate(5px, 0); -o-transform: translate(5px, 0); transform: translate(5px, 0);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes o_anim_bounce_in_left{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate(-3000px, 0); -ms-transform: translate(-3000px, 0); -o-transform: translate(-3000px, 0); transform: translate(-3000px, 0);}60%{opacity: 1; -webkit-transform: translate(25px, 0); -ms-transform: translate(25px, 0); -o-transform: translate(25px, 0); transform: translate(25px, 0);}75%{-webkit-transform: translate(-10px, 0); -ms-transform: translate(-10px, 0); -o-transform: translate(-10px, 0); transform: translate(-10px, 0);}90%{-webkit-transform: translate(5px, 0); -ms-transform: translate(5px, 0); -o-transform: translate(5px, 0); transform: translate(5px, 0);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} .o_anim_bounce_in_left{-webkit-animation-name: o_anim_bounce_in_left; animation-name: o_anim_bounce_in_left;} @-moz-keyframes o_anim_bounce_in_right{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate(3000px, 0); -ms-transform: translate(3000px, 0); -o-transform: translate(3000px, 0); transform: translate(3000px, 0);}60%{opacity: 1; -webkit-transform: translate(-25px, 0); -ms-transform: translate(-25px, 0); -o-transform: translate(-25px, 0); transform: translate(-25px, 0);}75%{-webkit-transform: translate(10px, 0); -ms-transform: translate(10px, 0); -o-transform: translate(10px, 0); transform: translate(10px, 0);}90%{-webkit-transform: translate(-5px, 0); -ms-transform: translate(-5px, 0); -o-transform: translate(-5px, 0); transform: translate(-5px, 0);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @-webkit-keyframes o_anim_bounce_in_right{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate(3000px, 0); -ms-transform: translate(3000px, 0); -o-transform: translate(3000px, 0); transform: translate(3000px, 0);}60%{opacity: 1; -webkit-transform: translate(-25px, 0); -ms-transform: translate(-25px, 0); -o-transform: translate(-25px, 0); transform: translate(-25px, 0);}75%{-webkit-transform: translate(10px, 0); -ms-transform: translate(10px, 0); -o-transform: translate(10px, 0); transform: translate(10px, 0);}90%{-webkit-transform: translate(-5px, 0); -ms-transform: translate(-5px, 0); -o-transform: translate(-5px, 0); transform: translate(-5px, 0);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes o_anim_bounce_in_right{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate(3000px, 0); -ms-transform: translate(3000px, 0); -o-transform: translate(3000px, 0); transform: translate(3000px, 0);}60%{opacity: 1; -webkit-transform: translate(-25px, 0); -ms-transform: translate(-25px, 0); -o-transform: translate(-25px, 0); transform: translate(-25px, 0);}75%{-webkit-transform: translate(10px, 0); -ms-transform: translate(10px, 0); -o-transform: translate(10px, 0); transform: translate(10px, 0);}90%{-webkit-transform: translate(-5px, 0); -ms-transform: translate(-5px, 0); -o-transform: translate(-5px, 0); transform: translate(-5px, 0);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} .o_anim_bounce_in_right{-webkit-animation-name: o_anim_bounce_in_right; animation-name: o_anim_bounce_in_right;} @-moz-keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} @-webkit-keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} @keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} .o_anim_fade_in{-webkit-animation-name: o_anim_fade_in; animation-name: o_anim_fade_in;} @-moz-keyframes o_anim_fade_in_down{0%{opacity: 0; -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_down{0%{opacity: 0; -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes o_anim_fade_in_down{0%{opacity: 0; -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} .o_anim_fade_in_down{-webkit-animation-name: o_anim_fade_in_down; animation-name: o_anim_fade_in_down;} @-moz-keyframes o_anim_fade_in_left{0%{opacity: 0; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_left{0%{opacity: 0; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes o_anim_fade_in_left{0%{opacity: 0; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} .o_anim_fade_in_left{-webkit-animation-name: o_anim_fade_in_left; animation-name: o_anim_fade_in_left;} @-moz-keyframes o_anim_fade_in_right{0%{opacity: 0; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_right{0%{opacity: 0; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes o_anim_fade_in_right{0%{opacity: 0; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} .o_anim_fade_in_right{-webkit-animation-name: o_anim_fade_in_right; animation-name: o_anim_fade_in_right;} @-moz-keyframes o_anim_fade_in_up{0%{opacity: 0; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_up{0%{opacity: 0; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes o_anim_fade_in_up{0%{opacity: 0; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} .o_anim_fade_in_up{-webkit-animation-name: o_anim_fade_in_up; animation-name: o_anim_fade_in_up;} @-moz-keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} @-webkit-keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} @keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} .o_anim_fade_out{-webkit-animation-name: o_anim_fade_out; animation-name: o_anim_fade_out;} @-moz-keyframes o_anim_rotate_in{0%{opacity: 0; -ms-transform-origin: center 50% 0; -webkit-transform-origin: center 50% 0; -moz-transform-origin: center 50% 0; transform-origin: center 50% 0; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); -o-transform: rotate(-200deg); transform: rotate(-200deg);}100%{opacity: 1; -ms-transform-origin: center 50% 0; -webkit-transform-origin: center 50% 0; -moz-transform-origin: center 50% 0; transform-origin: center 50% 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} @-webkit-keyframes o_anim_rotate_in{0%{opacity: 0; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); -o-transform: rotate(-200deg); transform: rotate(-200deg);}100%{opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} @keyframes o_anim_rotate_in{0%{opacity: 0; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); -o-transform: rotate(-200deg); transform: rotate(-200deg);}100%{opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} .o_anim_rotate_in{-webkit-animation-name: o_anim_rotate_in; animation-name: o_anim_rotate_in;} @-moz-keyframes o_anim_rotate_in_down_left{0%{opacity: 0; -ms-transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; transform-origin: left bottom 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}100%{opacity: 1; -ms-transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; transform-origin: left bottom 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} @-webkit-keyframes o_anim_rotate_in_down_left{0%{opacity: 0; -ms-transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; transform-origin: left bottom 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}100%{opacity: 1; -ms-transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; transform-origin: left bottom 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} @keyframes o_anim_rotate_in_down_left{0%{opacity: 0; -ms-transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; transform-origin: left bottom 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}100%{opacity: 1; -ms-transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; transform-origin: left bottom 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} .o_anim_rotate_in_down_left{-webkit-animation-name: o_anim_rotate_in_down_left; animation-name: o_anim_rotate_in_down_left;} @-moz-keyframes o_anim_rotate_in_down_right{0%{opacity: 0; -ms-transform-origin: right bottom 0; -webkit-transform-origin: right bottom 0; -moz-transform-origin: right bottom 0; transform-origin: right bottom 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}100%{opacity: 1; -ms-transform-origin: right bottom 0; -webkit-transform-origin: right bottom 0; -moz-transform-origin: right bottom 0; transform-origin: right bottom 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} @-webkit-keyframes o_anim_rotate_in_down_right{0%{opacity: 0; -ms-transform-origin: right bottom 0; -webkit-transform-origin: right bottom 0; -moz-transform-origin: right bottom 0; transform-origin: right bottom 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}100%{opacity: 1; -ms-transform-origin: right bottom 0; -webkit-transform-origin: right bottom 0; -moz-transform-origin: right bottom 0; transform-origin: right bottom 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} @keyframes o_anim_rotate_in_down_right{0%{opacity: 0; -ms-transform-origin: right bottom 0; -webkit-transform-origin: right bottom 0; -moz-transform-origin: right bottom 0; transform-origin: right bottom 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}100%{opacity: 1; -ms-transform-origin: right bottom 0; -webkit-transform-origin: right bottom 0; -moz-transform-origin: right bottom 0; transform-origin: right bottom 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} .o_anim_rotate_in_down_right{-webkit-animation-name: o_anim_rotate_in_down_right; animation-name: o_anim_rotate_in_down_right;} @-moz-keyframes o_anim_zoom_in{0%{opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3);}50%{opacity: 1;}} @-webkit-keyframes o_anim_zoom_in{0%{opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3);}50%{opacity: 1;}} @keyframes o_anim_zoom_in{0%{opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3);}50%{opacity: 1;}} .o_anim_zoom_in{-webkit-animation-name: o_anim_zoom_in; animation-name: o_anim_zoom_in;} @-moz-keyframes o_anim_zoom_in_down{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-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);}} @-webkit-keyframes o_anim_zoom_in_down{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-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 o_anim_zoom_in_down{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-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);}} .o_anim_zoom_in_down{-webkit-animation-name: o_anim_zoom_in_down; animation-name: o_anim_zoom_in_down;} @-moz-keyframes o_anim_zoom_in_left{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -o-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);}} @-webkit-keyframes o_anim_zoom_in_left{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -o-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 o_anim_zoom_in_left{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -o-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);}} .o_anim_zoom_in_left{-webkit-animation-name: o_anim_zoom_in_left; animation-name: o_anim_zoom_in_left;} @-moz-keyframes o_anim_zoom_in_right{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -o-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);}} @-webkit-keyframes o_anim_zoom_in_right{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -o-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 o_anim_zoom_in_right{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -o-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);}} .o_anim_zoom_in_right{-webkit-animation-name: o_anim_zoom_in_right; animation-name: o_anim_zoom_in_right;} @-moz-keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} @-webkit-keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} @keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} .o_anim_flash{-webkit-animation-name: o_anim_flash; animation-name: o_anim_flash;} @-moz-keyframes o_anim_pulse{0%{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}50%{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}100%{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}} @-webkit-keyframes o_anim_pulse{0%{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}50%{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}100%{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}} @keyframes o_anim_pulse{0%{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}50%{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}100%{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}} .o_anim_pulse{-webkit-animation-name: o_anim_pulse; animation-name: o_anim_pulse;} @-moz-keyframes o_anim_shake{0%, 100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate(-10px, 0); -ms-transform: translate(-10px, 0); -o-transform: translate(-10px, 0); transform: translate(-10px, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate(10px, 0); -ms-transform: translate(10px, 0); -o-transform: translate(10px, 0); transform: translate(10px, 0);}} @-webkit-keyframes o_anim_shake{0%, 100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate(-10px, 0); -ms-transform: translate(-10px, 0); -o-transform: translate(-10px, 0); transform: translate(-10px, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate(10px, 0); -ms-transform: translate(10px, 0); -o-transform: translate(10px, 0); transform: translate(10px, 0);}} @keyframes o_anim_shake{0%, 100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate(-10px, 0); -ms-transform: translate(-10px, 0); -o-transform: translate(-10px, 0); transform: translate(-10px, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate(10px, 0); -ms-transform: translate(10px, 0); -o-transform: translate(10px, 0); transform: translate(10px, 0);}} .o_anim_shake{-webkit-animation-name: o_anim_shake; animation-name: o_anim_shake;} @-moz-keyframes o_anim_tada{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-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); -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -o-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); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -o-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); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -o-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);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @-webkit-keyframes o_anim_tada{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-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); -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -o-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); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -o-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); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -o-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);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes o_anim_tada{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-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); -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -o-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); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -o-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); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -o-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);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .o_anim_tada{-webkit-animation-name: o_anim_tada; animation-name: o_anim_tada;} @-moz-keyframes o_anim_flip_in_x{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(-20deg); -ms-transform: rotateX(-20deg); -o-transform: rotateX(-20deg); transform: rotateX(-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(10deg); -ms-transform: rotateX(10deg); -o-transform: rotateX(10deg); transform: rotateX(10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(-5deg); -ms-transform: rotateX(-5deg); -o-transform: rotateX(-5deg); transform: rotateX(-5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} @-webkit-keyframes o_anim_flip_in_x{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(-20deg); -ms-transform: rotateX(-20deg); -o-transform: rotateX(-20deg); transform: rotateX(-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(10deg); -ms-transform: rotateX(10deg); -o-transform: rotateX(10deg); transform: rotateX(10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(-5deg); -ms-transform: rotateX(-5deg); -o-transform: rotateX(-5deg); transform: rotateX(-5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} @keyframes o_anim_flip_in_x{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(-20deg); -ms-transform: rotateX(-20deg); -o-transform: rotateX(-20deg); transform: rotateX(-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(10deg); -ms-transform: rotateX(10deg); -o-transform: rotateX(10deg); transform: rotateX(10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(-5deg); -ms-transform: rotateX(-5deg); -o-transform: rotateX(-5deg); transform: rotateX(-5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} .o_anim_flip_in_x{-webkit-backface-visibility: visible; -moz-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: o_anim_flip_in_x; animation-name: o_anim_flip_in_x;} @-moz-keyframes o_anim_flip_in_y{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(-20deg); -ms-transform: rotateY(-20deg); -o-transform: rotateY(-20deg); transform: rotateY(-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(10deg); -ms-transform: rotateY(10deg); -o-transform: rotateY(10deg); transform: rotateY(10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(-5deg); -ms-transform: rotateY(-5deg); -o-transform: rotateY(-5deg); transform: rotateY(-5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} @-webkit-keyframes o_anim_flip_in_y{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(-20deg); -ms-transform: rotateY(-20deg); -o-transform: rotateY(-20deg); transform: rotateY(-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(10deg); -ms-transform: rotateY(10deg); -o-transform: rotateY(10deg); transform: rotateY(10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(-5deg); -ms-transform: rotateY(-5deg); -o-transform: rotateY(-5deg); transform: rotateY(-5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} @keyframes o_anim_flip_in_y{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(-20deg); -ms-transform: rotateY(-20deg); -o-transform: rotateY(-20deg); transform: rotateY(-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(10deg); -ms-transform: rotateY(10deg); -o-transform: rotateY(10deg); transform: rotateY(10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(-5deg); -ms-transform: rotateY(-5deg); -o-transform: rotateY(-5deg); transform: rotateY(-5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} .o_anim_flip_in_y{-webkit-backface-visibility: visible; -moz-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: o_anim_flip_in_y; animation-name: o_anim_flip_in_y;} 

/* /website_google_translate/static/src/css/style.css defined in bundle 'web.assets_frontend' */
// Website Google Translate 1.0 // ----------------------------------------------------- // Global ================================================================== body{top: 0px !important;} // Google Toolbar ========================================================== .goog-te-banner-frame.skiptranslate{display: none;} // Dropdown menu style ====================================================== .goog-te-gadget{font-family: $font-family-sans-serif, sans-serif;} .goog-te-gadget-simple{background-color: transparent; border: 0; padding: 8px; line-height: normal; font-size: $font-size-base; display: inline-block;} .goog-te-menu2{max-width: 100%;} .goog-te-menu-value{color: $dropdown-link-color !important; &:hover{text-decoration: none;}} .goog-te-menu-value span:nth-child(3){border: none !important; &:after{display: inline-block; width: 0; height: 0; 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;}} .goog-te-gadget-icon{display: none;} 

/* /website_crm_wire_rope/static/src/css/quote_form.css defined in bundle 'web.assets_frontend' */
.qf-cta{display: inline-flex; align-items: center; justify-content: center; margin-top: 6px; min-height: 40px;} .qf-cta-detail{display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; margin-top: 8px;} .product_price:not([itemprop]):has(+ .qf-cta){display: none;} body:has(.qf-cta-detail) .o_b2b_inquiry{display: none;} .qf-form .qf-invalid{border-color: #a94442;} @media (min-width: 768px){.qf-cta-detail{width: auto;}} 

/* /website_crm_frp_grating/static/src/css/quote_form.css defined in bundle 'web.assets_frontend' */
.qf-cta{display: inline-flex; align-items: center; justify-content: center; margin-top: 6px; min-height: 40px;} .qf-cta-detail{display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; margin-top: 8px;} .product_price:not([itemprop]):has(+ .qf-cta){display: none;} body:has(.qf-cta-detail) .o_b2b_inquiry{display: none;} .qf-form .qf-invalid{border-color: #a94442;} @media (min-width: 768px){.qf-cta-detail{width: auto;}} 

/* /website_grating_load_calculator/static/src/css/grating_calculator.css defined in bundle 'web.assets_frontend' */
 .gcalc-page{--gcalc-primary: #0f5c4d; --gcalc-primary-dark: #0a3f35; --gcalc-primary-soft: #e8f3ef; --gcalc-accent: #f2b705; --gcalc-ink: #14231f; --gcalc-muted: #6b8077; --gcalc-soft: #7a8f86; --gcalc-line: #e0e9e4; --gcalc-bg: #f4f7f5; --gcalc-radius: 16px; background: var(--gcalc-bg); color: var(--gcalc-ink); font-family: "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .gcalc-page, .gcalc-page *, .gcalc-page *::before, .gcalc-page *::after{box-sizing: border-box;} .gcalc-page h1, .gcalc-page h2, .gcalc-page h3, .gcalc-page h4, .gcalc-page p, .gcalc-page ul{margin: 0;} .gcalc-page [hidden]{display: none !important;} .gcalc-page a{text-decoration: none;} .gcalc-page button{font-family: inherit;} .gcalc-hero-break{display: none;} .gcalc-hero{position: relative; overflow: hidden; padding: 56px 0 104px; background: radial-gradient(900px 420px at 14% 0%, rgba(242, 183, 5, 0.16), transparent 62%), linear-gradient(135deg, #08372e 0%, #0f5c4d 62%, #14705d 100%);} .gcalc-hero::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px); background-size: 46px 46px; -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), transparent 78%); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), transparent 78%); pointer-events: none;} .gcalc-hero-inner{position: relative; z-index: 1; max-width: 1240px; margin: 0 auto; padding: 0 24px;} .gcalc-hero-top{display: flex; align-items: center; justify-content: space-between; gap: 14px;} .gcalc-eyebrow{display: flex; align-items: center; gap: 10px; min-width: 0; font-size: 10.5px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(255, 255, 255, 0.62);} .gcalc-eyebrow-short{display: none;} .gcalc-lang-switch{flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 5px 12px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 999px; background: rgba(255, 255, 255, 0.08); color: #fff; font-size: 11.5px; font-weight: 700; letter-spacing: 0.04em; transition: background 0.15s, border-color 0.15s, color 0.15s;} .gcalc-lang-switch:hover, .gcalc-lang-switch:focus{border-color: rgba(255, 255, 255, 0.55); background: rgba(255, 255, 255, 0.16); color: #fff; text-decoration: none;} .gcalc-lang-switch:focus-visible{outline: none; box-shadow: 0 0 0 3px rgba(242, 183, 5, 0.35);} .gcalc-eyebrow-line{display: inline-block; width: 28px; height: 2px; border-radius: 2px; background: var(--gcalc-accent);} .gcalc-hero h1{margin-top: 16px; font-size: clamp(30px, 4.2vw, 44px); line-height: 1.18; font-weight: 800; letter-spacing: -0.02em; color: #fff;} .gcalc-hero-lede{max-width: 730px; margin-top: 14px; font-size: 14.5px; line-height: 1.85; color: rgba(255, 255, 255, 0.76);} .gcalc-hero-chips{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px;} .gcalc-chip{display: inline-flex; align-items: center; gap: 7px; padding: 6px 11px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 999px; background: rgba(255, 255, 255, 0.07); font-size: 11.5px; font-weight: 600; color: rgba(255, 255, 255, 0.86);} .gcalc-chip::before{content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--gcalc-accent);} .gcalc-hero-visual{display: none;} .gcalc-hero-visual svg{display: block; width: 100%; height: auto;} @media (min-width: 1100px){.gcalc-hero-inner{display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr); column-gap: 52px; align-items: center;}.gcalc-hero-inner > .gcalc-hero-top, .gcalc-hero-inner > h1, .gcalc-hero-inner > .gcalc-hero-lede, .gcalc-hero-inner > .gcalc-hero-chips{grid-column: 1;}.gcalc-hero-visual{display: block; grid-column: 2; grid-row: 1 / span 4; padding: 14px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 18px; background: linear-gradient( 160deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.02)); box-shadow: 0 22px 50px rgba(3, 26, 21, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.12);}} .gcalc-shell{position: relative; z-index: 1; max-width: 1240px; margin: -68px auto 0; padding: 0 24px 72px;} .gcalc-app{animation: gcalc-app-in 0.35s ease-out;} @keyframes gcalc-app-in{from{opacity: 0; transform: translateY(8px);}to{opacity: 1; transform: none;}} .gcalc-card{background: #fff; border: 1px solid #e3ebe6; border-radius: 18px; box-shadow: 0 20px 50px rgba(7, 42, 34, 0.08);} .gcalc-main{display: grid; grid-template-columns: minmax(0, 1.42fr) minmax(0, 1fr); gap: 22px; align-items: start;} .gcalc-data{display: none !important;} .gcalc-noscript{margin-bottom: 16px; padding: 12px 14px; border: 1px solid #f2d27a; border-radius: 10px; background: #fff8e1; color: #7a5600; font-size: 13px; line-height: 1.6;} .gcalc-empty{padding: 26px; border: 1px dashed #d5e0da; border-radius: 12px; text-align: center; font-size: 13px; color: var(--gcalc-soft);} .gcalc-form-panel{padding: 26px 26px 22px;} .gcalc-section-head{display: flex; align-items: flex-start; gap: 11px; margin-bottom: 16px;} .gcalc-section-head-spaced{margin-top: 26px; padding-top: 22px; border-top: 1px dashed var(--gcalc-line);} .gcalc-section-head-tight{margin-bottom: 0;} .gcalc-step{display: flex; flex: 0 0 28px; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: var(--gcalc-primary); color: #fff; font-size: 12.5px; font-weight: 800; box-shadow: 0 3px 8px rgba(15, 92, 77, 0.2);} .gcalc-section-copy{flex: 1 1 auto; min-width: 0; padding-top: 3px;} .gcalc-section-copy h2{font-size: 15.5px; font-weight: 800; line-height: 1.3; color: var(--gcalc-ink);} .gcalc-section-copy p{margin-top: 3px; font-size: 11.5px; line-height: 1.5; color: var(--gcalc-soft);} .gcalc-head-actions{display: flex; flex: 0 0 auto; align-items: center; gap: 5px; margin-left: auto;} .gcalc-link-btn{padding: 2px 4px; border: none; border-radius: 4px; background: transparent; color: var(--gcalc-primary); font-size: 11.5px; font-weight: 700; cursor: pointer;} .gcalc-link-btn:hover{background: #f2f8f5; text-decoration: underline;} .gcalc-head-sep{color: #c7d3cd; font-size: 11px;} .gcalc-product-groups{display: flex; flex-direction: column; gap: 16px;} .gcalc-group-title{display: flex; align-items: center; gap: 8px; margin-bottom: 8px; font-size: 10.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gcalc-soft);} .gcalc-group-count{padding: 1px 7px; border-radius: 999px; background: #eef4f1; color: #5c7168; font-size: 10px; letter-spacing: 0;} .gcalc-product-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;} .gcalc-product{position: relative; display: flex; min-width: 0; overflow: hidden; border: 1.5px solid #dde7e1; border-radius: 12px; background: #fff; transition: border-color 0.18s, box-shadow 0.18s, background 0.18s;} .gcalc-product:hover{border-color: #9cc3b5; box-shadow: 0 4px 14px rgba(15, 92, 77, 0.08);} .gcalc-product.is-selected{border-color: var(--gcalc-primary); background: #f3faf7; box-shadow: 0 0 0 1px var(--gcalc-primary) inset;} .gcalc-product-main{display: flex; flex: 1 1 auto; align-items: flex-start; gap: 10px; min-width: 0; margin: 0; padding: 12px 10px 12px 13px; cursor: pointer;} .gcalc-product-input{position: absolute; top: 14px; left: 13px; width: 20px; height: 20px; margin: 0; opacity: 0; cursor: pointer;} .gcalc-product-check{position: relative; flex: 0 0 20px; width: 20px; height: 20px; margin-top: 1px; border: 2px solid #b9cbc2; border-radius: 6px; background: #fff; transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;} .gcalc-product-check::after{content: ""; position: absolute; top: 2px; left: 5px; width: 5px; height: 9px; border-right: 2.2px solid #fff; border-bottom: 2.2px solid #fff; transform: rotate(45deg) scale(0); transform-origin: center; transition: transform 0.12s ease-out;} .gcalc-product-input:checked + .gcalc-product-check{border-color: var(--gcalc-primary); background: var(--gcalc-primary);} .gcalc-product-input:checked + .gcalc-product-check::after{transform: rotate(45deg) scale(1);} .gcalc-product-input:focus + .gcalc-product-check{box-shadow: 0 0 0 3px rgba(15, 92, 77, 0.25);} .gcalc-product-body{display: flex; flex-direction: column; gap: 3px; min-width: 0;} .gcalc-product-heading{display: flex; flex-wrap: wrap; align-items: baseline; gap: 7px;} .gcalc-product-code{font-size: 14px; font-weight: 800; letter-spacing: 0.01em; color: var(--gcalc-ink);} .gcalc-product-type{padding: 1px 6px; border-radius: 4px; background: #eef4f1; color: #5c7168; font-size: 10.5px; font-weight: 600; white-space: nowrap;} .gcalc-product.is-selected .gcalc-product-type{background: #dcefe7; color: var(--gcalc-primary);} .gcalc-product-specs{display: flex; flex-wrap: wrap; gap: 3px; font-size: 11px; line-height: 1.5; color: var(--gcalc-soft);} .gcalc-dot{color: #b9cbc2;} .gcalc-product-link{display: flex; flex: 0 0 34px; align-items: center; justify-content: center; border-left: 1px solid #eef3f0; color: #8aa096; transition: color 0.15s, background 0.15s;} .gcalc-product-link:hover{background: #f3faf7; color: var(--gcalc-primary);} .gcalc-picker{position: relative;} .gcalc-family-tabs{display: flex; gap: 3px; margin-bottom: 9px; padding: 3px; border: 1px solid #e2ebe6; border-radius: 10px; background: #f2f7f4;} .gcalc-family-tab{-webkit-appearance: none; appearance: none; display: inline-flex; flex: 1 1 0; align-items: center; justify-content: center; gap: 7px; min-width: 0; min-height: 34px; padding: 5px 10px; border: 0; border-radius: 7px; background: transparent; color: #5f756b; font-family: inherit; font-size: 12px; font-weight: 700; line-height: 1.2; cursor: pointer; transition: background 0.15s, color 0.15s, box-shadow 0.15s;} .gcalc-family-tab:hover{background: rgba(255, 255, 255, 0.65); color: var(--gcalc-primary);} .gcalc-family-tab.is-active{background: #fff; color: var(--gcalc-primary); box-shadow: 0 1px 3px rgba(9, 48, 39, 0.12);} .gcalc-family-tab:focus-visible{outline: 2px solid var(--gcalc-primary); outline-offset: 1px;} .gcalc-family-count{display: inline-flex; align-items: center; justify-content: center; min-width: 20px; padding: 1px 6px; border-radius: 999px; background: #e4eee9; color: #647a70; font-size: 9.5px; font-weight: 800; line-height: 1.45; text-align: center;} .gcalc-family-tab.is-active .gcalc-family-count{background: var(--gcalc-primary-soft); color: var(--gcalc-primary);} .gcalc-family-count.has-selection{background: var(--gcalc-primary); color: #fff;} .gcalc-picker-control{position: relative;} .gcalc-picker-toggle{-webkit-appearance: none; appearance: none; display: flex; width: 100%; align-items: center; gap: 10px; margin: 0; padding: 9px 11px; border: 1.5px solid #d8e4de; border-radius: 10px; background: #fff; color: var(--gcalc-ink); font-family: inherit; text-align: left; cursor: pointer; transition: border-color 0.16s, box-shadow 0.16s, background 0.16s;} .gcalc-picker-toggle:hover{border-color: #9cc3b5; box-shadow: 0 3px 10px rgba(15, 92, 77, 0.07);} .gcalc-picker-toggle[aria-expanded="true"]{border-color: var(--gcalc-primary); box-shadow: 0 0 0 3px rgba(15, 92, 77, 0.12);} .gcalc-picker-toggle.has-selection{background: #f9fdfb;} .gcalc-picker-toggle:focus-visible{outline: 2px solid var(--gcalc-primary); outline-offset: 2px;} .gcalc-picker-icon{display: flex; flex: 0 0 30px; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 8px; background: var(--gcalc-primary-soft); color: var(--gcalc-primary);} .gcalc-picker-copy{display: flex; flex: 1 1 auto; flex-direction: column; gap: 1px; min-width: 0;} .gcalc-picker-title{font-size: 12.5px; font-weight: 800; line-height: 1.3; color: var(--gcalc-ink);} .gcalc-picker-summary{overflow: hidden; color: var(--gcalc-soft); font-size: 10.5px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap;} .gcalc-picker-count{display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 7px; border-radius: 999px; background: var(--gcalc-primary); color: #fff; font-size: 10.5px; font-weight: 800;} .gcalc-picker-chevron{flex: 0 0 auto; color: #7b9187; transition: transform 0.18s;} .gcalc-picker-toggle[aria-expanded="true"] .gcalc-picker-chevron{transform: rotate(180deg);} .gcalc-picker-panel{position: absolute; z-index: 60; top: calc(100% + 6px); right: 0; left: 0; display: flex; flex-direction: column; max-height: 440px; overflow: hidden; border: 1px solid #d9e5df; border-radius: 12px; background: #fff; box-shadow: 0 18px 40px rgba(9, 48, 39, 0.18);} .gcalc-picker-toolbar{display: flex; align-items: center; gap: 8px; padding: 10px; border-bottom: 1px solid #eef3f0; background: #fbfdfc;} .gcalc-picker-search-wrap{position: relative; display: flex; flex: 1 1 auto; align-items: center; min-width: 0; color: #8aa096;} .gcalc-picker-search-wrap > svg{position: absolute; left: 10px; pointer-events: none;} .gcalc-picker-search{width: 100%; height: 36px; margin: 0; padding: 0 10px 0 32px; border: 1px solid #dce7e1; border-radius: 8px; background: #fff; color: var(--gcalc-ink); font-family: inherit; font-size: 12px; line-height: 36px; box-shadow: none;} .gcalc-picker-search:focus{border-color: var(--gcalc-primary); outline: none; box-shadow: 0 0 0 3px rgba(15, 92, 77, 0.12);} .gcalc-picker-done{-webkit-appearance: none; appearance: none; flex: 0 0 auto; min-height: 36px; margin: 0; padding: 0 13px; border: 0; border-radius: 8px; background: var(--gcalc-primary-soft); color: var(--gcalc-primary); font-family: inherit; font-size: 11.5px; font-weight: 800; cursor: pointer;} .gcalc-picker-done:hover{background: #d9ece4;} .gcalc-picker-options{flex: 1 1 auto; min-height: 0; padding: 10px 12px 12px; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;} .gcalc-picker-family{display: none;} .gcalc-picker-family.is-active{display: block;} .gcalc-picker-group{margin-top: 13px;} .gcalc-picker-group:first-child{margin-top: 0;} .gcalc-picker-group .gcalc-group-title{margin-bottom: 5px; font-size: 9.5px;} .gcalc-picker-group .gcalc-group-count{font-size: 9px; line-height: 1.5;} .gcalc-picker-list{display: flex; flex-direction: column; gap: 5px;} .gcalc-picker-list .gcalc-product{border-width: 1px; border-radius: 8px;} .gcalc-picker-list .gcalc-product-main{align-items: center; gap: 8px; padding: 7px 8px 7px 10px;} .gcalc-picker-list .gcalc-product-input{top: 9px; left: 10px; width: 18px; height: 18px;} .gcalc-picker-list .gcalc-product-check{flex-basis: 18px; width: 18px; height: 18px; margin-top: 0; border-width: 1.5px; border-radius: 5px;} .gcalc-picker-list .gcalc-product-check::after{top: 1px; left: 4px; width: 4px; height: 8px;} .gcalc-picker-list .gcalc-product-body{gap: 1px;} .gcalc-picker-list .gcalc-product-heading{gap: 5px;} .gcalc-picker-list .gcalc-product-code{font-size: 12.5px;} .gcalc-picker-list .gcalc-product-type{padding: 0 5px; font-size: 9.5px;} .gcalc-picker-list .gcalc-product-specs{gap: 2px; font-size: 10px; line-height: 1.4;} .gcalc-picker-list .gcalc-product-link{flex-basis: 32px;} .gcalc-picker-empty{padding: 26px 12px; color: var(--gcalc-soft); font-size: 11.5px; line-height: 1.5; text-align: center;} .gcalc-picker-foot{display: flex; align-items: center; gap: 6px; padding: 9px 12px; border-top: 1px solid #eef3f0; background: #f8faf9;} .gcalc-picker-visible{margin-right: auto; color: var(--gcalc-soft); font-size: 10.5px; line-height: 1.4;} .gcalc-picker-foot .gcalc-link-btn{padding: 2px 3px; font-size: 11px;} .gcalc-selected-bar{display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px;} .gcalc-selected-bar:empty{display: none;} .gcalc-selected-empty{padding: 2px 1px; color: var(--gcalc-soft); font-size: 10.5px; line-height: 1.4;} .gcalc-selected-chip{display: inline-flex; align-items: center; max-width: 100%; overflow: hidden; border: 1px solid #d7e5de; border-radius: 999px; background: #f4faf7;} .gcalc-selected-family{max-width: 120px; overflow: hidden; padding: 3px 6px 3px 8px; background: #e9f3ee; color: #6b8077; font-size: 9px; font-weight: 700; letter-spacing: 0.04em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap;} .gcalc-selected-code{padding: 3px 4px 3px 6px; color: var(--gcalc-primary-dark); font-size: 10.5px; font-weight: 800; white-space: nowrap;} .gcalc-chip-remove{-webkit-appearance: none; appearance: none; display: inline-flex; flex: 0 0 20px; align-items: center; justify-content: center; width: 20px; height: 20px; margin: 0 2px 0 0; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #7c9187; font-family: inherit; font-size: 13px; line-height: 1; cursor: pointer;} .gcalc-chip-remove:hover{background: #dcebe4; color: #a23325;} .gcalc-chip-remove:focus-visible{outline: 2px solid var(--gcalc-primary); outline-offset: 1px;} .gcalc-fields{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px;} .gcalc-field{min-width: 0;} .gcalc-field-span, .gcalc-field-type, .gcalc-field-load, .gcalc-field-width{grid-column: span 2;} .gcalc-field-allow{grid-column: 1 / -1;} #gcalc-load-field.is-wide{grid-column: 1 / -1;} .gcalc-field > label{display: flex; align-items: baseline; gap: 6px; margin-bottom: 7px; font-size: 12.5px; font-weight: 700; color: #33473f;} .gcalc-unit{font-size: 11.5px; font-weight: 600; color: #8aa096;} .gcalc-input-wrap{position: relative;} .gcalc-input{width: 100%; height: 46px; padding: 0 48px 0 13px; border: 1.5px solid #d5e0da; border-radius: 10px; background: #fff; color: var(--gcalc-ink); font-size: 15px; font-weight: 600; outline: none; transition: border-color 0.15s, box-shadow 0.15s;} .gcalc-input:focus{border-color: var(--gcalc-primary); box-shadow: 0 0 0 3px rgba(15, 92, 77, 0.12);} .gcalc-input::placeholder{color: #a7b8b0; font-weight: 400;} .gcalc-field-load .gcalc-input{padding-right: 66px;} .gcalc-input[type="number"]{-moz-appearance: textfield;} .gcalc-input::-webkit-outer-spin-button, .gcalc-input::-webkit-inner-spin-button{margin: 0; -webkit-appearance: none;} .gcalc-suffix{position: absolute; top: 50%; right: 13px; transform: translateY(-50%); color: #8aa096; font-size: 11.5px; font-weight: 600; white-space: nowrap; pointer-events: none;} .gcalc-suffix-wide{font-size: 10.5px;} .gcalc-hint{margin-top: 6px; font-size: 11.5px; line-height: 1.55; color: var(--gcalc-soft);} .gcalc-hint-note{color: #8fa39a;} .gcalc-segmented{display: grid; grid-template-columns: 1fr 1fr; gap: 4px; height: 46px; padding: 4px; border-radius: 10px; background: #eef4f1;} .gcalc-segment{position: relative; display: block; margin: 0; cursor: pointer;} .gcalc-segment input{position: absolute; width: 1px; height: 1px; opacity: 0;} .gcalc-segment span{display: flex; align-items: center; justify-content: center; width: 100%; height: 38px; border-radius: 8px; color: #5c7168; font-size: 12.5px; font-weight: 700; transition: background 0.15s, color 0.15s, box-shadow 0.15s;} .gcalc-segment:hover span{color: var(--gcalc-primary);} .gcalc-segment input:checked + span{background: #fff; color: var(--gcalc-primary); box-shadow: 0 1px 5px rgba(7, 42, 34, 0.14);} .gcalc-segment input:focus + span{box-shadow: 0 0 0 3px rgba(15, 92, 77, 0.2);} .gcalc-select-wrap{position: relative; flex: 1 1 auto; min-width: 0;} .gcalc-select{width: 100%; height: 46px; padding: 0 36px 0 13px; border: 1.5px solid #d5e0da; border-radius: 10px; background: #fff; color: var(--gcalc-ink); font-size: 14px; font-weight: 600; outline: none; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .gcalc-select:focus{border-color: var(--gcalc-primary); box-shadow: 0 0 0 3px rgba(15, 92, 77, 0.12);} .gcalc-select-wrap::after{content: ""; position: absolute; top: 50%; right: 14px; width: 7px; height: 7px; border-right: 2px solid #6b8077; border-bottom: 2px solid #6b8077; transform: translateY(-70%) rotate(45deg); pointer-events: none;} .gcalc-allow-grid{display: flex; align-items: center; gap: 10px;} .gcalc-custom-wrap{flex: 0 0 150px;} .gcalc-allowable{color: var(--gcalc-primary); font-weight: 600;} .gcalc-actions{display: flex; align-items: stretch; gap: 10px; margin-top: 24px; padding-top: 20px; border-top: 1px dashed var(--gcalc-line);} .gcalc-btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 50px; padding: 0 20px; border: 1.5px solid transparent; border-radius: 11px; font-size: 14.5px; font-weight: 700; line-height: 1; cursor: pointer; transition: transform 0.15s, box-shadow 0.15s, background 0.15s, border-color 0.15s, color 0.15s;} .gcalc-btn-primary{flex: 1 1 auto; background: linear-gradient(135deg, #0f5c4d, #0a4238); color: #fff; box-shadow: 0 10px 24px rgba(15, 92, 77, 0.22);} .gcalc-btn-primary:hover{color: #fff; text-decoration: none; transform: translateY(-1px); box-shadow: 0 14px 28px rgba(15, 92, 77, 0.28);} .gcalc-btn-secondary{flex: 0 0 auto; border-color: #d5e0da; background: #fff; color: #4e655b;} .gcalc-btn-secondary:hover{border-color: #9cc3b5; background: #f7fbf9; color: var(--gcalc-primary);} .gcalc-btn:active{transform: translateY(0);} .gcalc-btn:focus-visible{outline: none; box-shadow: 0 0 0 3px rgba(15, 92, 77, 0.28);} .gcalc-btn-accent{flex: 0 0 auto; background: linear-gradient(135deg, #ffd24a, #f2b705); color: #17352c; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);} .gcalc-btn-accent:hover{color: #17352c; text-decoration: none; transform: translateY(-1px); box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28);} .gcalc-btn-accent:focus-visible{outline: none; box-shadow: 0 0 0 3px rgba(242, 183, 5, 0.5);} .gcalc-btn:disabled{opacity: 0.65; cursor: wait; transform: none;} .gcalc-form-error{margin-top: 12px; padding: 10px 12px; border: 1px solid #f5c6c6; border-radius: 9px; background: #fdecec; color: #8e1c1c; font-size: 12.5px; font-weight: 600; line-height: 1.55;} .gcalc-login-hint{margin-top: 12px; padding: 10px 12px; border: 1px dashed #d5e0da; border-radius: 9px; background: #f5f8f6; color: var(--gcalc-muted); font-size: 11.5px; line-height: 1.6;} .gcalc-visual-panel{position: sticky; top: 88px; padding: 22px 22px 20px; background: linear-gradient(180deg, #f8fbf9, #fff);} .gcalc-visual-head{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px;} .gcalc-visual-subtitle{margin-top: 12px; font-size: 11.5px; line-height: 1.6; color: var(--gcalc-muted);} .gcalc-visual-subtitle:empty{display: none;} .gcalc-svg-wrap{margin-top: 10px; padding: 6px; border: 1px solid #e6eeea; border-radius: 12px; background: #fff;} .gcalc-svg{display: block; width: 100%; height: auto;} .gcalc-visual-metrics{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 12px;} .gcalc-visual-metrics:empty{display: none;} .gcalc-visual-metric{padding: 10px 6px; border: 1px solid #e8f0ec; border-radius: 9px; background: #f5f9f7; text-align: center;} .gcalc-visual-metric-label{display: block; font-size: 9.5px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--gcalc-soft);} .gcalc-visual-metric strong{display: block; margin-top: 4px; color: var(--gcalc-ink); font-size: 13.5px; font-weight: 800; white-space: nowrap;} .gcalc-visual-message{margin-top: 12px; padding: 11px 13px; border-left: 3px solid #cfdcd5; border-radius: 9px; background: #f5f8f6; color: #4e655b; font-size: 12px; line-height: 1.65;} .gcalc-visual-message.gcalc-status-safe{border-left-color: var(--gcalc-status); background: var(--gcalc-status-bg); color: var(--gcalc-status-ink);} .gcalc-visual-message.gcalc-status-warning{border-left-color: var(--gcalc-status); background: var(--gcalc-status-bg); color: var(--gcalc-status-ink);} .gcalc-visual-message.gcalc-status-danger{border-left-color: var(--gcalc-status); background: var(--gcalc-status-bg); color: var(--gcalc-status-ink);} .gcalc-visual-message.gcalc-status-na{border-left-color: var(--gcalc-status); background: var(--gcalc-status-bg); color: var(--gcalc-status-ink);} .gcalc-legend{display: flex; flex-wrap: wrap; gap: 12px; margin-top: 14px; padding-top: 12px; border-top: 1px dashed var(--gcalc-line); color: var(--gcalc-soft); font-size: 10.5px;} .gcalc-legend span{display: inline-flex; align-items: center; gap: 5px;} .gcalc-legend-dot{display: inline-block; width: 8px; height: 8px; border-radius: 50%;} .gcalc-legend-safe{background: #2e7d32;} .gcalc-legend-warning{background: #d84315;} .gcalc-legend-danger{background: #c62828;} .gcalc-legend-na{background: #9e9e9e;} .gcalc-status-safe{--gcalc-status: #2e7d32; --gcalc-status-bg: #edf7ee; --gcalc-status-ink: #1b5e20;} .gcalc-status-warning{--gcalc-status: #d84315; --gcalc-status-bg: #fff4e8; --gcalc-status-ink: #a3320c;} .gcalc-status-danger{--gcalc-status: #c62828; --gcalc-status-bg: #fdecec; --gcalc-status-ink: #8e1c1c;} .gcalc-status-na{--gcalc-status: #616161; --gcalc-status-bg: #f3f4f4; --gcalc-status-ink: #424242;} .gcalc-badge{display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; border: 1px solid transparent; border-radius: 999px; font-size: 11.5px; font-weight: 700; line-height: 1; white-space: nowrap;} .gcalc-badge-safe{border-color: #c8e6c9; background: #eaf6ec; color: #1b5e20;} .gcalc-badge-warning{border-color: #ffd8b2; background: #fff4e8; color: #a3320c;} .gcalc-badge-danger{border-color: #f5c6c6; background: #fdecec; color: #8e1c1c;} .gcalc-badge-na{border-color: #dcdedd; background: #f3f4f4; color: #4f4f4f;} .gcalc-stale .gcalc-results-section, .gcalc-stale .gcalc-visual-panel{opacity: 0.5;} .gcalc-results-section{margin-top: 26px; transition: opacity 0.18s;} .gcalc-results-head{display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 14px;} .gcalc-results-head h2{font-size: 18px; font-weight: 800; color: var(--gcalc-ink);} .gcalc-results-head p{margin-top: 4px; font-size: 11.5px; line-height: 1.55; color: var(--gcalc-muted);} .gcalc-results-note{flex: 0 0 auto; color: var(--gcalc-soft); font-size: 10.5px;} .gcalc-results-head-side{flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: 6px;} .gcalc-results-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 14px;} .gcalc-results-grid > .gcalc-result-card:only-child{grid-column: 1 / -1;} .gcalc-results-basis{margin-top: 12px; color: var(--gcalc-soft); font-size: 10.5px; line-height: 1.6;} .gcalc-results-basis strong{color: #4d655b; font-weight: 700;} .gcalc-lead{position: relative; display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 16px; padding: 24px 26px; border-radius: 16px; overflow: hidden; background: radial-gradient(520px 220px at 100% 0%, rgba(242, 183, 5, 0.16), transparent 64%), linear-gradient(135deg, #0d4b3f, #083830); box-shadow: 0 16px 34px rgba(6, 45, 37, 0.16);} .gcalc-lead::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px); background-size: 34px 34px; -webkit-mask-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.8)); mask-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.8)); pointer-events: none;} .gcalc-lead-copy{position: relative; z-index: 1; max-width: 640px;} .gcalc-lead-eyebrow{font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--gcalc-accent);} .gcalc-lead h3{margin-top: 8px; color: #fff; font-size: 19px; font-weight: 800; letter-spacing: -0.01em;} .gcalc-lead-copy > p:last-child{margin-top: 7px; color: rgba(255, 255, 255, 0.72); font-size: 12.5px; line-height: 1.7;} .gcalc-lead-action{position: relative; z-index: 1; flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: 8px;} .gcalc-lead-action .gcalc-btn{height: 48px; padding: 0 22px;} .gcalc-lead-note{color: rgba(255, 255, 255, 0.52); font-size: 10.5px; line-height: 1.5; text-align: right;} .gcalc-result-card{display: block; width: 100%; margin: 0; padding: 15px 17px; border: 1.5px solid #e2eae6; border-left: 4px solid var(--gcalc-status, #9e9e9e); border-radius: 13px; background: #fff; color: var(--gcalc-ink); font: inherit; text-align: left; cursor: pointer; -webkit-appearance: none; appearance: none; transition: transform 0.18s, box-shadow 0.18s, border-color 0.18s;} .gcalc-result-card:hover{transform: translateY(-1px); box-shadow: 0 10px 26px rgba(7, 42, 34, 0.09);} .gcalc-result-card.is-active{box-shadow: 0 0 0 2px var(--gcalc-status), 0 12px 28px rgba(7, 42, 34, 0.1);} .gcalc-result-card:focus-visible{outline: none; box-shadow: 0 0 0 3px rgba(15, 92, 77, 0.3);} .gcalc-result-top{display: flex; align-items: flex-start; justify-content: space-between; gap: 10px;} .gcalc-result-name{display: flex; flex-direction: column; gap: 2px; min-width: 0;} .gcalc-result-code{color: var(--gcalc-ink); font-size: 15px; font-weight: 800; letter-spacing: 0.01em;} .gcalc-result-label{color: var(--gcalc-soft); font-size: 10.5px;} .gcalc-result-badges{display: flex; flex: 0 0 auto; flex-wrap: wrap; justify-content: flex-end; gap: 5px;} .gcalc-best-tag{display: inline-flex; align-items: center; padding: 4px 8px; border: 1px solid #f2d27a; border-radius: 999px; background: #fff8e1; color: #8a6100; font-size: 10.5px; font-weight: 700; line-height: 1;} .gcalc-result-metrics{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 12px; padding: 10px; border: 1px solid #edf3f0; border-radius: 9px; background: #f7faf8;} .gcalc-result-metric{display: block; min-width: 0;} .gcalc-result-metric-label{display: block; color: var(--gcalc-soft); font-size: 9.5px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase;} .gcalc-result-metric-value{display: block; margin-top: 3px; color: var(--gcalc-ink); font-size: 13.5px; font-weight: 800; white-space: nowrap;} .gcalc-result-bar{display: block; height: 6px; margin: 10px 0 7px; overflow: hidden; border-radius: 999px; background: #edf3f0;} .gcalc-result-bar-fill{display: block; height: 100%; border-radius: 999px; background: var(--gcalc-status, #9e9e9e); transition: width 0.35s ease;} .gcalc-result-extra{display: block; color: var(--gcalc-soft); font-size: 10.5px; line-height: 1.6;} .gcalc-result-reason{display: block; margin-top: 8px; padding: 7px 9px; border-radius: 7px; background: var(--gcalc-status-bg, #f3f4f4); color: var(--gcalc-status-ink, #424242); font-size: 11px; line-height: 1.55;} .gcalc-result-flags{display: block; margin-top: 6px; color: #8a9a93; font-size: 10.5px; font-style: italic; line-height: 1.55;} .gcalc-notes{margin-top: 24px; padding: 0 18px; border: 1px solid #e3ebe6; border-radius: 14px; background: #fff;} .gcalc-notes summary{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 0; color: #3d534a; font-size: 12.5px; font-weight: 700; list-style: none; cursor: pointer;} .gcalc-notes summary::-webkit-details-marker{display: none;} .gcalc-notes summary::after{content: "+"; color: #8aa096; font-size: 18px; font-weight: 400; line-height: 1;} .gcalc-notes[open] summary::after{content: "\2212";} .gcalc-notes-body{padding: 0 0 18px; color: #5c7168; font-size: 12px; line-height: 1.75;} .gcalc-notes-body p + p{margin-top: 8px;} .gcalc-notes-body h4{margin-top: 14px; color: #3d534a; font-size: 12px; font-weight: 800;} .gcalc-notes-body ul{margin: 6px 0 0; padding-left: 18px;} .gcalc-notes-body li + li{margin-top: 4px;} .gcalc-notes-body li strong{color: #3d534a;} .gcalc-refs{margin-top: 12px;} .gcalc-refs .gcalc-notes-body h4{margin-top: 16px; font-size: 11px; letter-spacing: 0.02em;} .gcalc-refs .gcalc-notes-body li strong{font-weight: 700; white-space: nowrap;} .gcalc-refs .gcalc-notes-body ul + p{margin-top: 10px;} .gcalc-refs-library{margin-top: 14px; padding-top: 12px; border-top: 1px dashed var(--gcalc-line);} .gcalc-refs-library a{color: var(--gcalc-primary); font-weight: 700; text-decoration: underline; text-underline-offset: 2px;} .gcalc-refs-library a:hover{color: var(--gcalc-primary-dark);} .gcalc-faq{margin-top: 18px; padding: 30px 32px 32px; border: 1px solid #e3ebe6; border-radius: 18px; background: #fff;} .gcalc-faq-head{max-width: 760px;} .gcalc-faq-eyebrow{color: var(--gcalc-primary); font-size: 11px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase;} .gcalc-faq-head h2{margin-top: 8px; color: var(--gcalc-ink); font-size: 21px; font-weight: 700; line-height: 1.35;} .gcalc-faq-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 32px; margin-top: 24px;} .gcalc-faq-item h3{color: #2c4038; font-size: 14px; font-weight: 700; line-height: 1.45;} .gcalc-faq-item p{margin-top: 6px; color: #5c7168; font-size: 12.5px; line-height: 1.75;} body.gcalc-no-scroll{overflow: hidden;} .gcalc-gate{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(7, 32, 26, 0.62); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);} .gcalc-gate[hidden]{display: none;} .gcalc-gate-dialog{position: relative; width: 100%; max-width: 430px; padding: 30px 26px 24px; border-radius: 18px; background: #fff; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.32); text-align: center; animation: gcalc-pop 0.18s ease-out;} @keyframes gcalc-pop{from{opacity: 0; transform: translateY(8px) scale(0.98);}to{opacity: 1; transform: none;}} .gcalc-gate-icon{display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; margin: 0 auto 14px; border-radius: 50%; background: #eaf4f0; color: var(--gcalc-primary);} .gcalc-gate-dialog h3{color: var(--gcalc-ink); font-size: 19px; font-weight: 800;} .gcalc-gate-dialog p{margin-top: 8px; color: #5c7168; font-size: 13px; line-height: 1.7;} .gcalc-gate-actions{display: flex; gap: 10px; margin-top: 22px;} .gcalc-gate-actions .gcalc-btn{flex: 1 1 0; height: 46px;} .gcalc-gate-actions .gcalc-btn-google{background: #fff; color: #3c4043; border-color: #dadce0; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); font-size: 15.5px; font-weight: 600;} .gcalc-gate-actions .gcalc-btn-google::before{content: ""; flex: 0 0 auto; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3C/svg%3E") center/20px 20px no-repeat;} .gcalc-gate-actions .gcalc-btn-google:hover, .gcalc-gate-actions .gcalc-btn-google:focus{background: #f8f9fa; color: #202124; border-color: #b8bec9; text-decoration: none;} .gcalc-gate-close{position: absolute; top: 10px; right: 12px; width: 32px; height: 32px; padding: 0; border: none; border-radius: 50%; background: transparent; color: #8aa096; font-size: 22px; line-height: 1; cursor: pointer;} .gcalc-gate-close:hover{background: #f2f6f4; color: #3d534a;} .gcalc-lead-dialog{max-width: 580px; max-height: calc(100vh - 40px); overflow-y: auto; padding: 26px 26px 24px; text-align: left;} .gcalc-lead-form-eyebrow{font-size: 10px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--gcalc-primary);} .gcalc-lead-dialog h3{margin-top: 7px; font-size: 19px;} .gcalc-lead-form-sub{margin-top: 6px; color: #5c7168; font-size: 12.5px; line-height: 1.65;} .gcalc-lead-dialog.gcalc-lead-done > .gcalc-lead-form-eyebrow, .gcalc-lead-dialog.gcalc-lead-done > h3, .gcalc-lead-dialog.gcalc-lead-done > .gcalc-lead-form-sub{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;} .gcalc-lead-account{display: flex; align-items: center; gap: 11px; margin-top: 16px; padding: 11px 13px; border: 1px solid #d9e7df; border-radius: 10px; background: #f3f8f5;} .gcalc-lead-account-icon{flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: #e3efe8; color: var(--gcalc-primary);} .gcalc-lead-account-copy{min-width: 0;} .gcalc-lead-account-title{margin: 0; color: #17352c; font-size: 13px; font-weight: 500; line-height: 1.4; overflow-wrap: anywhere;} .gcalc-lead-account-title strong{font-weight: 700;} .gcalc-lead-account-meta{margin: 2px 0 0; color: #5c7168; font-size: 11.5px; line-height: 1.5; overflow-wrap: anywhere;} .gcalc-lead-form-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 18px;} .gcalc-lead-field{display: flex; flex-direction: column; gap: 6px; margin: 0; font-weight: 600;} .gcalc-lead-field-message{margin-top: 12px;} .gcalc-lead-label{color: #3d534a; font-size: 11.5px; font-weight: 700;} .gcalc-lead-label em{margin-left: 2px; color: #c0392b; font-style: normal;} .gcalc-lead-field input, .gcalc-lead-field textarea{width: 100%; border: 1.5px solid #d5e0da; border-radius: 10px; background: #fbfdfc; color: var(--gcalc-ink); font-family: inherit; font-size: 16px; font-weight: 400; line-height: 1.45; -webkit-appearance: none; appearance: none; transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;} .gcalc-lead-field input{height: 44px; padding: 0 12px;} .gcalc-lead-field textarea{min-height: 88px; padding: 10px 12px; resize: vertical;} .gcalc-lead-field input:focus, .gcalc-lead-field textarea:focus{outline: none; border-color: #2c8a74; background: #fff; box-shadow: 0 0 0 3px rgba(15, 92, 77, 0.12);} .gcalc-lead-honeypot{position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden;} .gcalc-lead-error{margin-top: 12px; padding: 9px 11px; border: 1px solid #f5c6c6; border-radius: 8px; background: #fdecec; color: #8e1c1c; font-size: 12px; font-weight: 600; line-height: 1.5;} .gcalc-lead-privacy{margin-top: 12px; color: var(--gcalc-soft); font-size: 10.5px; line-height: 1.6;} .gcalc-lead-buttons{display: flex; gap: 10px; margin-top: 16px;} .gcalc-lead-buttons .gcalc-btn{height: 46px;} .gcalc-lead-buttons .gcalc-btn-secondary{flex: 0 0 auto;} .gcalc-lead-success{padding: 18px 0 6px; text-align: center;} .gcalc-lead-success-icon{display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; margin: 0 auto 14px; border-radius: 50%; background: #e8f3ef; color: var(--gcalc-primary); font-size: 26px; font-weight: 800;} .gcalc-lead-success h3{color: var(--gcalc-ink); font-size: 19px; font-weight: 800;} .gcalc-lead-success p{max-width: 380px; margin: 8px auto 0; color: #5c7168; font-size: 13px; line-height: 1.7;} .gcalc-lead-success .gcalc-btn{min-width: 140px; margin-top: 20px;} @media (max-width: 1199px){.gcalc-hero-inner, .gcalc-shell{max-width: 1080px;}} @media (max-width: 991px){.gcalc-main{grid-template-columns: 1fr;}.gcalc-visual-panel{position: static;}.gcalc-hero{padding: 44px 0 92px;}.gcalc-shell{margin-top: -58px;}} @media (max-width: 767px){.gcalc-hero{padding: 38px 0 84px;}.gcalc-hero-inner{padding: 0 18px;}.gcalc-hero h1{font-size: 30px;}.gcalc-hero-lede{font-size: 13.5px;}.gcalc-shell{margin-top: -52px; padding: 0 14px 50px;}.gcalc-faq{padding: 22px 18px 24px;}.gcalc-faq-grid{grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 18px;}.gcalc-card{border-radius: 15px;}.gcalc-form-panel{padding: 20px 18px 18px;}.gcalc-picker-panel{position: static; max-height: none; margin-top: 6px; box-shadow: 0 8px 20px rgba(9, 48, 39, 0.12);}.gcalc-picker-options{max-height: 46vh;}.gcalc-picker-search{font-size: 16px;}.gcalc-family-tab{min-height: 40px; padding: 6px 8px; font-size: 12px;}.gcalc-picker-search{height: 42px; line-height: 42px;}.gcalc-picker-done{min-height: 42px;}.gcalc-picker-foot .gcalc-link-btn{min-height: 32px; padding: 7px 8px; font-size: 11.5px;}.gcalc-picker-list .gcalc-product-main{padding: 9px 8px 9px 10px;}.gcalc-chip-remove{flex-basis: 24px; width: 24px; height: 24px; margin-right: 3px; font-size: 14px;}.gcalc-selected-family{padding: 5px 6px 5px 9px; font-size: 9.5px;}.gcalc-selected-code{padding: 5px 5px 5px 8px; font-size: 11px;}.gcalc-visual-panel{padding: 18px;}.gcalc-fields{grid-template-columns: 1fr; gap: 15px;}.gcalc-field-span, .gcalc-field-type, .gcalc-field-load, .gcalc-field-width, .gcalc-field-allow, #gcalc-load-field.is-wide{grid-column: 1 / -1;}.gcalc-results-grid{grid-template-columns: 1fr;}.gcalc-visual-metrics{grid-template-columns: repeat(2, minmax(0, 1fr));}.gcalc-results-head{align-items: flex-start; flex-direction: column; gap: 4px;}.gcalc-results-head-side{align-items: flex-start;}.gcalc-lead{flex-direction: column; align-items: stretch; gap: 16px; padding: 22px 20px;}.gcalc-lead h3{font-size: 17.5px;}.gcalc-lead-action{width: 100%; align-items: stretch;}.gcalc-lead-action .gcalc-btn{width: 100%;}.gcalc-lead-note{text-align: left;}} @media (max-width: 575px){.gcalc-hero{padding: 34px 0 78px;}.gcalc-hero h1{font-size: 25px;}.gcalc-hero-break{display: initial;}.gcalc-hero-chips{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px;}.gcalc-chip{justify-content: flex-start; padding: 7px 10px; font-size: 11px;}.gcalc-hero-chips .gcalc-chip:last-child{grid-column: 1 / -1; justify-content: center;}.gcalc-shell{margin-top: -48px;}.gcalc-product-grid{grid-template-columns: 1fr;}.gcalc-section-head{flex-wrap: nowrap;}.gcalc-head-actions{width: 100%; margin-top: 2px; margin-left: 39px; justify-content: flex-start;}.gcalc-actions{flex-direction: column;}.gcalc-btn-secondary{flex: 1 1 auto;}.gcalc-result-card{padding: 14px;}.gcalc-result-code{font-size: 14px;}.gcalc-result-metric-value{font-size: 12.5px;}.gcalc-gate-dialog{padding: 28px 20px 22px;}.gcalc-gate-actions{flex-direction: column;}.gcalc-gate-actions .gcalc-btn{flex: 0 0 auto; height: 46px;}.gcalc-eyebrow-full{display: none;}.gcalc-eyebrow-short{display: inline;}.gcalc-eyebrow{font-size: 9.5px; letter-spacing: 0.12em;}.gcalc-lang-switch{min-height: 28px; padding: 4px 10px; font-size: 11px;}.gcalc-lead-form-grid{grid-template-columns: 1fr; gap: 10px;}.gcalc-lead-account{align-items: flex-start; padding: 10px 12px;}.gcalc-lead-account-meta span{display: block;}.gcalc-lead-dialog{padding: 24px 18px 20px;}.gcalc-lead-buttons{flex-direction: column;}.gcalc-lead-buttons .gcalc-btn{width: 100%;}} @media (prefers-reduced-motion: reduce){.gcalc-page *, .gcalc-page *::before, .gcalc-page *::after{animation-duration: 0.001ms !important; transition-duration: 0.001ms !important;}} .gcalc-product-tools{display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 10px 0 6px; font-family: "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;} .gcalc-product-tools-label{color: #6b8077; font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase;} .gcalc-product-tools a{display: inline-flex; align-items: center; padding: 4px 10px; border: 1px solid #0f5c4d; border-radius: 999px; background: #ffffff; color: #0f5c4d; font-size: 12.5px; font-weight: 600; line-height: 1.3; text-decoration: none; transition: background-color 0.15s ease, color 0.15s ease;} .gcalc-product-tools a:hover, .gcalc-product-tools a:focus{background: #0f5c4d; color: #ffffff; text-decoration: none;} @media (max-width: 575px){.gcalc-product-tools{gap: 6px;}.gcalc-product-tools-label{width: 100%;}} 

/* /website_grating_load_calculator/static/src/css/grating_reference.css defined in bundle 'web.assets_frontend' */
 .gref-page{background: linear-gradient(180deg, #f4f7f5 0%, #eef4f1 100%);} .gref-hero{padding-bottom: 118px;} .gref-hero .gcalc-hero-lede{max-width: 820px;} .gref-lang-list{display: flex; flex: 0 0 auto; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 6px;} .gref-lang-current{opacity: 0.62; cursor: default;} .gref-lang-current:hover{border-color: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.08);} .gref-shell > :first-child{margin-top: 0;} .gref-section{margin-top: 22px; padding: 30px 32px 32px; border: 1px solid #e3ebe6; border-radius: 18px; background: #fff; box-shadow: 0 18px 40px rgba(7, 42, 34, 0.06);} .gref-section-head{max-width: 820px;} .gref-eyebrow{color: var(--gcalc-primary); font-size: 11px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase;} .gref-section-head h2, .gref-notice h2, .gref-cta h2{margin-top: 8px; color: var(--gcalc-ink); font-size: 24px; font-weight: 700; line-height: 1.32; letter-spacing: -0.01em;} .gref-section-lede{margin-top: 10px; color: #5c7168; font-size: 13.5px; line-height: 1.8;} .gref-stats{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px;} .gref-stat{display: inline-flex; align-items: baseline; gap: 6px; padding: 7px 13px; border: 1px solid #dbe8e2; border-radius: 999px; background: var(--gcalc-primary-soft); color: #3d5a50; font-size: 12px; line-height: 1.2;} .gref-stat strong{color: var(--gcalc-primary); font-size: 15px; font-weight: 800;} .gref-page [hidden]{display: none !important;} .gref-filter{margin-top: 22px; padding: 15px 17px 13px; border: 1px solid #dde9e3; border-radius: 14px; background: linear-gradient(180deg, #fbfdfc 0%, #f3f8f5 100%);} .gref-filter-head{display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px;} .gref-filter-title{color: var(--gcalc-ink); font-size: 13px; font-weight: 800; line-height: 1.3;} .gref-filter-summary{color: #6b8077; font-size: 12px; line-height: 1.3;} .gref-filter-summary strong{color: var(--gcalc-primary); font-size: 14px; font-weight: 800;} .gref-filter-toggle{display: none; align-items: center; justify-content: center; min-height: 30px; padding: 0 13px; border: 1px solid #cfe0d8; border-radius: 999px; background: #fff; color: var(--gcalc-primary); font-size: 12px; font-weight: 700; line-height: 1.2; cursor: pointer;} .gref-filter.is-open .gref-filter-toggle, .gref-filter.is-filtering .gref-filter-toggle{background: var(--gcalc-primary-soft); border-color: #9cc3b5;} .gref-filter-clear{margin-left: auto; padding: 2px 4px; border: 0; background: none; color: var(--gcalc-primary); font-size: 12px; font-weight: 700; line-height: 1.4; cursor: pointer;} .gref-filter-clear:hover{text-decoration: underline;} .gref-filter-clear:disabled{opacity: 0.4; cursor: default; text-decoration: none;} .gref-filter-body{display: grid; gap: 9px; margin-top: 12px;} .gref-filter-group{display: flex; align-items: flex-start; gap: 10px; min-width: 0; margin: 0; padding: 0; border: 0;} .gref-filter-label{flex: 0 0 72px; padding-top: 6px; color: #8a9c94; font-size: 10.5px; font-weight: 800; letter-spacing: 0.06em; line-height: 1.2; text-transform: uppercase;} .gref-filter-options{display: flex; flex: 1 1 auto; flex-wrap: wrap; gap: 6px; min-width: 0;} .gref-check{position: relative; display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 5px 10px 5px 8px; border: 1px solid #dbe8e2; border-radius: 999px; background: #fff; color: #3d5a50; font-size: 11.5px; font-weight: 600; line-height: 1.2; cursor: pointer; user-select: none; transition: border-color 0.15s, background 0.15s, color 0.15s;} .gref-check:hover{border-color: #9cc3b5;} .gref-check.is-checked{border-color: var(--gcalc-primary); background: var(--gcalc-primary-soft); color: var(--gcalc-primary);} .gref-check.is-empty{opacity: 0.45;} .gref-check input{position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none;} .gref-check-box{display: inline-flex; flex: 0 0 14px; width: 14px; height: 14px; align-items: center; justify-content: center; border: 1.5px solid #b9cdc4; border-radius: 4px; background: #fff; transition: border-color 0.15s, background 0.15s;} .gref-check-box::after{content: ""; width: 6px; height: 3px; margin-top: -2px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; transform: rotate(-45deg); opacity: 0;} .gref-check input:checked + .gref-check-box{border-color: var(--gcalc-primary); background: var(--gcalc-primary);} .gref-check input:checked + .gref-check-box::after{opacity: 1;} .gref-check input:focus + .gref-check-box{box-shadow: 0 0 0 3px rgba(15, 92, 77, 0.22);} .gref-check-count{display: inline-flex; min-width: 18px; height: 18px; align-items: center; justify-content: center; padding: 0 5px; border-radius: 999px; background: #eef4f1; color: #6b8077; font-size: 10px; font-weight: 800; line-height: 1;} .gref-check.is-checked .gref-check-count{background: rgba(15, 92, 77, 0.13); color: var(--gcalc-primary);} .gref-filter-empty-clear{display: inline-flex; align-items: center; justify-content: center; margin-top: 10px; padding: 6px 14px; border: 1px solid #d5e0da; border-radius: 999px; background: #fff; color: var(--gcalc-primary); font-size: 12px; font-weight: 700; line-height: 1.2; cursor: pointer;} .gref-filter-empty-clear:hover{border-color: #9cc3b5; background: #f7fbf9;} .gref-region-nav{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px;} .gref-region-link{display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border: 1px solid #e2ece7; border-radius: 999px; background: #f8fbf9; color: #3d5a50; font-size: 11.5px; font-weight: 700; line-height: 1.2; text-decoration: none; transition: border-color 0.15s, background 0.15s, color 0.15s;} .gref-region-link:hover{border-color: #9cc3b5; background: #fff; color: var(--gcalc-primary); text-decoration: none;} .gref-regions{margin-top: 8px;} .gref-region{margin-top: 26px; padding-top: 20px; border-top: 1px solid #f0f5f2; scroll-margin-top: 90px;} .gref-region:first-child{border-top: 0;} .gref-region-head{display: flex; align-items: baseline; gap: 10px;} .gref-region-head h4{color: var(--gcalc-ink); font-size: 15px; font-weight: 800; line-height: 1.35;} .gref-region-count{display: inline-flex; min-width: 20px; height: 20px; align-items: center; justify-content: center; padding: 0 6px; border-radius: 999px; background: var(--gcalc-primary-soft); color: var(--gcalc-primary); font-size: 10.5px; font-weight: 800;} .gref-region-lede{margin-top: 4px; max-width: 780px; color: #6b8077; font-size: 12.5px; line-height: 1.65;} .gref-region .gref-grid{margin-top: 12px;} .gref-grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 24px;} .gref-card{display: flex; flex-direction: column; min-width: 0; padding: 20px 20px 18px; border: 1px solid #e0e9e4; border-radius: 14px; background: linear-gradient(180deg, #ffffff 0%, #fbfdfc 100%); transition: transform 0.15s, border-color 0.15s, box-shadow 0.15s;} .gref-card:hover{transform: translateY(-2px); border-color: #bcd7cc; box-shadow: 0 14px 30px rgba(9, 48, 39, 0.09);} .gref-card-top{display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px;} .gref-card-code{min-width: 0; color: var(--gcalc-primary); font-family: "SFMono-Regular", "Menlo", "Consolas", monospace; font-size: 12px; font-weight: 700; letter-spacing: 0.02em; overflow-wrap: anywhere;} .gref-badge{flex: 0 0 auto; padding: 4px 9px; border-radius: 999px; font-size: 10.5px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; white-space: nowrap;} .gref-badge-ready{background: #e6f4ec; color: #1d6b45;} .gref-badge-pending{background: #fff5dd; color: #8a6100;} .gref-badge-public{background: #e3efff; color: #1a4f96;} .gref-badge-source{background: #eef2f0; color: #4a6157;} .gref-topic-nav{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px;} .gref-topic-link{display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border: 1px solid #dbe8e2; border-radius: 999px; background: #fff; color: #33544a; font-size: 12px; font-weight: 700; line-height: 1.2; text-decoration: none; transition: border-color 0.15s, background 0.15s, color 0.15s;} .gref-topic-link:hover{border-color: #9cc3b5; background: #f4faf7; color: var(--gcalc-primary); text-decoration: none;} .gref-topic-count{display: inline-flex; min-width: 20px; height: 20px; align-items: center; justify-content: center; padding: 0 6px; border-radius: 999px; background: var(--gcalc-primary-soft); color: var(--gcalc-primary); font-size: 10.5px; font-weight: 800;} .gref-topic{margin-top: 30px; scroll-margin-top: 90px;} .gref-topic-head{padding-bottom: 10px; border-bottom: 1px solid #edf3f0;} .gref-topic-head h3{color: var(--gcalc-ink); font-size: 18px; font-weight: 800; line-height: 1.35;} .gref-topic-head p{margin-top: 4px; color: #6b8077; font-size: 12.5px; line-height: 1.65;} .gref-topic .gref-grid{margin-top: 16px;} .gref-card h3, .gref-card h4{color: var(--gcalc-ink); font-size: 15px; font-weight: 700; line-height: 1.45; overflow-wrap: anywhere;} .gref-card-desc{margin-top: 8px; color: #5c7168; font-size: 12.5px; line-height: 1.7;} .gref-meta{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; margin: 14px 0 0;} .gref-meta div{min-width: 0;} .gref-meta dt{color: #8a9c94; font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;} .gref-meta dd{margin: 3px 0 0; color: #3c5249; font-size: 12.5px; line-height: 1.45; overflow-wrap: anywhere;} .gref-card-actions{display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin-top: 16px; padding-top: 14px; border-top: 1px dashed var(--gcalc-line);} .gref-grid-compact{grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px;} .gref-card-compact{padding: 14px 15px 13px; border-radius: 12px;} .gref-card-compact .gref-card-top{flex-wrap: wrap; justify-content: flex-start; gap: 4px 8px; margin-bottom: 8px;} .gref-card-compact .gref-card-code{font-size: 11px;} .gref-card-compact .gref-badge{padding: 3px 7px; font-size: 9.5px;} .gref-card-name{margin: 0; color: var(--gcalc-ink); font-size: 13px; font-weight: 700; line-height: 1.45; overflow-wrap: anywhere;} .gref-card-compact-meta{display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin-top: 6px; color: #7d9189; font-size: 11px; line-height: 1.4;} .gref-card-compact .gref-card-actions{gap: 6px; margin-top: auto; padding-top: 10px; border-top: 0;} .gref-card-compact .gref-btn{min-height: 0; padding: 0; border: 0; background: none; color: var(--gcalc-primary); font-size: 11.5px; font-weight: 700; line-height: 1.4; justify-content: flex-start; text-align: left;} .gref-card-compact .gref-btn:hover{background: none; color: var(--gcalc-primary-dark); transform: none; box-shadow: none; text-decoration: underline;} .gref-card-compact .gref-btn svg{width: 12px; height: 12px;} .gref-card-compact .gref-pending{padding: 0; border: 0; background: none; font-size: 11px;} .gref-btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 18px; border: 1.5px solid transparent; border-radius: 10px; background: linear-gradient(135deg, #0f5c4d, #0a4238); color: #fff; font-size: 13px; font-weight: 700; line-height: 1.2; text-align: center; cursor: pointer; transition: transform 0.15s, box-shadow 0.15s, background 0.15s, border-color 0.15s, color 0.15s;} .gref-btn:hover{color: #fff; text-decoration: none; transform: translateY(-1px); box-shadow: 0 12px 24px rgba(15, 92, 77, 0.24);} .gref-btn:focus-visible{outline: none; box-shadow: 0 0 0 3px rgba(15, 92, 77, 0.28);} .gref-btn svg{flex: 0 0 auto;} .gref-btn-secondary{border-color: #d5e0da; background: #fff; color: var(--gcalc-primary);} .gref-btn-secondary:hover{border-color: #9cc3b5; background: #f7fbf9; color: var(--gcalc-primary-dark); box-shadow: none;} .gref-btn-light{flex: 0 0 auto; background: linear-gradient(135deg, #ffd24a, #f2b705); color: #17352c; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);} .gref-btn-light:hover{color: #17352c; box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28);} .gref-btn-light:focus-visible{box-shadow: 0 0 0 3px rgba(242, 183, 5, 0.5);} .gref-limit, .gref-pending{display: block; padding: 8px 11px; border-radius: 9px; font-size: 11.5px; font-weight: 600; line-height: 1.55;} .gref-limit{border: 1px solid #f0cf8a; background: #fff8e6; color: #7a5600;} .gref-pending{border: 1px solid #e0e9e4; background: #f5f8f6; color: #6b8077;} .gref-quota{color: #6b8077; font-size: 11.5px; line-height: 1.55;} .gref-quota strong{color: var(--gcalc-primary); font-weight: 800;} .gref-empty{margin-top: 22px; padding: 26px; border: 1px dashed #d5e0da; border-radius: 12px; text-align: center; color: var(--gcalc-soft); font-size: 13px; line-height: 1.7;} .gref-notice{display: flex; gap: 16px; margin-top: 22px; padding: 22px 26px; border: 1px solid #dbe8e2; border-left: 4px solid var(--gcalc-primary); border-radius: 14px; background: #f3f8f5;} .gref-notice-icon{flex: 0 0 40px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: var(--gcalc-primary); color: #fff;} .gref-notice h2{margin-top: 0; font-size: 16px;} .gref-notice p{margin-top: 5px; color: #4e655b; font-size: 12.5px; line-height: 1.78;} .gref-faq-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 32px; margin-top: 24px;} .gref-faq-item h3{color: #2c4038; font-size: 14px; font-weight: 700; line-height: 1.45;} .gref-faq-item p{margin-top: 6px; color: #5c7168; font-size: 12.5px; line-height: 1.75;} .gref-cta{display: flex; align-items: center; justify-content: space-between; gap: 26px; margin-top: 22px; padding: 30px 32px; border-radius: 18px; background: radial-gradient(600px 260px at 82% 0%, rgba(242, 183, 5, 0.18), transparent 65%), linear-gradient(135deg, #08372e 0%, #0f5c4d 68%, #14705d 100%); box-shadow: 0 20px 44px rgba(7, 42, 34, 0.16);} .gref-cta-copy{max-width: 680px;} .gref-cta .gref-eyebrow{color: rgba(255, 255, 255, 0.62);} .gref-cta h2{color: #fff; font-size: 21px;} .gref-cta p{margin-top: 8px; color: rgba(255, 255, 255, 0.74); font-size: 13px; line-height: 1.75;} .gref-message{padding: 84px 24px 96px;} .gref-message-card{max-width: 560px; margin: 0 auto; padding: 36px 34px 32px; border: 1px solid #e3ebe6; border-radius: 18px; background: #fff; box-shadow: 0 24px 54px rgba(7, 42, 34, 0.1); text-align: center;} .gref-message-card h1{margin-top: 12px; color: var(--gcalc-ink); font-size: 26px; font-weight: 800; line-height: 1.3; letter-spacing: -0.01em;} .gref-message-body{margin-top: 12px; color: #4e655b; font-size: 13.5px; line-height: 1.8;} .gref-message-meta{margin-top: 16px; padding: 10px 12px; border-radius: 10px; background: #f4f7f5; color: #3c5249; font-size: 12px; line-height: 1.6;} .gref-message-meta strong{margin-right: 6px; color: var(--gcalc-primary);} .gref-message-card .gref-btn{margin-top: 22px;} @media (max-width: 1199px){.gref-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}.gref-grid-compact{grid-template-columns: repeat(3, minmax(0, 1fr));}} @media (max-width: 991px){.gref-grid-compact{grid-template-columns: repeat(2, minmax(0, 1fr));}} @media (max-width: 991px){.gref-hero{padding-bottom: 104px;}.gref-cta{flex-direction: column; align-items: flex-start;}} @media (max-width: 767px){.gref-hero{padding-bottom: 96px;}.gref-lang-list{justify-content: flex-start;}.gref-section{padding: 22px 18px 24px; border-radius: 15px;}.gref-filter{padding: 12px 14px 10px; border-radius: 12px;}.gref-filter-toggle{display: inline-flex; margin-left: auto;}.gref-filter-clear{margin-left: 0;}.gref-filter-clear:disabled{display: none;}.gref-filter-body{display: none; gap: 8px; margin-top: 10px;}.gref-filter.is-open .gref-filter-body{display: grid;}.gref-filter-group{flex-direction: column; gap: 5px;}.gref-filter-label{flex: none; padding-top: 0;}.gref-filter-options{flex-wrap: nowrap; width: 100%; overflow-x: auto; padding-bottom: 3px; -webkit-overflow-scrolling: touch;}.gref-check{flex: 0 0 auto;}.gref-section-head h2, .gref-notice h2, .gref-cta h2{font-size: 20px;}.gref-topic{margin-top: 24px;}.gref-topic-head h3{font-size: 16px;}.gref-grid{grid-template-columns: minmax(0, 1fr); gap: 14px;}.gref-grid-compact{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;}.gref-region-nav{flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; -webkit-overflow-scrolling: touch;}.gref-region-link{flex: 0 0 auto;}.gref-hero .gcalc-hero-chips .gcalc-chip:last-child{grid-column: auto; justify-content: flex-start;}.gref-meta{grid-template-columns: repeat(2, minmax(0, 1fr));}.gref-card-actions .gref-btn{width: 100%;}.gref-notice{flex-direction: column; padding: 20px 18px;}.gref-faq-grid{grid-template-columns: minmax(0, 1fr); gap: 16px;}.gref-cta{padding: 24px 20px; border-radius: 15px;}.gref-btn-light, .gref-cta .gref-btn{width: 100%;}.gref-message{padding: 44px 16px 60px;}.gref-message-card{padding: 28px 20px 26px;}.gref-message-card h1{font-size: 22px;}} @media (max-width: 479px){.gref-grid-compact{grid-template-columns: minmax(0, 1fr);}} 

/* /website_wire_rope_selector/static/src/css/wire_rope_selector.css defined in bundle 'web.assets_frontend' */
 .wrs-page{--wrs-primary: #0f5c4d; --wrs-primary-dark: #0a3f35; --wrs-primary-soft: #e8f3ef; --wrs-accent: #f2b705; --wrs-ink: #14231f; --wrs-muted: #6b8077; --wrs-soft: #7a8f86; --wrs-line: #e0e9e4; --wrs-bg: #f4f7f5; --wrs-radius: 16px; background: var(--wrs-bg); color: var(--wrs-ink); font-family: "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .wrs-page, .wrs-page *, .wrs-page *::before, .wrs-page *::after{box-sizing: border-box;} .wrs-page h1, .wrs-page h2, .wrs-page h3, .wrs-page h4, .wrs-page p, .wrs-page ul, .wrs-page ol, .wrs-page dl, .wrs-page dd{margin: 0;} .wrs-page [hidden]{display: none !important;} .wrs-page a{text-decoration: none;} .wrs-page button, .wrs-page input, .wrs-page select{font-family: inherit;} .wrs-hero-break{display: none;} .wrs-hero{position: relative; overflow: hidden; padding: 56px 0 104px; background: radial-gradient(900px 420px at 12% 0%, rgba(242, 183, 5, 0.16), transparent 62%), linear-gradient(135deg, #08372e 0%, #0f5c4d 62%, #14705d 100%);} .wrs-hero::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px); background-size: 46px 46px; -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), transparent 78%); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), transparent 78%); pointer-events: none;} .wrs-hero-inner{position: relative; z-index: 1; max-width: 1240px; margin: 0 auto; padding: 0 24px;} .wrs-hero-top{display: flex; align-items: center; justify-content: space-between; gap: 14px;} .wrs-eyebrow{display: flex; align-items: center; gap: 10px; min-width: 0; font-size: 10.5px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(255, 255, 255, 0.62);} .wrs-eyebrow-short{display: none;} .wrs-eyebrow-line{width: 28px; height: 2px; background: var(--wrs-accent);} .wrs-lang-list{display: flex; flex: 0 0 auto; gap: 6px;} .wrs-lang-switch{display: inline-flex; align-items: center; min-height: 30px; padding: 5px 12px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 999px; background: rgba(255, 255, 255, 0.08); color: #fff; font-size: 11.5px; font-weight: 700; letter-spacing: 0.04em; transition: background 0.15s, border-color 0.15s, color 0.15s;} .wrs-page a.wrs-lang-switch:hover, .wrs-page a.wrs-lang-switch:focus{border-color: rgba(255, 255, 255, 0.55); background: rgba(255, 255, 255, 0.16); color: #fff; text-decoration: none;} .wrs-lang-switch:focus-visible{outline: none; box-shadow: 0 0 0 3px rgba(242, 183, 5, 0.35);} .wrs-lang-switch.is-current{border-color: rgba(242, 183, 5, 0.6); background: rgba(242, 183, 5, 0.16); color: var(--wrs-accent);} .wrs-hero h1{max-width: 660px; margin-top: 26px; font-size: clamp(32px, 4vw, 52px); line-height: 1.08; font-weight: 800; letter-spacing: -0.02em; color: #fff;} .wrs-hero-lede{max-width: 620px; margin-top: 18px; font-size: 15px; line-height: 1.7; color: rgba(255, 255, 255, 0.76);} .wrs-hero-chips{display: flex; flex-wrap: wrap; gap: 8px; max-width: 620px; margin-top: 22px;} .wrs-chip{display: inline-flex; align-items: center; min-height: 26px; padding: 4px 11px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 999px; background: rgba(255, 255, 255, 0.06); color: rgba(255, 255, 255, 0.82); font-size: 11px; font-weight: 600; letter-spacing: 0.02em;} .wrs-hero-visual{position: absolute; top: 66px; right: 24px; width: 420px; max-width: 40%; pointer-events: none;} .wrs-hero-visual svg{display: block; width: 100%; height: auto;} .wrs-shell{position: relative; z-index: 2; max-width: 1240px; margin: -72px auto 0; padding: 0 24px 72px;} .wrs-layout{display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr); gap: 22px; align-items: start;} .wrs-card{padding: 26px; border: 1px solid var(--wrs-line); border-radius: var(--wrs-radius); background: #fff; box-shadow: 0 18px 40px -28px rgba(10, 63, 53, 0.4);} .wrs-section-head{display: flex; align-items: flex-start; gap: 12px; margin-bottom: 20px;} .wrs-step{flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: var(--wrs-primary); color: var(--wrs-accent); font-size: 12.5px; font-weight: 800;} .wrs-section-copy h2{font-size: 19px; line-height: 1.25; font-weight: 800; letter-spacing: -0.01em; color: var(--wrs-ink);} .wrs-section-copy p{margin-top: 4px; font-size: 12.5px; line-height: 1.5; color: var(--wrs-soft);} .wrs-form .wrs-field{display: block; margin-bottom: 16px; border: 0; padding: 0;} .wrs-field > span:first-child, .wrs-form legend{display: flex; align-items: baseline; gap: 8px; margin-bottom: 7px; padding: 0; font-size: 12px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--wrs-muted);} .wrs-field-hint{font-weight: 600; letter-spacing: 0.02em; text-transform: none; color: #9aada5;} .wrs-choice-grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px;} .wrs-choice{position: relative; display: flex; flex-direction: column; margin: 0; cursor: pointer;} .wrs-choice input{position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0;} .wrs-choice-label{flex: 1 1 auto; padding: 12px 13px 3px; border: 1px solid var(--wrs-line); border-bottom: 0; border-radius: 12px 12px 0 0; background: #fff; font-size: 12.5px; font-weight: 700; line-height: 1.35; color: var(--wrs-ink); transition: background 0.15s, border-color 0.15s, color 0.15s;} .wrs-choice-meta{display: block; padding: 2px 13px 11px; border: 1px solid var(--wrs-line); border-top: 0; border-radius: 0 0 12px 12px; background: #fff; font-size: 10.5px; font-weight: 600; letter-spacing: 0.06em; color: var(--wrs-soft); transition: background 0.15s, border-color 0.15s, color 0.15s;} .wrs-choice input:checked + .wrs-choice-label{border-color: var(--wrs-primary); background: var(--wrs-primary-soft); color: var(--wrs-primary-dark);} .wrs-choice input:checked ~ .wrs-choice-meta{border-color: var(--wrs-primary); background: var(--wrs-primary-soft); color: var(--wrs-primary);} .wrs-choice input:focus-visible + .wrs-choice-label{outline: none; box-shadow: 0 0 0 3px rgba(15, 92, 77, 0.18);} .wrs-choice:hover .wrs-choice-label, .wrs-choice:hover .wrs-choice-meta{border-color: #b9cec6;} .wrs-row{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px;} .wrs-input-group{display: flex;} .wrs-form .wrs-input-group input{flex: 1 1 0; width: auto; min-width: 0; border-radius: 11px 0 0 11px;} .wrs-form .wrs-input-group select{flex: 0 0 74px; width: 74px; border-left: 0; border-radius: 0 11px 11px 0; background: var(--wrs-primary-soft); color: var(--wrs-primary-dark); font-weight: 700;} .wrs-form input[type="number"], .wrs-form select{display: block; width: 100%; height: 44px; padding: 0 12px; border: 1px solid var(--wrs-line); border-radius: 11px; background: #fff; color: var(--wrs-ink); font-size: 14px; font-weight: 600; transition: border-color 0.15s, box-shadow 0.15s; appearance: none; -webkit-appearance: none;} .wrs-form select{padding-right: 32px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236b8077' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center;} .wrs-form input[type="number"]:focus, .wrs-form select:focus{outline: none; border-color: var(--wrs-primary); box-shadow: 0 0 0 3px rgba(15, 92, 77, 0.12);} .wrs-form input.-wrs-invalid{border-color: #c0392b;} .wrs-material-hint{margin: -2px 0 16px; padding: 10px 12px; border-left: 3px solid var(--wrs-accent); border-radius: 0 8px 8px 0; background: #fbf6e4; font-size: 12px; line-height: 1.55; color: #6b5a1c;} .wrs-submit{display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; border: 0; border-radius: 12px; background: var(--wrs-accent); color: #241c00; font-size: 14.5px; font-weight: 800; letter-spacing: 0.01em; cursor: pointer; box-shadow: 0 10px 22px -12px rgba(242, 183, 5, 0.9); transition: transform 0.12s, background 0.15s, box-shadow 0.15s;} .wrs-submit:hover{background: #ffc81c; box-shadow: 0 14px 26px -12px rgba(242, 183, 5, 0.95);} .wrs-submit:active{transform: translateY(1px);} .wrs-submit:focus-visible{outline: none; box-shadow: 0 0 0 3px rgba(15, 92, 77, 0.25);} .wrs-form-note{margin-top: 10px; font-size: 11.5px; text-align: center; color: var(--wrs-soft);} .wrs-results{position: sticky; top: 24px;} .wrs-primary{padding: 18px; border: 1px solid var(--wrs-line); border-radius: 13px; background: linear-gradient(155deg, #f7faf8 0%, #fff 68%);} .wrs-primary-label{display: block; font-size: 10.5px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wrs-muted);} .wrs-primary h3{margin-top: 6px; font-size: 25px; line-height: 1.15; font-weight: 800; letter-spacing: -0.015em; color: var(--wrs-primary-dark);} .wrs-primary-note{margin-top: 5px; font-size: 12px; line-height: 1.5; color: var(--wrs-soft);} .wrs-metrics{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin-top: 16px; overflow: hidden; border: 1px solid var(--wrs-line); border-radius: 10px; background: var(--wrs-line);} .wrs-metrics > div{padding: 10px 12px; background: #fff;} .wrs-metrics dt{font-size: 10.5px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--wrs-soft);} .wrs-metrics dd{margin-top: 2px; font-size: 12px; color: var(--wrs-muted);} .wrs-metrics dd strong{font-size: 20px; font-weight: 800; letter-spacing: -0.01em; color: var(--wrs-primary-dark);} .wrs-checkline{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 12px;} .wrs-checkline > div{padding: 10px 12px; border: 1px dashed #cfdcd6; border-radius: 10px; font-size: 11.5px; color: var(--wrs-muted);} .wrs-checkline strong{display: block; margin-top: 2px; font-size: 14.5px; font-weight: 800; color: var(--wrs-ink);} .wrs-clips{margin-top: 12px; font-size: 11.5px; line-height: 1.6; color: var(--wrs-muted);} .wrs-clips:empty{display: none;} .wrs-empty{margin-top: 12px; padding: 11px 12px; border-radius: 9px; background: #fdf2ef; font-size: 12px; line-height: 1.55; color: #9b3b2a;} .wrs-result-cta{margin-top: 16px; padding-top: 16px; border-top: 1px solid #e5eeea;} .wrs-result-cta .wrs-cta-button{display: flex; width: 100%;} .wrs-result-cta p{margin-top: 8px; font-size: 11.5px; line-height: 1.55; color: var(--wrs-muted);} .wrs-candidates-wrap{margin-top: 18px;} .wrs-candidates-title{margin-bottom: 8px; font-size: 11px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wrs-muted);} .wrs-candidates{width: 100%; border-collapse: collapse; font-size: 12px;} .wrs-candidates th{padding: 6px 8px; border-bottom: 1px solid var(--wrs-line); font-size: 10px; font-weight: 700; letter-spacing: 0.06em; text-align: left; text-transform: uppercase; color: var(--wrs-soft);} .wrs-candidates td{padding: 8px; border-bottom: 1px solid #eef3f0; vertical-align: top; color: var(--wrs-ink); font-variant-numeric: tabular-nums;} .wrs-candidates tr:last-child td{border-bottom: 0;} .wrs-candidates tr.is-primary td{background: #f5faf7;} .wrs-candidates tr.is-primary td:first-child{box-shadow: inset 3px 0 0 var(--wrs-primary);} .wrs-cand-code{display: block; font-weight: 800; color: var(--wrs-primary-dark);} .wrs-cand-name{display: block; margin-top: 1px; font-size: 10.5px; color: var(--wrs-soft);} .wrs-cand-muted{color: #a9b8b2 !important;} .wrs-fineprint{margin-top: 16px; font-size: 10.5px; line-height: 1.5; color: #93a49d;} .wrs-table-section, .wrs-method, .wrs-faq{margin-top: 22px;} .wrs-table-scroll{overflow-x: auto; border: 1px solid var(--wrs-line); border-radius: 12px; -webkit-overflow-scrolling: touch;} .wrs-ref-table{width: 100%; min-width: 760px; border-collapse: collapse; font-size: 12px; font-variant-numeric: tabular-nums;} .wrs-ref-table th, .wrs-ref-table td{padding: 9px 10px; border-bottom: 1px solid #eef3f0; text-align: right; white-space: nowrap;} .wrs-ref-table thead th{position: sticky; top: 0; background: #f7faf8; font-size: 10.5px; font-weight: 800; letter-spacing: 0.04em; color: var(--wrs-muted);} .wrs-ref-table thead th:first-child, .wrs-ref-table tbody th{position: sticky; left: 0; z-index: 1; min-width: 150px; text-align: left; background: #fff;} .wrs-ref-table thead th:first-child{z-index: 2; background: #f7faf8;} .wrs-ref-table tbody tr:last-child th, .wrs-ref-table tbody tr:last-child td{border-bottom: 0;} .wrs-ref-table tbody tr:hover td{background: #fbfdfc;} .wrs-ref-code{display: block; font-weight: 800; color: var(--wrs-primary-dark);} .wrs-ref-core{display: block; margin-top: 1px; font-size: 9.5px; font-weight: 700; letter-spacing: 0.08em; color: var(--wrs-soft);} .wrs-ref-empty{color: #c3d0ca;} .wrs-table-note{margin-top: 12px; font-size: 11.5px; line-height: 1.6; color: var(--wrs-soft);} .wrs-table-note a{display: inline-flex; align-items: center; margin-left: 6px; padding: 3px 10px; border: 1px solid #c9dcd4; border-radius: 999px; color: var(--wrs-primary); font-weight: 700; transition: background 0.15s, border-color 0.15s;} .wrs-table-note a:hover{border-color: var(--wrs-primary); background: var(--wrs-primary-soft); text-decoration: none;} .wrs-method-grid{display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: 22px; align-items: start;} .wrs-formula{padding: 22px; border-radius: 12px; background: var(--wrs-primary-dark); color: #fff;} .wrs-formula-label{display: block; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; color: rgba(255, 255, 255, 0.45);} .wrs-formula-body{display: block; margin-top: 8px; font-size: clamp(22px, 3vw, 30px); font-weight: 800; letter-spacing: 0.01em; color: var(--wrs-accent);} .wrs-formula-note{display: block; margin-top: 10px; font-size: 11.5px; line-height: 1.6; color: rgba(255, 255, 255, 0.62);} .wrs-steps{padding: 0; list-style: none; counter-reset: wrs-step-counter;} .wrs-steps li{position: relative; padding: 0 0 16px 38px; counter-increment: wrs-step-counter; font-size: 13px; line-height: 1.65; color: var(--wrs-muted);} .wrs-steps li::before{content: counter(wrs-step-counter); position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: 1px solid #cdddd5; border-radius: 50%; background: var(--wrs-primary-soft); font-size: 11px; font-weight: 800; color: var(--wrs-primary);} .wrs-steps li::after{content: ""; position: absolute; top: 28px; bottom: 4px; left: 11.5px; width: 1px; background: var(--wrs-line);} .wrs-steps li:last-child{padding-bottom: 0;} .wrs-steps li:last-child::after{display: none;} .wrs-disclaimer{margin-top: 18px; padding: 12px 14px; border-radius: 9px; background: #f8faf9; border: 1px solid var(--wrs-line); font-size: 11.5px; line-height: 1.6; color: var(--wrs-soft);} .wrs-references{margin-top: 10px; font-size: 11px; line-height: 1.6; color: #93a49d;} .wrs-faq-list{border-top: 1px solid var(--wrs-line);} .wrs-faq-item{border-bottom: 1px solid var(--wrs-line);} .wrs-faq-item summary{position: relative; padding: 15px 34px 15px 2px; font-size: 13.5px; font-weight: 700; line-height: 1.5; color: var(--wrs-ink); cursor: pointer; list-style: none;} .wrs-faq-item summary::-webkit-details-marker{display: none;} .wrs-faq-item summary::after{content: "+"; position: absolute; top: 50%; right: 6px; width: 22px; height: 22px; margin-top: -11px; border: 1px solid #cdddd5; border-radius: 50%; font-size: 15px; font-weight: 400; line-height: 20px; text-align: center; color: var(--wrs-primary); transition: transform 0.18s, background 0.18s;} .wrs-faq-item[open] summary::after{content: "−"; background: var(--wrs-primary-soft);} .wrs-faq-item summary:hover{color: var(--wrs-primary);} .wrs-faq-item summary:focus-visible{outline: 2px solid rgba(15, 92, 77, 0.35); outline-offset: 2px;} .wrs-faq-item p{padding: 0 40px 16px 2px; font-size: 12.5px; line-height: 1.7; color: var(--wrs-muted);} .wrs-cta{display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-top: 22px; padding: 28px 30px; border-radius: var(--wrs-radius); background: radial-gradient(500px 200px at 90% 0%, rgba(242, 183, 5, 0.2), transparent 70%), var(--wrs-primary-dark); color: #fff;} .wrs-cta h2{font-size: 20px; line-height: 1.3; font-weight: 800;} .wrs-cta p{margin-top: 6px; font-size: 12.5px; line-height: 1.6; color: rgba(255, 255, 255, 0.66);} .wrs-cta-button{flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 24px; border-radius: 12px; background: var(--wrs-accent); color: #241c00; font-size: 13.5px; font-weight: 800; transition: background 0.15s, transform 0.12s;} .wrs-page a.wrs-cta-button:hover{background: #ffc81c; color: #241c00; text-decoration: none;} .wrs-cta-button:active{transform: translateY(1px);} .wrs-product-tools{display: inline-flex; align-items: center; gap: 10px; margin: 8px 0 18px; padding: 7px 12px 7px 8px; border: 1px solid #c9dcd4; border-radius: 999px; background: #f4f9f6; font-size: 12.5px;} .wrs-product-tools-label{padding: 3px 9px; border-radius: 999px; background: var(--wrs-primary, #0f5c4d); color: #f2b705; font-size: 10px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;} .wrs-product-tools a{font-weight: 700; color: #0f5c4d;} .wrs-product-tools a:hover{text-decoration: underline;} @media (max-width: 1199px){.wrs-hero-visual{width: 340px; right: 12px;}.wrs-row{grid-template-columns: minmax(0, 1fr); gap: 0;}} @media (max-width: 991px){.wrs-hero{padding-bottom: 96px;}.wrs-hero-visual{display: none;}.wrs-hero h1, .wrs-hero-lede, .wrs-hero-chips{max-width: 100%;}.wrs-layout{grid-template-columns: minmax(0, 1fr); gap: 18px;}.wrs-results{position: static;}.wrs-method-grid{grid-template-columns: minmax(0, 1fr);}} @media (max-width: 767px){.wrs-hero{padding: 34px 0 88px;}.wrs-hero-inner, .wrs-shell{padding-left: 16px; padding-right: 16px;}.wrs-hero h1{margin-top: 20px; font-size: 30px;}.wrs-hero-lede{font-size: 13.5px;}.wrs-eyebrow-full{display: none;}.wrs-eyebrow-short{display: inline;}.wrs-shell{margin-top: -62px; padding-bottom: 48px;}.wrs-card{padding: 20px 18px;}.wrs-choice-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}.wrs-row{grid-template-columns: minmax(0, 1fr); gap: 0;}.wrs-metrics dd strong{font-size: 18px;}.wrs-cta{flex-direction: column; align-items: flex-start; padding: 22px 20px;}.wrs-cta-button{width: 100%;}.wrs-hero-break{display: inline;}} @media (max-width: 420px){.wrs-choice-grid{grid-template-columns: minmax(0, 1fr);}.wrs-choice-label{padding-bottom: 2px;}.wrs-checkline{grid-template-columns: minmax(0, 1fr);}} @media (prefers-reduced-motion: reduce){.wrs-page *, .wrs-page *::before, .wrs-page *::after{transition-duration: 0.01ms !important; scroll-behavior: auto !important;}} @media print{.wrs-hero-visual, .wrs-lang-list, .wrs-submit, .wrs-form-note, .wrs-cta, .wrs-faq{display: none !important;}.wrs-page{background: #fff;}.wrs-hero{padding: 0 0 18px; background: none;}.wrs-hero h1, .wrs-hero-lede, .wrs-hero-chips{color: #000;}.wrs-chip{border-color: #ccc; color: #333;}.wrs-shell{margin: 0; padding: 0;}.wrs-card{box-shadow: none; break-inside: avoid;}.wrs-results{position: static;}} 

/* /website_whatsapp/static/src/css/website_whatsapp.css defined in bundle 'web.assets_frontend' */
 .o_ww_whatsapp{display: none;} @media (max-width: 767px){html:not([lang^="zh"]) .o_livechat_button, html:not([lang^="zh"]) .o_ml_contact_us{display: none !important;}html:not([lang^="zh"]) .o_ww_whatsapp{display: flex; position: fixed; right: 12px; bottom: calc(14px + env(safe-area-inset-bottom, 0px)); z-index: 5; align-items: center; padding: 12px 18px; border-radius: 24px; background-color: #25d366; color: #fff !important; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; font-size: 15px; font-weight: bold; line-height: 1; text-decoration: none !important; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.28); white-space: nowrap;}html:not([lang^="zh"]) .o_ww_whatsapp:active{background-color: #1ebe5d;}html:not([lang^="zh"]) .o_ww_whatsapp .fa{margin-right: 8px; font-size: 20px;}} 

/* /website_a11y_names_contrast/static/src/css/website_a11y_names_contrast.css defined in bundle 'web.assets_frontend' */
 @media (max-width: 767px){html:not([lang^="zh"]) a.o_ww_whatsapp{background-color: #075e54;}html:not([lang^="zh"]) a.o_ww_whatsapp:active{background-color: #054c44;}} #wrap p a:not(.btn), #wrap a.o_auto_internal_link{text-decoration: underline;} 

/* /website_a11y_gcalc_contrast/static/src/css/website_a11y_gcalc_contrast.css defined in bundle 'web.assets_frontend' */
 span.gcalc-product-tools-label{color: #5f756b;} 

/* /payment/static/src/css/portal_payment.css defined in bundle 'web.assets_frontend' */
input#cc_number{background-repeat: no-repeat; background-position: 14px 14px;} div.card_placeholder{background-image: url("/website_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;} div.o_card_brand_detail{position: relative;} div.o_card_brand_detail div.card_placeholder{right: 5px;} div.amex{background-image: url("/website_payment/static/src/img/amex.png"); background-repeat: no-repeat;} div.diners{background-image: url("/website_payment/static/src/img/diners.png"); background-repeat: no-repeat;} div.discover{background-image: url("/website_payment/static/src/img/discover.png"); background-repeat: no-repeat;} div.jcb{background-image: url("/website_payment/static/src/img/jcb.png"); background-repeat: no-repeat;} div.mastercard{background-image: url("/website_payment/static/src/img/mastercard.png"); background-repeat: no-repeat;} div.visa{background-image: url("/website_payment/static/src/img/visa.png"); background-repeat: no-repeat;} ul.payment_method_list img.img-rounded{max-width: 100px; max-height: 40px;} 

/* /payment/static/src/less/payment_form.less defined in bundle 'web.assets_frontend' */
 .o_payment_form label > input[type="radio"], .o_payment_form input[type="checkbox"]{vertical-align: top; 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 .panel-body:first-child{border-top: 0px;} .o_payment_form .panel{border-radius: 10px;} .o_payment_form .panel-footer:last-child{border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important;} .o_payment_form .panel-body{border-top: 1px solid #ddd; padding: 1.14em !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: -10px; right: 0px; font-size: 10px;} 

/* /sale/static/src/less/sale_portal.less defined in bundle 'web.assets_frontend' */
 .orders_vertical_align{display: flex; align-items: center;} .orders_label_text_align{vertical-align: 15%;} 

/* /mobile_livechat/static/src/css/mobile_livechat.css defined in bundle 'web.assets_frontend' */
 @keyframes mobile_livechat_slide_up{from{transform: translateY(100%);}to{transform: translateY(0);}} .o_chat_send_button{display: none;} .o_ml_contact_us{display: none;} .o_ml_hdr_avatar, .o_ml_hdr_sub{display: none !important;} .o_livechat_button{text-align: center !important;} @media (max-width: 767px){.o_livechat_button{bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important; right: 12px !important; border-radius: 21px !important; border-bottom: 1px solid rgb(80, 80, 80) !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;}.o_ml_contact_us{display: block !important; position: fixed; right: 12px; bottom: calc(66px + env(safe-area-inset-bottom, 0px)); z-index: 5; padding: 10px 20px; border-radius: 21px; background-color: rgba(60, 60, 60, 0.6); border: 1px solid rgb(80, 80, 80); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; color: #fff !important; text-decoration: none !important; white-space: nowrap;}.o_ml_contact_us:active{background-color: rgba(40, 40, 40, 0.75);}.o_chat_window{width: 100% !important; max-width: 100% !important; height: 30% !important; height: var(--ml-drawer-height, 30%) !important; max-height: 30% !important; max-height: var(--ml-drawer-height, 30%) !important; bottom: 0 !important; bottom: var(--ml-drawer-bottom, 0px) !important; border-radius: 12px 12px 0 0 !important; overflow: hidden; padding-bottom: env(safe-area-inset-bottom, 0px); animation: mobile_livechat_slide_up 0.25s ease-out;}.o_chat_window.o_ml_keyboard{border-radius: 12px !important; padding-bottom: 0; box-shadow: 0 -3px 14px rgba(0, 0, 0, 0.25);}.o_chat_window.o_ml_hdr_app .o_chat_header{flex: 0 0 0 !important; height: 0 !important; min-height: 0 !important; padding: 0 !important; border: none !important; background: none !important; overflow: visible; position: relative; z-index: 3;}.o_chat_window.o_ml_hdr_app .o_chat_title, .o_chat_window.o_ml_hdr_app .o_ml_hdr_avatar{display: none !important;}.o_chat_window.o_ml_hdr_app .o_chat_window_close{position: absolute; top: 8px; right: 8px; z-index: 3; display: flex !important; align-items: center; justify-content: center; width: 34px; height: 34px; margin: 0 !important; border-radius: 50%; background-color: rgba(0, 0, 0, 0.28); color: #fff; font-size: 15px;}.o_chat_window.o_ml_hdr_app .o_chat_window_close:active{background-color: rgba(0, 0, 0, 0.5);}.o_chat_window.o_ml_hdr_app .o_chat_window_close:before{content: "\f00d";}.o_chat_window .o_chat_composer{display: flex !important; align-items: stretch !important; border-top: 1px solid #dee2e6;}.o_chat_window .o_chat_composer input{flex: 1 1 auto; min-width: 0; height: 52px !important; padding: 8px 12px !important; font-size: 16px !important; border-top: none !important;}.o_chat_window .o_chat_send_button{display: flex !important; flex: 0 0 54px; align-items: center; justify-content: center; padding: 0; border: none; background-color: #875a7b; color: #fff; font-size: 19px; -webkit-appearance: none;}.o_chat_window .o_chat_send_button:active{background-color: #6c4862;}} 

/* /mobile_navbar_title/static/src/css/mobile_navbar_title.css defined in bundle 'web.assets_frontend' */
 .o_mnt_title{display: none;} .o_mnt_title_text{display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom;} @media (max-width: 767px){.navbar-header{display: flex !important; align-items: center; flex-wrap: nowrap;}.navbar-header .navbar-brand{order: 1; flex: 0 0 auto;}.navbar-header .o_mnt_title{order: 2; flex: 1 1 auto; min-width: 0; overflow: hidden; padding: 0 10px; text-align: center; color: inherit; font-size: 15px; font-weight: 600; line-height: 22px;}.navbar-header .navbar-toggle{order: 3; flex: 0 0 auto; position: relative; display: flex !important; align-items: center; width: auto !important; height: 34px !important; padding: 0 12px 0 42px !important;}.navbar-header .navbar-toggle .icon-bar{position: absolute; top: 10px; left: 12px; display: block !important; width: 18px !important; height: 2px !important; margin: 0 !important; border-radius: 1px; background-color: currentColor;}.navbar-header .navbar-toggle .icon-bar + .icon-bar{top: 16px;}.navbar-header .navbar-toggle .icon-bar + .icon-bar + .icon-bar{top: 22px;}.navbar-header .navbar-toggle .o_mnt_menu_txt, .navbar-header .navbar-toggle .o_mnt_menu_txt:hover, .navbar-header .navbar-toggle .o_mnt_menu_txt:focus{font-size: 14px; font-weight: 600; line-height: 1; color: inherit; text-decoration: none;}.o_mnt_title{display: block !important;}} 

/* /mobile_shop_catalog/static/src/css/mobile_shop_catalog.css defined in bundle 'web.assets_frontend' */
 .o_msc{display: none;} @media (max-width: 767px){.o_msc{display: block;}.o_msc_tab{position: fixed; left: 0; top: 36%; z-index: 1500; display: flex; flex-direction: column; align-items: center; margin: 0; padding: 8px 7px; background: #fff; border: 1px solid #e3e3e3; border-left: none; border-radius: 0 12px 12px 0; box-shadow: 2px 2px 10px rgba(0, 0, 0, .12);}.o_msc_tab_ic{display: flex; align-items: center; justify-content: center; width: 27px; height: 27px; border-radius: 8px; background: #3c3c3c; color: #fff; font-size: 14px;}.o_msc_tab_lbl, .o_msc_tab_lbl:hover, .o_msc_tab_lbl:focus{margin-top: 4px; font-size: 10px; line-height: 1; color: #333; text-decoration: none;}.o_msc_mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1999; background: rgba(0, 0, 0, .35); opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s ease;}.o_msc_drawer{position: fixed; left: 0; right: 0; bottom: 0; z-index: 2000; display: flex; flex-direction: column; max-height: 62vh; background: #fff; border-radius: 12px 12px 0 0; box-shadow: 0 -4px 24px rgba(0, 0, 0, .25); transform: translateY(105%); transition: transform .25s ease;}.o_msc.o_msc_open .o_msc_mask{opacity: 1; visibility: visible;}.o_msc.o_msc_open .o_msc_drawer{transform: translateY(0);}.o_msc_head{display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto; padding: 12px 16px; border-bottom: 1px solid #eee; font-size: 16px; font-weight: 700;}.o_msc_close{padding: 4px 8px; color: #999; font-size: 18px; line-height: 1;}.o_msc_body{flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 6px 0 16px; -webkit-overflow-scrolling: touch;}.o_msc_item{display: flex; align-items: center; padding: 11px 16px; color: #333; font-size: 15px; text-decoration: none;}.o_msc_item:active{background: #f2f2f2;}.o_msc_img{display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 24px; height: 24px; border-radius: 6px; background: #f1f1f1; color: #b9b9b9; font-size: 12px; overflow: hidden;}.o_msc_img img{display: block; width: 24px; height: 24px; object-fit: cover;}.o_msc_name{margin-left: 10px;}.o_msc_sub{padding-left: 22px;}.o_msc_cur, .o_msc_cur:active{background: #f7f7f7;}.o_msc_cur .o_msc_name{color: #111; font-weight: 700;}.o_msc_anc .o_msc_name{font-weight: 600;}} @media (max-width: 767px){#products_grid > table > tbody > tr:first-child{display: none !important;}#products_grid > table > tbody > tr{display: contents !important;}#products_grid td:not(.oe_product){display: none !important;}#products_grid td.oe_product{width: 50% !important;}#products_grid .oe_product.oe_grid{height: 320px !important;}#products_grid .oe_product .oe_product_image{bottom: 66px !important;}} @media (max-width: 600px){#products_grid .oe_product.oe_grid{height: 280px !important;}} @media (max-width: 430px){#products_grid .oe_product.oe_grid{height: 235px !important;}} @media (max-width: 360px){#products_grid .oe_product.oe_grid{height: 205px !important;}} body.o_msc_noscroll{overflow: hidden;} 

/* /website_login_ux/static/src/css/website_login_ux.css defined in bundle 'web.assets_frontend' */
 .oe_website_login_container{box-sizing: border-box; max-width: 440px; margin: 0 auto; padding: 40px 15px 64px;} .oe_website_login_container form, .oe_website_login_container > div{box-sizing: border-box; background: #fff; border: 1px solid #eef0f4; border-radius: 16px; box-shadow: 0 12px 40px rgba(15, 23, 42, .10); padding: 36px 32px 30px;} .wlux-card-title{margin: 0 0 22px; text-align: center; font-size: 22px; font-weight: 600; color: #1d2939;} .oe_website_login_container .form-control{height: 46px; border-radius: 8px; border-color: #d0d5dd; font-size: 15px;} .oe_website_login_container .form-control:focus{border-color: #2F3BA2; box-shadow: 0 0 0 3px rgba(47, 59, 162, .12);} .oe_website_login_container label{font-weight: 500; color: #344054;} .oe_website_login_container .btn-primary{width: 100%; float: none !important; height: 46px; border-radius: 8px; background-color: #2F3BA2; border-color: #2F3BA2; font-size: 16px; font-weight: 600;} .oe_website_login_container .btn-primary:hover, .oe_website_login_container .btn-primary:focus{background-color: #26309b; border-color: #26309b;} .oe_website_login_container .oe_login_buttons{display: flex; flex-direction: column-reverse; margin-top: 18px;} .oe_website_login_container .oe_login_buttons a.pull-right{float: none !important; align-self: center; margin-top: 12px; font-size: 14px;} .wlux-social{display: flex; flex-direction: column;} .wlux-social > div{margin-bottom: 10px;} .wlux-social > div:has(a[href*="accounts.google.com"]){order: 1;} .wlux-social > div:has(a[href*="open.weixin.qq.com"]){order: 2;} .wlux-social > div:has(a[href*="dingtalk"]){order: 3;} .wlux-social a.btn{display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; padding: 11px 14px; border-radius: 8px; font-size: 15px; line-height: 1.25;} .wlux-social a.btn i{margin-right: 8px; font-size: 16px;} .wlux-social a[href*="accounts.google.com"] i, .wlux-btn-google i{display: none;} .wlux-social a[href*="accounts.google.com"]:before, .wlux-btn-google:before{content: ""; flex: 0 0 auto; width: 20px; height: 20px; margin-right: 10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3C/svg%3E") center/20px 20px no-repeat;} .wlux-social a[href*="accounts.google.com"]{background: #fff; color: #3c4043; border: 1px solid #dadce0;} .wlux-social a[href*="accounts.google.com"]:hover{background: #f8f9fa; color: #3c4043;} .wlux-social a[href*="open.weixin.qq.com"]{background: #07c160; color: #fff; border: 1px solid #07c160;} .wlux-social a[href*="open.weixin.qq.com"]:hover{background: #06ad56; color: #fff;} .wlux-social a[href*="dingtalk"]{background: #1677ff; color: #fff; border: 1px solid #1677ff;} .wlux-social a[href*="dingtalk"]:hover{background: #0e5fd8; color: #fff;} .wlux-or{display: flex; align-items: center; gap: 12px; margin: 18px 0; color: #98a2b3; font-size: 13px;} .wlux-or:before, .wlux-or:after{content: ""; flex: 1 1 auto; border-top: 1px solid #e4e7ec;} .wlux-modal-root{box-sizing: border-box; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: flex; padding: 16px;} .wlux-backdrop{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(15, 23, 42, .45);} .wlux-modal{box-sizing: border-box; position: relative; width: 100%; max-width: 360px; margin: auto; background: #fff; border-radius: 16px; padding: 26px 24px 22px; box-shadow: 0 24px 64px rgba(15, 23, 42, .30);} .wlux-close{position: absolute; top: 8px; right: 14px; border: 0; background: transparent; font-size: 24px; line-height: 1; color: #98a2b3; cursor: pointer;} .wlux-title{margin: 2px 0 20px; text-align: center; font-size: 19px; font-weight: 600; color: #1d2939;} .wlux-btn{box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 100%; padding: 12px 14px; border-radius: 8px; font-size: 15px; margin-bottom: 10px;} .wlux-btn, .wlux-btn:hover, .wlux-btn:focus{text-decoration: none;} .wlux-btn i{margin-right: 8px; font-size: 16px;} .wlux-btn-google{background: #fff; color: #3c4043; border: 1px solid #dadce0; margin-bottom: 0; padding: 13px 16px; font-size: 16px; font-weight: 600;} .wlux-btn-google:hover, .wlux-btn-google:focus{background: #f8f9fa; color: #3c4043;} @media (max-width: 767px){.wlux-modal-root{padding: 0;}.wlux-modal{margin: auto 0 0; max-width: none; border-radius: 16px 16px 0 0; padding-bottom: calc(22px + env(safe-area-inset-bottom, 0px));}} @media (max-width: 480px){.oe_website_login_container form, .oe_website_login_container > div{padding: 28px 20px 24px;}} 

/* /website_font_display_swap/static/src/css/font_display.css defined in bundle 'web.assets_frontend' */
 @font-face{font-family:'Lato-Hai';src:url(/web/static/src/fonts/lato/Lato-Hai-webfont.eot);src:url(/web/static/src/fonts/lato/Lato-Hai-webfont.eot?#iefix) format('embedded-opentype') , url(/web/static/src/fonts/lato/Lato-Hai-webfont.woff) format('woff') , url(/web/static/src/fonts/lato/Lato-Hai-webfont.ttf) format('truetype') , url(/web/static/src/fonts/lato/Lato-Hai-webfont.svg#Roboto) format('svg');font-display:swap} @font-face{font-family:'Lato-HaiIta';src:url(/web/static/src/fonts/lato/Lato-HaiIta-webfont.eot);src:url(/web/static/src/fonts/lato/Lato-HaiIta-webfont.eot?#iefix) format('embedded-opentype') , url(/web/static/src/fonts/lato/Lato-HaiIta-webfont.woff) format('woff') , url(/web/static/src/fonts/lato/Lato-HaiIta-webfont.ttf) format('truetype') , url(/web/static/src/fonts/lato/Lato-HaiIta-webfont.svg#Roboto) format('svg');font-display:swap} @font-face{font-family:'Lato-Lig';src:url(/web/static/src/fonts/lato/Lato-Lig-webfont.eot);src:url(/web/static/src/fonts/lato/Lato-Lig-webfont.eot?#iefix) format('embedded-opentype') , url(/web/static/src/fonts/lato/Lato-Lig-webfont.woff) format('woff') , url(/web/static/src/fonts/lato/Lato-Lig-webfont.ttf) format('truetype') , url(/web/static/src/fonts/lato/Lato-Lig-webfont.svg#Roboto) format('svg');font-display:swap} @font-face{font-family:'Lato-LigIta';src:url(/web/static/src/fonts/lato/Lato-LigIta-webfont.eot);src:url(/web/static/src/fonts/lato/Lato-LigIta-webfont.eot?#iefix) format('embedded-opentype') , url(/web/static/src/fonts/lato/Lato-LigIta-webfont.woff) format('woff') , url(/web/static/src/fonts/lato/Lato-LigIta-webfont.ttf) format('truetype') , url(/web/static/src/fonts/lato/Lato-LigIta-webfont.svg#Roboto) format('svg');font-display:swap} @font-face{font-family:'Lato-Reg';src:url(/web/static/src/fonts/lato/Lato-Reg-webfont.eot);src:url(/web/static/src/fonts/lato/Lato-Reg-webfont.eot?#iefix) format('embedded-opentype') , url(/web/static/src/fonts/lato/Lato-Reg-webfont.woff) format('woff') , url(/web/static/src/fonts/lato/Lato-Reg-webfont.ttf) format('truetype') , url(/web/static/src/fonts/lato/Lato-Reg-webfont.svg#Roboto) format('svg');font-display:swap} @font-face{font-family:'Lato-RegIta';src:url(/web/static/src/fonts/lato/Lato-RegIta-webfont.eot);src:url(/web/static/src/fonts/lato/Lato-RegIta-webfont.eot?#iefix) format('embedded-opentype') , url(/web/static/src/fonts/lato/Lato-RegIta-webfont.woff) format('woff') , url(/web/static/src/fonts/lato/Lato-RegIta-webfont.ttf) format('truetype') , url(/web/static/src/fonts/lato/Lato-RegIta-webfont.svg#Roboto) format('svg');font-display:swap} @font-face{font-family:'Lato-Bol';src:url(/web/static/src/fonts/lato/Lato-Bol-webfont.eot);src:url(/web/static/src/fonts/lato/Lato-Bol-webfont.eot?#iefix) format('embedded-opentype') , url(/web/static/src/fonts/lato/Lato-Bol-webfont.woff) format('woff') , url(/web/static/src/fonts/lato/Lato-Bol-webfont.ttf) format('truetype') , url(/web/static/src/fonts/lato/Lato-Bol-webfont.svg#Roboto) format('svg');font-display:swap} @font-face{font-family:'Lato-BolIta';src:url(/web/static/src/fonts/lato/Lato-BolIta-webfont.eot);src:url(/web/static/src/fonts/lato/Lato-BolIta-webfont.eot?#iefix) format('embedded-opentype') , url(/web/static/src/fonts/lato/Lato-BolIta-webfont.woff) format('woff') , url(/web/static/src/fonts/lato/Lato-BolIta-webfont.ttf) format('truetype') , url(/web/static/src/fonts/lato/Lato-BolIta-webfont.svg#Roboto) format('svg');font-display:swap} @font-face{font-family:'Lato-Bla';src:url(/web/static/src/fonts/lato/Lato-Bla-webfont.eot);src:url(/web/static/src/fonts/lato/Lato-Bla-webfont.eot?#iefix) format('embedded-opentype') , url(/web/static/src/fonts/lato/Lato-Bla-webfont.woff) format('woff') , url(/web/static/src/fonts/lato/Lato-Bla-webfont.ttf) format('truetype') , url(/web/static/src/fonts/lato/Lato-Bla-webfont.svg#Roboto) format('svg');font-display:swap} @font-face{font-family:'Lato-BlaIta';src:url(/web/static/src/fonts/lato/Lato-BlaIta-webfont.eot);src:url(/web/static/src/fonts/lato/Lato-BlaIta-webfont.eot?#iefix) format('embedded-opentype') , url(/web/static/src/fonts/lato/Lato-BlaIta-webfont.woff) format('woff') , url(/web/static/src/fonts/lato/Lato-BlaIta-webfont.ttf) format('truetype') , url(/web/static/src/fonts/lato/Lato-BlaIta-webfont.svg#Roboto) format('svg');font-display:swap} @font-face{font-family:'Simple-Line-Icons';src:url(/web_planner/static/src/fonts/Simple-Line-Icons.eot);src:url(/web_planner/static/src/fonts/Simple-Line-Icons.eot?#iefix) format('embedded-opentype') , url(/web_planner/static/src/fonts/Simple-Line-Icons.woff) format('woff') , url(/web_planner/static/src/fonts/Simple-Line-Icons.ttf) format('truetype') , url(/web_planner/static/src/fonts/Simple-Line-Icons.svg#Simple-Line-Icons) format('svg');font-weight:normal;font-style:normal;font-display:swap} @font-face{font-family:"Glyphicons Halflings";src:url(/web/static/lib/bootstrap/fonts/glyphicons-halflings-regular.eot);src:url(/web/static/lib/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype") , url(/web/static/lib/bootstrap/fonts/glyphicons-halflings-regular.woff2) format("woff2") , url(/web/static/lib/bootstrap/fonts/glyphicons-halflings-regular.woff) format("woff") , url(/web/static/lib/bootstrap/fonts/glyphicons-halflings-regular.ttf) format("truetype") , url(/web/static/lib/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg");font-display:swap} 

/* /website_a11y_fix/static/src/css/a11y.css defined in bundle 'web.assets_frontend' */
 body a{color: #2a6496;} body .text-muted{color: #595959;} body .breadcrumb > .active{color: #595959;} span.badge[style*="00a09d"]{background-color: #00635f !important;} body a.o_ml_contact_us{background-color: rgba(45, 45, 45, 0.9) !important;} #info ul.list-unstyled > br{display: none;} #info ul.list-unstyled > br + li{margin-top: 20px;} footer div#footer ul.list-unstyled > li > a{padding: 3px 0;} footer div[align="center"] a{display: inline-block; padding: 6px 0;}