body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:disabled{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.dropdown-toggle{color: #212529; background-color: #ec971f; border-color: #ea9214;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active:focus, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:hover{color: #FFFFFF; background-color: #e1374f; border-color: #df2c45;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:disabled{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.dropdown-toggle{color: #FFFFFF; background-color: #df2c45; border-color: #dd213c;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active:focus, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} body .modal.o_technical_modal .card{padding: 19px; margin-bottom: 20px; background-color: #fcfcfc; border: 1px solid #efefef; border-radius: 0; box-shadow: none;} body .modal.o_technical_modal .modal-content{border-radius: 0; background-color: #fcfcfc;} body .modal.o_technical_modal .modal-content .modal-header{border-bottom-color: #e9ecef;} body .modal.o_technical_modal .modal-content .modal-body{background-color: white;} body .modal.o_technical_modal .modal-content .modal-footer{border-top-color: #e9ecef; text-align: left;} body .modal.o_technical_modal .nav-tabs{border-bottom: 1px solid #e9ecef;} body .modal.o_technical_modal .nav-tabs > li > a{line-height: 1.5; color: #4e525b;} body .modal.o_technical_modal .nav-tabs > li > a:hover{border-color: #dee2e6;} body .modal.o_technical_modal .nav-tabs > li > a.active, body .modal.o_technical_modal .nav-tabs > li > a.active:hover, body .modal.o_technical_modal .nav-tabs > li > a.active:focus{color: #50545d; background-color: #fcfcfc; border-color: #dee2e6 #dee2e6 #FFFFFF;} body .modal.oe_mobile_preview{text-align: center;} body .modal.oe_mobile_preview .modal-dialog{display: inline-block; width: auto;} body .modal.oe_mobile_preview .modal-dialog .modal-content{background-color: black !important; border: 3px outset gray; border-radius: 20px;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header{border: none; cursor: pointer; font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header, body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header .close{color: white;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header h4{font-family: inherit; font-weight: normal; color: inherit;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header h4 .fa{margin-left: 15px;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-body{background-color: inherit !important; border-radius: 20px; padding: 15px; display: -webkit-box; display: -webkit-flex; display: flex; width: 335px; height: 530px; transition: all 400ms ease 0s;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-body.o_invert_orientation{width: 545px; height: 320px;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-body > iframe{display: block; width: 100%; border: none;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-footer{display: none;} body .modal .oe_menu_editor ul{padding-left: 37px;} body .modal .oe_menu_editor li{margin-top: -1px;} body .modal .oe_menu_editor li .input-group-addon{border-radius: 0;} body .modal.oe_seo_configuration #language-box{padding-right: 25px; background-color: white;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img{position: relative; transition: border-color 200ms; display: inline-block; border: 2px solid #ced4da;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img > img{width: 70px; height: 70px; object-fit: cover; cursor: pointer;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img:hover{border-color: #00A09D;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img.o_active_image{border-color: #00A09D;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img.o_active_image:before{position: absolute; top: auto; left: auto; bottom: auto; right: 0; content: ''; border: 16px solid rgba(0, 160, 157, 0.8); border-left-color: transparent; border-bottom-color: transparent;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img.o_active_image:after{position: absolute; top: 2px; left: auto; bottom: auto; right: 3px; display: inline-block; content: "\f00c"; font-family: FontAwesome; color: white; font-size: 12px;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img .o-custom-label{position: absolute; top: auto; left: auto; bottom: 0px; right: auto; background: rgba(52, 58, 64, 0.6); font-size: 12px;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img_upload{transition: 200ms; display: inline-block; padding: 23px 27px; border: 2px dashed #bcc1c6; vertical-align: top; cursor: pointer; color: #bcc1c6;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img_upload:hover{border-color: #00A09D; color: #00A09D;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_active_img{height: 240px; object-fit: cover;} body .modal.oe_seo_configuration div.oe_seo_preview_g{list-style: none; font-family: arial, sans-serif;} body .modal.oe_seo_configuration div.oe_seo_preview_g .r{cursor: pointer; color: #1a0dab; font-size: 18px; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap;} body .modal.oe_seo_configuration div.oe_seo_preview_g .s{font-size: 13px; line-height: 18px; color: #545454;} body .modal.oe_seo_configuration div.oe_seo_preview_g .s .kv{color: #006621; font-size: 14px; line-height: 18px;} .o_new_content_open{overflow: hidden;} #o_new_content_menu_choices{font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; color: #33363e; position: absolute; top: 46px; left: 0; bottom: 0; right: 0; position: fixed; display: -webkit-box; display: -webkit-flex; display: flex; overflow: auto; background-color: rgba(0, 0, 0, 0.8); font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;} #o_new_content_menu_choices .text-muted{color: #999999 !important;} #o_new_content_menu_choices::before{content: " "; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; pointer-events: none;} #o_new_content_menu_choices .container{max-width: 720px; margin: auto;} #o_new_content_menu_choices .o_new_content_element{opacity: 0; animation: fadeInDownSmall 1s forwards;} #o_new_content_menu_choices .o_new_content_element a{display: block; font-size: 34px; text-align: center;} #o_new_content_menu_choices .o_new_content_element a i{width: 110px; height: 110px; border: 3px solid #434352; border-radius: 100%; line-height: 104px; background-color: #2C2C36; color: white; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;} #o_new_content_menu_choices .o_new_content_element a p{color: white; margin-top: 0.7em; font-size: 0.5em;} #o_new_content_menu_choices .o_new_content_element a:hover, #o_new_content_menu_choices .o_new_content_element a:focus{text-decoration: none; outline: none;} #o_new_content_menu_choices .o_new_content_element a:hover i, #o_new_content_menu_choices .o_new_content_element a:focus i{border-color: #1cc1a9; box-shadow: 0 0 10px rgba(28, 193, 169, 0.46);} .oe_login_form, .oe_signup_form, .oe_reset_password_form{max-width: 300px; position: relative; margin: 50px auto;} .o_ace_view_editor{font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; color: #33363e; position: absolute; top: 46px; left: auto; bottom: 0; right: 0; position: fixed; z-index: 1050;} .o_ace_view_editor .text-muted{color: #999999 !important;} .o_ace_view_editor .btn:not(.o_btn_preview){border-radius: 0; font-weight: normal; text-transform: none; padding: 0.375rem 0.75rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary{color: #FFFFFF; background-color: #00A09D; border-color: #00A09D;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover{color: #FFFFFF; background-color: #007a77; border-color: #006d6b;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus{box-shadow: 0 0 0 0.2rem rgba(0, 160, 157, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:disabled{color: #FFFFFF; background-color: #00A09D; border-color: #00A09D;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.dropdown-toggle{color: #FFFFFF; background-color: #006d6b; border-color: #00605e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(0, 160, 157, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc; color: #00A09D;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:hover{color: #212529; background-color: #e9e9e9; border-color: #e3e2e2;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:disabled{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.dropdown-toggle{color: #212529; background-color: #e3e2e2; border-color: gainsboro;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc; color: #00A09D;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover{color: #212529; background-color: #e9e9e9; border-color: #e3e2e2;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:disabled{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.dropdown-toggle{color: #212529; background-color: #e3e2e2; border-color: gainsboro;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover{color: #FFFFFF; background-color: #369156; border-color: #328851;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:disabled{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.dropdown-toggle{color: #FFFFFF; background-color: #328851; border-color: #2f7e4b;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover{color: #FFFFFF; background-color: #568695; border-color: #517e8d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:disabled{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.dropdown-toggle{color: #FFFFFF; background-color: #517e8d; border-color: #4d7784;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: #212529; background-color: #ed9d2b; border-color: #ec971f;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:disabled{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle{color: #212529; background-color: #ec971f; border-color: #ea9214;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: #FFFFFF; background-color: #e1374f; border-color: #df2c45;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:disabled{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle{color: #FFFFFF; background-color: #df2c45; border-color: #dd213c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor :not(.input-group):not(.form-group):not(.input-group-append):not(.input-group-prepend) > .form-control{height: 34px;} .o_ace_view_editor .form-control{padding: 6px 12px; font-size: 14px; line-height: 1.5; border: 1px solid #d4d5d7; color: #555; background-color: #fff; border-radius: 0;} .o_ace_view_editor .form-control.is-invalid{border-color: #dc3545;} .o_ace_view_editor .input-group .form-control{height: auto;} .o_ace_view_editor .input-group-text{background-color: #e9ecef;} .o_ace_view_editor .was-validated .form-control:invalid{border-color: #dc3545;} .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: 9px;} #list_website_pages th{background-color: #875A7B; color: white;} #list_website_pages td, #list_website_pages th{padding: 0.45rem;} #list_website_pages td > a.fa{margin-left: 5px; color: #875A7B;} #list_website_pages td .text-muted{opacity: 0.5;} #list_website_pages .fa-check, #list_website_pages .fa-eye-slash{color: #17a2b8;} 

/* /website/static/src/scss/website.zoomodoo.scss 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; top: 0; width: 100%; height: 100%;} .zoomodoo-flyout img{max-width: 500%;} .zoomodoo-hover .zoomodoo-flyout{left: 0;} .zoomodoo-next .zoomodoo-flyout{left: 100%;} 

/* /dynapps_website_usps/static/src/scss/usps.scss defined in bundle 'web.assets_frontend' */
 .dyn-website-usp-container{text-align: center; max-height: 60px; overflow: hidden; margin: 0 auto;} .dyn-website-usp{display: inline-block; padding-top: 15px; padding-bottom: 10px;} .dyn-website-usp span{display: inline-block;} .dyn-website-usp img{height: 30px; display: inline-block;} .dyn-website-usp:first-child{float: left;} .dyn-website-usp:nth-child(2){clear: both;} .dyn-website-usp:nth-child(3){float: right;} .dyn-website-usp span{margin-left: 5px; margin-right: 5px;} @media (max-width: 768px){.dyn-website-usp{display: inline-block; padding-top: 10px; padding-bottom: 10px;}.dyn-website-usp span{display: inline-block;}.dyn-website-usp img{height: 30px; display: inline-block;}.dyn-website-usp-container{text-align: center; max-height: none; overflow: hidden; margin: 0 auto;}} 

/* /muk_website_scroll_up/static/src/less/scrollup.scss defined in bundle 'web.assets_frontend' */
 #scrollUp{bottom: 20px; right: 20px; padding: 10px 20px; color: rgba(255, 255, 255, 0.8); mix-blend-mode: difference; cursor: pointer;} #scrollUp .fa{font-size: 2.5em;} 

/* /odoo_web_login/static/src/css/web_login_style.css defined in bundle 'web.assets_frontend' */
  body, html{font-family: 'Roboto', sans-serif; font-size: 14px; margin: 0; padding: 0; height: 100%;} .body_login{display: inline-block; text-align: center; white-space: nowrap; width: 100%; height: 100%; position: relative;} .body_login:before{content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em;} .o_database_list{display: inline-block; vertical-align: middle; padding: 50px; border: 1px solid #DDD; border-radius: 5px; float: none; background-color: #FFF; opacity: 0.9;} #background-wrapper{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-filter: blur(0px); z-index: -1;} .o_database_list input, .o_database_list select{background-color: transparent !important; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px solid #CCC; border-radius: 0px; color: #de3907; font-size: 18px; font-weight: 300; transition: border-color 0.7s ease; box-shadow: none!important; text-align: center;} .o_database_list select option{background-color: #95A5A6;} .o_database_list input:focus, .o_database_list select:focus{border-bottom: 1px solid #e0953e; outline: 0 none;} a.btn-select{background-color: #BBB; border-radius: 5px !important; color: #EEE;} .o_database_list .btn-primary{color: #FFF; background-color: #BBB; border: 1px solid #CCC; text-transform: uppercase; transition: background-color 0.5s ease;} .o_database_list .btn-primary:hover, a.btn-select:hover{background-color: #f05a24; color: #FFF;} .form-control{-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);} .o_database_list .company_logo{margin-bottom: 50px; max-width: 100%; height: auto;} .oe_login_buttons{margin-top: 30px; margin-bottom: 10px;} 

/* /sh_website_faq/static/src/scss/website_faq.scss defined in bundle 'web.assets_frontend' */
 #sh_website_faq .card{margin: 5px 0;} #sh_website_faq .sh_title h4{color: #00a09d;} #sh_website_faq .card-header a{color: #000;} #sh_website_faq .collapse p{color: #777;} #sh_website_faq .sh_btn{padding: 2px 5px 5px; border-radius: 3px; background-color: #00a09d; color: #fff; text-decoration: none;} 

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

/* /website_enterprise/static/src/scss/website_enterprise.scss defined in bundle 'web.assets_frontend' */
 .o_menu_toggle{float: left; padding: 4px 0 0 16px; font-size: 1.3em; color: white;} .o_menu_toggle:hover, .o_menu_toggle:focus, .o_menu_toggle:active{color: white; outline: none;} 

/* /website_form/static/src/scss/website_form.scss defined in bundle 'web.assets_frontend' */
 .o_website_form_flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .o_website_form_flex_item{flex-basis: 33%;} @media (max-width: 991.98px){.o_website_form_flex_item{flex-basis: 50%;}} @media (max-width: 767.98px){.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 .col-form-label:after, .o_website_form_required_custom .col-form-label:after{content: ' *';} #editable_select.form-control{height: 100%;} .form-field input[type=file].form-control{height: 100%;} 

/* /mail/static/src/scss/abstract_thread_window.scss defined in bundle 'web.assets_frontend' */
 .o_thread_window{direction: ltr; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; position: fixed; width: 325px; max-width: 100%; height: 400px; max-height: 100%; 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: 767.98px){.o_thread_window{width: 100%; height: 100% !important; box-shadow: none;}.o_thread_window.o_folded{display: none;}} @media print{.o_thread_window{display: none;}} .o_thread_window .o_thread_window_header{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; color: white; padding: 5px 10px; border-radius: 3px 3px 0 0; border-bottom: 1px solid #dee2e6; background-color: #875A7B; padding: 8px;} @media (max-width: 767.98px){.o_thread_window .o_thread_window_header{height: 46px; padding-top: 12px; border-radius: 0px;}.o_thread_window .o_thread_window_header .o_thread_window_title{font-size: 16px; margin-left: 10px;}.o_thread_window .o_thread_window_header .o_thread_window_close{font-size: 17px; color: white;}} .o_thread_window .o_thread_window_header .o_thread_window_title{cursor: pointer; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top;} .o_thread_window .o_thread_window_header .o_thread_window_buttons{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;} .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_expand{color: white; padding: 3px; margin-left: 5px; opacity: 0.7;} .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close:hover, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close:focus, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close.focus, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_expand:hover, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_expand:focus, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_expand.focus{opacity: 1;} .o_thread_window .o_mail_thread{flex: 1 1 100%; overflow: auto; -webkit-overflow-scrolling: touch;} .o_thread_window .o_mail_thread .o_thread_typing_notification_bar{background-color: rgba(250, 250, 250, 0.75);} .o_thread_window .o_mail_thread .o_thread_date_separator{margin: 0px 0px 15px 0px;} .o_thread_window .o_mail_thread .o_thread_date_separator .o_thread_date{background-color: #FAFAFA;} .o_thread_window .o_mail_thread .o_thread_message{padding: 4px 5px;} .o_thread_window .o_mail_thread .o_thread_message .o_thread_message_sidebar{margin-right: 5px;} .o_thread_window .o_thread_composer input{width: 100%; outline: 0; height: 39px; padding: 10px; font-size: 13px; border: none; border-top: 1px solid #dee2e6;} .o_thread_window_dropdown{width: auto; height: 28px; color: white; background-color: #212529; cursor: pointer; box-shadow: none;} @media (max-width: 767.98px){.o_thread_window_dropdown{display: none;}} .o_thread_window_dropdown .o_thread_window_header{border-radius: 0;} .o_thread_window_dropdown .o_thread_window_dropdown_toggler{padding: 5px;} .o_thread_window_dropdown .o_thread_window_dropdown_toggler .o_total_unread_counter{position: absolute; top: -10px; left: auto; bottom: auto; right: 0; background-color: #00A09D; padding: 0 2px; font-size: smaller;} .o_thread_window_dropdown.show .o_thread_window_dropdown_toggler .o_total_unread_counter, .o_thread_window_dropdown .o_thread_window_expand{display: none;} .o_thread_window_dropdown > ul{max-width: 325px; padding: 0;} .o_thread_window_dropdown > ul > li.o_thread_window_header{font-size: 12px; padding: 3px 5px;} .o_thread_window_dropdown > ul > li.o_thread_window_header ~ li.o_thread_window_header{border-top: 1px solid white;} .o_thread_window_dropdown > ul > li.o_thread_window_header:hover{background-color: #68465f;} .o_ui_blocked .o_thread_window{z-index: 1101;} .o_no_thread_window .o_thread_window{display: none;} 

/* /mail/static/src/scss/thread.scss 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_mail_thread_content, .o_mail_activity .o_mail_thread_content{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; min-height: 100%;} .o_mail_thread .o_thread_bottom_free_space, .o_mail_activity .o_thread_bottom_free_space{height: 15px;} .o_mail_thread .o_thread_typing_notification_free_space, .o_mail_activity .o_thread_typing_notification_free_space{flex-grow: 1;} .o_mail_thread .o_thread_typing_notification_bar, .o_mail_activity .o_thread_typing_notification_bar{flex: 0, 0, 20px; background-color: rgba(255, 255, 255, 0.75); padding: 5px; text-align: center; color: #6c757d;} .o_mail_thread .o_thread_typing_notification_bar.o_thread_order_asc, .o_mail_activity .o_thread_typing_notification_bar.o_thread_order_asc{position: -webkit-sticky; position: sticky; top: auto; left: auto; bottom: 0px; right: auto;} .o_mail_thread .o_thread_typing_notification_bar.o_thread_order_desc, .o_mail_activity .o_thread_typing_notification_bar.o_thread_order_desc{position: -webkit-sticky; position: sticky; top: 0px; left: auto; bottom: auto; right: auto;} .o_mail_thread .o_thread_tooltip_container, .o_mail_activity .o_thread_tooltip_container{display: inline; position: relative;} .o_mail_thread .o_thread_date_separator, .o_mail_activity .o_thread_date_separator{margin-top: 15px; margin-bottom: 30px; border-bottom: 1px solid #ced4da; text-align: center;} @media (max-width: 767.98px){.o_mail_thread .o_thread_date_separator, .o_mail_activity .o_thread_date_separator{margin-top: 0px; margin-bottom: 15px;}} .o_mail_thread .o_thread_date_separator .o_thread_date, .o_mail_activity .o_thread_date_separator .o_thread_date{position: relative; top: 10px; margin: 0 auto; padding: 0 10px; font-weight: bold; background: white;} .o_mail_thread .o_thread_new_messages_separator, .o_mail_activity .o_thread_new_messages_separator{margin-bottom: 15px; border-bottom: solid #ac82a0 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: #ac82a0; font-size: smaller;} .o_mail_thread .o_thread_message, .o_mail_activity .o_thread_message{display: -webkit-box; display: -webkit-flex; display: flex; padding: 4px 16px; margin-bottom: 0px;} .o_mail_thread .o_thread_message.o_mail_not_discussion, .o_mail_activity .o_thread_message.o_mail_not_discussion{background-color: rgba(222, 226, 230, 0.5); border-bottom: 1px solid #ced4da;} .o_mail_thread .o_thread_message .o_thread_message_sidebar, .o_mail_activity .o_thread_message .o_thread_message_sidebar{flex: 0 0 36px; margin-right: 10px; margin-top: 2px; text-align: center; font-size: smaller;} @media (max-width: 767.98px){.o_mail_thread .o_thread_message .o_thread_message_sidebar, .o_mail_activity .o_thread_message .o_thread_message_sidebar{margin-top: 4px; font-size: x-small;}} .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_avatar, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_avatar{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_thread .o_thread_message.o_thread_selected_message .o_thread_message_side_date, .o_mail_activity .o_thread_message:hover .o_thread_message_side_date, .o_mail_activity .o_thread_message.o_thread_selected_message .o_thread_message_side_date{opacity: 0.6;} .o_mail_thread .o_thread_message:hover .o_thread_icon, .o_mail_thread .o_thread_message.o_thread_selected_message .o_thread_icon, .o_mail_activity .o_thread_message:hover .o_thread_icon, .o_mail_activity .o_thread_message.o_thread_selected_message .o_thread_icon{opacity: 0.6;} .o_mail_thread .o_thread_message:hover .o_thread_icon:hover, .o_mail_thread .o_thread_message.o_thread_selected_message .o_thread_icon:hover, .o_mail_activity .o_thread_message:hover .o_thread_icon:hover, .o_mail_activity .o_thread_message.o_thread_selected_message .o_thread_icon:hover{opacity: 1;} .o_mail_thread .o_thread_message .o_mail_redirect, .o_mail_activity .o_thread_message .o_mail_redirect{cursor: pointer;} .o_mail_thread .o_thread_message .o_thread_message_core, .o_mail_activity .o_thread_message .o_thread_message_core{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; max-width: 100%; word-wrap: break-word;} .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_content > pre, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_content > pre{white-space: pre-wrap; word-break: break-word;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_subject, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_subject{font-style: italic;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_notification, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_notification{font-style: italic; color: gray;} .o_mail_thread .o_thread_message .o_thread_message_core [summary~=o_mail_notification], .o_mail_activity .o_thread_message .o_thread_message_core [summary~=o_mail_notification]{display: none;} .o_mail_thread .o_thread_message .o_thread_message_core p, .o_mail_activity .o_thread_message .o_thread_message_core p{margin: 0 0 9px;} .o_mail_thread .o_thread_message .o_thread_message_core p:last-child, .o_mail_activity .o_thread_message .o_thread_message_core p:last-child{margin-bottom: 0;} .o_mail_thread .o_thread_message .o_thread_message_core a, .o_mail_activity .o_thread_message .o_thread_message_core a{display: inline-block; word-break: break-all;} .o_mail_thread .o_thread_message .o_thread_message_core :not(.o_image_box) > img, .o_mail_activity .o_thread_message .o_thread_message_core :not(.o_image_box) > img{max-width: 100%; height: auto;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_body_long, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_body_long{display: none;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_info, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_info{margin-bottom: 2px;} .o_mail_thread .o_thread_message .o_thread_message_core .o_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_thread .o_thread_message .o_thread_message_core .o_thread_message_needaction, .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_reply, .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_email, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_star, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_needaction, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_reply, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_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_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_exception, .o_mail_activity .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_bounce{color: red; opacity: 1; cursor: pointer;} .o_mail_thread .o_thread_message .o_thread_message_core .o_attachments_list:last-child, .o_mail_thread .o_thread_message .o_thread_message_core .o_attachments_previews:last-child, .o_mail_activity .o_thread_message .o_thread_message_core .o_attachments_list:last-child, .o_mail_activity .o_thread_message .o_thread_message_core .o_attachments_previews:last-child{margin-bottom: 30px;} .o_mail_thread .o_thread_message .o_thread_message_core .o_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_title, .o_mail_activity .o_thread_title{margin-top: 20px; margin-bottom: 20px; font-weight: bold; font-size: 125%;} .o_mail_thread .o_mail_no_content, .o_mail_activity .o_mail_no_content{position: absolute; top: 30%; left: 0; bottom: 0; right: 0; text-align: center; font-size: 115%;} .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 .popover .o_thread_tooltip_icon{min-width: 1rem;} .o_web_client.o_touch_device .o_mail_thread .o_thread_icon{opacity: 0.6;} 

/* /im_livechat/static/src/scss/im_livechat.scss 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_thread_window{z-index: 1002;} .o_thread_window .o_thread_date_separator{display: none;} .o_thread_window .o_livechat_rating{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; overflow: auto; padding: 15px; font-size: 14px;} .o_thread_window .o_livechat_rating .o_livechat_no_feedback{text-decoration: underline; cursor: pointer;} .o_thread_window .o_livechat_rating .o_livechat_rating_feedback_text{margin-top: 65px;} .o_thread_window .o_livechat_rating .o_livechat_rating_choices{margin: 40px 0;} .o_thread_window .o_livechat_rating .o_livechat_rating_choices > img{width: 65px; opacity: 0.60; cursor: pointer; margin: 10px;} .o_thread_window .o_livechat_rating .o_livechat_rating_choices > img:hover, .o_thread_window .o_livechat_rating .o_livechat_rating_choices > img.selected{opacity: 1;} .o_thread_window .o_livechat_rating .o_livechat_rating_reason{margin: 10px 0; display: none;} .o_thread_window .o_livechat_rating .o_livechat_rating_reason > textarea{width: 100%; height: 70px; resize: none;} .o_thread_window .o_livechat_rating .o_livechat_rating_reason_button > input{float: right;} 

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

/* /theme_fruitatwork/static/src/less/faw.less defined in bundle 'web.assets_frontend' */
 html, body{font-family: Arial; font-size: 14px; font-weight: 400; letter-spacing: 0.56px; line-height: 24px; color: #666666;} #web_editor-top-edit{z-index: 9999 !important;} .modal{z-index: 10000 !important;} .modal-backdrop{z-index: 9999 !important;} #wrapwrap p, #wrapwrap div{font-size: 14px;} #wrapwrap p, #wrapwrap div, #wrapwrap span{font-weight: 400; letter-spacing: 0.56px; line-height: 24px;} #wrapwrap h1{font-size: 45px; font-family: Kalam; font-weight: 400; letter-spacing: -0.9px; line-height: 45px;} #wrapwrap h2{font-size: 39px; font-family: Kalam; font-weight: 400; line-height: 39px;} #wrapwrap h3{font-size: 32px; font-family: Kalam; font-weight: 400; line-height: 33px;} #wrapwrap h4{font-size: 27px; font-family: Kalam; font-weight: 400; line-height: 27px;} #wrapwrap h5{font-size: 22px; font-family: Kalam; font-weight: 400; line-height: 22px;} #wrapwrap h6{font-size: 16px; font-family: Kalam; font-weight: 400; line-height: 16px;} #wrapwrap a{font-weight: 400; letter-spacing: 0.1px; line-height: 24px; text-decoration: underline; color: #666666;} #wrapwrap a:hover{color: #89aa00; text-decoration: underline;} #wrapwrap a:active{color: #89aa00; text-decoration: underline;} #wrapwrap .xx-badge-container{position: relative; border-radius: 50%; font-family: Arial; font-size: 14px; font-weight: 400; line-height: 0; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; justify-content: center; align-items: center; padding: 6px;} #wrapwrap .xx-badge-container.green{background-color: #64962b;} #wrapwrap .xx-badge-container.red{background-color: #e93c28;} #wrapwrap .xx-badge-container.orange{background-color: #e9a928;} #wrapwrap .xx-badge-container::after{content: ""; display: block; padding-bottom: 100%;} #wrapwrap .badge-faw-primary{align-items: center; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; justify-content: center; line-height: 0; color: white;} #wrapwrap .badge-primary, #wrapwrap .badge-primary > span{background-color: #89aa00; color: #ffffff;} #wrapwrap .badge-secondary, #wrapwrap .badge-secondary > span{background-color: #ecff92; color: #131314;} #wrapwrap .text-primary{color: #89aa00 !important;} #wrapwrap .btn-primary, #wrapwrap .btn-danger{font-family: Montserrat; font-size: 13px; font-weight: 400; letter-spacing: 0.52px; line-height: 24px; text-decoration: none; text-transform: uppercase; padding: 16px 32px; background-color: #89aa00; color: #ffffff; outline: none; -webkit-box-shadow: none; box-shadow: none; border: 0pt;} #wrapwrap .btn-primary:hover, #wrapwrap .btn-danger:hover{background-color: #bedb39; color: #64962b; text-decoration: none;} #wrapwrap .btn-primary:active, #wrapwrap .btn-danger:active{background-color: #64962b; color: #ffffff; text-decoration: none;} #wrapwrap .btn-primary span, #wrapwrap .btn-danger span{color: #ffffff;} #wrapwrap .btn-primary:hover > span, #wrapwrap .btn-danger:hover > span{color: #64962b;} #wrapwrap .btn-primary:active > span, #wrapwrap .btn-danger:active > span{color: #ffffff;} #wrapwrap .btn-default, #wrapwrap .btn-faw-1{font-family: Montserrat; font-size: 13px; font-weight: 400; letter-spacing: 0.52px; line-height: 24px; text-decoration: none; text-transform: uppercase; padding: 16px 32px; background-color: #ffffff; color: #64962b; outline: none; -webkit-box-shadow: none; box-shadow: none; border: 0pt;} #wrapwrap .btn-default:hover, #wrapwrap .btn-faw-1:hover{background-color: #bedb39; color: #64962b; text-decoration: none;} #wrapwrap .btn-default:active, #wrapwrap .btn-faw-1:active{background-color: #ffffff; color: #64962b; text-decoration: none;} #wrapwrap .alert-success{background-color: #64962b; color: white;} #wrapwrap .alert-danger{background-color: #e93c28; color: white;} #wrapwrap .btn-danger{background-color: #e93c28;} #wrapwrap .btn-secondary{font-family: Montserrat; font-size: 13px; font-weight: 400; letter-spacing: 0.08px; line-height: 24px; text-transform: uppercase; text-decoration: none; padding: 9px 18px; background-color: #ffffff; color: #64962b; border: 1px solid #ffffff; outline: none; -webkit-box-shadow: none; box-shadow: none;} #wrapwrap .btn-secondary:hover{background-color: #ffffff; color: #89aa00; text-decoration: none; border-color: #64962b;} #wrapwrap .btn-secondary:active{background-color: #44671c; color: #ffffff; text-decoration: none; border-color: #44671c; outline: none;} #wrapwrap .btn-cta-order{font-family: Arial; font-size: 20px; font-weight: 400; letter-spacing: 0.8px; background-color: #89aa00; color: #ffffff;} #wrapwrap .btn-cta-order:hover{background-color: #a0c827;} #wrapwrap .btn-cta-order:active{background-color: #89aa00;} .popover-body{font-size: 13px;} #klaro .cookie-modal p, #klaro .cookie-modal .title, #klaro .cookie-modal .cm-app-title{color: #333 !important;} #klaro .cookie-modal .cm-services{display: none;} #klaro .cookie-modal .cm-list-title{color: #333 !important;} #klaro .cookie-modal .cm-modal{box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12); border-radius: 4px; background: white; padding: 2rem;} @include media-breakpoint-up(lg){max-width: 800px; padding: 3rem;} #klaro .cookie-modal .cm-list-description, #klaro .cookie-modal .cm-required{color: #89aa00;} #klaro .cookie-modal .cm-list-label .slider{background: rgba(0, 0, 0, 0.1);} #klaro .cookie-modal .cm-list-label .slider:before{background-color: white;} #klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider{background: #89aa00 !important;} #klaro .cookie-modal a, #klaro .cookie-modal strong{color: #89aa00; font-weight: 400;} #klaro .cookie-modal .cm-footer button{padding: 10px 16px; background-color: #89aa00 !important; border-radius: 32px !important; color: white !important;} #klaro .cookie-modal .cm-footer .cm-btn-danger{background-color: transparent !important; color: #89aa00 !important;} #klaro .cookie-notice{padding: 2rem; background: white; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12); border-radius: 4px; max-width: 600px;} @include media-breakpoint-up(lg){max-width: 800px; padding: 3rem;} #klaro .cookie-notice a, #klaro .cookie-notice strong{color: #89aa00; font-weight: 400;} #klaro .cookie-notice h1, #klaro .cookie-notice h2, #klaro .cookie-notice h3, #klaro .cookie-notice h4, #klaro .cookie-notice h5, #klaro .cookie-notice h6, #klaro .cookie-notice .title{color: #333;} #klaro .cn-body p{color: #333;} #klaro .cn-ok{justify-content: space-between; -webkit-justify-content: space-between; margin-top: 15px; color: #333;} #klaro .cn-ok a{flex-grow: 0;} #klaro .cn-ok a, #klaro .cn-ok button{padding: 10px 16px; background-color: #89aa00 !important; border-radius: 24px !important; color: white !important;} #klaro .cn-ok .cm-learn-more{float: right;} #klaro .cn-ok .cm-btn-success{float: left;} #klaro .cn-ok .cm-btn-danger{background-color: transparent !important; color: #89aa00 !important;} #klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider{background: #89aa00 !important;} 

/* /theme_fruitatwork/static/src/less/faw-mobile.less defined in bundle 'web.assets_frontend' */
 @media (max-width: 575px){#wrapwrap .btn-primary, #wrapwrap .btn-secondary, #wrapwrap .btn-danger{white-space: normal;}} 

/* /website_blog/static/src/scss/website_blog.scss defined in bundle 'web.assets_frontend' */
 .website_blog{} .website_blog .css_website_mail .o_has_error{border-color: red;} .website_blog .css_website_mail .css_nav_month{display: none;} .website_blog .css_website_mail .css_nav_month:first-of-type{display: block;} .website_blog .read_width{max-width: 700px; margin-left: auto; margin-right: auto;} .website_blog .blog_content{min-height: 350px !important;} .website_blog .blog_content a.oe_mail_expand:after{content: " →";} .website_blog .blog_content a.oe_mail_expand{font-weight: bold;} .website_blog p.post-meta{position: relative; top: -5px;} .website_blog div#blog_angle_down a:hover{text-decoration: none;} .website_blog .o_blog_cover_container{position: relative;} .website_blog .o_blog_cover_container > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: none; background-size: cover; background-position: center; background-repeat: no-repeat;} .website_blog .o_blog_cover_container > .blog_title{margin: 0 auto; text-align: center; font-weight: bold;} .website_blog .o_blog_cover_container.cover > .o_blog_cover_component{display: block;} .website_blog .o_blog_cover_container.cover > .blog_title, .website_blog .o_blog_cover_container.cover_footer > .blog_title{color: white; position: absolute; top: 20%; left: 30px; bottom: auto; right: 30px;} .website_blog .o_blog_cover_container.cover_full{height: 600px; height: 100vh;} .website_blog .o_blog_cover_container.cover_narrow{height: 300px; height: 50vh;} .website_blog .o_blog_cover_container.o_list_cover{display: none; width: auto !important; height: 250px !important;} .website_blog .o_blog_cover_container.o_list_cover.cover{display: block;} .website_blog .o_blog_cover_container.cover_footer{min-height: 350px; height: 65vh; background-color: #B8B8B8; cursor: pointer;} @media (max-width: 767.98px){.website_blog .o_blog_cover_container > .blog_title > h1{font-size: 26px;}.website_blog .o_blog_cover_container > .blog_title > h2{font-size: 20px;}.website_blog .o_blog_cover_container.cover > .blog_title{top: 10%;}.website_blog .o_blog_cover_container.cover_narrow{height: 65vh;}.website_blog .o_blog_cover_container.cover_footer{min-height: 280px; height: 50vh;}.website_blog .o_blog_cover_container.cover_footer > .blog_title{top: 2%;}} .website_blog mark + .popover, .website_blog .cover_footer{cursor: pointer;} .website_blog .js_publish_management{z-index: 1;} .website_blog .js_publish_management .dropdown-menu{left: auto; right: 0;} .website_blog .o_blog_post_title{font-size: 24px;} .website_blog .o_blog_post_teaser{text-align: justify;} .website_blog .o_grid{margin: 0 6% 6% 0; border: 1px solid #EEEEEE; box-shadow: 0.5px 0.5px 0.5px 0.5px #eeeeee; padding-bottom: 15px;} .website_blog .o_grid .o_blog_post_teaser{width: 100%;} .website_blog .o_grid > .text-muted > .mb0 > hr{display: none;} .website_blog .o_author_avatar_little{width: 40px; display: inline; margin-top: -5px;} .website_blog .o_sharing_links{margin-top: 20px;} .website_blog .o_sharing_links > p{display: inline; font-size: 12px;} .website_blog .o_sharing_links > a{color: #b3b3b3; font: normal normal normal 28px/1 FontAwesome; margin: 0 4px 0 4px; cursor: pointer;} .website_blog .o_sharing_links > a:hover{text-decoration: none;} .website_blog .o_sharing_links > a.o_twitter_complete, .website_blog .o_sharing_links > a.o_twitter:hover{color: #4099FF;} .website_blog .o_sharing_links > a.o_google_complete, .website_blog .o_sharing_links > a.o_google:hover{color: #DD4B39;} .website_blog .o_sharing_links > a.o_facebook_complete, .website_blog .o_sharing_links > a.o_facebook:hover{color: #3b5998;} .website_blog .o_sharing_links > a.o_linkedin_complete, .website_blog .o_sharing_links > a.o_linkedin:hover{color: #0E76A8;} .website_blog .o_sharing_links > a.unhover{color: #b3b3b3;} .website_blog .o_blog_post_complete.o_sharing_links{max-width: 700px; margin: 50px auto 50px auto; text-align: center;} .website_blog .o_blog_post_complete.o_sharing_links > p{font-size: 16px; font-weight: 600;} .website_blog .o_blog_post_complete.o_sharing_links > a{font: normal normal normal 40px/1 FontAwesome;} .website_blog div[name="blog_post_data"]{margin-top: 20px !important; font-size: 13px;} .website_blog div[name="blog_post"]{position: relative;} .website_blog div[name="blog_post"] hr{margin-top: 10px;} .website_blog .blog_post_year_collapse{cursor: pointer;} .website_blog .blog_post_year_collapse > i{color: #00A09D;} .website_blog section.blog_tags ul.nav-pills li a{padding: 2px 15px;} .s_latest_posts .media > a{width: 100%; height: 200px;} @media (min-width: 768px){.s_latest_posts .media > a{width: 100px; height: 100px;}} .s_latest_posts .media > a > .o_blog_cover_container{position: relative; width: 100%; height: 100%; padding: 0;} .s_latest_posts .media > a > .o_blog_cover_container > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .s_latest_posts .media > a > .o_blog_cover_container > .o_blog_cover_image{background-size: cover; background-position: center;} .s_latest_posts_big_picture .s_latest_posts_post{position: relative; height: 250px; text-align: center; cursor: pointer; transition: all 300ms;} .s_latest_posts_big_picture .s_latest_posts_post.js-loading{background: #e9ecef !important;} .s_latest_posts_big_picture .s_latest_posts_post .thumb{position: relative; display: block; width: 100%; max-width: 100% !important; height: 100%; padding: 0; opacity: 0.8; overflow: hidden;} .s_latest_posts_big_picture .s_latest_posts_post .thumb > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .s_latest_posts_big_picture .s_latest_posts_post .thumb > .o_blog_cover_image{background-size: cover; background-position: center;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading), .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) > a{position: absolute; top: 0; left: 15px; bottom: 0; right: 15px; padding: 2em; color: #FFFFFF; text-transform: uppercase; font-size: 1.25em; backface-visibility: hidden;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading)::after, .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading)::before, .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) > a::after, .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) > a::before{pointer-events: none;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) > a{z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) h2{margin: 0; font-size: 1.5em; font-weight: 300;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) h2 span{font-weight: 800;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) p{margin: 1em 0 0; letter-spacing: 1px; font-size: 68.5%;} .s_latest_posts .js_get_posts, .s_latest_posts_big_picture .js_get_posts{position: relative; min-height: 100px;} .s_latest_posts .progress.js-loading, .s_latest_posts_big_picture .progress.js-loading{position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 0;} .s_latest_posts .progress.js-loading .progress-bar, .s_latest_posts_big_picture .progress.js-loading .progress-bar{position: absolute; top: 45%; left: 10%; bottom: auto; right: 10%; height: 10px; margin: 0; background: #6c757d; box-shadow: none;} 

/* /website_form_builder/static/src/css/website_form_builder.scss defined in bundle 'web.assets_frontend' */
 .o_website_form_builder .o_required > label::after{content: '*'; color: #dc3545;} .o_website_form_builder .form-field.css_non_editable_mode_hidden{opacity: 0.6;} .o_website_form_builder .form-check-label{font-weight: inherit;} body .modal.o_website_modal textarea.form-control, body .modal.o_website_modal select[multiple].form-control{height: auto;} 

/* /website_rating/static/src/scss/website_rating.scss 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: #495057;} .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; white-space: nowrap;} .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: 0.75rem;} .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_sale/static/src/scss/website_sale.scss defined in bundle 'web.assets_frontend' */
 .oe_product{border: 1px solid rgba(100, 100, 100, 0.2);} .oe_website_sale ul ul{margin-left: 1.5rem;} .oe_website_sale .o_payment_form .card{border-radius: 4px !important;} .oe_website_sale .address-inline address{display: inline-block;} .oe_website_sale table#cart_products tr td, .oe_website_sale table#suggested_products tr td{vertical-align: middle;} .oe_website_sale table#cart_products{margin-bottom: 0;} .oe_website_sale table#cart_products td:first-child, .oe_website_sale table#cart_products th:first-child{padding-left: 15px;} .oe_website_sale h1[itemprop="name"], .oe_website_sale .oe_product_cart form h6, .oe_website_sale .td-product_name{word-break: break-word; word-wrap: break-word; overflow-wrap: break-word;} @media (max-width: 767.98px){.oe_website_sale .td-img{display: none;}} @media (min-width: 1200px){.oe_website_sale .toggle_summary_div{max-width: 400px;}} .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 0 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{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_product .js_publish_management{z-index: 5;} .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; 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-lg-12 > table > tbody > tr > td:empty, #products_grid.col-lg-9 > table > tbody > tr > td:empty{height: 0;} #products_grid.col-lg-12 .oe-height-1{height: 75px;} #products_grid.col-lg-12 .oe-height-2{height: 150px;} #products_grid.col-lg-12 .oe-height-4{height: 300px;} #products_grid.col-lg-12 .oe-height-6{height: 450px;} #products_grid.col-lg-12 .oe-height-8{height: 600px;} #products_grid.col-lg-9 .oe-height-1{height: 70px;} #products_grid.col-lg-9 .oe-height-2{height: 140px;} #products_grid.col-lg-9 .oe-height-4{height: 280px;} #products_grid.col-lg-9 .oe-height-6{height: 420px;} #products_grid.col-lg-9 .oe-height-8{height: 560px;} #products_grid .oe_product.oe_grid .oe_subdescription{max-height: 40px;} @media (min-width: 992px){#products_grid.col-lg-12 .oe-height-1{height: 95px;}#products_grid.col-lg-12 .oe-height-2{height: 190px;}#products_grid.col-lg-12 .oe-height-4{height: 380px;}#products_grid.col-lg-12 .oe-height-6{height: 570px;}#products_grid.col-lg-12 .oe-height-8{height: 760px;}#products_grid.col-lg-12 .oe_product.oe_grid .oe_subdescription{max-height: 70px;}#products_grid.col-lg-9 .oe-height-1{height: 72px;}#products_grid.col-lg-9 .oe-height-2{height: 144px;}#products_grid.col-lg-9 .oe-height-4{height: 288px;}#products_grid.col-lg-9 .oe-height-6{height: 432px;}#products_grid.col-lg-9 .oe-height-8{height: 576px;}} @media (min-width: 1200px){#products_grid.col-lg-12 .oe-height-1{height: 125px;}#products_grid.col-lg-12 .oe-height-2{height: 250px;}#products_grid.col-lg-12 .oe-height-4{height: 500px;}#products_grid.col-lg-12 .oe-height-6{height: 750px;}#products_grid.col-lg-12 .oe-height-8{height: 1000px;}#products_grid.col-lg-9 .oe-height-1{height: 95px;}#products_grid.col-lg-9 .oe-height-2{height: 190px;}#products_grid.col-lg-9 .oe-height-4{height: 380px;}#products_grid.col-lg-9 .oe-height-6{height: 570px;}#products_grid.col-lg-9 .oe-height-8{height: 760px;}#products_grid .oe_product.oe_grid .oe_subdescription{max-height: 120px;}} @media (max-width: 767.98px){#products_grid table, #products_grid tbody, #products_grid td, #products_grid tr{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;}} @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 .oe_subdescription{max-height: 40px;}#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_image_full .oe_product_image{bottom: 50px;}} .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-lg-12{float: none;} .product_detail_img{margin-left: auto; margin-right: auto; display: block; max-height: 500px;} .oe_website_sale input.js_quantity{min-width: 48px; text-align: center;} .oe_website_sale input.quantity{padding: 0;} .oe_overlay_options .dropdown div[name="size"] table{margin-left: 20px;} .oe_overlay_options .dropdown div[name="size"] td{margin: 0; padding: 0; width: 20px; height: 20px; border: 1px #dddddd solid; cursor: pointer;} .oe_overlay_options .dropdown div[name="size"] td.selected{background-color: #B1D4F1;} .oe_overlay_options .dropdown div[name="size"] table.oe_hover td.selected{background-color: transparent;} .oe_overlay_options .dropdown div[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{width: 100%;} #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;} tr#empty{display: none;} td.noborder{border: none !important;} .border_primary{border: 1px solid #00A09D;} .js_change_shipping{cursor: pointer;} a.no-decoration{cursor: pointer; text-decoration: none !important;} #o-carousel-product.css_not_available{opacity: 0.2;} #o-carousel-product .carousel-inner div.item, #o-carousel-product .carousel-control-prev, #o-carousel-product .carousel-control-next{height: 400px;} #o-carousel-product .carousel-inner div.item img{max-height: 100%;} #o-carousel-product .carousel-control-prev, #o-carousel-product carousel-control-next{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:not(.ecom-autozoom) img[data-zoom]{cursor: zoom-in;} .ecom-zoomable.ecom-autozoom img[data-zoom]{cursor: crosshair;} .ecom-zoomable .o_editable img[data-zoom]{cursor: pointer;} .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 !important; height: 150px; width: 150px; z-index: 1020;} .o_red_highlight{background: #db0700 !important; box-shadow: 0 0 0 0 rgba(240, 8, 0, 0.4); transition: all 0.5s linear;} .o_shadow_animation{box-shadow: 0 0 5px 10px rgba(240, 8, 0, 0.4) !important;} 

/* /website_sale/static/src/scss/website_mail.scss 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: 0 0 0 10px; width: 100px; height: 80px; border-radius: 1px; border: solid 3px #FFF; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19);} .oe_msg_attachment a div.oe_attachment_name{display: inline-block; max-width: 100%; padding: 1px 3px; margin-top: 2px; margin-bottom: 5px; background: #F4F5FA; overflow: hidden; color: #4c4c4c; text-shadow: none; border-radius: 3px; word-wrap: break-word;} 

/* /website_sale/static/src/scss/website_sale_frontend.scss defined in bundle 'web.assets_frontend' */
 .progress-wizard{margin-top: 15px; padding: 0 15px;} @media (min-width: 768px){.progress-wizard{padding: 0;}} .progress-wizard .progress-wizard-step{position: relative;} @media (min-width: 768px){.progress-wizard .progress-wizard-step{margin-top: 0.8125rem; float: left; width: 33.33333333%;}.o_wizard_has_extra_step + .progress-wizard .progress-wizard-step{width: 25%;}} @media (max-width: 767.98px){.progress-wizard .progress-wizard-step.disabled, .progress-wizard .progress-wizard-step.complete{display: none;}} .progress-wizard .progress-wizard-step .progress-wizard-dot{width: 0.625rem; height: 0.625rem; position: relative; display: inline-block; background-color: white; border-radius: 50%; box-shadow: 0 0 0 0.125rem #e9ecef;} @media (min-width: 768px){.progress-wizard .progress-wizard-step .progress-wizard-dot{position: absolute; top: auto; left: 50%; bottom: auto; right: auto; margin: -0.375rem 0 0 -0.3125rem;}} .progress-wizard .progress-wizard-step .progress-wizard-steplabel{color: #6c757d; margin: 5px 0 5px 5px; font-size: 0.875rem; display: inline-block;} @media (min-width: 768px){.progress-wizard .progress-wizard-step .progress-wizard-steplabel{display: block; margin: 1rem 0 20px 0;}} @media (max-width: 767.98px){.progress-wizard .progress-wizard-step .progress-wizard-steplabel{margin-left: -15px; font-size: 24px;}} .progress-wizard .progress-wizard-step .progress-wizard-bar{height: 0.125rem; background-color: #e9ecef;} .progress-wizard .progress-wizard-step.active .progress-wizard-dot{animation: fadeIn 1s ease 0s 1 normal none running; background: #00A09D; box-shadow: 0 0 0 0.1875rem white, 0 0 0 0.25rem rgba(0, 160, 157, 0.5);} .progress-wizard .progress-wizard-step.active .progress-wizard-steplabel{color: #212529; font-weight: bolder;} .progress-wizard .progress-wizard-step.complete .progress-wizard-dot{background: none; box-shadow: none;} .progress-wizard .progress-wizard-step.complete .progress-wizard-dot:after{position: absolute; top: -0.3125rem; left: -0.3125rem; bottom: auto; right: auto; width: 1.25rem; height: 1.25rem; border-radius: 100%; background: white; color: #28a745; text-align: center; line-height: 1; font-size: 1.25rem; font-family: FontAwesome; content: "\f058";} .progress-wizard .progress-wizard-step.complete .progress-wizard-steplabel{color: #28a745;} .progress-wizard .progress-wizard-step.complete:hover:not(.disabled) .progress-wizard-dot:after{color: #28a745;} .progress-wizard .progress-wizard-step.complete:hover:not(.disabled) .progress-wizard-steplabel{color: #212529;} .progress-wizard .progress-wizard-step.disabled{cursor: default;} table.js_cart_lines .td-img img{max-height: 64px;} 

/* /sale/static/src/scss/sale_portal.scss defined in bundle 'web.assets_frontend' */
 .orders_vertical_align{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .orders_label_text_align{vertical-align: 15%;} .sale_tbody .o_line_note{word-break: break-word; word-wrap: break-word; overflow-wrap: break-word;} .sale_tbody input.js_quantity{min-width: 48px; text-align: center;} .sale_tbody input.quantity{padding: 0;} 

/* /sale/static/src/scss/product_configurator.scss defined in bundle 'web.assets_frontend' */
 .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_attribute_color.custom_value{background-image: linear-gradient(to bottom right, #FF0000, #FFF200, #1E9600);} .css_not_available_msg{display: none;} .css_not_available.js_product > *:nth-child(4) > *{display: none;} .css_not_available.js_product .css_quantity, .css_not_available.js_product .product_price{display: none;} .css_not_available.js_product .css_not_available_msg{display: block;} .css_not_available.js_product .js_add, .css_not_available.js_product .oe_price, .css_not_available.js_product .oe_default_price, .css_not_available.js_product .oe_optional{display: none;} .css_quantity{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;} .variant_attribute{padding-bottom: 0.5rem;} .variant_attribute .attribute_name{padding-bottom: 0.5rem; display: inline-block;} .variant_attribute .radio_input{margin-right: 0.7rem; vertical-align: middle;} .variant_attribute .radio_input_value{display: inline-block; vertical-align: middle; line-height: 1;} .variant_attribute .variant_custom_value{margin-bottom: 0.7rem;} .variant_attribute .custom_value_radio{margin: 0.3rem 0rem 0.3rem 1.6rem;} .variant_attribute .variant_custom_value_label{margin: 0.3rem 0rem;} .o_product_configurator .product_detail_img{max-height: 240px;} .o_product_configurator .variant_attribute .custom_value_radio{margin: 0.3rem 0rem 0.3rem 2.1rem;} .oe_optional_products_modal .table-striped tbody tr:nth-of-type(odd){background-color: rgba(0, 0, 0, 0.025);} .oe_optional_products_modal .o_total_row{font-size: 1.2rem;} .modal.o_technical_modal .oe_optional_products_modal .btn.js_add_cart_json{padding: 0.075rem 0.75rem;} .js_product.in_cart .js_add_cart_variants{display: none;} .js_product select{-webkit--webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; -moz--webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; background-image: none;} .js_product .td-product_name{word-wrap: break-word;} .js_product .td-product_name{min-width: 140px;} .js_product .td-img{width: 100px;} .js_product .td-qty{width: 200px;} .js_product .td-qty a.input-group-addon{background-color: transparent; border: 0px;} .js_product .td-qty .input-group{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex;} .js_product .td-action{width: 30px;} .js_product .td-price, .js_product .td-price-total{width: 120px;} @media (max-width: 767.98px){.js_product .td-img, .js_product .td-price-total{display: none;}.js_product .td-qty{width: 60px;}.js_product .td-price{width: 80px;}} @media (max-width: 476px){.js_product .td-qty{width: 60px;}.js_product #modal_optional_products table thead, .js_product .oe_cart table thead{display: none;}.js_product #modal_optional_products table td.td-img, .js_product .oe_cart table td.td-img{display: none;}} .o_total_row{height: 50px;} .oe_striked_price{text-decoration: line-through; white-space: nowrap;} 

/* /website_sale/static/src/scss/website_sale_options.scss defined in bundle 'web.assets_frontend' */
 .css_not_available.js_product > *:nth-child(5) > *{display: none;} table.js_cart_lines .optional_product .js_delete_product{display: none;} div#modal_optional_products table tr td{border: 0;} @media (max-width: 767.98px){div#modal_optional_products .td-qty{display: none;}} 

/* /dynapps_website_banners/static/src/lib/slick.less defined in bundle 'web.assets_frontend' */
 .slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-list{position: relative; overflow: hidden; display: block; margin: 0; padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer; cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track{position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto;} .slick-track:before, .slick-track:after{content: ""; display: table;} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{float: left; height: 100%; min-height: 1px; display: none;} [dir="rtl"] .slick-slide{float: right;} .slick-slide img{display: block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;} .slick-arrow.slick-hidden{display: none;} 

/* /dynapps_website_banners/static/src/lib/slick-theme.less defined in bundle 'web.assets_frontend' */
 .slick-loading .slick-list{background: #fff url('/dynapps_website_banners/static/src/lib/ajax-loader.gif') center center no-repeat;} .slick-prev, .slick-next{position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none;} .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus{outline: none; background: transparent; color: transparent;} .slick-prev:hover:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-next:focus:before{opacity: 1;} .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity: 0.25;} .slick-prev:before, .slick-next:before{font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} @font-face{font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/dynapps_website_banners/static/src/lib/fonts/slick.eot'); src: url('/dynapps_website_banners/static/src/lib/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/dynapps_website_banners/static/src/lib/fonts/slick.woff') format('woff'), url('/dynapps_website_banners/static/src/lib/fonts/slick.ttf') format('truetype'), url('/dynapps_website_banners/static/src/lib/fonts/slick.svg#slick') format('svg');} .slick-prev{left: -25px;} [dir="rtl"] .slick-prev{left: auto; right: -25px;} .slick-prev:before{content: "←";} [dir="rtl"] .slick-prev:before{content: "→";} .slick-next{right: -25px;} [dir="rtl"] .slick-next{left: -25px; right: auto;} .slick-next:before{content: "→";} [dir="rtl"] .slick-next:before{content: "←";} .slick-dotted .slick-slider{margin-bottom: 30px;} .slick-dots{position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%;} .slick-dots li{position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer;} .slick-dots li button{border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer;} .slick-dots li button:hover, .slick-dots li button:focus{outline: none;} .slick-dots li button:hover:before, .slick-dots li button:focus:before{opacity: 1;} .slick-dots li button:before{position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .slick-dots li.slick-active button:before{color: black; opacity: 0.75;} 

/* /dynapps_website_banners/static/src/scss/banners.scss defined in bundle 'web.assets_frontend' */
 .dynapps_website_banner{margin-left: -2px; z-index: 999; max-height: 500px;} .dynapps_website_banner a{color: black;} .dynapps_website_banner_box{padding: 20px; overflow: hidden;} .dynapps_website_banner_item{position: relative; max-height: 500px; max-width: 100%;} .dynapps_website_banner_item img{margin: 0 auto; height: 500px; width: 100%;} .dynapps_website_banner_item:not(.dyn_carousel_mt1){position: relative; max-height: 500px; max-width: 100%;} .dynapps_website_banner_item:not(.dyn_carousel_mt1) img{margin: 0 auto; width: 100%; height: 500px; object-fit: cover;} .arrow-area-left{display: block; position: absolute; height: 100%; width: 50px; left: 2.5px; top: 0; background-color: rgba(255, 255, 255, 0.1); z-index: 1000; cursor: pointer; text-align: center;} .arrow-area-left i{position: absolute; top: 45%; left: 15px; font-size: 25px; color: rgba(0, 0, 0, 0.4);} .arrow-area-left:hover{background-color: rgba(255, 255, 255, 0.4);} .arrow-area-right{display: block; position: absolute; height: 100%; width: 50px; right: 2.5px; top: 0; background-color: rgba(255, 255, 255, 0.1); z-index: 1000; cursor: pointer; text-align: center;} .arrow-area-right i{position: absolute; top: 45%; right: 15px; font-size: 25px; color: rgba(0, 0, 0, 0.4);} .arrow-area-right:hover{background-color: rgba(255, 255, 255, 0.4);} .slick-initialized .slick-slide{display: inline-block !important;} .slick-dots{bottom: 20px;} .slick-dots li.slick-active button{-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3); background: #00A09D !important;} .slick-dots li.slick-active button:before{color: transparent !important;} .slick-dots li button{background: rgba(0, 0, 0, 0.3) !important; border-radius: 10px;} .slick-dots li button:before{color: transparent !important;} @media (max-width: 768px){.dynapps_website_banner{max-height: unset !important; padding: 0;}.dynapps_website_banner a{color: black;}.dynapps_website_banner .container{padding: 0;}.dynapps_website_banner_item:not(.dyn_carousel_mt1){position: relative; max-width: 100%; height: auto !important; max-height: unset !important;}.dynapps_website_banner_item:not(.dyn_carousel_mt1) img{margin: 0 auto; width: 100%; height: 300px !important; object-fit: cover !important; padding: 0 !important;}.dynapps_website_banner_box{display: none;}.dynapps_website_banner_box_text{position: relative !important; width: 100% !important; max-width: 100% !important; max-height: unset !important; min-height: 110px; left: 0 !important; background-color: #00A09D !important;}.arrow-area-left{width: 20px; left: 5px; background-color: transparent;}.arrow-area-left i{left: 0px; top: 35%; color: white;}.arrow-area-left:hover{background-color: transparent;}.arrow-area-right{width: 20px; right: 5px; background-color: transparent;}.arrow-area-right i{right: 0px; top: 35%; color: white;}.arrow-area-right:hover{background-color: transparent;}} .dyn_placeholder_replaced{min-height: 300px; vertical-align: middle; text-align: center; width: 100%; padding: 150px; border: 3px dotted #ccc;} 

/* /dynapps_website_loyalty/static/src/less/loyalty.less defined in bundle 'web.assets_frontend' */
 #loyalty_message form{display: inline-block;} .reward-box .reward img{display: block; margin: 0 auto; position: relative;} 

/* /website_product_advance_filters/static/src/scss/product_filters.scss defined in bundle 'web.assets_frontend' */
 .p_filter_group{margin-top: 40px; margin-bottom: 30px;} .p_filter_header{color: white; cursor: pointer;} .flt_heading{background-color: #00A09D; color: #FFFFFF; padding: 8px 11px; font-size: 18px; border-width: 1px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-color: #000707; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.14);} .cat_main{color: #222222; font-weight: bold; font-size: 15px; padding: 7px; cursor: pointer; border-bottom: 1px solid #c9c9c9;} li.cat_main:last-of-type{border-bottom: 0;} .cat_main > a{display: inline-block !important; color: #222222 !important; padding: 2px 2px 2px 7px !important;} .cat_main > a:hover{background-color: unset !important; color: #00A09D !important;} .sel_cat{color: #00A09D; font-weight: bold; font-size: 15px; padding: 7px;} .sel_cat > span{padding: 2px 2px 2px 7px;} .cat_back{color: #666666; border-bottom: 1px solid #c9c9c9; font-weight: bold; font-size: 15px; padding: 7px; cursor: pointer;} .cat_back > a{display: inline-block !important; color: #666666 !important; padding: 2px 2px 2px 7px !important;} .cat_back > a:hover{background-color: unset !important; color: #00A09D !important;} .set_p_filters{font-size: 12px; font-weight: normal; color: #00A09D;} .remove_fltr_value{background-color: #FFFFFF; color: #484848; padding: 2px 6px; text-align: center; display: inline-block; margin: 4px 2px; cursor: pointer; border: 1px solid #00A09D; border-radius: 4px; font-size: 14px;} .p_filter_icon{border: 2px solid #00A09D; border-radius: 15px; content: ''; padding: 1px 3px; color: #2d6eae; font-size: 15px;} .fltr_box input{opacity: 0; display: none;} .flt_label{font-weight: 100;} .flt_mark{content: ''; position: absolute; border: 1px solid; width: 16px; height: 16px; left: -1px; top: 2px; border-radius: 3px; background-color: white;} .flt_mark:after{content: ''; width: 9px; height: 5px; position: absolute; top: 4px; left: 3px; border: 3px solid #00A09D; border-top: none; border-right: none; background: #c42e2e00; opacity: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} .fltr_box:hover{color: #00A09D;} .fltr_box input:checked ~ .flt_label{color: #00A09D;} .fltr_box input:checked ~ .flt_mark:after{opacity: 10;} 

/* /website_sale_delivery/static/src/scss/website_sale_delivery.scss defined in bundle 'web.assets_frontend' */
 @media (max-width: 767.98px){.o_delivery_compute{max-width: 130px; text-overflow: ellipsis; overflow: hidden;}} 

/* /xx_website_layout/static/src/less/header.less defined in bundle 'web.assets_frontend' */
 #scrollUp{color: #a0c827 !important; mix-blend-mode: unset !important; background-color: #a0c827; border-radius: 15px; width: 30px; height: 30px; padding: 3px 6px !important; bottom: 35px !important; right: 40px !important;} #scrollUp > i{color: white; font-size: 18px !important;} #scrollUp > i::before{content: "\f077";} #oe_main_menu_navbar{position: absolute !important; z-index: 9999;} .o_ace_view_editor{z-index: 9999;} #top_menu li:not(.xx_header_nav_menu_item){display: none;} #oe_manipulators{z-index: 9999;} #wrapwrap .modal{z-index: 9999;} #wrapwrap .modal-backdrop{z-index: 9999;} #wrapwrap .headroom{z-index: 9992;} #wrapwrap .headroom--pinned{background-image: linear-gradient(123deg, #d6df28 0%, #89aa00 100%); top: 0%; left: 0%; position: fixed; z-index: 9992; opacity: 1; visibility: visible; transition: visibility 0s, opacity 0.5s ease-in-out;} #wrapwrap .headroom--pinned.headroom--not-top .login_big{display: inline-block !important;} #wrapwrap .headroom--unpinned{top: 0%; position: fixed; z-index: 9992; opacity: 0; visibility: hidden;} #wrapwrap .headroom--top{background-image: none; position: static;} #wrapwrap nav{display: -webkit-box; display: -webkit-flex; display: flex;} #wrapwrap #xx_header_main_container{min-height: 120px; max-width: 100%; z-index: 9992;} #wrapwrap #xx_header_main_container.xx_no_subheader{background-image: linear-gradient(123deg, #d6df28 0%, #89aa00 100%);} #wrapwrap #xx_header_top_bar_logo{width: 117px; background-image: url('/xx_website_layout/static/src/img/logo_top.png');} #wrapwrap #xx_header_menu_logo{width: 117px; height: 58px; background-image: url('/xx_website_layout/static/src/img/logo.png'); background-repeat: no-repeat; background-position: bottom; z-index: 9992; position: relative;} #wrapwrap #xx_header_top_bar_searchfield{width: 209px; height: 36px; border: none; border-radius: 5px; background-color: #ffffff; padding: 5px 30px 2px 10px; color: #666666; font-family: "Montserrat"; font-size: 13px; font-weight: 400; letter-spacing: 0.08px; line-height: 24px; text-transform: uppercase; outline: 0;} #wrapwrap #xx_header_top_bar_searchicon{margin-left: -30px; z-index: 9990;} #wrapwrap #xx_header_top_bar_nav{flex-direction: row; display: -webkit-box; display: -webkit-flex; display: flex; padding: 5px; -webkit-flex-wrap: wrap; flex-wrap: wrap; list-style: none; font-family: Montserrat; font-size: 9px; font-weight: 400; letter-spacing: 0.36px; line-height: 24px; text-transform: uppercase; padding-inline-start: 0px;} #wrapwrap #xx_header_top_bar_nav > li{padding-left: 20px; padding-right: 20px; border-right: 1px solid #ffffff;} #wrapwrap #xx_header_top_bar_nav > li span{color: white; font-size: 9px;} #wrapwrap #xx_header_top_bar_nav > li:last-child{border-right: 0px;} #wrapwrap #xx_header_top_bar_nav .login_small{height: 17px;} #wrapwrap #xx_header_top_bar_nav .js_language_selector a{line-height: 12px; padding: 0.5rem; font-size: 9px; color: #131314; cursor: pointer;} #wrapwrap #xx_header_top_bar_nav .js_language_selector a:active{color: #131314; background-color: transparent;} #wrapwrap #xx_header_top_bar_nav > ul{display: inline;} #wrapwrap #xx_header_top_bar_nav > ul div, #wrapwrap #xx_header_top_bar_nav > ul span, #wrapwrap #xx_header_top_bar_nav > ul p{font-size: 9px; font-weight: 400; letter-spacing: 0.36px; line-height: 24px; text-transform: uppercase; font-family: Montserrat;} #wrapwrap #xx_header_top_bar_nav > ul > li{padding-left: 20px; padding-right: 20px; border-right: 1px solid #ffffff;} #wrapwrap #xx_header_top_bar_nav > ul > li:last-child{border-right: 0px;} #wrapwrap #xx_header_top_bar_nav a:not(.xx_header_top_bar_black):not(.xx_header_top_bar_black_mobile){color: #ffffff !important; text-decoration: none !important;} #wrapwrap #xx_header_top_bar_nav a:not(.xx_header_top_bar_black):not(.xx_header_top_bar_black_mobile):hover{text-decoration: underline !important;} #wrapwrap .js_usermenu{top: 5px !important; min-width: 8rem; font-size: 8px; font-family: Montserrat; color: #ffffff; z-index: 9993;} #wrapwrap .js_usermenu a{line-height: 12px; padding: 0.5rem;} #wrapwrap .js_usermenu a:active{color: #ffffff; background-color: transparent;} #wrapwrap #o_logout{text-transform: uppercase;} #wrapwrap .xx_header_nav_menu_container{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 5px;} #wrapwrap .xx_header_nav_menu_container .login_big{height: 24px; margin-right: 5px; display: none;} #wrapwrap .xx_header_nav_menu_container .xx_shopping_cart{text-decoration: none;} #wrapwrap .xx_header_nav_menu_container .xx_shopping_cart .badge-primary{background-color: #44671c; vertical-align: top; width: 12px; height: 12px; border-radius: 50%; padding: 4px; text-align: center; box-sizing: initial; font-size: 10px; line-height: 12px; position: relative; margin-left: -10px;} #wrapwrap #top_menu > li:first-child{padding-left: 18px;} #wrapwrap #xx_header_message_title{color: #ffffff; font-family: Kalam; font-size: 45px; font-weight: 400; letter-spacing: -0.9px; line-height: 45px;} #wrapwrap #xx_header_message_text{color: #ffffff; font-family: Arial; font-size: 14px; font-weight: 400; letter-spacing: 0.56px; line-height: 24px; margin-top: 30px; margin-bottom: 50px;} #wrapwrap #xx_header_nav_bar, #wrapwrap #xx_header_nav_bar div{font-family: Montserrat; font-size: 13px; font-weight: 400; line-height: 24px;} #wrapwrap #xx_header_nav_bar{flex-direction: row; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; list-style: none; padding-inline-start: 0px; padding-left: 0px; margin-bottom: 0px;} #wrapwrap #xx_header_nav_bar > li{height: 80px; background-color: #ffffff; text-align: center; padding-top: 12px; margin-top: 8px; box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.16); padding-bottom: 8px;} #wrapwrap #xx_header_nav_bar > li:not(.xx_header_nav_bar_left):not(.xx_header_nav_bar_right):hover{background-color: #ecff92; padding-top: 8px;} #wrapwrap #xx_header_nav_bar > li:not(.xx_header_nav_bar_left):not(.xx_header_nav_bar_right):active{background-color: #bedb39; padding-top: 12px;} #wrapwrap #xx_header_nav_bar > li:not(.xx_header_nav_bar_left):not(.xx_header_nav_bar_right) a{padding-left: 40px; padding-right: 40px; color: #666666 !important; text-decoration: none !important; width: 100%; height: 100%; display: block;} #wrapwrap #xx_header_nav_bar > li:not(.xx_header_nav_bar_left):not(.xx_header_nav_bar_right) a > img{padding-right: 10px; padding-left: 10px;} #wrapwrap #xx_header_nav_bar > li.xx_header_nav_bar_left{background-image: url('/xx_website_layout/static/src/img/nav_bar_icon_left.png'); background-repeat: no-repeat; background-position: 15px 32px;} #wrapwrap #xx_header_nav_bar > li.xx_header_nav_bar_left:hover{background-image: url('/xx_website_layout/static/src/img/nav_bar_icon_left_active.png'); background-position: 10px 32px;} #wrapwrap #xx_header_nav_bar > li.xx_header_nav_bar_left:active{background-position: 15px 32px;} #wrapwrap #xx_header_nav_bar > li.xx_header_nav_bar_left a{width: 40px; height: 80px; display: block; text-decoration: none;} #wrapwrap #xx_header_nav_bar > li.xx_header_nav_bar_right{background-image: url('/xx_website_layout/static/src/img/nav_bar_icon_right.png'); background-repeat: no-repeat; background-position: 15px 32px;} #wrapwrap #xx_header_nav_bar > li.xx_header_nav_bar_right:hover{background-image: url('/xx_website_layout/static/src/img/nav_bar_icon_right_active.png'); background-position: 20px 32px;} #wrapwrap #xx_header_nav_bar > li.xx_header_nav_bar_right:active{background-position: 15px 32px;} #wrapwrap #xx_header_nav_bar > li.xx_header_nav_bar_right a{width: 40px; height: 80px; display: block; text-decoration: none;} @media screen and (min-width: 992px){#wrapwrap .xx_hide_on_desktop{display: none;}} @media screen and (max-width: 1200px){#wrapwrap #top_menu > li:first-child{padding-left: 9px;}} 

/* /xx_website_layout/static/src/less/menu.less defined in bundle 'web.assets_frontend' */
 #wrapwrap .xx_header_nav_menu_item{color: #ffffff; font-family: Montserrat; font-size: 14px; font-weight: 400; letter-spacing: 0.56px; line-height: 24px; padding-left: 9px; padding-right: 9px; text-transform: uppercase; outline: none; -webkit-box-shadow: none; box-shadow: none; position: relative; z-index: 9992;} #wrapwrap .xx_header_nav_menu_item a{text-decoration: none !important;} #wrapwrap .xx_header_nav_menu_item a span{color: #ffffff !important; padding-top: 10px; padding-bottom: 5px; display: block;} #wrapwrap .xx_header_nav_menu_item.with_sub:hover, #wrapwrap .xx_header_nav_menu_item.with_sub.hover{color: #89aa00 !important; background-color: #ffffff !important; border-radius: 5px 5px 0px 0px;} #wrapwrap .xx_header_nav_menu_item.with_sub:hover a span, #wrapwrap .xx_header_nav_menu_item.with_sub.hover a span{color: #89aa00 !important; padding-top: 0px; margin-top: 10px; padding-bottom: 5px;} #wrapwrap .xx_header_nav_menu_item.with_sub:active{color: #89aa00 !important; background-color: #ffffff !important;} #wrapwrap .xx_header_nav_menu_item:not(.with_sub) a span:hover{color: #64962b !important; border-bottom: 2px solid #64962b;} #wrapwrap .xx_header_nav_menu_item:not(.with_sub) a span:active{color: #44671c !important; border-bottom: 2px solid #44671c;} #wrapwrap .xx_header_nav_menu_item a.dropdown-item{text-decoration: none !important;} #wrapwrap .xx_header_nav_menu_item a.dropdown-item span{color: #64962b !important; padding-top: 10px; padding-bottom: 5px; display: block;} #wrapwrap .xx_header_nav_menu_item a.dropdown-item span:hover, #wrapwrap .xx_header_nav_menu_item a.dropdown-item span:active{color: #44671c !important;} #wrapwrap .xx_header_nav_menu_dropdown_container{position: absolute; z-index: 9992; width: 80%; max-width: 1000px; display: none; padding-top: 10px; background-color: #ffffff; box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.3); border-radius: 5px 5px 5px 5px;} #wrapwrap .xx_header_nav_menu_dropdown_container:nth-of-type(2){border-radius: 0px 5px 5px 5px;} #wrapwrap .xx_header_nav_menu_dropdown_container_left_pane > ul{list-style: none; padding-inline-start: 10px;} #wrapwrap .xx_header_nav_menu_dropdown_container_left_pane > ul > li{padding: 10px;} #wrapwrap .xx_header_nav_menu_dropdown_container_left_pane > ul > li:not(:last-child){border-bottom: 1pt solid #d6df28;} #wrapwrap .xx_header_nav_menu_dropdown_container_left_pane a{text-decoration: none !important;} #wrapwrap .xx_header_nav_menu_dropdown_container_left_pane a > span{color: #666666; font-family: Montserrat; font-size: 14px; font-weight: 400; letter-spacing: 0.09px; line-height: 24px;} #wrapwrap .xx_header_nav_menu_dropdown_container_left_pane a:hover > span{color: #64962b;} #wrapwrap .xx_header_nav_menu_dropdown_container_right_pane{padding-top: 10px; padding-left: 30px;} #wrapwrap .xx_header_nav_menu_dropdown_container_right_pane .menuitem_l1{padding-right: 10px; padding-bottom: 10px; color: #89aa00; font-family: Montserrat; font-size: 14px; font-weight: 400; letter-spacing: 0.09px; line-height: 24px; border-bottom: 1pt solid #d6df28; margin-bottom: 3px; display: block; text-decoration: none !important;} #wrapwrap .xx_header_nav_menu_dropdown_container_right_pane .menuitem_l1 > span{color: #89aa00;} #wrapwrap .xx_header_nav_menu_dropdown_container_right_pane .menuitem_l2{color: #666666; font-family: Montserrat; font-size: 14px; font-weight: 400; letter-spacing: 0.09px; line-height: 24px; display: block; text-decoration: none; padding-bottom: 6px;} #wrapwrap .xx_header_nav_menu_dropdown_container_right_pane .menuitem_l2:hover, #wrapwrap .xx_header_nav_menu_dropdown_container_right_pane .menuitem_l2:active{text-decoration: underline; color: #64962b;} #wrapwrap .xx_header_nav_menu_dropdown_container_right_pane .menuitem_l2:hover > span, #wrapwrap .xx_header_nav_menu_dropdown_container_right_pane .menuitem_l2:active > span{color: #64962b;} #wrapwrap .xx_header_nav_menu_dropdown_container_right_pane .element{min-width: 140px; margin-right: 30px;} #wrapwrap .xx_header_nav_menu_dropdown_container_right_pane .element img{max-width: 100%;} #wrapwrap .xx_header_nav_menu_dropdown_container_right_pane ul{list-style: none; padding-inline-start: 0px;} #wrapwrap .xx_header_nav_menu_submenu_item .active_line{display: none;} #wrapwrap .xx_header_nav_menu_submenu_item.hover .active_line{display: inline;} #wrapwrap .xx_header_nav_menu_submenu_container{display: none;} #wrapwrap .dropdown-toggle::after{display: none;} #wrapwrap .js_language_selector .dropdown-menu{z-index: 9993;} @media screen and (max-width: 1200px){#wrapwrap .xx_header_nav_menu_item{font-size: 12px;}} #wrapwrap #faded_background{background-color: rgba(255, 255, 255, 0.6); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9991; display: none;} 

/* /xx_website_layout/static/src/less/footer.less defined in bundle 'web.assets_frontend' */
 #wrapwrap .xx_footer_container{width: 100%; padding-top: 230px; padding-bottom: 20px; background-image: url('/xx_website_layout/static/src/img/footer_background.png'); background-size: 100% 100%; background-position: center top; background-repeat: no-repeat; background-color: #89aa00;} #wrapwrap .xx_footer_title{color: #ffffff; font-family: Montserrat; font-size: 14px; font-weight: 400; letter-spacing: 0.56px; line-height: 24px; text-transform: uppercase;} #wrapwrap .xx_footer_links{font-family: Arial; font-size: 13px; font-weight: 400; line-height: 32px; color: #ffffff;} #wrapwrap .xx_footer_links a{color: #ffffff; text-decoration: none;} #wrapwrap .xx_footer_links a:hover{color: #ffffff; text-decoration: underline;} #wrapwrap .xx_footer_links a:active{color: #ffffff; text-decoration: underline;} #wrapwrap .xx_footer_socialmedia a{color: #ffffff;} #wrapwrap .xx_footer_socialmedia a:hover{color: #ffffff;} #wrapwrap .xx_footer_socialmedia a:active{color: #ffffff;} #wrapwrap .xx_footer_copyright_container{font-family: Arial; font-size: 14px; font-weight: 400; line-height: 20px; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #d8d8d8; background-color: #ffffff;} #wrapwrap .xx_footer_copyright_container a{color: #d8d8d8 !important;} #wrapwrap .xx_footer_copyright_items{flex-direction: row; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin-left: auto;} #wrapwrap .xx_footer_copyright_items > li{margin-left: auto; margin-bottom: 5px;} #wrapwrap .xx_footer_copyright_items a{color: #d8d8d8; text-decoration: none;} #wrapwrap .xx_footer_copyright_items a:hover{color: #d8d8d8; text-decoration: underline;} #wrapwrap .xx_footer_copyright_items a:active{color: #666666; text-decoration: underline;} #wrapwrap .xx_footer_payment_container{padding-top: 20px;} #wrapwrap .xx_footer_payment_container > p{text-align: right; color: #d8d8d8 !important; font-family: Arial; font-size: 14px; font-weight: 400; line-height: 20px;} #wrapwrap .xx_footer_payment_container .xx_footer_payment_icons{float: right; max-width: 40%; text-align: right; display: block;} #wrapwrap .xx_footer_payment_container .xx_footer_payment_icon{list-style-type: none; display: inline-block;} #wrapwrap .xx_footer_payment_container .xx_footer_payment_icon img{height: 50px !important;} #wrapwrap .o_footer{background-color: #ffffff !important;} #wrapwrap .o_footer > #footer{border: 0;} #wrapwrap .o_footer_copyright{display: none;} #wrapwrap .fa-facebook-square:hover{color: #3a5793;} #wrapwrap .fa-linkedin:hover{color: #2674b0;} #wrapwrap .fa-youtube-play:hover{color: #ed010a;} #wrapwrap .fa-instagram:hover{color: #bc28a0;} #wrapwrap .fa-twitter:hover{color: #52a8e6;} 

/* /xx_website_layout/static/src/less/prices.less defined in bundle 'web.assets_frontend' */
 #wrapwrap .xx_product_price_switch_vat{cursor: pointer;} #wrapwrap .xx_price_flip_card{width: 90px; height: 50px;} #wrapwrap .xx_price_flip_card .xx_price_flip_card_front, #wrapwrap .xx_price_flip_card .xx_price_flip_card_back{color: #666666; white-space: nowrap; font-size: inherit; transition: display 0.3s ease-in-out;} #wrapwrap .xx_price_flip_card .xx_price_flip_card_back{display: none;} #wrapwrap .xx_price_flip_card.incl_btw .xx_price_flip_card_front{display: none;} #wrapwrap .xx_price_flip_card.incl_btw .xx_price_flip_card_back{display: block;} #wrapwrap .xx_price_flip_card .xx_price_product_detail{font-size: 27px;} #wrapwrap .xx_product_pricing_note{color: #666666; width: 100%; font-family: Arial; font-size: 12px; font-weight: 400; line-height: 24px;} #wrapwrap .xx_product_pricing_note.hide{display: none;} #wrapwrap .xx_price_product_list{height: 24px !important; width: 50px; text-align: left;} 

/* /xx_website_layout/static/src/less/header-tablet.less defined in bundle 'web.assets_frontend' */
 @media screen and (max-width: 991px) and (min-width: 576px){#wrapwrap .xx_hide_on_tablet{display: none;}#wrapwrap #xx_header_main_container{min-height: 55px;}#wrapwrap #xx_header_main_container > .container{max-width: 100%;}#wrapwrap .xx_header_nav_menu_container{margin-bottom: 0px;}#wrapwrap #xx_header_top_bar_logo{width: 60px; height: 46px; background-image: url('/xx_website_layout/static/src/img/logo.png'); background-position: bottom; background-size: cover;}#wrapwrap #xx_header_top_bar_logo a{text-decoration: none;}#wrapwrap #xx_header_top_bar_nav{font-size: 9px;}#wrapwrap .xx_menu_text{margin-right: 10px; color: #ffffff; font-family: Montserrat; font-size: 9px; font-weight: 400; letter-spacing: 1px; line-height: 24px; text-transform: uppercase;}#wrapwrap .xx_shopping_cart{text-decoration: none; margin-right: 20px;}#wrapwrap .xx_shopping_cart img{margin-top: 5px;}#wrapwrap .xx_shopping_cart sup{margin-left: -15px; margin-top: 5px;}#wrapwrap .xx_shopping_cart .badge-primary{background-color: #44671c; vertical-align: top; width: 12px; height: 12px; border-radius: 50%; padding: 4px; text-align: center; box-sizing: initial; font-size: 10px; line-height: 12px; position: relative; margin-left: -10px;}} 

/* /xx_website_layout/static/src/less/header-mobile.less defined in bundle 'web.assets_frontend' */
 @media screen and (max-width: 575px){#scrollUp{right: 10px !important; bottom: 10px !important;}} @media screen and (max-width: 575px){#wrapwrap .xx_hide_on_mobile{display: none !important;}#wrapwrap #xx_header_main_container{min-height: 50px;}#wrapwrap #xx_header_main_container > .container{max-width: 100%;}#wrapwrap .xx_header_nav_menu_container{margin-bottom: 0px;}#wrapwrap #xx_header_top_bar_logo{width: 60px; height: 46px; background-image: url('/xx_website_layout/static/src/img/logo.png'); background-position: bottom; background-size: cover;}#wrapwrap #xx_header_top_bar_logo a{text-decoration: none; display: block; height: 100%; width: 100%;}#wrapwrap #xx_header_top_bar_nav{font-size: 9px; padding: 0;}#wrapwrap #xx_header_top_bar_nav > li{padding-left: 10px; padding-right: 10px;}#wrapwrap #xx_header_top_bar_nav > ul > li{padding-left: 5px; padding-right: 10px;}#wrapwrap .xx_menu_text{margin-right: 10px; color: #ffffff; font-family: Montserrat; font-size: 9px; font-weight: 400; letter-spacing: 1px; line-height: 24px; text-transform: uppercase;}#wrapwrap .xx_shopping_cart{text-decoration: none; margin-right: 20px;}#wrapwrap .xx_shopping_cart .badge-primary{background-color: #44671c; vertical-align: top; width: 12px; height: 12px; border-radius: 50%; padding: 4px; text-align: center; box-sizing: initial; font-size: 10px; line-height: 12px; position: relative; margin-left: -10px;}} 

/* /xx_website_layout/static/src/less/footer-mobile.less defined in bundle 'web.assets_frontend' */
 @media screen and (max-width: 575px){#wrapwrap .xx_footer_container{padding-top: 190px !important; background-size: auto; background-image: url('/xx_website_layout/static/src/img/mobile_footer_background.png');}#wrapwrap .xx_footer_copyright_items{display: inline;}#wrapwrap .xx_footer_payment_container{text-align: left;}#wrapwrap .xx_footer_payment_container p{text-align: left;}#wrapwrap .xx_footer_payment_container .xx_footer_payment_icons{float: right; max-width: unset; text-align: left; display: block;}#wrapwrap .xx_footer_contact_button{width: 100%; max-width: 280px; background-color: #ffffff; border-radius: 8px; padding: 20px; box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.16); color: #666666;}#wrapwrap .xx_footer_contact_button > div > div{font-family: Arial !important; font-size: 12px; font-weight: 400; letter-spacing: 1.2px; line-height: 14px;}#wrapwrap .xx_footer_contact_button > div > div > p{color: #44671c; font-size: 24px; font-weight: 700;}} 

/* /xx_website_layout/static/src/less/menu-tablet-mobile.less defined in bundle 'web.assets_frontend' */
 @media screen and (max-width: 991px){#wrapwrap #xx_nav_icon{margin-top: 3px; width: 30px; height: 22px; position: relative; z-index: 9994; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer;}#wrapwrap #xx_nav_icon span{display: block; position: absolute; height: 4px; width: 50%; background: #ffffff; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out;}#wrapwrap #xx_nav_icon span:nth-child(even){left: 50%; border-radius: 0 4px 4px 0;}#wrapwrap #xx_nav_icon span:nth-child(odd){left: 0px; border-radius: 4px 0 0 4px;}#wrapwrap #xx_nav_icon span:nth-child(1), #wrapwrap #xx_nav_icon span:nth-child(2){top: 0px;}#wrapwrap #xx_nav_icon span:nth-child(3), #wrapwrap #xx_nav_icon span:nth-child(4){top: 9px;}#wrapwrap #xx_nav_icon span:nth-child(5), #wrapwrap #xx_nav_icon span:nth-child(6){top: 18px;}#wrapwrap #xx_nav_icon.open span{background-color: #89aa00;}#wrapwrap #xx_nav_icon.open span:nth-child(1), #wrapwrap #xx_nav_icon.open span:nth-child(6){-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}#wrapwrap #xx_nav_icon.open span:nth-child(2), #wrapwrap #xx_nav_icon.open span:nth-child(5){-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}#wrapwrap #xx_nav_icon.open span:nth-child(1){left: 2px; top: 3px;}#wrapwrap #xx_nav_icon.open span:nth-child(2){left: calc(40% - 2px); top: 3px;}#wrapwrap #xx_nav_icon.open span:nth-child(3){left: -50%; opacity: 0;}#wrapwrap #xx_nav_icon.open span:nth-child(4){left: 100%; opacity: 0;}#wrapwrap #xx_nav_icon.open span:nth-child(5){left: 2px; top: 12px;}#wrapwrap #xx_nav_icon.open span:nth-child(6){left: calc(40% - 2px); top: 12px;}#wrapwrap #top_menu{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}#wrapwrap #div_top_menu{display: none; background-color: #ffffff; background-image: url('/xx_website_layout/static/src/img/mobile_menu_background.png'); background-repeat: no-repeat; background-position: bottom right; background-size: 32px 100%; position: fixed; z-index: 9992; top: 0px; right: -100%; width: 100%; height: 100%; padding-top: 35px; overflow-y: scroll;}#wrapwrap #div_top_menu .js_language_selector{padding-bottom: 5px;}#wrapwrap #div_top_menu .js_language_selector .dropdown-menu{position: static;}#wrapwrap #div_top_menu .js_usermenu{padding-bottom: 5px; position: static;}#wrapwrap #div_top_menu .js_usermenu span{display: inline-block;}#wrapwrap .xx_header_nav_menu_item, #wrapwrap .xx_header_nav_menu_submenu_item, #wrapwrap .xx_header_nav_menu_submenu_container .element{padding-left: 60px !important; border-bottom: 0px !important;}#wrapwrap .xx_header_nav_menu_item a span, #wrapwrap .xx_header_nav_menu_submenu_item a span, #wrapwrap .xx_header_nav_menu_submenu_container .element a span{font-size: 14px; display: inline-block;}#wrapwrap .xx_header_nav_menu_item a span:hover, #wrapwrap .xx_header_nav_menu_submenu_item a span:hover, #wrapwrap .xx_header_nav_menu_submenu_container .element a span:hover{color: #64962b !important; border-bottom: 2px solid #64962b;}#wrapwrap .xx_header_nav_menu_item a span:active, #wrapwrap .xx_header_nav_menu_submenu_item a span:active, #wrapwrap .xx_header_nav_menu_submenu_container .element a span:active{color: #44671c !important; border-bottom: 2px solid #44671c;}#wrapwrap .xx_header_nav_menu_item i, #wrapwrap .xx_header_nav_menu_submenu_item i, #wrapwrap .xx_header_nav_menu_submenu_container .element i{font-size: 14px;}#wrapwrap .xx_header_nav_menu_item.with_sub:hover, #wrapwrap .xx_header_nav_menu_submenu_item.with_sub:hover, #wrapwrap .xx_header_nav_menu_submenu_container .element.with_sub:hover, #wrapwrap .xx_header_nav_menu_item.with_sub.hover, #wrapwrap .xx_header_nav_menu_submenu_item.with_sub.hover, #wrapwrap .xx_header_nav_menu_submenu_container .element.with_sub.hover{background-color: transparent !important;}#wrapwrap .xx_header_nav_menu_item a.menuitem_l1 span, #wrapwrap .xx_header_nav_menu_submenu_item a.menuitem_l1 span, #wrapwrap .xx_header_nav_menu_submenu_container .element a.menuitem_l1 span{color: #89aa00 !important;}#wrapwrap .xx_header_nav_menu_item a:not(.menuitem_l1) span, #wrapwrap .xx_header_nav_menu_submenu_item a:not(.menuitem_l1) span, #wrapwrap .xx_header_nav_menu_submenu_container .element a:not(.menuitem_l1) span{color: #666666 !important;}#wrapwrap .xx_header_nav_menu_submenu_item a, #wrapwrap .menuitem_l2{padding-top: 17px !important; padding-bottom: 12px !important; display: block;}#wrapwrap .xx_account_mobile_menu{padding-top: 0px; padding-bottom: 5px; background-color: transparent;}#wrapwrap .xx_header_top_bar_black_mobile{padding-top: 0px !important; padding-left: 1.5rem !important;}#wrapwrap .xx_header_nav_menu_dropdown_container{position: fixed; background-color: #ffffff; background-image: url('/xx_website_layout/static/src/img/mobile_menu_background.png'); background-repeat: no-repeat; background-position: bottom right; background-size: 32px 100%; z-index: 9992; top: 0px; right: 0px; width: 100%; height: 100%; padding-top: 35px; overflow-y: scroll;}#wrapwrap .xx_header_nav_menu_dropdown_container .row{margin-left: 0px !important; margin-right: 0px !important;}#wrapwrap .xx_header_nav_menu_dropdown_container_left_pane{padding-left: 0px !important; padding-right: 0px !important;}#wrapwrap .xx_header_nav_menu_dropdown_container_left_pane > ul{padding-left: 0px !important; text-transform: uppercase;}#wrapwrap .xx_header_nav_menu_dropdown_container_left_pane > ul > li{padding-top: 0px; padding-bottom: 0px;}#wrapwrap .xx_header_nav_menu_submenu_container{position: fixed; background-color: #ffffff; background-image: url('/xx_website_layout/static/src/img/mobile_menu_background.png'); background-repeat: no-repeat; background-position: bottom right; background-size: 32px 100%; z-index: 9993; top: 0px; right: 0px; width: 100%; height: 100%; padding-top: 35px; text-transform: uppercase; overflow-y: scroll;}#wrapwrap .xx_header_nav_menu_submenu_container .element:first-child{padding-top: 17px;}#wrapwrap .xx_header_nav_menu_submenu_container .element ul li:last-child{padding-bottom: 10px;}#wrapwrap .xx_level_3_link_to_parent_element{padding-bottom: 29px;}#wrapwrap .xx_level_3_link_to_parent_element a{display: block;}#wrapwrap .xx_level_3_link_to_parent > span{color: #89aa00; font-family: Montserrat; font-size: 14px; font-weight: 400; letter-spacing: 0.09px; line-height: 24px; display: block;}#wrapwrap .xx_header_nav_menu_link_with_sub::after{content: '\f054'; font-family: FontAwesome; font-weight: 400; position: absolute; font-size: 14px; right: 20px; top: 17px;}#wrapwrap .xx_header_nav_menu_submenu_link_with_sub::after{content: '\f054'; font-family: FontAwesome; font-weight: 400; position: absolute; font-size: 14px; right: 20px;}#wrapwrap #xx_header_top_bar_searchfield{border: 1px solid #707070; width: 85%;}#wrapwrap .xx_login_img_mobile_menu{float: left; padding-top: 19px; padding-right: 10px;}#wrapwrap .xx_shopping_cart_mobile_menu{text-decoration: none;}#wrapwrap .xx_shopping_cart_mobile_menu .badge-primary{background-color: #44671c; vertical-align: top; width: 6px; height: 6px; border-radius: 50%; padding: 4px; text-align: center; box-sizing: initial; font-size: 9px; line-height: 8px; position: relative; margin-left: -16px; margin-top: 19px; margin-right: 10px; float: left;}#wrapwrap .xx_cart_img_mobile_menu{float: left; padding-right: 10px; height: 17px; margin-top: 19px;}#wrapwrap #div_top_menu .dropdown-menu{border: 0px;}#wrapwrap #div_top_menu .dropdown-menu a{padding-bottom: 10px; padding-top: 10px;}#wrapwrap #div_top_menu .dropdown-menu a:active{background-color: transparent;}} @media screen and (min-width: 575px){#wrapwrap #xx_nav_icon{margin-top: 8px;}} 

/* /xx_website_layout/static/src/less/prices.less defined in bundle 'web.assets_frontend' */
 #wrapwrap .xx_product_price_switch_vat{cursor: pointer;} #wrapwrap .xx_price_flip_card{width: 90px; height: 50px;} #wrapwrap .xx_price_flip_card .xx_price_flip_card_front, #wrapwrap .xx_price_flip_card .xx_price_flip_card_back{color: #666666; white-space: nowrap; font-size: inherit; transition: display 0.3s ease-in-out;} #wrapwrap .xx_price_flip_card .xx_price_flip_card_back{display: none;} #wrapwrap .xx_price_flip_card.incl_btw .xx_price_flip_card_front{display: none;} #wrapwrap .xx_price_flip_card.incl_btw .xx_price_flip_card_back{display: block;} #wrapwrap .xx_price_flip_card .xx_price_product_detail{font-size: 27px;} #wrapwrap .xx_product_pricing_note{color: #666666; width: 100%; font-family: Arial; font-size: 12px; font-weight: 400; line-height: 24px;} #wrapwrap .xx_product_pricing_note.hide{display: none;} #wrapwrap .xx_price_product_list{height: 24px !important; width: 50px; text-align: left;} 

/* /xx_website_layout/static/src/less/general.less defined in bundle 'web.assets_frontend' */
 #wrapwrap .flt_heading{background-color: white; font-weight: 700; color: #89aa00;} #wrapwrap .page-item.active .page-link, #wrapwrap .nav-link.active{background-color: white; font-weight: 700; color: #89aa00; border-color: #89aa00;} #wrapwrap .website_blog{padding-top: 32px;} #wrapwrap .website_blog .blog_title{text-align: left;} #wrapwrap .website_blog .blog_title h1{color: #89aa00;} #wrapwrap .website_blog .xx_blog_post_large_image img{width: 100%;} #wrapwrap .o_sharing_links .fa-twitter-square{color: #52a8e6;} #wrapwrap .o_sharing_links .fa-facebook-square{color: #3a5793;} #wrapwrap .o_sharing_links .fa-linkedin-square{color: #2674b0;} #wrapwrap .js_blog.website_blog > .oe_structure > section > .container > .row > div{text-align: left !important;} #wrapwrap .js_blog.website_blog > .oe_structure > section > .container > .row > div > h1{color: #89aa00;} #wrapwrap .js_blog.website_blog div[name='blog_post']{padding-top: 15px;} #wrapwrap .website_blog .blog_content{min-height: unset !important;} #wrapwrap #xx_blog_snippet_main_container{vertical-align: middle;} #wrapwrap #xx_blog_snippet_main_container .xx_blog_snippet_blog_post{cursor: pointer; text-decoration: none; padding-top: 50px; padding-bottom: 50px; height: 510px;} #wrapwrap #xx_blog_snippet_main_container .xx_blog_snippet_blog_post > a{text-decoration: none;} #wrapwrap #xx_blog_snippet_main_container .xx_blog_snippet_blog_post:hover{padding-top: 35px;} #wrapwrap #xx_blog_snippet_main_container .xx_blog_snippet_blog_post:hover p{color: #666;} #wrapwrap #xx_blog_snippet_main_container .xx_blog_snippet_blog_post:hover .xx_blog_snippet_read_more{color: #89aa00; text-decoration: underline;} #wrapwrap #xx_blog_snippet_main_container .xx_blog_snippet_blog_post h1{color: #89aa00; font-family: Kalam; font-size: 24px; font-weight: 400; letter-spacing: -0.1px; line-height: 32px; margin-top: 30px;} #wrapwrap #xx_blog_snippet_main_container .xx_blog_snippet_blog_post p{margin: 15px 0; color: #d8d8d8; font-family: Arial; font-size: 16px; font-weight: 400; letter-spacing: 0.1px; line-height: 24px; min-height: 72px;} #wrapwrap #xx_blog_snippet_main_container .xx_blog_snippet_blog_post a{color: #666666; font-family: Arial; font-size: 16px; font-weight: 400; letter-spacing: 0.1px; line-height: 24px;} #wrapwrap #xx_blog_snippet_main_container .xx_blog_snippet_blog_post_image{max-width: 100%;} .o_livechat_button{width: 270px; height: 45px; min-width: unset !important; border: 0px !important; background-color: #a0c827 !important; opacity: 0.7; text-shadow: none !important; transition: width 0.3s ease-in-out, height 0.3s ease-in-out, bottom 0.3s ease-in-out, left 0.3s ease-in-out, font-size 0.3s ease-in-out, border-radius 0.3s ease-in-out, opacity 0.3s ease-in-out; -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, bottom 0.3s ease-in-out, left 0.3s ease-in-out, font-size 0.3s ease-in-out, border-radius 0.3s ease-in-out, opacity 0.3s ease-in-out;} .o_livechat_button::before{font-family: FontAwesome; content: "\f086"; margin-right: 10px; color: white;} .o_livechat_button.minimized{width: 30px; height: 30px; bottom: 35px; border-radius: 15px; border: 0px; background-color: #a0c827 !important; padding: 2px 1px 1px 5px; color: transparent; opacity: 1; z-index: 2147483648; font-size: 18px; transition: width 0.3s ease-in-out, height 0.3s ease-in-out, bottom 0.3s ease-in-out, font-size 0.3s ease-in-out; -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, bottom 0.3s ease-in-out, font-size 0.3s ease-in-out;} .o_thread_window{z-index: 2147483648 !important;} .o_thread_window_header{background-color: #a0c827 !important; font-weight: bold;} 

/* /xx_website_layout/static/src/less/general-mobile.less defined in bundle 'web.assets_frontend' */
 @media screen and (max-width: 575px){#wrapwrap #xx_blog_snippet_main_container .xx_blog_snippet_blog_post{cursor: pointer; text-decoration: none; padding: 32px; height: auto !important;}#wrapwrap #xx_blog_snippet_main_container .xx_blog_snippet_blog_post > a{text-decoration: none;}#wrapwrap #xx_blog_snippet_main_container .xx_blog_snippet_blog_post:hover p{color: #666;}#wrapwrap #xx_blog_snippet_main_container .xx_blog_snippet_blog_post:hover .xx_blog_snippet_read_more{color: #89aa00; text-decoration: underline;}#wrapwrap #xx_blog_snippet_main_container .xx_blog_snippet_blog_post h1{color: #89aa00; font-family: Kalam; font-size: 18px; font-weight: 400; letter-spacing: -0.07px; line-height: 32px; margin-top: 30px;}#wrapwrap #xx_blog_snippet_main_container .xx_blog_snippet_blog_post p{margin: 15px 0; color: #d8d8d8; font-family: Arial; font-size: 16px; font-weight: 400; letter-spacing: 0.1px; line-height: 24px;}#wrapwrap #xx_blog_snippet_main_container .xx_blog_snippet_blog_post a{color: #666666; font-family: Arial; font-size: 16px; font-weight: 400; letter-spacing: 0.1px; line-height: 24px;}#wrapwrap #xx_blog_snippet_main_container .xx_blog_snippet_blog_post_image{max-width: 100%;}#website_cookie_notice{height: 180px;}#website_cookie_notice .btn-primary{padding: 8px 16px !important;}.o_livechat_button{left: 20px;}.o_livechat_button.minimized{left: 10px !important; bottom: 10px !important; transition: width 0.3s ease-in-out, height 0.3s ease-in-out, bottom 0.3s ease-in-out, left 0.3s ease-in-out, font-size 0.3s ease-in-out; -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, bottom 0.3s ease-in-out, left 0.3s ease-in-out, font-size 0.3s ease-in-out;}} 

/* /xx_website_layout/static/src/less/retina.less defined in bundle 'web.assets_frontend' */
 @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){#wrapwrap{}#wrapwrap .xx_footer_container{padding-top: 24em;}} 

/* /ecommerce_base/static/src/less/breadcrumb.less defined in bundle 'web.assets_frontend' */
 #breadcrumb{width: 100%; height: 40px; background-color: #e8e8e8;} .breadcrumb{background-color: transparent;} .dyn_breadcrumb_replaced{min-height: 50px; vertical-align: middle; text-align: center; width: 100%; padding: 10px; border: 3px dotted #ccc;} 

/* /ecommerce_base/static/src/less/cookie_notice.less defined in bundle 'web.assets_frontend' */
 #website_cookie_notice{position: fixed; left: 0; bottom: 0; width: 100%; height: 70px; z-index: 1000; margin-bottom: 0;} 

/* /xx_website_snippets/static/src/less/banner.less defined in bundle 'web.assets_frontend' */
 #wrapwrap .s_dynamic_banner{min-height: 500px;} #wrapwrap .dyn_placeholder_replaced{background-color: rgba(0, 0, 0, 0.3) !important; background-image: none !important;} #wrapwrap .dyn_placeholder_replaced p{color: white !important;} #wrapwrap #xx_header_nav_bar{flex-direction: row; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; list-style: none; padding-inline-start: 0px; padding-left: 0px; margin-bottom: 0px; margin-top: -100px; z-index: 999;} #wrapwrap #xx_header_nav_bar > li{height: 80px; background-color: #ffffff; text-align: center; padding-top: 12px; margin-top: 8px; box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.16); padding-bottom: 8px; transition: background-color 0.5s linear;} #wrapwrap #xx_header_nav_bar > li img:first-child{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex;} #wrapwrap #xx_header_nav_bar > li img:nth-child(2){display: none;} #wrapwrap #xx_header_nav_bar > li:not(.xx_header_nav_bar_left):not(.xx_header_nav_bar_right):hover{background-color: #ecff92; padding-top: 8px;} #wrapwrap #xx_header_nav_bar > li:not(.xx_header_nav_bar_left):not(.xx_header_nav_bar_right):active, #wrapwrap #xx_header_nav_bar > li:not(.xx_header_nav_bar_left):not(.xx_header_nav_bar_right).current{background-color: #bedb39; padding-top: 12px;} #wrapwrap #xx_header_nav_bar > li:not(.xx_header_nav_bar_left):not(.xx_header_nav_bar_right):active img:first-child, #wrapwrap #xx_header_nav_bar > li:not(.xx_header_nav_bar_left):not(.xx_header_nav_bar_right).current img:first-child{display: none;} #wrapwrap #xx_header_nav_bar > li:not(.xx_header_nav_bar_left):not(.xx_header_nav_bar_right):active img:nth-child(2), #wrapwrap #xx_header_nav_bar > li:not(.xx_header_nav_bar_left):not(.xx_header_nav_bar_right).current img:nth-child(2){display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex;} #wrapwrap #xx_header_nav_bar > li:not(.xx_header_nav_bar_left):not(.xx_header_nav_bar_right) a{padding-left: 40px; padding-right: 40px; color: #666666 !important; text-decoration: none !important; width: 100%; height: 100%; display: block;} #wrapwrap #xx_header_nav_bar > li:not(.xx_header_nav_bar_left):not(.xx_header_nav_bar_right) a > img{padding-right: 10px; padding-left: 10px;} #wrapwrap #xx_header_nav_bar > li.xx_header_nav_bar_left{background-image: url('/xx_website_layout/static/src/img/nav_bar_icon_left.png'); background-repeat: no-repeat; background-position: 15px 32px;} #wrapwrap #xx_header_nav_bar > li.xx_header_nav_bar_left:hover{background-image: url('/xx_website_layout/static/src/img/nav_bar_icon_left_active.png'); background-position: 10px 32px;} #wrapwrap #xx_header_nav_bar > li.xx_header_nav_bar_left:active{background-position: 15px 32px;} #wrapwrap #xx_header_nav_bar > li.xx_header_nav_bar_left a{width: 40px; height: 80px; display: block; text-decoration: none;} #wrapwrap #xx_header_nav_bar > li.xx_header_nav_bar_right{background-image: url('/xx_website_layout/static/src/img/nav_bar_icon_right.png'); background-repeat: no-repeat; background-position: 15px 32px;} #wrapwrap #xx_header_nav_bar > li.xx_header_nav_bar_right:hover{background-image: url('/xx_website_layout/static/src/img/nav_bar_icon_right_active.png'); background-position: 20px 32px;} #wrapwrap #xx_header_nav_bar > li.xx_header_nav_bar_right:active{background-position: 15px 32px;} #wrapwrap #xx_header_nav_bar > li.xx_header_nav_bar_right a{width: 40px; height: 80px; display: block; text-decoration: none;} #wrapwrap #xx_header_message_container{min-height: 300px;} #wrapwrap #xx_header_message_container .row{position: relative;} #wrapwrap #xx_header_message_container .row > div:first-child{height: 100%;} #wrapwrap #xx_header_message_title{color: #ffffff; font-family: Kalam; font-size: 45px; font-weight: 400; letter-spacing: -0.9px; line-height: 45px;} #wrapwrap #xx_header_message_text{color: #ffffff; font-family: Arial; font-size: 14px; font-weight: 400; letter-spacing: 0.56px; line-height: 24px; margin-top: 30px; margin-bottom: 50px;} #wrapwrap #xx_banner_url{position: absolute; width: 100%; height: 100%; z-index: 9991;} #wrapwrap #xx_header_nav_bar, #wrapwrap #xx_header_nav_bar div{font-family: Montserrat; font-size: 13px; font-weight: 400; line-height: 24px;} #wrapwrap #xx_header_snippet_main_container{min-height: 614px; margin-top: -120px; padding-top: 150px; max-width: 100%; background-color: #ffffff;} #wrapwrap #xx_top_banner{margin-top: -150px;} #wrapwrap #xx_top_banner .xx_header_snippet:not(.video){padding-top: 150px; padding-bottom: 150px;} #wrapwrap #xx_top_banner .video{height: 65vh;} #wrapwrap #xx_top_banner .video #xx_header_message_container{padding-top: 150px !important;} #wrapwrap #xx_top_banner .video .video-container-mobile{display: none;} #wrapwrap #xx_top_banner .video .video-container{position: absolute; top: 0; left: 0; bottom: 0; right: 0; position: absolute !important; display: block; overflow: hidden; background-repeat: no-repeat;} #wrapwrap #xx_top_banner .video iframe{width: 100%; height: 262.165%; inset-inline-start: 0px; inset-block-start: -81.0826%; position: relative;} #wrapwrap #xx_top_banner .video video{object-fit: cover;} #wrapwrap .xx_header_snippet_bg_image{position: absolute; width: 100%; top: 0; height: 100%; background-repeat: no-repeat; background-position: center;} #wrapwrap #xx_product_snippet_main_container{padding: 32px 0;} #wrapwrap #xx_product_snippet_carousel{padding: 0px 16px 50px; height: 600px !important; overflow: hidden;} #wrapwrap #xx_product_snippet_carousel .slick-track{height: 600px !important;} #wrapwrap #xx_product_snippet_carousel .slick-slide{vertical-align: middle; margin: 0 10px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} #wrapwrap #xx_product_snippet_carousel .slick-slide:hover > div{margin: 22.5px 0;} #wrapwrap #xx_product_snippet_carousel .slick-slide > div{margin: 45px 0;} #wrapwrap #xx_product_snippet_carousel .slick-list{margin: 0 -10px; height: 580px !important; overflow: hidden;} #wrapwrap .xx_product_snippet_price_decimal{font-weight: normal; font-size: 18px;} #wrapwrap .xx_product_snippet_block{display: inline-block; margin-right: 15px; width: 250px; height: 475px; vertical-align: middle; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); background: white; padding: 24px;} #wrapwrap .xx_product_snippet_block:hover{box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.19); height: 510px;} #wrapwrap .xx_product_snippet_block img{width: 100%;} #wrapwrap .xx_product_snippet_block h1{font-family: Arial; font-size: 16px; font-weight: 400; letter-spacing: 0.64px; line-height: 24px; color: #000; min-height: 50px;} #wrapwrap .xx_product_snippet_block h2{font-weight: 700 !important; letter-spacing: -0.5px; line-height: 48px; font-family: "Helvetica Neue"; color: #000; font-size: 40px; margin-top: 10px; margin-bottom: 15px;} #wrapwrap .xx_product_snippet_block h2 div{font-weight: 700 !important; letter-spacing: -0.5px; line-height: 48px; font-family: "Helvetica Neue"; font-size: 40px; float: left; margin-right: 5px;} #wrapwrap .xx_product_snippet_block h2 span:nth-child(2){font-family: Arial; font-size: 18px; line-height: 28px;} #wrapwrap .xx_product_snippet_block p{font-size: 13px; font-weight: 400; line-height: 24px; color: #666; font-family: Arial; margin-bottom: 25px;} #wrapwrap .xx_product_snippet_block .xx_product_snippet_btn{background-color: #89aa00; padding: 15px 0; text-align: center; width: 100%; display: block; color: #ffffff; font-family: Arial; font-size: 20px; font-weight: 400; letter-spacing: 0.8px; text-decoration: none; cursor: pointer;} #wrapwrap .xx_product_snippet_block .xx_product_snippet_btn:hover{background-color: #a0c827;} #wrapwrap #xx_usp_snippet_main_container{background-image: linear-gradient(116deg, #89aa00 0%, #64962b 100%); padding: 64px 0;} #wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_usp_block{cursor: pointer; margin-bottom: 32px;} #wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_usp_block.active img:first-child{display: none;} #wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_usp_block.active img:nth-child(2){display: block;} #wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_usp_block.active > h1{color: #fff; transition: color 1s;} #wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_usp_block.active > div p{color: #fff; transition: color 1s;} #wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_usp_block .btn-default{color: #666666; font-family: Montserrat; font-size: 13px; font-weight: 400; letter-spacing: 0.08px; line-height: 24px; padding: 8px 48px; border-radius: 5px;} #wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_usp_block img{margin-bottom: 25px; max-width: 32px;} #wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_usp_block img:nth-child(2){display: none;} #wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_usp_block > h1{color: #d8d8d8; font-family: Kalam; font-size: 18px; font-weight: 400; letter-spacing: 0.9px; line-height: 24px;} #wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_usp_block div p{color: #aed485; font-family: Arial; font-size: 14px; font-weight: 400; letter-spacing: 0.56px; line-height: 24px;} #wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_image_circle{height: 520px; width: 520px !important; float: right; border-radius: 1000px; border: 1px solid #fff; margin-left: 50px;} #wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_image_circle .xx_usp_snippet_image{width: 480px; height: 480px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; background-repeat: no-repeat; background-position: center center; border-radius: 1000px; background-size: cover; -webkit-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; border-top-left-radius: 50% 50%; border-top-right-radius: 50% 50%; border-bottom-right-radius: 50% 50%; border-bottom-left-radius: 50% 50%;} #wrapwrap #xx_fruit_variants_container .xx_fruit_variants_carousel{position: relative;} #wrapwrap #xx_fruit_variants_container .xx_fruit_variants_carousel .slick-dots{bottom: -25px; margin-left: -15px;} #wrapwrap #xx_fruit_variants_container .xx_fruit_variants_carousel .slick-dots li{width: unset;} #wrapwrap #xx_fruit_variants_container .xx_fruit_variants_carousel .slick-dots li.slick-active button{background: #44671c !important;} #wrapwrap #xx_fruit_variants_container .xx_fruit_variants_carousel .slick-dots button{width: unset; height: unset; margin-right: 0;} #wrapwrap #xx_fruit_variants_container .xx_fruit_variants_carousel .arrow-right{position: absolute; cursor: pointer; color: #44671c !important; font-size: 16px; top: unset; bottom: 20px; left: 60px; z-index: 999;} #wrapwrap #xx_fruit_variants_container .xx_fruit_variants_carousel .arrow-right.slick-disabled{color: #d8d8d8 !important;} #wrapwrap #xx_fruit_variants_container .xx_fruit_variants_carousel .arrow-left{color: #44671c; font-size: 16px; cursor: pointer; position: absolute; top: unset; bottom: 20px; left: 40px; z-index: 999;} #wrapwrap #xx_fruit_variants_container .xx_fruit_variants_carousel .arrow-left.slick-disabled{color: #d8d8d8 !important;} #wrapwrap #xx_fruit_variants_container .xx_fruit_variants_carousel .xx_fruit_variants_carousel_item{position: relative;} #wrapwrap #xx_fruit_variants_container .xx_fruit_variants_carousel .xx_fruit_variants_carousel_item > div{position: absolute; bottom: 10px; width: 95%; left: 10px; padding: 10px 70px 10px 95px; color: #666666; font-family: Arial; font-size: 13px; font-weight: 400; line-height: 24px;} #wrapwrap #xx_fruit_variants_container .xx_fruit_variants_left{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;} #wrapwrap #xx_fruit_variants_container .xx_fruit_variants_left h1{color: #89aa00; font-family: Kalam; font-size: 32px; font-weight: 400; letter-spacing: -0.13px; line-height: 32px;} #wrapwrap #xx_fruit_variants_container .xx_fruit_variants_left p{margin-top: 16px; color: #131314; font-family: Arial; font-size: 16px; font-weight: 400; letter-spacing: 0.1px; line-height: 24px;} #wrapwrap #xx_fruit_variants_container .xx_fruit_variants_left > div{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: 32px;} #wrapwrap #xx_fruit_variants_container .xx_fruit_variants_left > div a{color: #89aa00; cursor: pointer; flex: 0 0 50%; font-family: Arial; font-size: 16px; font-weight: 400; letter-spacing: 0.1px; line-height: 24px; margin-bottom: 8px; text-decoration: none;} #wrapwrap #xx_fruit_variants_container .xx_fruit_variants_left > div a:hover, #wrapwrap #xx_fruit_variants_container .xx_fruit_variants_left > div a.active{color: #44671c; text-decoration: underline;} @media (max-width: 1440px) and (min-width: 1201px){#wrapwrap .xx_header_snippet_bg_image{background-size: auto 750px;}} 

/* /xx_website_snippets/static/src/less/banner_mobile.less defined in bundle 'web.assets_frontend' */
 @media screen and (max-width: 575px){#wrapwrap .xx_header_snippet:not(.video) #xx_header_message_container{margin-top: 240px; padding-left: 0px; padding-right: 0px; min-height: 0px;}#wrapwrap .xx_header_snippet:not(.video) #xx_header_message_text{color: #131314;}#wrapwrap .xx_header_snippet:not(.video) #xx_header_message{background-color: #ffffff;}#wrapwrap .xx_header_snippet.video #xx_header_message_container{margin: 0 !important; padding-bottom: 0 !important; min-height: 0; bottom: 0; left: 0;}#wrapwrap #xx_header_message_title{font-size: 35px; line-height: 35px; padding-top: 15px; color: #d6df28 !important;}#wrapwrap #xx_header_navigation_bar_container{overflow-x: hidden;}#wrapwrap #xx_header_nav_bar{margin-left: 0px; border-top: 1px solid #d8d8d8; margin-top: 0; margin-bottom: 32px;}#wrapwrap #xx_header_nav_bar > li{width: 50%; height: 112px; margin-top: 0px; padding-top: 28px; border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; box-shadow: none;}#wrapwrap #xx_header_nav_bar > li:hover{height: 112px !important; padding-top: 18px !important;}#wrapwrap #xx_header_nav_bar > li:active{height: 112px !important; padding-top: 28px !important;}#wrapwrap #xx_header_nav_bar > li:nth-child(1){width: 100%;}#wrapwrap #xx_header_nav_bar > li:nth-child(1) .xx_header_nav_bar_img_div{float: left;}#wrapwrap #xx_header_nav_bar > li:not(.xx_header_nav_bar_left):not(.xx_header_nav_bar_right) a{padding-left: 0px; padding-right: 0px;}#wrapwrap #xx_header_nav_bar > li:not(.xx_header_nav_bar_left):not(.xx_header_nav_bar_right):active img:first-child{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex;}#wrapwrap #xx_top_banner .xx_header_snippet:not(.video){padding-bottom: 0px; position: relative;}#wrapwrap #xx_top_banner .video .video-container{display: none;}#wrapwrap #xx_top_banner .video .video-container-mobile{top: 0; left: 0; bottom: 0; right: 0; position: absolute !important; display: block; overflow: hidden; background-repeat: no-repeat;}#wrapwrap #xx_top_banner .video .video-container-mobile.with_textbox{height: 60vh;}#wrapwrap #xx_top_banner .video iframe{width: 295%; height: 110%; inset-inline-start: -96%; inset-block-start: 0px; position: relative;}#wrapwrap #xx_header_snippet_main_container{min-height: auto; margin-top: -50px; padding-top: 85px;}#wrapwrap #xx_header_snippet_main_container > .container{max-width: 100%;}#wrapwrap .xx_header_snippet_bg_image{position: absolute; width: 100%; height: 100%; top: unset; min-height: auto; margin-top: -85px; padding-top: 85px; background-position: center top; background-size: auto 360px; background-repeat: no-repeat;}#wrapwrap #xx_product_snippet_mobile{background-image: linear-gradient(123deg, #d6df28 0%, #89aa00 100%); padding-top: 15px; padding-bottom: 15px; text-align: center;}#wrapwrap #xx_product_snippet_mobile .xx_product_snippet_block{display: inline-block; margin: 16px 0; width: 100%; height: 475px; max-width: 300px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); background: white; padding: 32px;}#wrapwrap #xx_product_snippet_mobile .xx_product_pricing_note, #wrapwrap #xx_product_snippet_mobile .xx_product_pricing_note a{color: white;}#wrapwrap #xx_usp_snippet_main_container{padding: 32px 0; background-color: white; background-image: none;}#wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_navigation{background-image: linear-gradient(141deg, #89aa00 0%, #64962b 100%); margin-top: -195px; padding-top: 195px; z-index: 99; text-align: center; margin-bottom: 25px;}#wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_navigation .xx_usp_snippet_usp_icon{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; padding: 12.5px;}#wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_navigation .xx_usp_snippet_usp_icon.active{border-top: 1px solid #d6df28; border-bottom: 1px solid #d6df28;}#wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_navigation .xx_usp_snippet_usp_icon.active img:first-child{display: none;}#wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_navigation .xx_usp_snippet_usp_icon.active img:nth-child(2){display: block;}#wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_navigation .xx_usp_snippet_usp_icon img{max-width: 32px; max-height: 35px;}#wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_navigation .xx_usp_snippet_usp_icon img:nth-child(2){display: none;}#wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_navigation .xx_usp_snippet_usp_block{display: none; text-align: left;}#wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_navigation .xx_usp_snippet_usp_block.active{display: block;}#wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_navigation .xx_usp_snippet_usp_block.active > h1{color: #fff; transition: color 1s;}#wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_navigation .xx_usp_snippet_usp_block.active > div p{color: #fff; transition: color 1s;}#wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_navigation .xx_usp_snippet_usp_block > h1{color: #d8d8d8; font-family: Kalam; font-size: 18px; font-weight: 400; letter-spacing: 0.9px; line-height: 24px;}#wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_navigation .xx_usp_snippet_usp_block div p{color: #aed485; font-family: Arial; font-size: 14px; font-weight: 400; letter-spacing: 0.56px; line-height: 24px;}#wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_image_circle{height: 300px; width: 300px !important; margin: 0 auto; margin-bottom: 40px; border-color: #d6df28; z-index: 100;}#wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_image_circle .xx_usp_snippet_image{width: 260px; height: 260px;}} 

/* /xx_website_snippets/static/src/less/banner_tablet.less defined in bundle 'web.assets_frontend' */
 @media screen and (max-width: 1200px) and (min-width: 991px){#wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_image_circle{height: 460px; width: 460px !important; margin-left: 20px;}#wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_image_circle .xx_usp_snippet_image{width: 420px; height: 420px;}#wrapwrap .xx_header_snippet_bg_image{background-size: auto 640px; margin-top: -50px;}#wrapwrap #xx_header_navigation_bar_container{margin-top: -50px;}} @media screen and (max-width: 991px) and (min-width: 576px){#wrapwrap #xx_top_banner .xx_header_snippet:not(.video){padding-bottom: 100px;}#wrapwrap #xx_top_banner .video{height: 60vh;}#wrapwrap #xx_top_banner .video .video-container{top: 0; left: 0; bottom: 0; right: 0; position: absolute !important; display: block; overflow: hidden; background-repeat: no-repeat;}#wrapwrap #xx_top_banner .video iframe{width: 100%; height: 140%; inset-inline-start: 0px; inset-block-start: -19%; position: relative;}#wrapwrap #xx_product_snippet_carousel{padding: 8px;}#wrapwrap #xx_header_snippet_main_container{min-height: 440px; margin-top: -55px; padding-top: 85px; background-position: center top; background-size: auto 430px;}#wrapwrap #xx_header_snippet_main_container > .container{max-width: 100%;}#wrapwrap #xx_header_message{background: transparent;}#wrapwrap #xx_header_message_container{margin-left: 25px; position: absolute; bottom: 50%; transform: translate(0, 50%);}#wrapwrap #xx_header_message_title{font-size: 30px; line-height: 35px; padding-top: 15px; color: #ffffff;}#wrapwrap #xx_header_message_text{margin-top: 5px; margin-bottom: 25px;}#wrapwrap #xx_header_navigation_bar_container{overflow-x: visible;}#wrapwrap #xx_header_nav_bar{margin-left: 0px; font-size: 11px; display: table; width: 100%;}#wrapwrap #xx_header_nav_bar > li{display: table-cell; text-align: center; height: 30px; padding-top: 10px;}#wrapwrap #xx_header_nav_bar > li:first-child{border-left: 1px solid #d8d8d8;}#wrapwrap #xx_header_nav_bar > li:hover{height: 30px !important; padding-top: 10px !important;}#wrapwrap #xx_header_nav_bar > li:active{height: 30px !important; padding-top: 10px !important;}#wrapwrap #xx_header_nav_bar > li.xx_header_nav_bar_left, #wrapwrap #xx_header_nav_bar > li.xx_header_nav_bar_right{width: 40px;}#wrapwrap #xx_header_nav_bar > li.xx_header_nav_bar_left a, #wrapwrap #xx_header_nav_bar > li.xx_header_nav_bar_right a{padding-left: 0px !important; padding-right: 0px !important; display: table-cell !important; vertical-align: middle; height: 30px !important;}#wrapwrap #xx_header_nav_bar > li:not(.xx_header_nav_bar_left):not(.xx_header_nav_bar_right) a{padding-left: 0px !important; padding-right: 0px !important; display: inline-block; height: 30px !important;}#wrapwrap .xx_header_snippet_bg_image{position: absolute; width: 100%; height: 100%; top: unset; min-height: 400px; margin-top: -85px; padding-top: 85px; background-position: center top; background-size: auto 550px;}#wrapwrap #xx_usp_snippet_main_container{padding: 32px 0;}#wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_usp_block{text-align: center;}#wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_usp_block.active img:first-child{display: none;}#wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_usp_block.active img:nth-child(2){display: inline-block;}#wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_image_circle{height: 400px; width: 400px !important; margin: 0 auto; margin-bottom: 40px;}#wrapwrap #xx_usp_snippet_main_container .xx_usp_snippet_image_circle .xx_usp_snippet_image{width: 360px; height: 360px;}} 

/* /xx_website_fruit/static/src/less/fruit.less defined in bundle 'web.assets_frontend' */
 #wrapwrap #xx_fruit_detail_sidebar{padding: 16px 0; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.21); border-radius: 3px 0 0 3px; width: 75px; position: fixed; right: 0; top: 35%; z-index: 1001; opacity: 0; transition: opacity 1s ease-in;} #wrapwrap #xx_fruit_detail_sidebar img{padding: 16px; margin: 0 auto; width: 75px;} #wrapwrap #xx_download_link a{color: #666666; font-family: Arial; font-size: 14px; font-weight: 400; letter-spacing: 0.09px; line-height: 24px; text-decoration: underline; float: right;} #wrapwrap #xx_download_link a img{display: inline-block; margin-left: 5px;} #wrapwrap .month_active{border-bottom: 7px solid #d6df28;} #wrapwrap .month_inactive{border-bottom: 7px solid #afafaf;} #wrapwrap .vitamin_mineral{border-bottom: 2px solid #f5f5f5;} #wrapwrap .vitamin_mineral .nav-link{color: #9e9e9e; cursor: pointer; text-decoration: none; border: 0px;} #wrapwrap .vitamin_mineral .nav-link.active{border-bottom: 3px solid #89aa00; color: #89aa00;} #wrapwrap .vitamin_mineral .nav-tabs{border: 0px; -webkit-box-pack: end !important; -webkit-box-pack: end !important; justify-content: flex-end !important;} #wrapwrap .vitamin_mineral_table th{border-top: 0px; border-bottom: 2px solid #f5f5f5; color: #9e9e9e; font-weight: normal; height: 40px;} #wrapwrap .vitamin_mineral_table th > span{color: #9e9e9e;} #wrapwrap .vitamin_mineral_table td{border-top: 0px; border-bottom: 1px solid #dee2e6; height: 40px;} #wrapwrap .vitamin_mineral_table.g100{display: none;} #wrapwrap .adh_bar_container{position: relative; padding-top: 0.75rem; height: 100%;} #wrapwrap .adh_bar_container .adh_bar{position: absolute; margin-top: -0.75rem; margin-right: -0.75rem; right: 0px; background-color: #f3f6c1; height: 100%; display: block; z-index: 1; max-width: 100%;} #wrapwrap .adh_bar_container span{position: relative; z-index: 2;} #wrapwrap .custom-select:focus{border-color: #ced4da; box-shadow: none;} #wrapwrap .xx_faw_fruit_header_title{font-size: 45px;} #wrapwrap .xx_faw_fruit_header_subtitle{font-size: 22px;} #wrapwrap .xx_faw_fruit_header_text{font-size: 16px;} #wrapwrap .xx_faw_fruit_header_text a{color: #44671c;} #wrapwrap .xx_faw_fruit_header_two_columns{margin-top: 32px;} #wrapwrap .xx_faw_fruit_header_two_columns .xx_faw_fruit_header_column_1, #wrapwrap .xx_faw_fruit_header_two_columns .xx_faw_fruit_header_column_2{width: 45%; display: inline-block;} #wrapwrap .xx_faw_fruit_header_two_columns .xx_faw_fruit_header_column_1 span, #wrapwrap .xx_faw_fruit_header_two_columns .xx_faw_fruit_header_column_2 span{margin-right: 16px; font-size: 24px; color: white; vertical-align: bottom;} #wrapwrap .xx_faw_fruit_header_two_columns .xx_faw_fruit_header_column_1 h1, #wrapwrap .xx_faw_fruit_header_two_columns .xx_faw_fruit_header_column_2 h1{color: white; line-height: 24px; font-size: 22px;} #wrapwrap .xx_faw_fruit_header_two_columns .xx_faw_fruit_header_column_1 p, #wrapwrap .xx_faw_fruit_header_two_columns .xx_faw_fruit_header_column_2 p{color: #44671c; font-size: 12px;} #wrapwrap .xx_faw_fruit_header_two_columns .xx_faw_fruit_header_column_2{float: right;} #wrapwrap #xx_top_banner .xx_fruit_header_snippet{padding-bottom: 0px !important;} #wrapwrap .xx_faw_fruit_header_list{list-style-type: none; -webkit-padding-start: 0; -moz-padding-start: 0; padding-inline-start: 0; margin-top: 16px; margin-bottom: 8px;} #wrapwrap .xx_faw_fruit_header_list li{color: #44671c; font-family: Arial; font-size: 14px; font-weight: 400; letter-spacing: 0.09px; line-height: 24px; margin-bottom: 8px;} #wrapwrap .xx_faw_fruit_header_list li span{margin-right: 5px; font-size: 20px !important; color: #44671c; vertical-align: bottom;} #wrapwrap #how_to_eat{background-color: #f9f9f9;} #wrapwrap #how_to_eat .xx_how_to_eat_method_switcher{margin-top: 8px; margin-bottom: 24px;} #wrapwrap #how_to_eat .xx_how_to_eat_method_switcher span{margin-right: 10px; background-color: #fff; padding: 8px 24px; border-radius: 5px; color: #666666; font-family: Montserrat; font-size: 13px; font-weight: 400; letter-spacing: 0.08px; line-height: 24px; text-transform: uppercase; cursor: pointer;} #wrapwrap #how_to_eat .xx_how_to_eat_method_switcher span:hover, #wrapwrap #how_to_eat .xx_how_to_eat_method_switcher span.active{background: #e6e6e6;} #wrapwrap #how_to_eat .xx_how_to_eat_videos .xx_how_to_eat_video{transition: opacity 0.5s ease-in;} #wrapwrap #how_to_eat .xx_how_to_eat_videos .xx_how_to_eat_video iframe, #wrapwrap #how_to_eat .xx_how_to_eat_videos .xx_how_to_eat_video video{width: 100%; height: 400px;} #wrapwrap #how_to_eat .xx_how_to_eat_instructions{transition: opacity 0.5s ease-in;} #wrapwrap #how_to_eat .xx_how_to_eat_instructions .xx_how_to_eat_difficulty{display: -webkit-box; display: -webkit-flex; display: flex; padding: 8px 16px; background-color: rgba(216, 216, 216, 0.3); color: #666666; font-family: Arial; font-size: 18px; font-weight: 400; line-height: 26px;} #wrapwrap #how_to_eat .xx_how_to_eat_instructions .xx_how_to_eat_stars{margin-left: 5px;} #wrapwrap #how_to_eat .xx_how_to_eat_instructions .xx_how_to_eat_stars span{font-size: 16px !important; color: #ffac07; margin-right: 3px; vertical-align: middle;} #wrapwrap #how_to_eat .xx_how_to_eat_instructions .xx_how_to_eat_time{margin-left: 25px;} #wrapwrap #how_to_eat .xx_how_to_eat_instructions .xx_how_to_eat_time i{color: #666666; font-size: 16px; margin-right: 10px;} #wrapwrap #how_to_eat .xx_how_to_eat_instructions .xx_how_to_eat_instructions{margin-top: 32px; color: #666666; font-family: Arial; font-size: 16px; font-weight: 400; letter-spacing: 0.1px; line-height: 33px;} #wrapwrap #how_to_eat .xx_how_to_eat_description h1{color: #89aa00; font-family: Kalam; font-size: 32px; font-weight: 400; letter-spacing: -0.13px; line-height: 32px;} #wrapwrap #how_to_eat .xx_how_to_eat_description p{color: #131314; font-family: Arial; font-size: 16px; font-weight: 400; letter-spacing: 0.1px; line-height: 24px;} #wrapwrap #faq .xx_faq_title{color: #89aa00; font-family: Kalam; font-size: 40px; font-weight: 400; letter-spacing: -0.5px; line-height: 48px; margin-bottom: 32px; text-align: center;} #wrapwrap #faq .xx_faq_title span{color: #89aa00; font-family: Kalam; font-size: 40px; font-weight: 400; letter-spacing: -0.5px; line-height: 48px; margin-bottom: 32px; text-align: center;} #wrapwrap #faq #xx-faq-accordion{margin: 0 auto; position: relative;} #wrapwrap #faq #xx-faq-accordion .xx_faq_accordion_item .xx_faq_accordion_content{padding: 8px 0;} #wrapwrap #faq #xx-faq-accordion .xx_faq_accordion_item .xx_faq_accordion_content p{color: #000000; font-family: Arial; font-size: 16px; font-weight: 400; letter-spacing: 0.1px; line-height: 24px;} #wrapwrap #faq #xx-faq-accordion .xx_faq_accordion_item .xx_faq_accordion_header a{border-bottom: 1px solid #ebebeb; padding: 8px 0; display: block;} #wrapwrap #faq #xx-faq-accordion .xx_faq_accordion_item .xx_faq_accordion_header a h2{display: inline-block; width: 90%; color: #131314; font-family: Arial; font-size: 18px; font-weight: 400; line-height: 28px;} #wrapwrap #faq #xx-faq-accordion .xx_faq_accordion_item .xx_faq_accordion_header a i{width: 10%; display: inline-block; float: right; text-align: right; line-height: 28px; font-size: 16px;} #wrapwrap #faq #xx-faq-accordion .xx_faq_accordion_item .xx_faq_accordion_header a:hover h2{color: #89aa00;} #wrapwrap #faq #xx-faq-accordion .xx_faq_accordion_item .xx_faq_accordion_header a:hover i{color: #89aa00;} #wrapwrap #faq #xx-faq-accordion .xx_faq_accordion_item .xx_faq_accordion_header a[aria-expanded='true']{border-bottom: 0;} #wrapwrap #faq #xx-faq-accordion .xx_faq_accordion_item .xx_faq_accordion_header a[aria-expanded='true'] .fa-chevron-down{display: none;} #wrapwrap #faq #xx-faq-accordion .xx_faq_accordion_item .xx_faq_accordion_header a[aria-expanded='true'] h2{color: #89aa00;} #wrapwrap #faq #xx-faq-accordion .xx_faq_accordion_item .xx_faq_accordion_header a[aria-expanded='true'] i{color: #89aa00;} #wrapwrap #faq #xx-faq-accordion .xx_faq_accordion_item .xx_faq_accordion_header a[aria-expanded='false'] .fa-chevron-up{display: none;} #wrapwrap #fruit_website_usps .xx_website_usp_title{color: #89aa00; font-family: Kalam; font-size: 40px; font-weight: 400; letter-spacing: -0.5px; line-height: 48px; text-align: center; display: block; margin-bottom: 32px;} #wrapwrap #fruit_website_usps #xx-fruit-website-usp-block{position: relative; margin: 0 auto;} #wrapwrap #fruit_website_usps #xx-fruit-website-usp-block .xx_fruit_website_usp{margin-top: 32px;} #wrapwrap #fruit_website_usps #xx-fruit-website-usp-block .xx_fruit_website_usp a{text-decoration: none;} #wrapwrap #fruit_website_usps #xx-fruit-website-usp-block .xx_fruit_website_usp a .xx_fruit_website_usp_inner{padding: 16px 8px; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.08); border: 1px solid #f9f9f9; height: 210px;} #wrapwrap #fruit_website_usps #xx-fruit-website-usp-block .xx_fruit_website_usp a .xx_fruit_website_usp_inner h1{color: #a0c827; font-family: Kalam; font-size: 18px; font-weight: 400; letter-spacing: -0.23px; line-height: 26px; text-decoration: none; margin-top: 16px; text-align: center;} #wrapwrap #fruit_website_usps #xx-fruit-website-usp-block .xx_fruit_website_usp a .xx_fruit_website_usp_inner > img{margin: 0 auto; padding: 16px 8px; max-width: 100%;} #wrapwrap #fruit_website_usps #xx-fruit-website-usp-block .xx_fruit_website_usp a .xx_fruit_website_usp_inner > img:first-child{display: block;} #wrapwrap #fruit_website_usps #xx-fruit-website-usp-block .xx_fruit_website_usp a .xx_fruit_website_usp_inner > img:nth-child(2){display: none;} #wrapwrap #fruit_website_usps #xx-fruit-website-usp-block .xx_fruit_website_usp a:hover{cursor: pointer; text-decoration: none;} #wrapwrap #fruit_website_usps #xx-fruit-website-usp-block .xx_fruit_website_usp a:hover .xx_fruit_website_usp_inner > img:first-child{display: none;} #wrapwrap #fruit_website_usps #xx-fruit-website-usp-block .xx_fruit_website_usp a:hover .xx_fruit_website_usp_inner > img:nth-child(2){display: block;} #wrapwrap #fruit_website_usps #xx-fruit-website-usp-block .xx_fruit_website_usp a:hover .xx_fruit_website_usp_inner h1{color: #44671c; text-decoration: none !important;} #wrapwrap #fruit-season-detail .xx_fruit_category_period_fruit_name h4{line-height: 28px;} #wrapwrap .xx_fruit_category_period_wrapper{-webkit-flex-wrap: nowrap; flex-wrap: nowrap;} #wrapwrap .xx_fruit_category_period_wrapper .xx_fruit_category_period_fruit_name{margin-right: 16px; white-space: nowrap;} #wrapwrap .xx_fruit_category_period_wrapper .xx_fruit_category_period_fruit_name h4{line-height: 25px;} #wrapwrap .xx_fruit_category_period_wrapper > div:nth-child(2){width: 100%;} #wrapwrap .xx_fruit_overview_block{position: relative; overflow: hidden; margin-bottom: 32px;} #wrapwrap .xx_fruit_overview_block > a{display: block; position: relative;} #wrapwrap .xx_fruit_overview_block > a:hover .hover_block{height: 100%; background-color: rgba(137, 170, 0, 0.75);} #wrapwrap .xx_fruit_overview_block > a:hover .xx_fruit_overview_description{display: block;} #wrapwrap .xx_fruit_overview_block > a:hover .xx_fruit_overview_description p{color: white; font-size: 12px; line-height: 16px; letter-spacing: 0.1px;} #wrapwrap .xx_fruit_overview_block img{max-width: 100%;} #wrapwrap .xx_fruit_overview_block .hover_block{position: absolute; bottom: 0; height: 60px; width: 100%; transition: height 200ms linear; padding: 8px 16px;} #wrapwrap .xx_fruit_overview_block .hover_block h1{display: block; text-decoration: none;} #wrapwrap .xx_fruit_overview_block .xx_fruit_overview_description{position: relative; display: none;} @media screen and (max-width: 767px){#wrapwrap .vitamin_mineral .nav-tabs{border: 0px; -webkit-box-pack: start !important; -webkit-box-pack: start !important; justify-content: flex-start !important;}#wrapwrap #xx_download_link a{float: none;}} 

/* /xx_website_fruit/static/src/less/fruit-mobile.less defined in bundle 'web.assets_frontend' */
 @media screen and (max-width: 575px){#wrapwrap .xx_faw_fruit_header_title > font{color: #d6df28 !important;}#wrapwrap .xx_faw_fruit_header_subtitle > font{color: #89aa00 !important;}#wrapwrap .xx_faw_fruit_header_text > font{color: #666666 !important;}#wrapwrap .xx_faw_fruit_header_text a{color: #666666;}#wrapwrap .xx_faw_fruit_header_text a:hover{color: #89aa00;}#wrapwrap .xx_faw_fruit_header_text a:active{color: #89aa00;}#wrapwrap .xx_faw_fruit_header_list li{color: #666666;}#wrapwrap .xx_faw_fruit_header_two_columns .xx_faw_fruit_header_column_1 h1, #wrapwrap .xx_faw_fruit_header_two_columns .xx_faw_fruit_header_column_2 h1, #wrapwrap .xx_faw_fruit_header_two_columns .xx_faw_fruit_header_column_1 span, #wrapwrap .xx_faw_fruit_header_two_columns .xx_faw_fruit_header_column_2 span{color: #89aa00;}#wrapwrap .xx_faw_fruit_header_two_columns .xx_faw_fruit_header_column_1 p, #wrapwrap .xx_faw_fruit_header_two_columns .xx_faw_fruit_header_column_2 p{color: #666666;}#wrapwrap .s_fruit_page_navigation{display: none !important;}#wrapwrap .xx_fruit_category_period_wrapper .xx_fruit_category_period_fruit_name{margin-right: 8px;}#wrapwrap .xx_fruit_category_period_wrapper .xx_fruit_category_period_fruit_name h4{line-height: 24px;}#wrapwrap .xx_fruit_overview_block{position: relative; overflow: hidden;}#wrapwrap .xx_fruit_overview_block > a{display: block; position: relative;}#wrapwrap .xx_fruit_overview_block > a:hover .hover_block{display: none;}#wrapwrap .xx_fruit_overview_block > a:hover .xx_fruit_overview_description{display: none;}} 

/* /xx_website_fruit/static/src/less/fruit-tablet.less defined in bundle 'web.assets_frontend' */
 @media screen and (max-width: 991px) and (min-width: 769px){#wrapwrap .xx_fruit_header_snippet .xx_header_snippet_bg_image{background-size: auto 460px;}#wrapwrap .xx_faw_fruit_header_text{height: 220px; max-width: 55%;}} @media screen and (max-width: 768px) and (min-width: 576px){#wrapwrap .xx_fruit_header_snippet .xx_header_snippet_bg_image{background-size: auto 550px;}#wrapwrap .xx_faw_fruit_header_text{height: 320px; max-width: 55%;}} @media screen and (max-width: 991px) and (min-width: 576px){#wrapwrap .xx_faw_fruit_header_title{font-size: 30px; line-height: 35px; max-height: 105px; max-width: 40%;}#wrapwrap .xx_faw_fruit_header_subtitle > font{color: #89aa00 !important;}#wrapwrap .xx_faw_fruit_header_list li{color: #666666;}#wrapwrap .xx_faw_fruit_header_two_columns .xx_faw_fruit_header_column_1 h1, #wrapwrap .xx_faw_fruit_header_two_columns .xx_faw_fruit_header_column_2 h1, #wrapwrap .xx_faw_fruit_header_two_columns .xx_faw_fruit_header_column_1 span, #wrapwrap .xx_faw_fruit_header_two_columns .xx_faw_fruit_header_column_2 span{color: #89aa00;}#wrapwrap .xx_faw_fruit_header_two_columns .xx_faw_fruit_header_column_1 p, #wrapwrap .xx_faw_fruit_header_two_columns .xx_faw_fruit_header_column_2 p{color: #666666;}#wrapwrap .xx_fruit_header_message{max-width: 100% !important; flex-basis: 100% !important;}} @media screen and (min-width: 992px){#wrapwrap .xx_fruit_header_snippet .xx_header_snippet_bg_image{background-size: auto;}} 

/* /xx_website_fruit/static/src/less/snippets.less defined in bundle 'web.assets_frontend' */
 #wrapwrap .s_fruit_call_to_action .container{text-align: center;} #wrapwrap .s_fruit_call_to_action h2{color: #666666; font-family: Arial; font-size: 16px; font-weight: 400; letter-spacing: 0.1px; line-height: 24px; margin-top: 32px; margin-bottom: 32px;} #wrapwrap .s_fruit_call_to_action h1{color: #89aa00; font-family: Kalam; font-size: 40px; font-weight: 400; letter-spacing: -0.5px; line-height: 48px; margin-bottom: 32px;} #wrapwrap .s_fruit_call_to_action a{margin-bottom: 32px;} #wrapwrap .s_fruit_page_navigation .xx_fruit_navigation_bar{display: -webkit-box; display: -webkit-flex; display: flex; margin: 32px 0; flex-direction: row; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap;} #wrapwrap .s_fruit_page_navigation .xx_fruit_navigation_bar a{min-width: 180px; text-align: center; padding: 16px; text-decoration: none; margin: 16px 16px 32px 16px; border-radius: 0.25rem; background-color: rgba(216, 216, 216, 0.3); color: #666666; font-family: Arial; font-size: 16px; font-weight: 400; letter-spacing: 0.1px; line-height: 24px;} #wrapwrap .s_fruit_page_navigation .xx_fruit_navigation_bar a:hover{background-color: #a0c827;} #wrapwrap .s_fruit_text_highlight .container, #wrapwrap .s_fruit_highlight_text .container{margin: 32px auto;} #wrapwrap .s_fruit_text_highlight h1, #wrapwrap .s_fruit_highlight_text h1{color: #89aa00; font-family: Kalam; font-size: 32px; font-weight: 400; margin: 16px 0;} #wrapwrap .s_fruit_text_highlight p, #wrapwrap .s_fruit_highlight_text p{margin: 16px 0; color: #666666; font-family: Arial; font-size: 16px; font-weight: 400; letter-spacing: 0.1px; line-height: 24px;} #wrapwrap .s_fruit_text_highlight .xx_fruit_text_highlight_left{padding-top: 48px; padding-bottom: 48px;} #wrapwrap .s_fruit_text_highlight .xx_fruit_text_highlight_right{height: inherit; padding: 0;} #wrapwrap .s_fruit_text_highlight .xx_fruit_text_highlight_right .xx_fruit_text_highlight_box{background-color: #fdffe2; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; margin: 0 16px; padding: 16px 0; height: calc(100% - 32px); align-items: center;} #wrapwrap .s_fruit_text_highlight .xx_fruit_text_highlight_right .xx_fruit_text_highlight_box img{display: inline-block; padding: 0 32px; vertical-align: top;} #wrapwrap .s_fruit_text_highlight .xx_fruit_text_highlight_right .xx_fruit_text_highlight_box h1{display: inline-block; font-size: 26px; margin: 0; line-height: 32px;} #wrapwrap .s_fruit_text_highlight .xx_fruit_text_highlight_right .xx_fruit_text_highlight_box .xx_fruit_text_highlight_box_inner{height: 100%; margin: 0 16px; padding: 16px 16px; border: 1px solid #d6df28; display: -webkit-box; display: -webkit-flex; display: flex;} #wrapwrap .s_fruit_text_highlight .xx_fruit_text_highlight_right .xx_fruit_text_highlight_box .xx_fruit_text_highlight_box_inner > div{margin-top: auto; margin-bottom: auto;} #wrapwrap .s_fruit_text_highlight .xx_fruit_text_highlight_right .xx_fruit_text_highlight_box .xx_fruit_text_highlight_box_inner > div > div{display: inline-block; width: 70%;} #wrapwrap .s_fruit_highlight_text .xx_fruit_text_highlight_right{padding-top: 48px; padding-bottom: 48px;} #wrapwrap .s_fruit_highlight_text .xx_fruit_text_highlight_left{height: inherit; padding: 0;} #wrapwrap .s_fruit_highlight_text .xx_fruit_text_highlight_left .xx_fruit_text_highlight_box{background-color: #fdffe2; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; height: calc(100% - 32px); margin: 16px; padding: 16px; align-items: center;} #wrapwrap .s_fruit_highlight_text .xx_fruit_text_highlight_left .xx_fruit_text_highlight_box img{display: inline-block; padding: 0 32px; vertical-align: top;} #wrapwrap .s_fruit_highlight_text .xx_fruit_text_highlight_left .xx_fruit_text_highlight_box .xx_fruit_text_highlight_box_inner{height: 100%; margin: 0 16px; padding: 16px 0; padding: auto 16px; border: 1px solid #d6df28; display: -webkit-box; display: -webkit-flex; display: flex;} #wrapwrap .s_fruit_highlight_text .xx_fruit_text_highlight_left .xx_fruit_text_highlight_box .xx_fruit_text_highlight_box_inner > div{margin-top: auto; margin-bottom: auto;} #wrapwrap .s_fruit_highlight_text .xx_fruit_text_highlight_left .xx_fruit_text_highlight_box .xx_fruit_text_highlight_box_inner > div > div{display: inline-block; width: 70%;} #wrapwrap .s_fruit_highlight_text .xx_fruit_text_highlight_left .xx_fruit_text_highlight_box h1{display: inline-block; font-size: 26px; margin: 0; line-height: 32px;} #wrapwrap .s_fruit_recipe_picture_text .xx_fruit_recipe_text{padding-left: 0;} #wrapwrap .s_fruit_recipe_text_picture .xx_fruit_recipe_text{padding-right: 0;} #wrapwrap .s_fruit_recipe_text_picture, #wrapwrap .s_fruit_recipe_picture_text{padding: 64px 0; background-color: #f9f9f9;} #wrapwrap .s_fruit_recipe_text_picture .xx_fruit_recipe_picture, #wrapwrap .s_fruit_recipe_picture_text .xx_fruit_recipe_picture{position: relative; display: -webkit-box; display: -webkit-flex; display: flex;} #wrapwrap .s_fruit_recipe_text_picture .xx_fruit_recipe_picture .xx_fruit_recipe_picture_inner, #wrapwrap .s_fruit_recipe_picture_text .xx_fruit_recipe_picture .xx_fruit_recipe_picture_inner{position: relative; margin-top: auto; margin-bottom: auto;} #wrapwrap .s_fruit_recipe_text_picture .xx_fruit_recipe_picture .xx_fruit_recipe_picture_inner img, #wrapwrap .s_fruit_recipe_picture_text .xx_fruit_recipe_picture .xx_fruit_recipe_picture_inner img{vertical-align: middle; width: 100%;} #wrapwrap .s_fruit_recipe_text_picture .xx_fruit_recipe_picture .xx_fruit_recipe_picture_inner > div, #wrapwrap .s_fruit_recipe_picture_text .xx_fruit_recipe_picture .xx_fruit_recipe_picture_inner > div{margin: 16px; border-width: 1px; border-style: solid; background: transparent; width: calc(100% - 32px); height: calc(100% - 32px); position: absolute;} #wrapwrap .s_fruit_recipe_text_picture .xx_fruit_recipe_text .xx_fruit_recipe_text_inner, #wrapwrap .s_fruit_recipe_picture_text .xx_fruit_recipe_text .xx_fruit_recipe_text_inner{background-color: white; padding: 64px 32px;} #wrapwrap .s_fruit_recipe_text_picture .xx_fruit_recipe_text .xx_fruit_recipe_text_inner h1, #wrapwrap .s_fruit_recipe_picture_text .xx_fruit_recipe_text .xx_fruit_recipe_text_inner h1{color: #89aa00; font-family: Kalam; font-size: 36px; font-weight: 400; letter-spacing: -0.15px; line-height: 32px; margin-bottom: 16px;} #wrapwrap .s_fruit_recipe_text_picture .xx_fruit_recipe_text .xx_fruit_recipe_text_inner h2, #wrapwrap .s_fruit_recipe_picture_text .xx_fruit_recipe_text .xx_fruit_recipe_text_inner h2{color: #89aa00; font-family: Arial; font-size: 16px; font-weight: 400; letter-spacing: 0.1px; line-height: 24px;} #wrapwrap .s_fruit_recipe_text_picture .xx_fruit_recipe_text .xx_fruit_recipe_text_inner ul, #wrapwrap .s_fruit_recipe_picture_text .xx_fruit_recipe_text .xx_fruit_recipe_text_inner ul{padding-block-start: 0px; -webkit-padding-start: 16px;} #wrapwrap .s_fruit_recipe_text_picture .xx_fruit_recipe_text .xx_fruit_recipe_text_inner ul li, #wrapwrap .s_fruit_recipe_picture_text .xx_fruit_recipe_text .xx_fruit_recipe_text_inner ul li{margin-bottom: 8px;} #wrapwrap .s_fruit_recipe_text_picture .xx_fruit_recipe_text .xx_fruit_recipe_text_inner li, #wrapwrap .s_fruit_recipe_picture_text .xx_fruit_recipe_text .xx_fruit_recipe_text_inner li, #wrapwrap .s_fruit_recipe_text_picture .xx_fruit_recipe_text .xx_fruit_recipe_text_inner p, #wrapwrap .s_fruit_recipe_picture_text .xx_fruit_recipe_text .xx_fruit_recipe_text_inner p{font-family: Arial; font-size: 16px; font-weight: 400; letter-spacing: 0.1px; line-height: 24px; color: #131314;} #wrapwrap .s_fruit_quote_picture .xx_fruit_quote_picture > div{right: 25px;} #wrapwrap .s_fruit_quote_picture .xx_fruit_quote_picture > div img{margin-left: auto; margin-right: 25px;} #wrapwrap .s_fruit_quote_picture .xx_fruit_quote_text{padding-right: 0;} #wrapwrap .s_fruit_picture_quote .xx_fruit_quote_picture > div{left: 25px;} #wrapwrap .s_fruit_picture_quote .xx_fruit_quote_picture > div img{margin-right: auto; margin-left: 25px;} #wrapwrap .s_fruit_picture_quote .xx_fruit_quote_text{padding-left: 0;} #wrapwrap .s_fruit_quote_picture, #wrapwrap .s_fruit_picture_quote{padding: 64px 0;} #wrapwrap .s_fruit_quote_picture .xx_fruit_quote_picture, #wrapwrap .s_fruit_picture_quote .xx_fruit_quote_picture{position: relative; padding-left: 0; padding-right: 0;} #wrapwrap .s_fruit_quote_picture .xx_fruit_quote_picture > img, #wrapwrap .s_fruit_picture_quote .xx_fruit_quote_picture > img{width: 100%; height: 100%;} #wrapwrap .s_fruit_quote_picture .xx_fruit_quote_picture > div, #wrapwrap .s_fruit_picture_quote .xx_fruit_quote_picture > div{display: -webkit-box; display: -webkit-flex; display: flex; vertical-align: middle; position: absolute; width: 50%; height: 100%; top: 0;} #wrapwrap .s_fruit_quote_picture .xx_fruit_quote_picture > div img, #wrapwrap .s_fruit_picture_quote .xx_fruit_quote_picture > div img{margin-top: auto; margin-bottom: auto; width: 100%;} #wrapwrap .s_fruit_quote_picture .xx_fruit_quote_text, #wrapwrap .s_fruit_picture_quote .xx_fruit_quote_text{display: -webkit-box; display: -webkit-flex; display: flex;} #wrapwrap .s_fruit_quote_picture .xx_fruit_quote_text .xx_fruit_quote_text_inner, #wrapwrap .s_fruit_picture_quote .xx_fruit_quote_text .xx_fruit_quote_text_inner{background-color: #fdffe2; padding: 8px 32px 8px 24px; margin-top: auto; margin-bottom: auto; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex;} #wrapwrap .s_fruit_quote_picture .xx_fruit_quote_text .xx_fruit_quote_text_inner h2, #wrapwrap .s_fruit_picture_quote .xx_fruit_quote_text .xx_fruit_quote_text_inner h2{color: #89aa00; margin-top: auto; margin-bottom: auto; font-family: Kalam; font-size: 26px; font-weight: 400; line-height: 32px;} #wrapwrap .s_fruit_practical{padding: 64px 0; background-color: #f9f9f9;} #wrapwrap .s_fruit_practical h1{display: block; width: 100%; color: #89aa00; font-family: Kalam; font-size: 36px; font-weight: 400; letter-spacing: -0.15px; line-height: 32px; text-align: center;} #wrapwrap .s_fruit_practical #xx_practical_table{margin-top: 64px;} #wrapwrap .s_fruit_practical #xx_practical_table th{width: 50%; color: #b0b0b0; font-family: Arial; font-size: 14px; font-weight: 400; line-height: 20px; padding: 16px 0;} #wrapwrap .s_fruit_practical #xx_practical_table tr{border-bottom: 1px solid #dedede;} #wrapwrap .s_fruit_practical #xx_practical_table tr > td:first-child{color: #000000; font-family: Arial; font-size: 24px; font-weight: 400; letter-spacing: 0.15px; line-height: 24px;} #wrapwrap .s_fruit_practical #xx_practical_table tr > td:nth-child(2){color: #696969; font-family: Arial; font-size: 16px; font-weight: 400; letter-spacing: 0.1px; line-height: 24px;} #wrapwrap .s_fruit_practical #xx_practical_table td{width: 50%; padding: 16px 0;} #wrapwrap #xx_fruit_nice_to_know_container{position: relative; padding: 64px 0;} #wrapwrap .xx_fruit_nice_to_know_title{display: block; width: 100%; text-align: center; color: #89aa00; font-family: Kalam; font-size: 36px; font-weight: 400; letter-spacing: -0.15px; line-height: 32px;} #wrapwrap .xx_fruit_nice_to_know_carousel{margin-top: 64px;} #wrapwrap .xx_fruit_nice_to_know_carousel .xx_fruit_nice_to_know_item > .xx_slide_inner{box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); margin-bottom: 32px;} #wrapwrap .xx_fruit_nice_to_know_carousel .xx_fruit_nice_to_know_item > .xx_slide_inner:nth-child(4n){padding-right: 0;} #wrapwrap .xx_fruit_nice_to_know_carousel .xx_fruit_nice_to_know_item > .xx_slide_inner img{width: 100%; height: 140px; object-fit: cover; object-position: center center;} #wrapwrap .xx_fruit_nice_to_know_carousel .xx_fruit_nice_to_know_item > .xx_slide_inner .xx_ntk_description .xx_ntk_tags{padding: 0 24px; margin: 16px 0; color: #a0c827; font-family: Arial; font-size: 14px; font-weight: 400; line-height: 20px;} #wrapwrap .xx_fruit_nice_to_know_carousel .xx_fruit_nice_to_know_item > .xx_slide_inner .xx_ntk_description p{color: #000000; padding: 0 24px; font-family: Arial; font-size: 16px; font-weight: 400; line-height: 24px; min-height: 150px;} #wrapwrap .xx_fruit_nice_to_know_carousel .xx_fruit_nice_to_know_item > .xx_slide_inner .xx_ntk_description > a{display: block; color: #44671c; padding: 16px 24px; font-family: Arial; font-size: 14px; font-weight: 400; line-height: 20px; text-decoration: underline;} #wrapwrap .xx_fruit_nice_to_know_carousel .slick-dots{bottom: -25px !important;} #wrapwrap .xx_fruit_nice_to_know_carousel .arrow-left{position: absolute; bottom: -25px; left: 25px; z-index: 1;} #wrapwrap .xx_fruit_nice_to_know_carousel .arrow-right{position: absolute; bottom: -25px; left: 50px; z-index: 1;} 

/* /xx_website_fruit/static/src/less/snippets-mobile.less defined in bundle 'web.assets_frontend' */
 @media screen and (max-width: 575px){#wrapwrap .xx_how_to_eat_time{margin-left: 0px !important; padding-left: 0px;}#wrapwrap .s_fruit_practical #xx_practical_table tr > td{font-size: 12px !important; vertical-align: top;}#wrapwrap .s_fruit_quote_picture .xx_fruit_quote_text, #wrapwrap .s_fruit_picture_quote .xx_fruit_quote_text{padding-right: 0; padding-left: 0;}#wrapwrap .s_fruit_text_highlight .xx_fruit_text_highlight_right .xx_fruit_text_highlight_box .xx_fruit_text_highlight_box_inner{height: 100%; margin: 0 16px; padding: 16px 16px; border: 1px solid #d6df28; display: -webkit-box; display: -webkit-flex; display: flex;}#wrapwrap .s_fruit_text_highlight .xx_fruit_text_highlight_right .xx_fruit_text_highlight_box .xx_fruit_text_highlight_box_inner h1{margin-top: 16px; margin-bottom: 0; text-align: center;}#wrapwrap .s_fruit_text_highlight .xx_fruit_text_highlight_right .xx_fruit_text_highlight_box .xx_fruit_text_highlight_box_inner > div{text-align: center; margin-top: auto; margin-bottom: auto;}#wrapwrap .s_fruit_text_highlight .xx_fruit_text_highlight_right .xx_fruit_text_highlight_box .xx_fruit_text_highlight_box_inner > div > div{display: block; width: 100%; padding-bottom: 16px;}#wrapwrap #xx_fruit_detail_sidebar{display: none;}} 

/* /xx_website_fruit/static/src/less/snippets-tablet.less defined in bundle 'web.assets_frontend' */
 @media screen and (max-width: 991px) and (min-width: 576px){#wrapwrap .xx_how_to_eat_time{margin-left: 0px !important; padding-left: 0px;}} 

/* /xx_website_portal/static/lib/zabuto_calendar.css defined in bundle 'web.assets_frontend' */
 div.zabuto_calendar{margin: 0; padding: 0; margin-bottom: 20px;} div.zabuto_calendar .table{width: 100%; margin: 0; padding: 0; background-color: #f6f6f6; min-height: 390px;} div.zabuto_calendar .badge{float: none !important;} div.zabuto_calendar .table tr:last-child td{padding-bottom: 30px;} div.zabuto_calendar .table th, div.zabuto_calendar .table td{padding: 4px 2px; text-align: center; border-top: 0px;} div.zabuto_calendar .table tr.calendar-month-header{height: 50px;} div.zabuto_calendar .table tr.calendar-month-header td{font-weight: bold;} div.zabuto_calendar .table tr.calendar-month-header td span{cursor: pointer; display: inline-block; padding-bottom: 10px; font-weight: bold !important;} div.zabuto_calendar .table tr.calendar-month-header td{padding-top: 12px; padding-bottom: 4px;} div.zabuto_calendar .table-bordered tr.calendar-month-header td{border-left: 0; border-right: 0;} div.zabuto_calendar .table-bordered tr.calendar-month-header td:first-child{border-left: 1px solid #dddddd;} div.zabuto_calendar div.calendar-month-navigation{cursor: pointer; margin: 0; padding: 0; padding-top: 5px;} div.zabuto_calendar .table tr.calendar-dow-header{height: 45px;} div.zabuto_calendar .table tr.calendar-dow-header th{border-bottom: 1px solid #d8d8d8;} div.zabuto_calendar tr.calendar-dow-header th, div.zabuto_calendar tr.calendar-dow td{width: 14%;} div.zabuto_calendar .table tr td div.day{margin: 0; padding-top: 7px; padding-bottom: 7px; font-size: 14px !important;} div.zabuto_calendar .table tr td.dow-clickable[data-so_id], .table tr td.dow-clickable[data-holiday_id], div.zabuto_calendar .table tr td.event-clickable{cursor: pointer;} div.zabuto_calendar .badge-today, div.zabuto_calendar div.legend span.badge-today, div.zabuto_calendar .day.today .badge{color: #ffffff; text-shadow: none; font-weight: bold !important; text-decoration: underline; font-size: 14px;} div.zabuto_calendar .badge-event, div.zabuto_calendar div.legend span.badge-event{background-color: #ff1a00; color: #ffffff !important; text-shadow: none; border-radius: 50% 50% 50% 50%; width: 26px; height: 26px;} div.zabuto_calendar .badge-event, div.zabuto_calendar .badge-holiday, .badge-delivery, .badge-holiday-delivery, .badge-today{font-size: 14px; padding-left: 2px !important; padding-right: 2px !important; padding-top: 1px !important; padding-bottom: 3px !important;} div.zabuto_calendar .badge-delivery:not(.badge-holiday), div.zabuto_calendar div.legend span.badge-delivery:not(.badge-holiday){background-color: #64962b !important;} div.zabuto_calendar .badge-holiday, div.zabuto_calendar div.legend span.badge-holiday{background-color: #ff1a00 !important;} div.zabuto_calendar .badge-holiday-delivery, div.zabuto_calendar div.legend span.badge-holiday-delivery{background: linear-gradient(to top, #64962b 50%, #ff1a00 0%);} div.zabuto_calendar div.legend{margin-top: 5px; margin-bottom: 10px;} div.zabuto_calendar div.legend span{color: #999999; font-weight: normal; margin-right: 5px;} div.zabuto_calendar div.legend span.legend-text:after, div.zabuto_calendar div.legend span.legend-block:after, div.zabuto_calendar div.legend span.legend-list:after, div.zabuto_calendar div.legend span.legend-spacer:after{content: ' ';} div.zabuto_calendar div.legend span.legend-spacer{padding-left: 25px;} div.zabuto_calendar ul.legend > span{padding-left: 2px;} div.zabuto_calendar ul.legend{display: inline-block; list-style: none outside none; margin: 0; padding: 0;} div.zabuto_calendar ul.legend li{display: inline-block; height: 11px; width: 11px; margin-left: 5px;} div.zabuto_calendar ul.legend, div.zabuto_calendar ul.legend li:first-child{margin-left: 7px;} div.zabuto_calendar ul.legend li:last-child{margin-right: 5px;} div.zabuto_calendar div.legend span.badge{border-radius: 50% 50% 50% 50%; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 3px; width: 16px; height: 16px; vertical-align: middle; margin-left: 30px;} @media (max-width: 979px){div.zabuto_calendar .table th, div.zabuto_calendar .table td{padding: 2px 1px;}} 

/* /xx_website_portal/static/src/less/portal.less defined in bundle 'web.assets_frontend' */
 #wrapwrap.o_portal{background-color: white !important;} #wrapwrap .o_portal_wrap h1, #wrapwrap .o_portal_wrap h2, #wrapwrap .o_portal_wrap h3, #wrapwrap .o_portal_wrap h4{color: #141413; font-family: Arial; font-size: 14px; font-weight: 700; line-height: 20px; margin-bottom: 16px; margin-top: 0px;} #wrapwrap .o_portal_wrap .xx_badge .badge{white-space: nowrap; width: 150px;} #wrapwrap .o_portal_pager .page-item.active .page-link{background-color: #89aa00; color: white; text-decoration: none; border-color: #dee2e6;} #wrapwrap .o_portal_pager .page-item.disabled .page-link{color: #ccc; text-decoration: none;} @keyframes lds-spinner{0%{opacity: 1;}100%{opacity: 0;}} @-webkit-keyframes lds-spinner{0%{opacity: 1;}100%{opacity: 0;}} #wrapwrap .lds-spinner{position: relative; margin: 25px auto;} #wrapwrap .lds-spinner div{left: 94px; top: 48px; position: absolute; -webkit-animation: lds-spinner linear 1.5s infinite; animation: lds-spinner linear 1.5s infinite; background: #b3c430; width: 12px; height: 24px; border-radius: 40%; -webkit-transform-origin: 6px 52px; transform-origin: 6px 52px;} #wrapwrap .lds-spinner div:nth-child(1){-webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-delay: -1.375s; animation-delay: -1.375s;} #wrapwrap .lds-spinner div:nth-child(2){-webkit-transform: rotate(30deg); transform: rotate(30deg); -webkit-animation-delay: -1.25s; animation-delay: -1.25s;} #wrapwrap .lds-spinner div:nth-child(3){-webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-delay: -1.125s; animation-delay: -1.125s;} #wrapwrap .lds-spinner div:nth-child(4){-webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-delay: -1s; animation-delay: -1s;} #wrapwrap .lds-spinner div:nth-child(5){-webkit-transform: rotate(120deg); transform: rotate(120deg); -webkit-animation-delay: -0.875s; animation-delay: -0.875s;} #wrapwrap .lds-spinner div:nth-child(6){-webkit-transform: rotate(150deg); transform: rotate(150deg); -webkit-animation-delay: -0.75s; animation-delay: -0.75s;} #wrapwrap .lds-spinner div:nth-child(7){-webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-delay: -0.625s; animation-delay: -0.625s;} #wrapwrap .lds-spinner div:nth-child(8){-webkit-transform: rotate(210deg); transform: rotate(210deg); -webkit-animation-delay: -0.5s; animation-delay: -0.5s;} #wrapwrap .lds-spinner div:nth-child(9){-webkit-transform: rotate(240deg); transform: rotate(240deg); -webkit-animation-delay: -0.375s; animation-delay: -0.375s;} #wrapwrap .lds-spinner div:nth-child(10){-webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-delay: -0.25s; animation-delay: -0.25s;} #wrapwrap .lds-spinner div:nth-child(11){-webkit-transform: rotate(300deg); transform: rotate(300deg); -webkit-animation-delay: -0.125s; animation-delay: -0.125s;} #wrapwrap .lds-spinner div:nth-child(12){-webkit-transform: rotate(330deg); transform: rotate(330deg); -webkit-animation-delay: 0s; animation-delay: 0s;} #wrapwrap .lds-spinner{width: 200px !important; height: 200px !important; -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px); transform: translate(-100px, -100px) scale(1) translate(100px, 100px);} #wrapwrap #xx_add_holiday_extra_message{font-size: 11px; color: darkred;} #wrapwrap #xx_contracts_row{min-height: 500px;} #wrapwrap #xx_contracts_row .zabuto_calendar .badge{cursor: pointer;} #wrapwrap .xx_my_contract_div badge{cursor: pointer;} #wrapwrap .xx_my_contracts{background-color: #f6f6f6; margin-top: 16px;} #wrapwrap .xx_my_contracts .xx_contract{position: relative; padding: 10px; cursor: pointer;} #wrapwrap .xx_my_contracts .xx_contract.active{background-color: #d8d8d8; cursor: default;} #wrapwrap .xx_my_contracts .xx_contract.active i{display: none;} #wrapwrap .xx_my_contracts .xx_contract h4{margin-bottom: 10px;} #wrapwrap .xx_my_contracts .xx_contract p{margin-bottom: 0;} #wrapwrap .xx_my_contracts .xx_contract i{position: absolute; right: 10px; top: 40%;} #wrapwrap .xx_footer_portal .xx_footer_links a{display: inline-block; margin-right: 25px;} #wrapwrap .xx_footer_portal .xx_footer_links a img{margin-right: 3px;} #wrapwrap .o_portal_wrap .btn{padding: 8px 12px !important; border-radius: 0px; font-family: Arial; font-size: 15px; font-weight: 400; letter-spacing: 0.6px; white-space: normal; text-align: center;} #wrapwrap .o_portal_wrap .btn.btn-primary{background-color: #89aa00; color: #ffffff;} #wrapwrap .o_portal_wrap .btn.btn-primary:hover{background-color: #a0c827; color: #ffffff;} #wrapwrap .o_portal_wrap .btn.btn-danger{background-color: #e93c28; color: #ffffff;} #wrapwrap .o_portal_wrap .btn.btn-danger:hover{background-color: #9e3325; color: #ffffff;} #wrapwrap .o_portal_my_details a{color: #64962b; font-family: Arial; font-size: 14px; font-weight: 400; line-height: 20px; text-decoration: underline;} #wrapwrap .o_portal_my_details a img{margin-right: 5px;} #wrapwrap .o_portal_my_details address > div{font-family: Arial;} #wrapwrap .o_portal_my_details address > div span{font-size: 14px; line-height: 20px;} #wrapwrap .o_portal_my_details address > div:first-child span{font-weight: 700; color: #141413;} #wrapwrap .o_portal_my_details .xx_portal_loyalty_points{padding: 10px 20px; border: 1px solid #d8d8d8;} #wrapwrap .o_portal_my_details .xx_portal_loyalty_points form{width: 100%;} #wrapwrap .o_portal_my_details .xx_portal_loyalty_points button{width: 100%;} #wrapwrap .o_portal_my_details .xx_portal_loyalty_points span{color: #d8d8d8; font-family: Arial; font-size: 10px; font-weight: 400; letter-spacing: -0.2px; line-height: 28px; display: block;} #wrapwrap .o_portal_my_details .xx_portal_loyalty_points img{margin: 5px 0 15px;} #wrapwrap .o_portal_my_details .xx_portal_loyalty_points h1{color: #a5bd0f; font-family: Arial; font-size: 40px; font-weight: 700; letter-spacing: -0.9px; line-height: 28px; white-space: nowrap;} #wrapwrap .o_portal_my_details .xx_portal_loyalty_points h1 > span{margin-top: 15px; margin-bottom: 5px; display: inline-block; margin-left: 3px; color: #a5bd0f; font-family: Arial; font-size: inherit; font-weight: 700; letter-spacing: -0.9px; line-height: 28px;} #wrapwrap .xx_my_calendar_div a{width: 100%;} #wrapwrap #xx_my_holidays_create{margin-top: 24px;} #wrapwrap #xx_my_holidays_edit{margin-top: 24px;} #wrapwrap #xx_my_holidays_edit > .fa-times{float: right; cursor: pointer;} #wrapwrap .xx_my_holidays{background-color: #f6f6f6; padding: 15px; margin-top: 16px;} #wrapwrap .xx_my_holidays .btn-primary{float: right;} #wrapwrap .xx_my_holidays .btn-danger{float: left;} #wrapwrap .list-group-item{border: none; background-color: #f6f6f6; padding: 16px; text-decoration: none;} #wrapwrap .list-group-item:hover{text-decoration: none !important;} #wrapwrap .breadcrumb-item + .breadcrumb-item::before{padding-right: 0.5rem; padding-left: 0.5rem; color: #d8d8d8; line-height: 20px; font-size: 14px; font-family: Arial;} #wrapwrap .breadrumb-item{color: #666666 !important; font-size: 14px; line-height: 20px; font-family: Arial;} #wrapwrap .breadrumb-item img{margin-top: -5px;} #wrapwrap .o_portal_chatter_composer textarea{background-color: rgba(9, 19, 33, 0.06); padding: 12px;} #wrapwrap .o_portal_chatter_composer textarea:focus{border: 1px solid #ced4da; box-shadow: none;} #wrapwrap .o_portal_chatter_composer .o_portal_chatter_composer_btn{border-radius: 5px; background-color: #a0c827 !important; padding-top: 10px; padding-bottom: 10px; font-family: Montserrat; font-size: 13px; font-weight: 400; letter-spacing: 0.52px; line-height: 24px;} #wrapwrap .o_portal_chatter_composer hr{display: none;} #wrapwrap .xx_badge{padding-right: 14px;} #wrapwrap .xx_badge .badge{border-radius: 0; float: right; color: #ffffff; font-family: Arial; font-size: 14px; font-weight: 400; line-height: 24px; padding: 16px 24px;} #wrapwrap .xx_badge .badge.orange{background-color: #e9a928;} #wrapwrap .xx_badge .badge.red{background-color: #e93c28;} #wrapwrap .xx_badge .badge.grey{background-color: #ccc;} #wrapwrap .xx_badge .badge.green{background-color: #a0c827;} #wrapwrap .xx_badge .badge .fa{font-size: 24px; vertical-align: bottom;} #wrapwrap .o_portal_sidebar #quote_content .card{border: 0;} #wrapwrap .o_portal_sidebar #quote_content #sale_order_communication{padding: 0 16px;} #wrapwrap .o_portal_sidebar #quote_content #total tbody tr:last-child{background-color: rgba(9, 19, 33, 0.06);} #wrapwrap .o_portal_sidebar #quote_content #total tbody tr:last-child strong, #wrapwrap .o_portal_sidebar #quote_content #total tbody tr:last-child span{color: #64962b; font-family: Arial; font-size: 16px; font-weight: 700; letter-spacing: 0.1px; line-height: 24px;} #wrapwrap .o_portal_sidebar #quote_content #sales_order_table, #wrapwrap .o_portal_sidebar #quote_content #total{border-top: 0;} #wrapwrap .o_portal_sidebar #quote_content #sales_order_table thead, #wrapwrap .o_portal_sidebar #quote_content #total thead{background-color: transparent !important; padding: 16px 0px; border-top: 0;} #wrapwrap .o_portal_sidebar #quote_content #sales_order_table thead th, #wrapwrap .o_portal_sidebar #quote_content #total thead th{border-bottom: 0; border-top: 0; padding: 16px 0;} #wrapwrap .o_portal_sidebar #quote_content #sales_order_table thead th span, #wrapwrap .o_portal_sidebar #quote_content #total thead th span{font-weight: bold; color: #141413;} #wrapwrap .o_portal_sidebar #quote_content #sales_order_table tbody td, #wrapwrap .o_portal_sidebar #quote_content #total tbody td{padding-top: 12px; padding-bottom: 12px; color: #000000; font-family: Arial; font-size: 16px; font-weight: 400; letter-spacing: 0.1px; line-height: 24px;} #wrapwrap .o_portal_sidebar #quote_content #sales_order_table tbody td span, #wrapwrap .o_portal_sidebar #quote_content #total tbody td span{color: #000000;} #wrapwrap .o_portal_sidebar #quote_content #sales_order_table tbody td strong, #wrapwrap .o_portal_sidebar #quote_content #total tbody td strong{font-weight: bold; color: #000000;} #wrapwrap .o_portal_sidebar #quote_content #picking_info{margin-top: 16px; padding: 0px 0px 0px 8px; border-top: 1px solid #acacac; border-bottom: 1px solid #acacac;} #wrapwrap .o_portal_sidebar #quote_content #picking_info a{text-decoration: none; color: #131314; font-family: Arial; font-size: 14px; font-weight: 400; line-height: 24px; text-transform: uppercase;} #wrapwrap .o_portal_sidebar #quote_content #picking_info a span{color: #131314 !important;} #wrapwrap .o_portal_sidebar #quote_content #picking_info a img{margin-right: 5px;} #wrapwrap .o_portal_sidebar #quote_content #picking_info .xx_date{font-family: Arial; font-size: 14px; font-weight: 400; line-height: 24px; color: #666666;} #wrapwrap .o_portal_sidebar #quote_content #picking_info .xx_date span{color: #666666 !important;} #wrapwrap .o_portal_sidebar #quote_content #picking_info > div > div{padding: 16px 8px;} #wrapwrap .o_portal_sidebar #quote_content #picking_info > div > div:last-child{padding-top: 0; padding-bottom: 0;} #wrapwrap .o_portal_sidebar #quote_content #informations strong{color: #141413; font-family: "Arial"; font-weight: 700;} #wrapwrap .o_portal_sidebar #quote_content #introduction{padding-bottom: 16px !important; padding-top: 16px !important; border-bottom: 1px solid #d8d8d8;} #wrapwrap .o_portal_sidebar #quote_content #introduction h2{color: #141413; font-family: Arial; font-size: 18px; font-weight: 700; line-height: 24px;} #wrapwrap .o_portal_sidebar #quote_content #introduction h2 span{color: #141413; font-weight: 700;} #wrapwrap .o_portal_sidebar #sidebar_content{border: 0 !important; background-color: rgba(9, 19, 33, 0.06) !important; padding: 16px;} #wrapwrap .o_portal_sidebar #sidebar_content #xx_contract_delivery_addr{border-bottom: 1px solid #d8d8d8 !important;} #wrapwrap .o_portal_sidebar #sidebar_content .o_download_pdf .btn-primary{color: #ffffff; font-family: Arial; font-size: 15px; font-weight: 400; letter-spacing: 0.6px; padding: 4px 12px; border-radius: 0; text-transform: none; background-color: #89aa00; flex-grow: 1;} #wrapwrap .o_portal_sidebar #sidebar_content .o_download_pdf .btn-primary:hover{background-color: #a0c827;} #wrapwrap .o_portal_sidebar #sidebar_content .o_download_pdf .btn-primary img{margin-right: 5px;} #wrapwrap .o_portal_sidebar #sidebar_content .navspy{border-bottom: 1px solid #d8d8d8 !important;} #wrapwrap .o_portal_sidebar #sidebar_content .navspy .nav-link{color: #141413; font-family: Arial; font-size: 16px; font-weight: 400; line-height: 24px;} #wrapwrap .o_portal_sidebar #sidebar_content .navspy .nav-link:hover{color: #89aa00;} #wrapwrap .o_portal_sidebar #sidebar_content .card-body{padding-top: 0 !important; border: 0 !important; padding-left: 0 !important; padding-right: 0 !important;} #wrapwrap .o_portal_sidebar #sidebar_content > ul > li{background: transparent !important; border: 0 !important; padding-left: 0 !important; padding-right: 0 !important;} #wrapwrap .o_portal_sidebar #sidebar_content > ul > li:last-child{border-bottom: 1px solid #d8d8d8 !important;} #wrapwrap .o_portal_sidebar #sidebar_content > ul > li a[href='#discussion']{text-decoration: none; color: #89aa00;} #wrapwrap .o_portal_sidebar #sidebar_content > ul > li a[href='#discussion']:hover{color: #64962b;} #wrapwrap .o_portal_sidebar #sidebar_content > ul > li address span{color: #666666; font-family: Arial; font-size: 14px; font-weight: 700; line-height: 24px;} #wrapwrap .o_portal_sidebar #sidebar_content > ul > li .small{color: #666666; font-family: Arial; font-size: 14px; font-weight: 400; line-height: 24px;} #wrapwrap .o_portal_sidebar #sidebar_content > ul > li .small .text-muted{color: #666666 !important; font-weight: 400;} #wrapwrap .o_portal_sidebar #sidebar_content h2{color: #000000; font-family: "Helvetica Neue"; font-size: 40px; font-weight: 700; letter-spacing: -0.5px; line-height: 48px;} #wrapwrap .o_portal_sidebar #sidebar_content h2 span{font-size: 40px; color: #000000 !important; font-weight: 700 !important; letter-spacing: -0.5px; line-height: 48px; font-family: "Helvetica Neue";} #wrapwrap .xx_breadcrumb_container{border-bottom: 1px solid #d8d8d8;} #wrapwrap .xx_breadcrumb_container .record_pager a{font-size: 16px; padding-top: 0;} #wrapwrap .xx_breadcrumb_container .record_pager a:hover{color: #89aa00; text-decoration: none;} #wrapwrap .xx_breadcrumb_container ol{padding-left: 0px; padding-bottom: 16px !important;} #wrapwrap .xx_breadcrumb_container li a{text-decoration: none; color: #666666; font-family: Arial; font-size: 14px; font-weight: 400; line-height: 20px;} #wrapwrap .xx_breadcrumb_container li a:hover{color: #89aa00; text-decoration: underline;} #wrapwrap .xx_breadcrumb_container li.breadcrumb-item.active{color: #131314; font-family: Arial; font-size: 14px; font-weight: 700;} #wrapwrap .xx_breadcrumb_container li.breadcrumb-item.active span{color: #131314; font-family: Arial; font-size: 14px; font-weight: 700;} #wrapwrap .o_portal_navbar{border: 0 !important; border-bottom: 1px solid #d8d8d8 !important; padding-left: 0 !important;} #wrapwrap .o_portal_navbar ol{padding-bottom: 16px !important; padding-left: 0px;} #wrapwrap .o_portal_navbar ol li{font-weight: bold !important; color: #141413;} #wrapwrap .o_portal_navbar ol li:first-child{font-weight: normal !important;} #wrapwrap .o_portal_my_doc_table{border: 0 !important;} #wrapwrap .o_portal_my_doc_table tr{padding-left: 0;} #wrapwrap .o_portal_my_doc_table tr td:not(.xx_badge){padding-top: 16px; padding-bottom: 16px; padding-left: 0px;} #wrapwrap .o_portal_my_doc_table tr td:not(.xx_badge) a{text-decoration: none;} #wrapwrap .o_portal_my_doc_table tr td:not(.xx_badge) a:hover{text-decoration: none;} #wrapwrap .o_portal_my_doc_table tr td.xx_badge{padding: 0;} #wrapwrap .o_portal_my_doc_table tbody tr:hover{background-color: #d8d8d8 !important; cursor: pointer;} #wrapwrap .o_portal_my_doc_table tbody tr:hover .badge{color: white !important;} #wrapwrap .o_portal_my_doc_table tbody tr:hover a{color: #89aa00; cursor: pointer;} #wrapwrap .o_portal_my_doc_table tbody tr:hover span{color: #89aa00; cursor: pointer;} #wrapwrap .o_portal_my_doc_table th{padding-top: 16px; padding-bottom: 16px; padding-left: 0px; border: 0 !important;} #wrapwrap .o_portal_my_doc_table th span{color: #141413; font-family: Arial; font-size: 14px; font-weight: 700; line-height: 20px;} #wrapwrap #o_portal_navbar_content .small{font-family: Arial; font-size: 9px; font-weight: 400; letter-spacing: 0.36px; line-height: 24px; margin-right: 24px;} #wrapwrap #o_portal_navbar_content a{font-family: Arial; font-size: 9px; font-weight: 700; letter-spacing: 0.36px; line-height: 24px;} #wrapwrap #o_portal_navbar_content .dropdown-toggle{text-decoration: none; cursor: pointer;} #wrapwrap #o_portal_navbar_content .dropdown-item.active{background-color: #89aa00; text-decoration: none;} #wrapwrap #o_portal_navbar_content .dropdown-item.active span{color: white;} #wrapwrap #loyalty_message{background-color: #d8d8d8; border-color: #666666; border-width: 0.5px;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border-color: #a0c827 !important; background-color: #a0c827 !important;} 

/* /xx_website_portal/static/src/less/portal_mobile.less defined in bundle 'web.assets_frontend' */
 @media (max-width: 767px){#wrapwrap .xx_my_promotions_div{margin-top: 16px;}#wrapwrap .xx_my_promotions_div img{max-width: 100%;}} 

/* /xx_website_shop/static/src/less/shop.less defined in bundle 'web.assets_frontend' */
 #wrapwrap .oe_website_sale, #wrapwrap .oe_website_sale:not(#product_detail) h1, #wrapwrap .oe_website_sale h2, #wrapwrap .oe_website_sale h3, #wrapwrap .oe_website_sale h4, #wrapwrap .oe_website_sale h5, #wrapwrap .oe_website_sale h6{font-family: inherit !important;} #wrapwrap .oe_website_sale .o_page_header .btn{padding: 4px 8px !important;} #wrapwrap .oe_website_sale h1{font-size: 32px !important; font-weight: 700;} #wrapwrap .oe_website_sale h2{font-size: 28px !important; font-weight: 700;} #wrapwrap .oe_website_sale h3{font-size: 20px !important; font-weight: 700;} #wrapwrap .oe_website_sale h4{font-size: 18px !important; font-weight: 700;} #wrapwrap .oe_website_sale h5{font-size: 16px !important; font-weight: 700;} #wrapwrap .oe_website_sale h6{font-size: 16px !important; font-weight: 700;} #wrapwrap .confirmation_title{font-size: 36px;} #wrapwrap .oe_website_sale_tx_status .card-header{background-color: #a0c827 !important;} #wrapwrap .oe_website_sale_tx_status .card-header span{color: #ffffff !important;} #wrapwrap .oe_website_sale_tx_status .card-body{background-color: #f2f2f2;} #wrapwrap input[name="country_code_field"]{max-width: 50px !important;} #wrapwrap #product_details .js_add_cart_json:focus{box-shadow: none; outline: 0 !important;} #wrapwrap #product_details input[name="add_qty"]{margin: 2px 0; outline: 0 !important;} #wrapwrap #product_details input[name="add_qty"]:focus{box-shadow: none; outline: 0;} #wrapwrap .xx-faw-pdp-usp{margin-top: 16px; line-height: 20px; list-style: none; -webkit-padding-start: 0px;} #wrapwrap .xx-faw-pdp-usp > li{margin-bottom: 5px;} #wrapwrap .xx-faw-pdp-usp > li::before{content: ''; display: inline-block; height: 20px; width: 20px; margin-right: 10px; background-image: url("/xx_website_shop/static/src/img/apple-li.png"); background-size: cover; vertical-align: bottom;} #wrapwrap .xx_help_icon{background-color: #ecff92; color: #131314; width: 20px; height: 20px; border-radius: 10px; display: inline-block; text-align: center; margin-left: 5px; cursor: pointer; outline: none;} #wrapwrap .xx_help_icon:after{content: "?"; position: relative; top: -2px; left: 0px; font-weight: bold; color: #64962b;} #wrapwrap #xx_contract_wanted ~ #xx_contract_options{display: none;} #wrapwrap #xx_contract_wanted ~ #xx_contract_options .xx_delivery_interval{width: 40%;} #wrapwrap #xx_contract_wanted ~ #xx_contract_options .xx_delivery_day{width: 40%;} #wrapwrap #xx_contract_wanted:checked ~ #xx_contract_options{display: block;} #wrapwrap #xx_requested_delivery_date #xx_requested_delivery_date_select{height: 40px; font-size: 16px;}