.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: #7C7BAD; color: white;} #list_website_pages td, #list_website_pages th{padding: 0.45rem;} #list_website_pages td > a.fa{margin-left: 5px; color: #7C7BAD;} #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%;} /* /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%;} /* /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;} /* /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;}} /* /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;}} /* /website_links/static/src/css/website_links.css defined in bundle 'web.assets_frontend' */ .no-link-style{color: black; text-decoration: none;} .required-form-control{background-color: #CECDFF;} #filters li a, #filters li.active a, #filters li.active a.active, #filters li.active a:hover, #filters li.active a:focus, #filters li a:hover{padding: 0px 5px; border-radius: 0px; border: 0px; border-color: transparent; border-right: 1px solid #999; padding-bottom: 0; background-color: #FFFFFF;} #filters li.active a{color: #999;} #filters li:last-child a, #filters li:last-child a:hover, #filters li:last-child a:focus{border-right: 0px;} .nav-tabs-inline{font-size: 14px;} #o_website_links_recent_links{min-height:30em;} .o_website_links_code_error{display:none; color:red; font-weight:bold;} .truncate_text{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 500px;} /* /mass_mailing/static/src/css/mass_mailing_popup.css defined in bundle 'web.assets_frontend' */ .editor_enable [data-oe-placeholder]:empty:not(:focus):before{content: " \00a0 " attr(data-oe-placeholder); opacity: 0.4;} .o_popup_animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes o_popup_bounce_small{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0);}70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}90%{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}} @keyframes o_popup_bounce_small{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0);}70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}90%{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}} .o_popup_bounce_small{-webkit-animation-name: o_popup_bounce_small; animation-name: o_popup_bounce_small; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom;} .o_popup_bounce_del500ms{-webkit-animation-delay: 500ms; animation-delay: 500ms;} #o_newsletter_popup .btn.btn-success{color: #ffffff; background-color: #21b799; border-color: #1da187;} #o_newsletter_popup .btn.btn-success:hover, #o_newsletter_popup .btn.btn-success:focus, #o_newsletter_popup .btn.btn-success.focus, #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.active, .open > .dropdown-toggle#o_newsletter_popup .btn.btn-success{color: #ffffff; background-color: #198c75; border-color: #146e5c;} #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.active, .open > .dropdown-toggle#o_newsletter_popup .btn.btn-success{background-image: none;} #o_newsletter_popup .btn.btn-success.disabled, #o_newsletter_popup .btn.btn-success[disabled], fieldset[disabled] #o_newsletter_popup .btn.btn-success, #o_newsletter_popup .btn.btn-success.disabled:hover, #o_newsletter_popup .btn.btn-success[disabled]:hover, fieldset[disabled] #o_newsletter_popup .btn.btn-success:hover, #o_newsletter_popup .btn.btn-success.disabled:focus, #o_newsletter_popup .btn.btn-success[disabled]:focus, fieldset[disabled] #o_newsletter_popup .btn.btn-success:focus, #o_newsletter_popup .btn.btn-success.disabled.focus, #o_newsletter_popup .btn.btn-success[disabled].focus, fieldset[disabled] #o_newsletter_popup .btn.btn-success.focus, #o_newsletter_popup .btn.btn-success.disabled:active, #o_newsletter_popup .btn.btn-success[disabled]:active, fieldset[disabled] #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.disabled.active, #o_newsletter_popup .btn.btn-success[disabled].active, fieldset[disabled] #o_newsletter_popup .btn.btn-success.active{background-color: #21b799; border-color: #1da187;} #o_newsletter_popup h1, #o_newsletter_popup h2, #o_newsletter_popup h3, #o_newsletter_popup h4, #o_newsletter_popup h5, #o_newsletter_popup h6, #o_newsletter_popup .h1, #o_newsletter_popup .h2, #o_newsletter_popup .h3, #o_newsletter_popup .h4, #o_newsletter_popup .h5, #o_newsletter_popup .h6{font-weight: 300; color: #666; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #o_newsletter_popup h1:first-child, #o_newsletter_popup h2:first-child, #o_newsletter_popup h3:first-child, #o_newsletter_popup h4:first-child, #o_newsletter_popup h5:first-child, #o_newsletter_popup h6:first-child, #o_newsletter_popup .h1:first-child, #o_newsletter_popup .h2:first-child, #o_newsletter_popup .h3:first-child, #o_newsletter_popup .h4:first-child, #o_newsletter_popup .h5:first-child, #o_newsletter_popup .h6:first-child{margin-top: 0;} #o_newsletter_popup .o_popup_modal_content{border-radius: 2px; box-shadow: 0 0 20px rgba(255, 255, 255, 0.11); -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.11); border: 1px solid #767676; background: #f2f2f2;} #o_newsletter_popup .o_popup_modal_content:before{content: ""; position: absolute; width: 100%; height: 100%; z-index: 0; background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(42%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);} #web_editor_inside_iframe #o_newsletter_popup .o_popup_modal_content:before{content: none;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header{background: #6c1153; padding: 5px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header .o_popup_modal_title{color: #ffffff;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header *{position: relative; z-index: 1;} #o_newsletter_popup .o_popup_modal_content a.o_popup_btn_close{position: absolute; z-index: 99; right: 5px; top: 6px; width: 23px; height: 23px; display: block; text-align: center; border-radius: 100em; background: #6c1153; color: #daa3cb; text-decoration: none; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; -ms-transition: all ease 200ms; -o-transition: all ease 200ms;} #o_newsletter_popup .o_popup_modal_content a.o_popup_btn_close:hover{background: #89296e; color: #ffffff;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body{padding: 0px 0px 30px; color: #666666;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev{padding-bottom: 15px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message{font-size: 3em; position: relative; text-align: left; padding-left: 2em; line-height: 1; margin: .5em; font-weight: 100;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message font{font-weight: 600; color: #875A7B; font-size: 2.5em; font-style: italic; position: absolute; top: -0.1em; margin-left: -0.65em;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message strong{color: #875A7B;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_message_paragraph{position: relative;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group{margin-left: auto; margin-right: auto; max-width: 350px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group input{border-radius: 2px 0 0 2px; border: none; outline: 0; box-shadow: inset 0 -1px #cccccc;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group .btn{border-radius: 0 2px 2px 0; border-width: 0 0 1px; padding-top: 7px; margin-left: -1px; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; -ms-transition: all ease 200ms; -o-transition: all ease 200ms;} /* /payment/static/src/scss/portal_payment.scss defined in bundle 'web.assets_frontend' */ input#cc_number{background-repeat: no-repeat; background-position: 14px 14px;} div.card_placeholder{background-image: url("/website_payment/static/src/img/placeholder.png"); background-repeat: no-repeat; width: 32px; height: 20px; position: absolute; top: 8px; right: 20px; -webkit-transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); pointer-events: none;} div.o_card_brand_detail{position: relative;} div.o_card_brand_detail div.card_placeholder{right: 5px;} div.amex{background-image: url("/website_payment/static/src/img/amex.png"); background-repeat: no-repeat;} div.diners{background-image: url("/website_payment/static/src/img/diners.png"); background-repeat: no-repeat;} div.discover{background-image: url("/website_payment/static/src/img/discover.png"); background-repeat: no-repeat;} div.jcb{background-image: url("/website_payment/static/src/img/jcb.png"); background-repeat: no-repeat;} div.mastercard{background-image: url("/website_payment/static/src/img/mastercard.png"); background-repeat: no-repeat;} div.visa{background-image: url("/website_payment/static/src/img/visa.png"); background-repeat: no-repeat;} ul.payment_method_list img.rounded{max-width: 100px; max-height: 40px;} /* /payment/static/src/scss/payment_form.scss defined in bundle 'web.assets_frontend' */ .o_payment_form label > input[type="radio"], .o_payment_form input[type="checkbox"]{vertical-align: middle; margin-right: 5px;} .o_payment_form .payment_option_name{font-size: 14px; font-weight: normal !important; font-family: Helvetica Neue, sans-serif; line-height: 1.3em; color: #4d4d4d;} .o_payment_form label{font-weight: normal; margin-top: 5px;} .o_payment_form .card-body:first-child{border-top: 0px;} .o_payment_form .card{border-radius: 10px;} .o_payment_form .card-footer:last-child{border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important;} .o_payment_form .card-body{border-top: 1px solid #ddd; padding: 1.14em !important;} .o_payment_form .payment_icon_list{position: relative; margin-top: 0px !important; margin-bottom: -5px !important;} .o_payment_form .payment_icon_list li{padding-left: 5px !important; padding-right: 0px !important;} .o_payment_form .payment_icon_list .more_option{position: absolute; top: auto; left: auto; bottom: auto; right: 10px; font-size: 10px;} /* /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;} /* /klinkers_website/static/src/scss/variable.scss defined in bundle 'web.assets_frontend' */ /* /klinkers_website/static/src/scss/fonts.scss defined in bundle 'web.assets_frontend' */ @font-face{font-family: 'Roboto'; font-weight: 100; font-style: normal; src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Thin-webfont.eot"); src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Thin-webfont.woff") format("woff"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Thin-webfont.ttf") format("truetype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Thin-webfont.svg#Roboto") format("svg");} @font-face{font-family: "Roboto-Thin"; src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Thin-webfont.eot"); src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Thin-webfont.woff") format("woff"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Thin-webfont.ttf") format("truetype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Thin-webfont.svg#Roboto") format("svg");} @font-face{font-family: 'Roboto'; font-weight: 100; font-style: italic; src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-ThinItalic-webfont.eot"); src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-ThinItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-ThinItalic-webfont.woff") format("woff"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-ThinItalic-webfont.ttf") format("truetype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-ThinItalic-webfont.svg#Roboto") format("svg");} @font-face{font-family: "Roboto-ThinItalic"; src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-ThinItalic-webfont.eot"); src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-ThinItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-ThinItalic-webfont.woff") format("woff"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-ThinItalic-webfont.ttf") format("truetype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-ThinItalic-webfont.svg#Roboto") format("svg");} @font-face{font-family: 'Roboto'; font-weight: 300; font-style: normal; src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Light-webfont.eot"); src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Light-webfont.woff") format("woff"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Light-webfont.ttf") format("truetype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Light-webfont.svg#Roboto") format("svg");} @font-face{font-family: "Roboto-Light"; src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Light-webfont.eot"); src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Light-webfont.woff") format("woff"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Light-webfont.ttf") format("truetype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Light-webfont.svg#Roboto") format("svg");} @font-face{font-family: 'Roboto'; font-weight: 300; font-style: italic; src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-LightItalic-webfont.eot"); src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-LightItalic-webfont.woff") format("woff"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-LightItalic-webfont.ttf") format("truetype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-LightItalic-webfont.svg#Roboto") format("svg");} @font-face{font-family: "Roboto-LightItalic"; src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-LightItalic-webfont.eot"); src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-LightItalic-webfont.woff") format("woff"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-LightItalic-webfont.ttf") format("truetype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-LightItalic-webfont.svg#Roboto") format("svg");} @font-face{font-family: 'Roboto'; font-weight: 400; font-style: normal; src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Regular-webfont.eot"); src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Regular-webfont.woff") format("woff"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Regular-webfont.ttf") format("truetype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Regular-webfont.svg#Roboto") format("svg");} @font-face{font-family: "Roboto-Regular"; src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Regular-webfont.eot"); src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Regular-webfont.woff") format("woff"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Regular-webfont.ttf") format("truetype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Regular-webfont.svg#Roboto") format("svg");} @font-face{font-family: 'Roboto'; font-weight: 400; font-style: italic; src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-RegularItalic-webfont.eot"); src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-RegularItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-RegularItalic-webfont.woff") format("woff"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-RegularItalic-webfont.ttf") format("truetype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-RegularItalic-webfont.svg#Roboto") format("svg");} @font-face{font-family: "Roboto-RegularItalic"; src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-RegularItalic-webfont.eot"); src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-RegularItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-RegularItalic-webfont.woff") format("woff"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-RegularItalic-webfont.ttf") format("truetype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-RegularItalic-webfont.svg#Roboto") format("svg");} @font-face{font-family: 'Roboto'; font-weight: 500; font-style: normal; src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Medium-webfont.eot"); src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Medium-webfont.woff") format("woff"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Medium-webfont.ttf") format("truetype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Medium-webfont.svg#Roboto") format("svg");} @font-face{font-family: "Roboto-Medium"; src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Medium-webfont.eot"); src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Medium-webfont.woff") format("woff"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Medium-webfont.ttf") format("truetype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Medium-webfont.svg#Roboto") format("svg");} @font-face{font-family: 'Roboto'; font-weight: 500; font-style: italic; src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-MediumItalic-webfont.eot"); src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-MediumItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-MediumItalic-webfont.woff") format("woff"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-MediumItalic-webfont.ttf") format("truetype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-MediumItalic-webfont.svg#Roboto") format("svg");} @font-face{font-family: "Roboto-MediumItalic"; src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-MediumItalic-webfont.eot"); src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-MediumItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-MediumItalic-webfont.woff") format("woff"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-MediumItalic-webfont.ttf") format("truetype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-MediumItalic-webfont.svg#Roboto") format("svg");} @font-face{font-family: 'Roboto'; font-weight: 700; font-style: normal; src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Bold-webfont.eot"); src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Bold-webfont.woff") format("woff"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Bold-webfont.ttf") format("truetype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Bold-webfont.svg#Roboto") format("svg");} @font-face{font-family: "Roboto-Bold"; src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Bold-webfont.eot"); src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Bold-webfont.woff") format("woff"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Bold-webfont.ttf") format("truetype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Bold-webfont.svg#Roboto") format("svg");} @font-face{font-family: 'Roboto'; font-weight: 700; font-style: italic; src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-BoldItalic-webfont.eot"); src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-BoldItalic-webfont.woff") format("woff"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-BoldItalic-webfont.ttf") format("truetype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-BoldItalic-webfont.svg#Roboto") format("svg");} @font-face{font-family: "Roboto-BoldItalic"; src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-BoldItalic-webfont.eot"); src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-BoldItalic-webfont.woff") format("woff"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-BoldItalic-webfont.ttf") format("truetype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-BoldItalic-webfont.svg#Roboto") format("svg");} @font-face{font-family: 'Roboto'; font-weight: 900; font-style: normal; src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Black-webfont.eot"); src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Black-webfont.eot?#iefix") format("embedded-opentype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Black-webfont.woff") format("woff"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Black-webfont.ttf") format("truetype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Black-webfont.svg#Roboto") format("svg");} @font-face{font-family: "Roboto-Black"; src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Black-webfont.eot"); src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Black-webfont.eot?#iefix") format("embedded-opentype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Black-webfont.woff") format("woff"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Black-webfont.ttf") format("truetype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-Black-webfont.svg#Roboto") format("svg");} @font-face{font-family: 'Roboto'; font-weight: 900; font-style: italic; src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-BlackItalic-webfont.eot"); src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-BlackItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-BlackItalic-webfont.woff") format("woff"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-BlackItalic-webfont.ttf") format("truetype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-BlackItalic-webfont.svg#Roboto") format("svg");} @font-face{font-family: "Roboto-BlackItalic"; src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-BlackItalic-webfont.eot"); src: url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-BlackItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-BlackItalic-webfont.woff") format("woff"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-BlackItalic-webfont.ttf") format("truetype"), url("/klinkers_website/static/src/scss/../fonts/Roboto/Roboto-BlackItalic-webfont.svg#Roboto") format("svg");} /* /klinkers_website/static/src/scss/common_function.scss defined in bundle 'web.assets_frontend' */ .btn.btn-secondary{background-color: #006380; border: 0; border-radius: 0;} .btn.btn-secondary:hover, .btn.btn-secondary:active, .btn.btn-secondary:focus{background-color: #F89000; box-shadow: none;} .btn.btn-primary{background-color: #F89000; border: 0; border-radius: 0;} .btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus{background-color: #006380; box-shadow: none;} .pagination{border-radius: 0;} .pagination .page-item .page-link{border-radius: 0;} .pagination .page-item .page-link:hover{background-color: #F89000; color: #FFFFFF;} .pagination .page-item.active .page-link{background-color: #006380;} .pagination .page-item.disabled{cursor: not-allowed;} .pagination .page-item:first-child .page-link{font-size: 0;} .pagination .page-item:first-child .page-link:after{content: '\f104'; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; font-size: 17px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .pagination .page-item:last-child .page-link{font-size: 0;} .pagination .page-item:last-child .page-link:after{content: '\f105'; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; font-size: 17px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} /* /klinkers_website/static/src/scss/home_layout.scss defined in bundle 'web.assets_frontend' */ /* /klinkers_website/static/src/scss/repair_layout.scss defined in bundle 'web.assets_frontend' */ /* /klinkers_website/static/src/scss/rental_layout.scss defined in bundle 'web.assets_frontend' */ /* /klinkers_website/static/src/scss/shop_layout.scss defined in bundle 'web.assets_frontend' */ /* /klinkers_website/static/src/scss/search_layout.scss defined in bundle 'web.assets_frontend' */ .product_details{display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px;} .product_box{border: 1px solid #ddd; padding: 10px; text-align: center; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: space-between; height: 100%;} .product_image img{max-width: 100%; height: auto; margin-bottom: 10px;} .product_content{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; flex-grow: 1; -webkit-box-pack: end; justify-content: flex-end;} .product_description{margin-bottom: 10px;} .product_price{font-weight: bold; margin-top: auto;} /* /klinkers_website/static/src/scss/contact_us.scss defined in bundle 'web.assets_frontend' */ /* /klinkers_website/static/src/scss/rental_cart.scss defined in bundle 'web.assets_frontend' */ /* /klinkers_website/static/src/scss/checkout_process.scss defined in bundle 'web.assets_frontend' */ /* /klinkers_website/static/src/scss/portal_layout.scss defined in bundle 'web.assets_frontend' */ /* /klinkers_website/static/src/scss/layout.scss defined in bundle 'web.assets_frontend' */ body{font-family: Roboto;} body a, body .btn-link{color: #006380;} body .badge-primary{background-color: #006380;} body .badge-secondary{background-color: #F89000;} body #wrapwrap header .navbar{background-color: #000 !important; padding: 0 1rem;} body #wrapwrap header .navbar #top_menu_collapse #top_menu, body #wrapwrap header .navbar #top_menu_collapse_clone #top_menu{margin-right: auto;} body #wrapwrap header .navbar #top_menu_collapse #top_menu > li, body #wrapwrap header .navbar #top_menu_collapse_clone #top_menu > li{font-size: 18px; text-transform: uppercase; font-weight: 300;} body #wrapwrap header .navbar #top_menu_collapse #top_menu > li > .nav-link, body #wrapwrap header .navbar #top_menu_collapse_clone #top_menu > li > .nav-link{color: #FFFFFF; padding: 15px;} body #wrapwrap header .navbar #top_menu_collapse #top_menu > li > .nav-link.active, body #wrapwrap header .navbar #top_menu_collapse_clone #top_menu > li > .nav-link.active{color: #F89000; border-bottom: 3px solid #FFFFFF;} body #wrapwrap header .navbar #top_menu_collapse #top_menu > li > .nav-link:not(.active):hover, body #wrapwrap header .navbar #top_menu_collapse_clone #top_menu > li > .nav-link:not(.active):hover{color: #00B2E7;} body #wrapwrap header .navbar #top_menu_collapse #top_menu > li.divider, body #wrapwrap header .navbar #top_menu_collapse_clone #top_menu > li.divider{margin-top: 10px;} body #wrapwrap header .navbar #top_menu_collapse #top_menu > li > .dropdown-menu, body #wrapwrap header .navbar #top_menu_collapse_clone #top_menu > li > .dropdown-menu{opacity: 0.7; border-radius: 0; margin: 0; top: 99%; min-width: 240px; color: #FFFFFF; padding: 0; width: auto; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.9);} body #wrapwrap header .navbar #top_menu_collapse #top_menu > li > .dropdown-menu .dropdown-item, body #wrapwrap header .navbar #top_menu_collapse_clone #top_menu > li > .dropdown-menu .dropdown-item{color: #FFFFFF; font-size: 18px; background-color: transparent; padding: 0; text-transform: uppercase; font-weight: 300;} body #wrapwrap header .navbar #top_menu_collapse #top_menu > li > .dropdown-menu .dropdown-item:hover, body #wrapwrap header .navbar #top_menu_collapse_clone #top_menu > li > .dropdown-menu .dropdown-item:hover{color: #00B2E7; background-color: transparent;} body #wrapwrap header .navbar #top_menu_collapse #top_menu > li > .dropdown-menu .dropdown-item.active, body #wrapwrap header .navbar #top_menu_collapse_clone #top_menu > li > .dropdown-menu .dropdown-item.active{background-color: transparent;} body #wrapwrap header .navbar #top_menu_collapse #top_menu > li > .dropdown-menu.js_usermenu > a, body #wrapwrap header .navbar #top_menu_collapse_clone #top_menu > li > .dropdown-menu.js_usermenu > a{padding: 10px 20px;} body #wrapwrap header .navbar #top_menu_collapse #top_menu > li > .dropdown-menu li, body #wrapwrap header .navbar #top_menu_collapse_clone #top_menu > li > .dropdown-menu li{list-style: none; padding: 10px 20px; position: relative;} body #wrapwrap header .navbar #top_menu_collapse #top_menu > li > .dropdown-menu li .fa-angle-left, body #wrapwrap header .navbar #top_menu_collapse_clone #top_menu > li > .dropdown-menu li .fa-angle-left{display: none;} body #wrapwrap header .navbar #top_menu_collapse #top_menu > li > .dropdown-menu li:hover > ul, body #wrapwrap header .navbar #top_menu_collapse_clone #top_menu > li > .dropdown-menu li:hover > ul{display: block; position: absolute; left: 100%; top: 0; min-width: 240px; background-color: rgba(0, 0, 0, 0.9);} body #wrapwrap header .navbar #top_menu_collapse #top_menu > li > .dropdown-menu a, body #wrapwrap header .navbar #top_menu_collapse_clone #top_menu > li > .dropdown-menu a{color: #FFFFFF; text-decoration: none; font-size: 18px;} body #wrapwrap header .navbar #top_menu_collapse #top_menu > li > .dropdown-menu a:hover, body #wrapwrap header .navbar #top_menu_collapse_clone #top_menu > li > .dropdown-menu a:hover{color: #00B2E7;} body #wrapwrap header .navbar #top_menu_collapse #top_menu > li > .dropdown-menu ul, body #wrapwrap header .navbar #top_menu_collapse_clone #top_menu > li > .dropdown-menu ul{padding: 0; display: none;} body #wrapwrap header .navbar #top_menu_collapse #top_menu > li:hover, body #wrapwrap header .navbar #top_menu_collapse_clone #top_menu > li:hover{position: relative;} body #wrapwrap header .navbar #top_menu_collapse #top_menu > li:hover > .dropdown-menu, body #wrapwrap header .navbar #top_menu_collapse_clone #top_menu > li:hover > .dropdown-menu{display: block; overflow: visible;} body #wrapwrap header .navbar .navbar-brand.logo img{height: 3.3125rem;} body #wrapwrap .ke_banner{position: relative; height: 500px; background-repeat: no-repeat; background-size: cover; background-position: center; text-align: center;} body #wrapwrap .ke_banner .ke_banner_details{height: 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; flex-flow: column; justify-content: center; max-width: 100%;} body #wrapwrap .ke_banner .ke_banner_details .ke_company{font-size: 20px; color: #FFFFFF;} body #wrapwrap .ke_banner .ke_banner_details .ke_company b{text-shadow: 2px -1px 8px rgba(255, 255, 255, 0.5);} body #wrapwrap .ke_banner .ke_banner_details .repair-logo{position: absolute; right: 65px; bottom: 0px;} body #wrapwrap .ke_banner .ke_banner_details .ke-title{color: #FFFFFF;} body #wrapwrap .ke_banner .ke_banner_details .ke-title > h1{font-size: 55px; font-weight: 300;} body #wrapwrap .ke_banner .ke_banner_details .ke-search > form{position: relative; display: table; margin: auto;} body #wrapwrap .ke_banner .ke_banner_details .ke-search > form .ke_search_box{background-color: #000; border-color: #000; opacity: 0.7; color: #bcbcbc; min-width: 200px;} body #wrapwrap .ke_banner .ke_banner_details .ke-search > form .ke-search-data{position: absolute; top: 2px; right: 5px; color: #bcbcbc; background-color: transparent; border: 0; padding: 0; box-shadow: none;} body #wrapwrap .ke_banner .bottom_line{position: absolute; right: 10px; bottom: 10px; background-color: #FFFFFF; width: 40px; border-radius: 50%; height: 40px; text-align: center; line-height: 0;} body #wrapwrap .ke_banner .bottom_line .to-bottom{width: 100%; height: 100%; font-size: 40px; text-decoration: none; color: #006380;} body #wrapwrap main{min-height: 300px;} body #wrapwrap main .kd_repair_service{font-size: 20px; color: #5C5C5C; font-weight: 300;} body #wrapwrap main .kd_repair_service .col-md-12 > .repair_header{color: #006380; font-size: 40px; font-weight: 300;} body #wrapwrap main .kd_repair_service .col-md-12 .ke_link{color: #006380;} body #wrapwrap main .kd_repair_service .col-md-12 b{font-weight: 700;} body #wrapwrap main .kd_repair_service .col-md-12 .btn-primary{background-color: #F89000; border-color: #F89000;} body #wrapwrap main #rental_information, body #wrapwrap main #rental_sub_category_information{font-size: 20px; color: #5C5C5C; font-weight: 300;} body #wrapwrap main #rental_information h1, body #wrapwrap main #rental_information h2, body #wrapwrap main #rental_sub_category_information h1, body #wrapwrap main #rental_sub_category_information h2{font-size: 40px; font-weight: 300; color: #006380;} body #wrapwrap main #rental_information strong, body #wrapwrap main #rental_sub_category_information strong{font-weight: 700;} body #wrapwrap main #rental_information a:not(.btn), body #wrapwrap main #rental_sub_category_information a:not(.btn){color: #006380;} body #wrapwrap main #rental_information a:not(.btn):hover, body #wrapwrap main #rental_sub_category_information a:not(.btn):hover{color: #003c4d;} body #wrapwrap main #rental_information .system_image > img, body #wrapwrap main #rental_sub_category_information .system_image > img{max-width: 300px;} body #wrapwrap main #rental_information .system_full_line, body #wrapwrap main #rental_sub_category_information .system_full_line{display: inline-block; width: 100%;} body #wrapwrap main .blue_banner, body #wrapwrap main .black_banner{font-size: 20px; font-weight: 300; color: #FFFFFF;} body #wrapwrap main .blue_banner h2, body #wrapwrap main .black_banner h2{font-weight: 300; font-size: 40px; color: #F89000;} body #wrapwrap main .blue_banner a, body #wrapwrap main .black_banner a{color: #00B2E7;} body #wrapwrap main .black_banner{background-color: #000; border-bottom: 10px solid #006380;} body #wrapwrap main .blue_banner{background-color: #006380; border-bottom: 10px solid #000;} body #wrapwrap main .shop_layout{font-size: 20px; color: #5C5C5C; font-weight: 300;} body #wrapwrap main .shop_layout h1, body #wrapwrap main .shop_layout h2{font-size: 40px; font-weight: 300; color: #006380;} body #wrapwrap main .shop_layout h3{font-weight: 300; color: #006380;} body #wrapwrap main .rental_price{font-size: 20px; color: #5C5C5C; font-weight: 300;} body #wrapwrap main .rental_price h1, body #wrapwrap main .rental_price h2{font-size: 40px; font-weight: 300; color: #006380;} body #wrapwrap main #products_grid .oe_product section{color: #5C5C5C; font-weight: 300;} body #wrapwrap main #products_grid .oe_product section > h6{font-weight: 300;} body #wrapwrap main #products_grid .oe_product section > h6 a:not(.btn){color: #006380;} body #wrapwrap main #products_grid .oe_product section .oe_subdescription{color: #006380 !important;} body #wrapwrap main #products_grid .oe_product.oe_list{padding-top: 10px;} body #wrapwrap main #product_detail .col-md-12.oe_search_box .form-inline.justify-content-end > form[method="get"]{display: none;} body #wrapwrap main #product_detail #product_details, body #wrapwrap main #product_detail .oe_specifications{font-size: 20px; color: #5C5C5C; font-weight: 300;} body #wrapwrap main #product_detail #product_details h1, body #wrapwrap main #product_detail #product_details h2, body #wrapwrap main #product_detail .oe_specifications h1, body #wrapwrap main #product_detail .oe_specifications h2{font-weight: 300; color: #006380;} body #wrapwrap main #product_detail #product_details h1, body #wrapwrap main #product_detail .oe_specifications h1{font-size: 40px;} body #wrapwrap main #product_detail .oe_specifications .oe_detail{margin-bottom: 10px;} body #wrapwrap main #product_detail .oe_specifications table tr:nth-child(odd){background-color: #F9F9F9;} body #wrapwrap main #kesearch_data .product_details .oe_detail{font-size: 20px; color: #5C5C5C; font-weight: 300; padding: 25px 0;} body #wrapwrap main #kesearch_data .product_details .oe_detail h5{font-weight: 300; color: #006380;} body #wrapwrap main .ke_header{color: #006380; font-size: 40px; font-weight: 300;} body #wrapwrap main .s_website_form, body #wrapwrap main .oe_contact{font-size: 20px; color: #5C5C5C; font-weight: 300; margin: 1.5em 0;} body #wrapwrap main .s_nb_column_fixed{margin: 0;} body #wrapwrap main .s_nb_column_fixed .s_title{padding: 0;} body #wrapwrap main .s_nb_column_fixed .s_title h1{font-size: 40px; font-weight: 300; color: #006380;} body #wrapwrap main .contact_form{border-right: 1px solid #efefef;} body #wrapwrap main .oe_no_cart{border: 1px solid #efefef; font-size: 20px; color: #5C5C5C; font-weight: 300;} body #wrapwrap main .oe_no_cart h3{font-size: 40px; font-weight: 300; color: #006380;} body #wrapwrap main .oe_rental_cart, body #wrapwrap main .oe_rental_product{font-size: 20px; color: #5C5C5C; font-weight: 300;} body #wrapwrap main .oe_rental_cart{border-right: 1px solid #efefef;} body #wrapwrap main .oe_rental_product .product_details > .row{border: 1px solid #efefef;} body #wrapwrap main .oe_rental_product .product_details > .row .oe_kanban_product{border-bottom: 1px solid #efefef;} body #wrapwrap main .oe_rental_product .product_details > .row .oe_kanban_product > .row{justify-content: center; align-items: center;} body #wrapwrap main .o_portal > .row, body #wrapwrap main .o_portal .o_portal_navbar, body #wrapwrap main .o_portal_wrap > .row, body #wrapwrap main .o_portal_wrap .o_portal_navbar{background-color: transparent !important; font-size: small; border: 0 !important; padding: 0;} body #wrapwrap main .o_portal > .row .o_portal_submenu, body #wrapwrap main .o_portal .o_portal_navbar .o_portal_submenu, body #wrapwrap main .o_portal_wrap > .row .o_portal_submenu, body #wrapwrap main .o_portal_wrap .o_portal_navbar .o_portal_submenu{padding: 0 !important;} body #wrapwrap main .o_portal > .row .breadcrumb-item + .breadcrumb-item:before, body #wrapwrap main .o_portal .o_portal_navbar .breadcrumb-item + .breadcrumb-item:before, body #wrapwrap main .o_portal_wrap > .row .breadcrumb-item + .breadcrumb-item:before, body #wrapwrap main .o_portal_wrap .o_portal_navbar .breadcrumb-item + .breadcrumb-item:before{content: "\00bb";} body #wrapwrap main .oe_website_sale .progress-wizard .progress-wizard-step.active .progress-wizard-dot{background-color: #006380; box-shadow: 0 0 0 0.1875rem white, 0 0 0 0.25rem #176380;} body #wrapwrap main .oe_website_sale #cart_total .table #order_total_untaxed .text-right, body #wrapwrap main .oe_website_sale #cart_total .table #order_total_taxes .text-right, body #wrapwrap main .oe_website_sale #cart_total .table #order_total .text-right{text-align: left !important;} body #wrapwrap main .oe_website_sale #cart_total .table #order_total_untaxed .text-xl-right, body #wrapwrap main .oe_website_sale #cart_total .table #order_total_taxes .text-xl-right, body #wrapwrap main .oe_website_sale #cart_total .table #order_total .text-xl-right{text-align: right !important;} body #wrapwrap main .ke_homepage > section{font-size: 20px; color: #5C5C5C; font-weight: 300; margin: 1.5em 0;} body #wrapwrap main .ke_homepage > section .container .ke_header{color: #006380; font-size: 40px; font-weight: 300;} body #wrapwrap main .ke_homepage > section .container .ke_link{color: #006380;} body #wrapwrap main .ke_homepage > section .container b{font-weight: 700;} body #wrapwrap main .ke_homepage > section.ke_navigation{background-color: #003241; margin-top: 5px;} body #wrapwrap main .ke_homepage > section.ke_navigation .ke_navbar{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; list-style: none; padding: 0px; -webkit-flex-flow: row wrap; flex-flow: row wrap;} body #wrapwrap main .ke_homepage > section.ke_navigation .ke_navbar > li{transform: skewX(-10deg); border-right: 1px solid #FFFFFF; flex: 1 1 20%; position: relative;} body #wrapwrap main .ke_homepage > section.ke_navigation .ke_navbar > li.ke_rent{background-color: #F89000;} body #wrapwrap main .ke_homepage > section.ke_navigation .ke_navbar > li.ke_sale{background-color: #009ece;} body #wrapwrap main .ke_homepage > section.ke_navigation .ke_navbar > li.ke_component{background-color: #004f67;} body #wrapwrap main .ke_homepage > section.ke_navigation .ke_navbar > li.ke_repair{background-color: #222;} body #wrapwrap main .ke_homepage > section.ke_navigation .ke_navbar > li > a{display: block; min-height: 214px; background-size: 40%; background-repeat: no-repeat; background-position: center; text-align: center; transform: skewX(10deg);} body #wrapwrap main .ke_homepage > section.ke_navigation .ke_navbar > li > a > span{position: absolute; bottom: 20px; left: 0; right: 0; color: #FFFFFF;} body #wrapwrap main .ke_homepage > section.ke_navigation .ke_navbar > li > a:hover > span{color: #FFFFFF;} body #wrapwrap main .ke_homepage > section.ke_news{background-color: #006380; color: #FFFFFF;} body #wrapwrap main .ke_homepage > section.ke_news .container .ke_header{color: #F89000;} body #wrapwrap main .ke_homepage > section.ke_news .container .ke_news_images{display: block; width: 100%; max-width: 100%; padding: 50px 0; margin: auto; text-align: center;} body #wrapwrap main .ke_homepage > section.ke_news .container .ke_news_images > li{display: inline-block; width: 30%; padding: 8px;} body #wrapwrap main .ke_homepage > section.ke_news .container .ke_news_images > li img{width: 100%; height: auto;} body #wrapwrap main .ke_homepage > section.ke_news .container .ke_news_images > li:hover{position: relative;} body #wrapwrap main .ke_homepage > section.ke_news .container .ke_news_images > li:hover img{filter: grayscale(100%);} body #wrapwrap main .ke_homepage > section.ke_repair_deatils{background-color: #000; border-bottom: 10px solid #006380; color: #FFFFFF;} body #wrapwrap main .ke_homepage > section.ke_repair_deatils .ke_header{color: #F89000;} body #wrapwrap main .ke_homepage > section.ke_repair_deatils .container .row .ke_image > img{width: 100%;} body #wrapwrap main .oe_website_sale > .row > .col-md-12 .breadcrumb, body #wrapwrap main .oe_website_sale > .row > .col-md-4 .breadcrumb, body #wrapwrap main .kd_repair_service > .row > .col-md-12 .breadcrumb, body #wrapwrap main .kd_repair_service > .row > .col-md-4 .breadcrumb, body #wrapwrap main #products_grid_before > .row > .col-md-12 .breadcrumb, body #wrapwrap main #products_grid_before > .row > .col-md-4 .breadcrumb, body #wrapwrap main #product_detail > .row > .col-md-12 .breadcrumb, body #wrapwrap main #product_detail > .row > .col-md-4 .breadcrumb{background-color: transparent; font-size: small;} body #wrapwrap main .oe_website_sale > .row > .col-md-12 .breadcrumb .breadcrumb-item + .breadcrumb-item:before, body #wrapwrap main .oe_website_sale > .row > .col-md-4 .breadcrumb .breadcrumb-item + .breadcrumb-item:before, body #wrapwrap main .kd_repair_service > .row > .col-md-12 .breadcrumb .breadcrumb-item + .breadcrumb-item:before, body #wrapwrap main .kd_repair_service > .row > .col-md-4 .breadcrumb .breadcrumb-item + .breadcrumb-item:before, body #wrapwrap main #products_grid_before > .row > .col-md-12 .breadcrumb .breadcrumb-item + .breadcrumb-item:before, body #wrapwrap main #products_grid_before > .row > .col-md-4 .breadcrumb .breadcrumb-item + .breadcrumb-item:before, body #wrapwrap main #product_detail > .row > .col-md-12 .breadcrumb .breadcrumb-item + .breadcrumb-item:before, body #wrapwrap main #product_detail > .row > .col-md-4 .breadcrumb .breadcrumb-item + .breadcrumb-item:before{content: "\00bb";} body #wrapwrap main .oe_website_sale > .row > .col-md-12 .breadcrumb .sub_cat, body #wrapwrap main .oe_website_sale > .row > .col-md-4 .breadcrumb .sub_cat, body #wrapwrap main .kd_repair_service > .row > .col-md-12 .breadcrumb .sub_cat, body #wrapwrap main .kd_repair_service > .row > .col-md-4 .breadcrumb .sub_cat, body #wrapwrap main #products_grid_before > .row > .col-md-12 .breadcrumb .sub_cat, body #wrapwrap main #products_grid_before > .row > .col-md-4 .breadcrumb .sub_cat, body #wrapwrap main #product_detail > .row > .col-md-12 .breadcrumb .sub_cat, body #wrapwrap main #product_detail > .row > .col-md-4 .breadcrumb .sub_cat{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row-reverse;} body #wrapwrap main .oe_website_sale > .row > .col-md-12 .breadcrumb .sub_cat .breadcrumb-item:first-child, body #wrapwrap main .oe_website_sale > .row > .col-md-4 .breadcrumb .sub_cat .breadcrumb-item:first-child, body #wrapwrap main .kd_repair_service > .row > .col-md-12 .breadcrumb .sub_cat .breadcrumb-item:first-child, body #wrapwrap main .kd_repair_service > .row > .col-md-4 .breadcrumb .sub_cat .breadcrumb-item:first-child, body #wrapwrap main #products_grid_before > .row > .col-md-12 .breadcrumb .sub_cat .breadcrumb-item:first-child, body #wrapwrap main #products_grid_before > .row > .col-md-4 .breadcrumb .sub_cat .breadcrumb-item:first-child, body #wrapwrap main #product_detail > .row > .col-md-12 .breadcrumb .sub_cat .breadcrumb-item:first-child, body #wrapwrap main #product_detail > .row > .col-md-4 .breadcrumb .sub_cat .breadcrumb-item:first-child{padding-left: 0.5rem;} body #wrapwrap main .oe_website_sale > .row > .col-md-12 .breadcrumb .sub_cat .breadcrumb-item:first-child:before, body #wrapwrap main .oe_website_sale > .row > .col-md-4 .breadcrumb .sub_cat .breadcrumb-item:first-child:before, body #wrapwrap main .kd_repair_service > .row > .col-md-12 .breadcrumb .sub_cat .breadcrumb-item:first-child:before, body #wrapwrap main .kd_repair_service > .row > .col-md-4 .breadcrumb .sub_cat .breadcrumb-item:first-child:before, body #wrapwrap main #products_grid_before > .row > .col-md-12 .breadcrumb .sub_cat .breadcrumb-item:first-child:before, body #wrapwrap main #products_grid_before > .row > .col-md-4 .breadcrumb .sub_cat .breadcrumb-item:first-child:before, body #wrapwrap main #product_detail > .row > .col-md-12 .breadcrumb .sub_cat .breadcrumb-item:first-child:before, body #wrapwrap main #product_detail > .row > .col-md-4 .breadcrumb .sub_cat .breadcrumb-item:first-child:before{padding-right: 0.5rem; content: "\00bb";} body #wrapwrap main .oe_website_sale > .row > .col-md-12 .breadcrumb .sub_cat + li.breadcrumb-item, body #wrapwrap main .oe_website_sale > .row > .col-md-4 .breadcrumb .sub_cat + li.breadcrumb-item, body #wrapwrap main .kd_repair_service > .row > .col-md-12 .breadcrumb .sub_cat + li.breadcrumb-item, body #wrapwrap main .kd_repair_service > .row > .col-md-4 .breadcrumb .sub_cat + li.breadcrumb-item, body #wrapwrap main #products_grid_before > .row > .col-md-12 .breadcrumb .sub_cat + li.breadcrumb-item, body #wrapwrap main #products_grid_before > .row > .col-md-4 .breadcrumb .sub_cat + li.breadcrumb-item, body #wrapwrap main #product_detail > .row > .col-md-12 .breadcrumb .sub_cat + li.breadcrumb-item, body #wrapwrap main #product_detail > .row > .col-md-4 .breadcrumb .sub_cat + li.breadcrumb-item{padding-left: 0.5rem;} body #wrapwrap main .oe_website_sale > .row > .col-md-12 .breadcrumb .sub_cat + li.breadcrumb-item:before, body #wrapwrap main .oe_website_sale > .row > .col-md-4 .breadcrumb .sub_cat + li.breadcrumb-item:before, body #wrapwrap main .kd_repair_service > .row > .col-md-12 .breadcrumb .sub_cat + li.breadcrumb-item:before, body #wrapwrap main .kd_repair_service > .row > .col-md-4 .breadcrumb .sub_cat + li.breadcrumb-item:before, body #wrapwrap main #products_grid_before > .row > .col-md-12 .breadcrumb .sub_cat + li.breadcrumb-item:before, body #wrapwrap main #products_grid_before > .row > .col-md-4 .breadcrumb .sub_cat + li.breadcrumb-item:before, body #wrapwrap main #product_detail > .row > .col-md-12 .breadcrumb .sub_cat + li.breadcrumb-item:before, body #wrapwrap main #product_detail > .row > .col-md-4 .breadcrumb .sub_cat + li.breadcrumb-item:before{padding-right: 0.5rem; content: "\00bb";} body #wrapwrap main .oe_website_sale .oe_category > .row .catgory_view, body #wrapwrap main .kd_repair_service .oe_category > .row .catgory_view, body #wrapwrap main #products_grid_before .oe_category > .row .catgory_view, body #wrapwrap main #product_detail .oe_category > .row .catgory_view{list-style: none;} body #wrapwrap main .oe_website_sale .oe_category > .row .catgory_view > a, body #wrapwrap main .kd_repair_service .oe_category > .row .catgory_view > a, body #wrapwrap main #products_grid_before .oe_category > .row .catgory_view > a, body #wrapwrap main #product_detail .oe_category > .row .catgory_view > a{height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; border: 1px solid #00B1E8; text-decoration: none;} body #wrapwrap main .oe_website_sale .oe_category > .row .catgory_view > a .oe_image img, body #wrapwrap main .kd_repair_service .oe_category > .row .catgory_view > a .oe_image img, body #wrapwrap main #products_grid_before .oe_category > .row .catgory_view > a .oe_image img, body #wrapwrap main #product_detail .oe_category > .row .catgory_view > a .oe_image img{width: 100%; filter: grayscale(100%);} body #wrapwrap main .oe_website_sale .oe_category > .row .catgory_view > a .oe_title, body #wrapwrap main .kd_repair_service .oe_category > .row .catgory_view > a .oe_title, body #wrapwrap main #products_grid_before .oe_category > .row .catgory_view > a .oe_title, body #wrapwrap main #product_detail .oe_category > .row .catgory_view > a .oe_title{padding: 10px; text-align: center; background-color: #00B1E8; color: #FFFFFF; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; width: 100%; vertical-align: middle; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center;} body #wrapwrap main .oe_website_sale .oe_category > .row .catgory_view > a:hover .oe_image img, body #wrapwrap main .kd_repair_service .oe_category > .row .catgory_view > a:hover .oe_image img, body #wrapwrap main #products_grid_before .oe_category > .row .catgory_view > a:hover .oe_image img, body #wrapwrap main #product_detail .oe_category > .row .catgory_view > a:hover .oe_image img{filter: grayscale(0);} body #wrapwrap main .oe_website_sale .oe_category > .row .catgory_view > a:hover .oe_title, body #wrapwrap main .kd_repair_service .oe_category > .row .catgory_view > a:hover .oe_title, body #wrapwrap main #products_grid_before .oe_category > .row .catgory_view > a:hover .oe_title, body #wrapwrap main #product_detail .oe_category > .row .catgory_view > a:hover .oe_title{background-color: #000;} body #wrapwrap main .ke_terms_and_conditions{font-size: 20px; font-weight: 300; color: #5C5C5C;} body #wrapwrap footer{background-color: #FFFFFF !important;} body #wrapwrap footer #footer{background-color: #000; position: relative; margin-top: 60px;} body #wrapwrap footer #footer > .top_line{position: absolute; right: 25px; bottom: 90%; background-color: #FFFFFF; width: 40px; border-radius: 50%; height: 40px; text-align: center; line-height: 0;} body #wrapwrap footer #footer > .top_line .to-top{width: 100%; height: 100%; font-size: 40px; text-decoration: none; color: #006380;} body #wrapwrap footer #footer .footer_top{padding: 4em 0 1em 0; color: #FFFFFF; font-weight: 300; font-size: small;} body #wrapwrap footer #footer .footer_top .container{padding: 0px;} body #wrapwrap footer #footer .footer_top .container .footer-ribbon{position: relative;} body #wrapwrap footer #footer .footer_top .container .footer-ribbon .ke_footer_logo{position: absolute; bottom: 100%; left: 0px;} body #wrapwrap footer #footer .footer_top .container .footer-ribbon .ke_footer_logo > img{height: auto; width: 140px;} body #wrapwrap footer #footer .footer_top .container b{font-weight: 700;} body #wrapwrap footer #footer .footer_top .container > .row{margin: 0px;} body #wrapwrap footer #footer .footer_top .container > .row div .list-unstyled > li > a{color: #26abe6; font-weight: bold;} body #wrapwrap footer #footer .footer_top .container > .row div p.ke_social .fa{color: #26abe6;} body #wrapwrap footer #footer .footer_top .container > .row div .s_share_facebook{color: #FFFFFF;} body #wrapwrap footer #footer .footer_top .container > .row div .s_share_facebook .fa-facebook{background-color: #0000FF; text-align: center; width: 20px; line-height: 19px; border-radius: 50%;} body #wrapwrap footer #footer .footer_top .container > .row div.ke_social{text-align: center;} body #wrapwrap footer #footer .footer_top .container > .row div.ke_deatils{text-align: right;} body #wrapwrap footer .o_footer_copyright{font-size: x-small; background-color: #000; border-top: 1px solid #6f6f6f;} body #wrapwrap footer .o_footer_copyright .container .row > div > span, body #wrapwrap footer .o_footer_copyright .container .row > div > a{color: #bcbcbc; font-weight: 300;} body #wrapwrap footer .o_footer_copyright .container .js_language_selector .list-inline-item > a{color: #006380;} body #wrapwrap footer .o_footer_copyright .container .js_language_selector .dropdown-toggle{background-color: #F89000; border-color: #F89000; box-shadow: none;} body.editor_enable #wrapwrap main .ke_homepage > section.ke_news .container #images.ke_news_images > li:hover{position: relative;} body.editor_enable #wrapwrap main .ke_homepage > section.ke_news .container #images.ke_news_images > li:hover:before{content: '\f0fe'; display: -webkit-box; display: -webkit-flex; display: flex; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; font-size: 50px;} body .autocomplete-suggestions{min-width: 250px; background-color: #FFFFFF; color: #5C5C5C; padding: 10px; max-height: 400px; overflow: auto; border: 1px solid #bcbcbc; border-radius: 3px;} body .autocomplete-suggestions .autocomplete-suggestion{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: center; padding: 10px 5px;} body .autocomplete-suggestions .autocomplete-suggestion > img{display: none;} body .autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected{background-color: #f6f5f6;} /* /klinkers_website/static/src/scss/responsive-xs.scss defined in bundle 'web.assets_frontend' */ @media screen and (max-width: 767px){body #wrapwrap header .navbar .navbar-toggler{background-color: #FFFFFF; margin: 8px;}body #wrapwrap header .navbar .navbar-toggler:focus, body #wrapwrap header .navbar .navbar-toggler:hover{background-color: #006380; outline: none;}body #wrapwrap header .navbar .navbar-toggler:focus > .navbar-toggler-icon, body #wrapwrap header .navbar .navbar-toggler:hover > .navbar-toggler-icon{filter: invert(100%);}body #wrapwrap header .navbar .navbar-collapse{max-width: 100%; overflow: hidden;}body #wrapwrap header .navbar .navbar-collapse ul{text-align: left !important;}body #wrapwrap header .navbar .navbar-collapse .nav-item ul{display: block !important; position: relative !important; left: 0 !important;}body #wrapwrap header .navbar .navbar-collapse .nav-item a > span{white-space: normal;}body #wrapwrap header .navbar .navbar-collapse > ul > li > a{padding: 10px 0 !important;}body #wrapwrap header .navbar .dropdown-menu{overflow: hidden; min-width: 100% !important;}body #wrapwrap header .navbar .dropdown-menu li{padding-right: 0 !important;}body #wrapwrap header .navbar .dropdown-menu li > a{position: relative;}body #wrapwrap header .navbar .dropdown-menu li > a:before{content: ""; position: absolute; display: block; background-color: #dee2e6; width: 1px; height: 100%; right: 100%; top: -50%; bottom: 50%; margin-right: 12px;}body #wrapwrap header .navbar .dropdown-menu li > a:after{content: ""; position: absolute; display: block; background-color: #dee2e6; width: 8px; height: 1px; right: 100%; top: 50%; bottom: auto; margin-right: 5px;}body #wrapwrap header .navbar .dropdown-menu li:last-child > a:before{content: ""; position: absolute; right: 100%; background-color: #dee2e6; width: 1px; height: 10000%; margin-right: 12px; top: auto; bottom: 11px;}body #wrapwrap header .navbar .dropdown-menu ul{overflow: hidden;}body #wrapwrap header:not(.o_affix_enabled) .navbar .navbar-collapse{max-height: calc(86vh); overflow: auto;}body #wrapwrap main #wrap section.ke_navigation .container{padding: 0; max-width: 100%;}body #wrapwrap main #wrap section.ke_navigation .container .ke_navbar > li{transform: skewX(0deg); flex: 1 1 50%; border-right: 0;}body #wrapwrap main #wrap section.ke_navigation .container .ke_navbar > li > a{transform: skewX(0deg); min-height: 100px; font-size: 14px; background-size: 20%;}body #wrapwrap main #wrap section.ke_banner .ke_banner_details .ke-title > h1{font-size: 27px;}body #wrapwrap main #wrap section.ke_banner .ke_banner_details .repair-logo{display: none;}body #wrapwrap main #wrap .oe_rental_cart_process{flex-direction: column-reverse;}body #wrapwrap main #wrap .g-recaptcha{overflow-y: auto; height: 100px;}body #wrapwrap main #wrap .oe_website_sale > .products_pager .dropdown_sorty_by > .dropdown-menu.show{left: auto !important; right: 0; transform: none !important; top: 100% !important;}body #wrapwrap main #wrap .oe_website_sale #products_grid .oe_product_cart #website_published_button .css_editable_mode_hidden{z-index: 5; position: absolute; right: 0;}body #wrapwrap main .oe_rental_cart{border-right: 0;}body #wrapwrap footer #footer .footer_top .container > .row > div.ke_deatils, body #wrapwrap footer #footer .footer_top .container > .row .ke_social, body #wrapwrap footer #footer .footer_top .container > .row .ke_contact{text-align: center;}body #wrapwrap footer #footer .footer_top .container > .row .ke_contact{margin-top: 15px;}body #wrapwrap footer #footer .footer_top .container .ke_footer_logo{right: 0; text-align: center;}body #wrapwrap .bottom_line, body #wrapwrap .top_line, body #wrapwrap .repair-logo{display: none;}body #wrapwrap .ke_banner{min-height: 500px;}body #wrapwrap .ke_banner .ke_banner_details{margin-top: 5%;}body #wrapwrap .ke_banner .ke_banner_details div.ke-title > h1{font-size: 27px;}} @media screen and (min-width: 768px) and (max-width: 991px){body #wrapwrap main .ke_navigation > .container{padding: 0; max-width: 100% !important;}body #wrapwrap main .ke_navigation > .container .ke_navbar .ke_nav_item{transform: none; flex: 1 1 50%; border-right: 0;}body #wrapwrap main .ke_navigation > .container .ke_navbar .ke_nav_item > a{background-size: 25%; transform: none;}body #wrapwrap main .oe_website_sale.container{max-width: 100%;}body #wrapwrap main .contact_form, body #wrapwrap main .oe_rental_cart{border-right: 0;}} @media (min-width: 992px){header .navbar .dropdown-menu{max-height: unset;}} /* /klinkers_website/static/src/lib/viewer.css defined in bundle 'web.assets_frontend' */ .viewer-zoom-in::before, .viewer-zoom-out::before, .viewer-one-to-one::before, .viewer-reset::before, .viewer-prev::before, .viewer-play::before, .viewer-next::before, .viewer-rotate-left::before, .viewer-rotate-right::before, .viewer-flip-horizontal::before, .viewer-flip-vertical::before, .viewer-fullscreen::before, .viewer-fullscreen-exit::before, .viewer-close::before{background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC"); background-repeat: no-repeat; color: transparent; display: block; font-size: 0; height: 20px; line-height: 0; width: 20px;} .viewer-zoom-in::before{background-position: 0 0; content: 'Zoom In';} .viewer-zoom-out::before{background-position: -20px 0; content: 'Zoom Out';} .viewer-one-to-one::before{background-position: -40px 0; content: 'One to One';} .viewer-reset::before{background-position: -60px 0; content: 'Reset';} .viewer-prev::before{background-position: -80px 0; content: 'Previous';} .viewer-play::before{background-position: -100px 0; content: 'Play';} .viewer-next::before{background-position: -120px 0; content: 'Next';} .viewer-rotate-left::before{background-position: -140px 0; content: 'Rotate Left';} .viewer-rotate-right::before{background-position: -160px 0; content: 'Rotate Right';} .viewer-flip-horizontal::before{background-position: -180px 0; content: 'Flip Horizontal';} .viewer-flip-vertical::before{background-position: -200px 0; content: 'Flip Vertical';} .viewer-fullscreen::before{background-position: -220px 0; content: 'Enter Full Screen';} .viewer-fullscreen-exit::before{background-position: -240px 0; content: 'Exit Full Screen';} .viewer-close::before{background-position: -260px 0; content: 'Close';} .viewer-container{bottom: 0; direction: ltr; font-size: 0; left: 0; line-height: 0; overflow: hidden; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; top: 0; -webkit-touch-callout: none; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .viewer-container::-moz-selection, .viewer-container *::-moz-selection{background-color: transparent;} .viewer-container::selection, .viewer-container *::selection{background-color: transparent;} .viewer-container img{display: block; height: auto; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; width: 100%;} .viewer-canvas{bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0;} .viewer-canvas > img{height: auto; margin: 15px auto; max-width: 90% !important; width: auto;} .viewer-footer{bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; text-align: center;} .viewer-navbar{background-color: rgba(0, 0, 0, 0.5); overflow: hidden;} .viewer-list{-webkit-box-sizing: content-box; box-sizing: content-box; height: 50px; margin: 0; overflow: hidden; padding: 1px 0;} .viewer-list > li{color: transparent; cursor: pointer; float: left; font-size: 0; height: 50px; line-height: 0; opacity: .5; overflow: hidden; -webkit-transition: opacity .15s; transition: opacity .15s; width: 30px;} .viewer-list > li:hover{opacity: .75;} .viewer-list > li + li{margin-left: 1px;} .viewer-list > .viewer-loading{position: relative;} .viewer-list > .viewer-loading::after{border-width: 2px; height: 20px; margin-left: -10px; margin-top: -10px; width: 20px;} .viewer-list > .viewer-active, .viewer-list > .viewer-active:hover{opacity: 1;} .viewer-player{background-color: #000; bottom: 0; cursor: none; display: none; left: 0; position: absolute; right: 0; top: 0;} .viewer-player > img{left: 0; position: absolute; top: 0;} .viewer-toolbar ul{display: inline-block; margin: 0 auto 5px; overflow: hidden; padding: 3px 0;} .viewer-toolbar li{background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; cursor: pointer; float: left; height: 24px; overflow: hidden; -webkit-transition: background-color .15s; transition: background-color .15s; width: 24px;} .viewer-toolbar li:hover{background-color: rgba(0, 0, 0, 0.8);} .viewer-toolbar li::before{margin: 2px;} .viewer-toolbar li + li{margin-left: 1px;} .viewer-toolbar .viewer-small{height: 18px; margin-bottom: 3px; margin-top: 3px; width: 18px;} .viewer-toolbar .viewer-small::before{margin: -1px;} .viewer-toolbar .viewer-large{height: 30px; margin-bottom: -3px; margin-top: -3px; width: 30px;} .viewer-toolbar .viewer-large::before{margin: 5px;} .viewer-tooltip{background-color: rgba(0, 0, 0, 0.8); border-radius: 10px; color: #fff; display: none; font-size: 12px; height: 20px; left: 50%; line-height: 20px; margin-left: -25px; margin-top: -10px; position: absolute; text-align: center; top: 50%; width: 50px;} .viewer-title{color: #ccc; display: inline-block; font-size: 12px; line-height: 1; margin: 0 5% 5px; max-width: 90%; opacity: .8; overflow: hidden; text-overflow: ellipsis; -webkit-transition: opacity .15s; transition: opacity .15s; white-space: nowrap;} .viewer-title:hover{opacity: 1;} .viewer-button{background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; cursor: pointer; height: 80px; overflow: hidden; position: absolute; right: -40px; top: -40px; -webkit-transition: background-color .15s; transition: background-color .15s; width: 80px;} .viewer-button:focus, .viewer-button:hover{background-color: rgba(0, 0, 0, 0.8);} .viewer-button::before{bottom: 15px; left: 15px; position: absolute;} .viewer-fixed{position: fixed;} .viewer-open{overflow: hidden;} .viewer-show{display: block;} .viewer-hide{display: none;} .viewer-backdrop{background-color: rgba(0, 0, 0, 0.5);} .viewer-invisible{visibility: hidden;} .viewer-move{cursor: move; cursor: -webkit-grab; cursor: grab;} .viewer-fade{opacity: 0;} .viewer-in{opacity: 1;} .viewer-transition{-webkit-transition: all .3s; transition: all .3s;} @-webkit-keyframes viewer-spinner{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);}100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}} @keyframes viewer-spinner{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);}100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}} .viewer-loading::after{-webkit-animation: viewer-spinner 1s linear infinite; animation: viewer-spinner 1s linear infinite; border: 4px solid rgba(255, 255, 255, 0.1); border-left-color: rgba(255, 255, 255, 0.5); border-radius: 50%; content: ''; display: inline-block; height: 40px; left: 50%; margin-left: -20px; margin-top: -20px; position: absolute; top: 50%; width: 40px; z-index: 1;} @media (max-width: 767px){.viewer-hide-xs-down{display: none;}} @media (max-width: 991px){.viewer-hide-sm-down{display: none;}} @media (max-width: 1199px){.viewer-hide-md-down{display: none;}} /* /project/static/src/scss/portal_rating.scss defined in bundle 'web.assets_frontend' */ .o_portal_project_rating .thumbnail{height: 240px;} .o_portal_project_rating .o_top_partner_rating_image{height: 15px;} .o_portal_project_rating .o_top_partner_image{height: 30px; width: 30px;} .o_portal_project_rating .o_top_partner_feedback{word-wrap: break-word;} .o_portal_project_rating .o_vertical_separator{border-left: 1px solid #eeeeee;} .o_portal_project_rating .o_rating_progress{margin-bottom: 10px;} .o_portal_project_rating .o_rating_count{display: inline-block; min-width: 22px;} .o_portal_project_rating .o_smiley_no_padding_left{padding-left: 0;} .o_portal_project_rating .o_smiley_no_padding_right{padding-right: 0;} .o_portal_project_rating .o_lighter_smileys{opacity: 0.4;} /* /payment_mollie_official/static/src/scss/payment_form.scss defined in bundle 'web.assets_frontend' */ div#o_mollie_component .o_mollie_form .mollie_input{border: 1px solid #ccc; background: #fff;} div.o_issuer_container label.o_issuer{border-radius: 8px; cursor: pointer;} div.o_issuer_container label.o_issuer i.fa{color: #ccc;} div.o_issuer_container label.o_issuer.active{border-color: #7C7BAD !important;} div.o_issuer_container label.o_issuer.active i.fa{color: #7C7BAD !important;} div.o_issuer_container .payment_icon_list{position: absolute; right: 4px; top: 4px;}