.o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.dropdown-toggle{color: #000000; background-color: #e3e2e2; border-color: gainsboro;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success{color: #000000; background-color: #40ad67; border-color: #40ad67;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover{color: #FFFFFF; background-color: #369156; border-color: #328851;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:disabled{color: #000000; background-color: #40ad67; border-color: #40ad67;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.dropdown-toggle{color: #FFFFFF; background-color: #328851; border-color: #2f7e4b;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: #000000; background-color: #6999a8; border-color: #6999a8;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover{color: #FFFFFF; background-color: #568695; border-color: #517e8d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:disabled{color: #000000; 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: #000000; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: #000000; 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: #000000; 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: #000000; 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: #000000; 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: #000000; 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_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_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_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: #000000; 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: #000000;} .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_forum/static/src/scss/website_forum.scss defined in bundle 'web.assets_frontend' */
 .vote{min-width: 38px; margin-right: 12px;} .vote .vote_count{font-size: 160%; font-weight: bold; line-height: 12px;} .vote .vote_down, .vote .vote_up{font-size: 130%;} .author-box{min-width: 200px; padding: 4px; background-color: #f5f5f5;} .question-block{margin-left: 50px;} .o_forum_tag_follow_box{display: none; position: absolute; z-index: 1; text-align: center; opacity: 0.9;} .question{clear: left;} .question .question-name{font-size: 150%;} .question .badge{background-color: #ccc; margin-left: 4px;} .question .badge-active{background-color: #428bca;} .question img{max-width: 600px; height: auto !important;} .forum_answer img{max-width: 600px; height: auto !important;} .question .oe_no_empty::after, .forum_answer .oe_no_empty::after{content: ""; display: table; clear: both;} img.o_forum_avatar{max-height: 40px; margin-right: 10px;} img.o_forum_avatar_big{max-width: 75px; margin-right: 10px;} .oe_grey{background-color: #eeeeee;} .badge-gold{color: #ffcc00;} .badge-silver{color: #cccccc;} .badge-bronze{color: #eea91e;} .oe_answer_true{color: #3c763d !important;} .oe_answer_true:hover{color: #4D964E !important;} .oe_answer_false{color: #bbbbbb;} .oe_answer_false:hover{color: #9E9C9C;} .favourite_question{color: #bbbbbb !important;} .forum_favourite_question{color: #ffcc00 !important;} a.no-decoration{cursor: pointer; text-decoration: none !important;} .faq-question:hover{text-decoration: none !important; color: #428bca;} .oe_comment_grey{background-color: #f5f5f5; padding: 4px;} .close.comment_delete{font-size: 16px; float: none;} .country_flag{max-height: 16px; display: inline-block; margin-left: 2px;} .tag_text .text-core .text-wrap .text-dropdown, .tag_text .text-core .text-wrap .text-prompt, .tag_text .text-core .text-wrap input, .tag_text .text-core .text-wrap textarea{font: 1.2em "Helvetica Neue", Helvetica, Arial, sans-serif !important;} .tag_text .text-core .text-wrap .text-tags .text-tag .text-button{font: 1.2em "Helvetica Neue", Helvetica, Arial, sans-serif !important; height: 1.2em !important;} .oe_forum_alert{position: absolute; width: 300px; z-index: 9999;} .oe_forum_email_required{position: absolute; margin-top: 155px; margin-left: 500px; margin-right: 100px; z-index: 5;} button.btn-link.text-muted{color: #999;} .o_forum_user_bio_expand{position: absolute; z-index: 200; display: none;} .o_forum_tooltip_heading{padding: 0; margin: 0; font-size: 18px;} .o_forum_user_bio{color: black; width: 318px; min-height: 100px; cursor: auto; border: 1px solid darkgray; background-color: whitesmoke; line-height: 13px; font-size: 11px; word-wrap: break-word;} .o_forum_user_bio .o_forum_tooltip_line{min-height: 13px;} .o_forum_user_bio .o_forum_tooltip_header{min-height: 75px;} .website_forum{margin-bottom: 1rem;} 

/* /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;} 

/* /website_sale_comparison/static/src/scss/website_sale_comparison.scss defined in bundle 'web.assets_frontend' */
 .o_product_feature_panel{position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 10; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 0px; padding: 10px 20px; text-align: center; border: 2px solid #00A09D; border-bottom: 0px; background-color: white; opacity: 0.95;} .o_product_feature_panel .o_product_panel{position: relative;} .o_product_feature_panel .o_product_panel .o_product_panel_header{margin: 0 10px 0 10px; cursor: pointer;} .o_product_feature_panel .o_product_panel .o_product_panel_header .o_product_icon{margin-right: 5px;} .o_product_feature_panel .o_product_panel .o_product_panel_header .o_product_text{text-transform: uppercase; vertical-align: middle; font-size: 16px;} .o_product_feature_panel .o_product_panel .o_product_panel_header .o_product_circle{vertical-align: 6px; padding: 0 3px; line-height: 14px;} .o_product_feature_panel .o_product_panel .o_product_panel_content{display: none !important;} .oe_website_sale .product_summary > *{display: block; margin: 15px 0 15px 0;} .oe_website_sale .table-comparator .o_product_comparison_collpase{margin-right: 8px;} .oe_website_sale div.css_not_available .o_add_compare_dyn{display: none;} 

/* /website_sale_wishlist/static/src/scss/website_sale_wishlist.scss defined in bundle 'web.assets_frontend' */
 .oe_website_sale .td-wish-btn{width: 140px;} .oe_website_sale div.css_not_available .o_add_wishlist_dyn{display: none;} @media (max-width: 767.98px){.oe_website_sale .td-wish-btn{width: 100px;}} table.table-comparator .td-img img{max-height: 100px;} 

/* /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;} 

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

/* /affiliate_management/static/src/css/website_affiliate.css defined in bundle 'web.assets_frontend' */
.affiliate_loader{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background-image: url(/affiliate_management/static/src/css/ajax-loader.gif); text-shadow: 0 1px 1px white; background-position: center center; background-repeat: no-repeat;} .form_container{border: solid grey 6px;} .img_banner{position: absolute; top:0px; height: 100%; width: 100%;} .banner_text{text-align: center; font-style: normal; font-family: arial; color: white; font-size: 50px;} .aff_box{text-align: center;} .img_container{border: solid; position: absolute; top: 50%; width: 60%; height: 46%; left: 25%;} span.step{background: #cccccc; border-radius: 0.8em; -moz-border-radius: 0.8em; -webkit-border-radius: 0.8em; color: #ffffff; display: inline-block; font-weight: bold; line-height: 1.6em; margin-right: 5px; text-align: center; width: 1.6em;} span.step1{background: green; border-radius: 0.8em; -moz-border-radius: 0.8em; -webkit-border-radius: 0.8em; color: #ffffff; display: inline-block; font-weight: bold; line-height: 1.6em; margin-right: 5px; text-align: center; width: 1.6em;} a{text-decoration: none !important;} .button_image_generate_url{width: 508px; height: 284px; display: inline; position: relative; top: 3%; left: 10%;} .alert_msg_banner{background: rgba(0, 0, 0, 0.5); width: 44%; height: 16%; padding: 1%; position: relative; left: 30%; display: none; top:6%;} .alert_msg_banner_1{background: rgba(0, 0, 0, 0.5); width: 70%; height: 20%; padding: 1%; position: relative; left: 15%; top: 6%;} .alert_msg_banner_signup{background: rgba(0, 0, 0, 0.5); width: 70%; height: 18%; padding: 1%; position: relative; left: 15%; top:6%;} .banner{margin: auto;} .banner img{max-height: auto; max-width: 100%;} .fancy-hr{height: 5px; width: 100%; padding: 0px; background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.50), transparent)} 

/* /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_snippet_html/static/src/scss/website_snippet_html.scss defined in bundle 'web.assets_frontend' */
 body.editor_enable.editor_has_snippets .s_html{border: 1px solid #64bda4; min-height: 40px; width: 100%; background-image: url("/website_snippet_html/static/src/img/s_html.png"); background-repeat: no-repeat; background-size: 30px; background-position: 100% 100%;} textarea.form-control{min-height: 400px;} 

/* /tk_video_websnippet/static/style/css/main.scss defined in bundle 'web.assets_frontend' */
 #video_container{max-width: 100% !important; width: 100% !important; padding: 0% !important; margin: 0% !important; position: relative;} #video_container > #tk_home_video{max-width: 100% !important; width: 100% !important; padding: 0% !important; margin: 0% !important;} #video_container > .video_text{position: absolute; top: 160px; left: 70px; color: white; font-size: large; max-width: 380px;} @media (max-width: 991.98px){#video_container{max-width: initial !important; width: auto !important; min-height: 450px;}#video_container > #tk_home_video{max-width: initial !important; width: auto !important; min-height: 450px;}} 

/* /tk_video_websnippet_hublot/static/style/css/main.scss defined in bundle 'web.assets_frontend' */
 #video_container{max-width: 100% !important; width: 100% !important; padding: 0% !important; margin: 0% !important; position: relative;} #video_container > #tk_home_video{max-width: 100% !important; width: 100% !important; padding: 0% !important; margin: 0% !important;} #video_container > .video_text{position: absolute; top: 160px; left: 70px; color: white; font-size: large; max-width: 380px;} @media (max-width: 991.98px){#video_container{max-width: initial !important; width: auto !important; min-height: 450px;}#video_container > #tk_home_video{max-width: initial !important; width: auto !important; min-height: 450px;}} 

/* /website_mail_channel/static/src/css/website_mail_channel.css defined in bundle 'web.assets_frontend' */
.o_mg_avatar{width: 40px; height: 40px;} .o_mg_link_show{display: none;} .o_mg_link_content{display: none;} 

/* /website_eyewear_catalog/static/style/scss/main.scss defined in bundle 'web.assets_frontend' */
 #main_title .image-2-container{margin-top: 32px; border-top: 32px solid #D9D5D2; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; justify-content: start; align-items: stretch;} #main_title .image-1{background: black; max-width: 100%; display: block; width: 256px; height: auto;} .image-1-border{background: black; order: 1;} #main_title .image-2{height: auto; width: 100%; order: 2;} #main_title .no-text-center{text-align: initial;} .text-align-initial{text-align: initial !important;} #main_title .image-3{max-height: 516px; max-width: 100%; height: auto; display: none;} @media (min-width: 700px){#main_title .image-2-container{display: block;}#main_title .image-1{position: relative; top: -632px;}#main_title .image-2{width: auto; height: 600px; display: inline; order: 1;}.image-1-border{height: 0; margin: 0; background: transparent; order: 2;}} @media (min-width: 1200px){#main_title .image-3{display: inline;}#main_title .image-1{display: inline; position: relative; top: -632px; left: -470px;}.image-1-border{height: 0; margin: 0;}#main_title .image-2{width: auto; height: 600px;}#main_title .no-text-center{margin-left: auto; margin-right: auto; width: 70%;}#main_title .no-text-center[data-is-grid]{display: grid; grid-template: "im tt" "im tt" / 40%;}#main_title .no-text-center .text{grid-area: tt;}#main_title .no-text-center .image-3{grid-area: im; width: max-content; height: auto; display: block; margin-left: auto;}} #video_container{width: 100% !important; height: auto; padding: 0% !important; margin: 0% !important;} #video_container > #tk_home_video{width: 100% !important; height: auto; padding: 0% !important; margin: 0% !important; object-fit: cover; z-index: -100;} #video_container > .video_text{position: absolute; top: 160px; left: 70px; color: white; font-size: large; max-width: 380px;} #main_title h1{color: #444;} .Items{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 90%; max-width: 1200px; margin: 0 auto;} .Item{padding: 20px 0; width: 30%; transition: box-shadow, 0.4s, ease-in-out; border-radius: 3px;} .Item :not(:last-child){margin-bottom: 10px;} .Item__link{text-decoration: none;} .Item__title{text-align: center; font-family: 'Montserrat', sans-serif; font-size: 0.9em; color: #555; width: 90%; margin: 30px auto 0;} .Item__price{text-align: center; font-family: 'Montserrat', sans-serif; font-size: 0.9em; margin-top: 10px; color: #777;} .ImageContainer{width: auto; height: 250px; display: -webkit-box; display: -webkit-flex; display: flex;} .Image{width: 100%; height: auto; margin: auto;} @media (max-width: 1050px){background #fff, .Item{width: 48%;}} @media (max-width: 600px){background #fff, .Item{width: 100%;}background #fff:not(:last-child), .Item:not(:last-child){margin-bottom: 10px;}} .Item__price{text-align: center; font-family: 'Montserrat', sans-serif; font-size: 0.9em; margin-top: 10px; color: #777;} .carousel-control-prev-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23444' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");} .carousel-control-next-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23444' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");} .carousel-indicators{bottom: -25px;} .carousel-indicators li{background-color: gray;} .carousel-indicators .active{background-color: #000;} .main-container{padding: 8px 16px 0 16px; margin: 0 auto; max-width: 80rem;} .breadcrumb{background: white; color: black; margin-bottom: 24px;} .breadcrumb__list{display: -webkit-box; display: -webkit-flex; display: flex; list-style-type: none; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: start; align-items: baseline; margin: 8px; padding: 2px;} .breadcrumb__list-item{margin: 0 4px;} .breadcrumb__list-item:not(:first-of-type)::before{content: ">"; margin: 0 2px; color: #787878;} .breadcrumb__link{color: inherit; text-decoration: none;} .breadcrumb__link--active{color: #575757;} .product-layout{--preview-size: 500px; display: grid; width: 100%; box-sizing: border-box; padding: 0; margin: 0; grid-template: "thumbnails preview" "info info" "details details" "brand brand" / 120px;} .hide-on-mobile{display: none;} .show-on-mobile{margin-top: 16px;} @media (min-width: 1000px){.product-layout{grid-template: "thumbnails preview info" var(--preview-size) ". details brand"/120px var(--preview-size) auto;}.hide-on-mobile{display: block;}.show-on-mobile{display: none;}} .product-layout__thumbnails{grid-area: thumbnails;} .product-layout__preview{grid-area: preview;} .product-layout__info{grid-area: info; padding: 0 8px;} @media (min-width: 700px){.product-layout__info{padding: 0 48px;}} .product-layout__details{grid-area: details; padding: 8px 0;} .product-layout__brand{grid-area: brand;} .thumbnails{list-style-type: none; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; align-items: center; justify-content: stretch; padding: 0; margin: 0; box-sizing: border-box; width: 100%;} .thumbnails__item{padding: 0; margin: 4px 0; border: 2px solid transparent; cursor: pointer;} .thumbnails__item:first-of-type{margin-top: 0;} .thumbnails__item--active{border-color: black;} .thumbnails__img{width: 100%; display: block; height: auto;} .preview{width: 100%; box-sizing: border-box; margin: 0; padding: 0; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column wrap; flex-flow: column wrap; justify-content: start; align-items: start;} .preview__img{width: 100%; height: auto; max-width: var(--preview-size);} .info{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; justify-items: start; align-items: stretch; width: 100%; height: 100%; padding: 0; margin: 0; box-sizing: border-box;} .info__title{text-transform: uppercase; font-size: 2em; margin-top: 0; margin-bottom: 8px;} .info__brand{color: #787878;} .info__filler{flex: 1;} .contact__address{font-style: normal;} .contact__title{text-transform: uppercase;} .contact__list{padding: 8px; list-style-type: none; background: #F4F4F4; color: black;} .contact__item a{color: inherit; text-decoration: none;} .description__title, .details__title, .size-and-fit__title{margin-top: 16px !important; margin-bottom: 4px !important; text-transform: uppercase;} .details{border-top: 2px solid #E2E2E2;} .details__list{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: start; align-items: baseline;} .details__property, .details__value{color: #787878; padding: 8px 16px; padding-left: 0;} .details__value{flex: 1; margin: 0; text-align: right;} .details__wrap{border-top: 1px solid #EFEFEF; flex: 1 100%;} .size-and-fit{border-top: 2px solid #E2E2E2;} .fit{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: start; align-items: center;} .fit__value{flex: 1;} .fit__indication{height: auto;} .brand{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; justify-content: center; align-items: center; height: 100%; margin-top: 16px;} .brand__logo{margin-top: auto; width: 300px; height: auto;} .image-modal__backdrop{background-color: rgba(0, 0, 0, 0.75); position: absolute; top: 0; left: 0; z-index: 100000; width: 100%; height: 100%; box-sizing: border-box; padding: 0; margin: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; justify-content: center; align-items: center;} .image-modal{background: white; color: black; margin: 32px auto auto auto; padding: 4px;} .image-model--hidden{display: none;} .image-modal img{width: 100%; height: auto;} 

/* /website_eyewear_catalog/static/style/scss/product_card.scss defined in bundle 'web.assets_frontend' */
 .mainWrapper{position: relative; width: 100%; min-width: 320px; min-height: 1000px; padding: 0; margin: 0 !important; background: radial-gradient(#303d55, #2f3352);} .mainWrapper ul{padding: 0; list-style-type: none !important;} .mainWrapper a{text-decoration: none; color: black;} .mainWrapper a:hover, .mainWrapper a:focus, .mainWrapper a:active{text-decoration: none; color: black;} .mainWrapper img{max-width: 100%; height: auto;} .mainWrapper input, .mainWrapper input:focus, .mainWrapper input:active{outline: none;} .mainWrapper button, .mainWrapper button:active, .mainWrapper button:focus, .mainWrapper button:hover{outline: none;} .mainWrapper button{padding: 0; margin: 0; background-color: transparent; color: #000;} .wrappen_block{position: relative; width: 100%; height: 100%;} .mainBackground{width: 100%; min-height: 1000px; background: url("https://github.com/BlackStar1991/CardProduct/blob/master/app/img/bgRectangl.png?raw=true") left center no-repeat, url("https://github.com/BlackStar1991/CardProduct/blob/master/app/img/bgPhons.png?raw=true") center center no-repeat, url("https://github.com/BlackStar1991/CardProduct/blob/master/app/img/layer-3-copy-2.png?raw=true") center center no-repeat, url("https://github.com/BlackStar1991/CardProduct/blob/master/app/img/mainBg.png?raw=true") center center no-repeat;} .productCard_block{position: relative; margin: 190px auto 0; max-width: 800px; min-height: 600px; box-shadow: 0 5px 21px rgba(0, 0, 0, 0.08); background-color: #fff;} .productCard_leftSide{position: relative; width: 100%; min-height: 480px;} .productCard_brendBlock{width: 100%; height: 75px; position: absolute; top: 0; left: 0; max-width: 184px; max-height: 75px; background-color: #272727; z-index: 2;} .productCard_brendBlock__imageBlock{display: block; height: 100%;} .productCard_brendBlock__imageBlock img{position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%);} .sliderBlock{position: relative; height: 100%; width: 80%; margin-left: 10%; margin-top: 89px; margin-bottom: 46px; overflow: hidden;} @media (max-width: 600px){.productCard_brendBlock__imageBlock img{left: 0%; top: -20%;}.productCard_block{margin-top: 20px;}} .sliderBlock_items{position: relative; display: block; width: 100%; height: 320px;} .sliderBlock_items__itemPhoto{position: absolute; width: 100%; height: 100%; opacity: 0; z-index: 2; transition: opacity 1s; text-align: center;} .sliderBlock_items__showing{opacity: 1; z-index: 3;} .sliderBlock_items:after{content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url("/website_eyewear_catalog/static/style/scss/../img/decorElements/DecorRectangle.png") 50% 50% no-repeat; opacity: 0.2; z-index: 4;} .sliderBlock_controls{width: 100%;} .sliderBlock_controls__navigatin{margin-top: 8px; width: 100%;} .sliderBlock_controls__wrapper{margin: auto; width: 110px; height: 20px;} .sliderBlock_controls__arrow{position: relative; width: 24px; height: 24px; cursor: pointer; border: 1px solid #536dfe; transition: 300ms all; background-color: #0d2660; border-radius: 50%;} .sliderBlock_controls__arrow:hover{background-color: #536dfe;} .sliderBlock_controls__arrow i{position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; margin-left: -50%; margin-top: -50%; color: #fff; transition: 300ms all; font-weight: bold; text-align: center; font-size: 20px;} .sliderBlock_controls__arrowBackward{float: left;} .sliderBlock_controls__arrowForward{float: right;} .sliderBlock_positionControls{display: block; width: 100%; height: 3px; margin: 30px auto 0;} .sliderBlock_positionControls__paginatorItem{float: left; width: 18px; height: 10px; margin-left: 5px; background-color: #D7D7D7; cursor: pointer;} .sliderBlock_positionControls__paginatorItem:first-child{margin-left: 43%;} .sliderBlock_positionControls__active{background-color: #536dfe;} @media (max-width: 600px){.sliderBlock_positionControls__paginatorItem:first-child{margin-left: 39%;}} .productCard_BlockTitle{text-align: center; width: 100%; margin-top: 10px;} @media (max-width: 480px){.productCard_BlockTitle{margin-top: 95px;}} .productCard_rightSide{position: relative; padding-top: 34px; padding-left: 27px; padding-right: 40px; width: 100%; min-height: 600px;} .block_specification{float: right; margin-top: 8px; cursor: pointer; color: #536dfe; transition: all 0.5s;} .block_specification__button{display: inline-block; margin-right: 7px; height: 100%; font-size: 17px; text-transform: uppercase; transform: rotate(0); transition: transform 0.5s; transform-origin: center center;} .block_specification:hover .block_specification__button__rotate{transition: transform 0.5s; transform: rotate(1turn);} .block_specification:hover{color: #f1425d;} .block_specification__text{width: 30px; height: 11px; font-family: 'Titillium Web', sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase;} .block_model{display: inline-block; color: #263238; font-size: 12px; opacity: 0.9;} .block_name{width: 100%; color: #263238; font-weight: 400; line-height: 35px;} .block_name__mainName{margin: 0; padding: 0; font-size: 29px;} .block_name__addName{margin: 0; padding: 0; font-size: 24px;} .block_product{position: relative; width: 100%;} .block_product__advantagesProduct{width: 271px; height: 41px; margin-top: 14px; color: #646b6f; font-size: 17px; line-height: 24px;} .block_product__link{line-height: 23px; color: #536dfe;} .block_informationAboutDevice{position: relative; width: 100%; min-height: 500px; overflow: hidden;} .block_descriptionInformation{width: 304px; height: 104px; margin-top: 10px; font-size: 14px; font-weight: 400; line-height: 23px; color: #263238;} .block_descriptionCharacteristic{position: absolute; top: 0; left: 100%; width: 90%; height: 100%; z-index: 30; transition: left, ease-out, 0.5s;} .block_descriptionCharacteristic__active{left: 0;} @keyframes moveCharackeristic{0%{left: 100%;}100%{left: 0;}} .block_specificationInformation_table{position: relative; height: 90%; background-color: #fff; margin: auto;} .block_specificationInformation_table tr{border-collapse: collapse; border: 1px solid #000;} .block_specificationInformation_table th{border: 1px solid #000; font-weight: bold; font-size: medium; text-align: center;} .block_specificationInformation_table td{border-collapse: collapse; text-align: center; font-size: small; border: 1px solid #000; padding: 10px;} .block_rating{width: 100%; margin-top: 33px;} fieldset, label{margin: 0; padding: 0;} .block_rating__stars{border: none; float: left; width: auto; margin: 0; padding: 0;} input[type="checkbox"] + label, input[type="radio"] + label{margin: 0;} .block_rating__stars > input{display: none;} .block_rating__stars > label:before{margin: 5px; font-size: 15px; font-family: FontAwesome; display: inline-block; content: "\f005";} .block_rating__stars > .half:before{content: "\f089"; position: absolute;} .block_rating__stars > label{color: #c9c9c9; float: right;} .block_rating__stars > input:checked ~ label, .block_rating__stars:not(:checked) > label:hover, .block_rating__stars:not(:checked) > label:hover ~ label{color: #fccf47;} .block_rating__stars > input:checked + label:hover, .block_rating__stars > input:checked ~ label:hover, .block_rating__stars > label:hover ~ input:checked ~ label, .block_rating__stars > input:checked ~ label:hover ~ label{color: #FFED85;} .block_rating__avarage{margin-left: 31px; color: #f1425d; font-size: 15px; line-height: 35px;} .block_rating__reviews{margin-left: 6px; color: #656c6f; font-size: 13px;} .block_price{margin-top: 29px; width: 100%;} .block_price__currency{padding: 0; margin: 0; vertical-align: top; color: #f1425d; font-size: 26px; font-weight: 600;} .block_price__shipping{padding: 0; margin: 0; color: #A2A9AD; font-size: 12px;} .radio_button{position: absolute; opacity: 0;} .block_goodColor{margin-top: 29px; width: 100%;} .block_goodColor__allColors{width: 100%; margin-top: 14px;} .block_goodColor__radio{display: inline-block; width: 42px; height: 42px; border-radius: 50%; margin-left: 10% !important; cursor: pointer; border: 2px solid #000;} .radio_button:checked + .block_goodColor__radio{width: 45px; height: 45px; box-shadow: 0 0 5px 3px rgba(83, 109, 254, 0.5); border: 2px solid #fff;} .block_goodColor__black{background-color: #fff;} .block_goodColor__silver{background-color: #fff;} .text_specification{padding: 0; color: #37474f; font-size: 13px;} .block_quantity{position: relative; height: 46px; margin-top: 45px;} .block_quantity span{display: inline-block; float: left; margin-top: 15px; margin-right: 10px;} .block_quantity__chooseBlock{vertical-align: top; height: 100%; margin: 0; padding: 0;} .block_quantity__number{display: inline-block; float: left; width: 52px; height: 46px; border: 1px solid #ddd; font-size: 18px;} .block_quantity__number::placeholder{color: #403f40; font-size: 18px; line-height: 35px;} .block_quantity__button{display: inline-block; position: relative; float: left; width: 20px; height: 50%; margin: 0; padding: 0; margin-left: 11px; font-size: 0; cursor: pointer;} .block_quantity__button:hover, .block_quantity__button:focus{background-color: transparent;} .block_quantity__button:hover:before, .block_quantity__button:focus:before{color: #536dfe;} .block_quantity__up:before{content: "\f106"; width: 11px; height: 6px; font-family: "FontAwesome"; color: #37474f; font-size: 18px;} .block_quantity__down:before{content: "\f107"; width: 11px; height: 6px; font-family: "FontAwesome"; color: #37474f; font-size: 18px;} .button.button_addToCard{width: 147px; height: 46px; margin-top: 43px; margin-bottom: 0; padding: 0; color: #fff; background-color: #536dfe; font-size: 17px; transition: all 0.3s;} .button.button_addToCard:hover{background-color: #0d2660;} .aboutMe a{display: block; width: 30%; position: fixed; bottom: .1%; left: 20px; color: rgba(255, 255, 255, 0.6); font-size: 1.5em; font-family: "Roboto", sans-serif; text-decoration: none;} 

/* /tk_images_download/static/src/scss/image_download.scss defined in bundle 'web.assets_frontend' */
 .image-download-filter .filter-form-group{position: relative; margin-top: 35px; margin-bottom: 20px;} .image-download-filter .filter-form-control{display: block; height: 36px; max-width: 350px; width: 100%; border: none; border-radius: 0 !important; font-size: 16px; font-weight: 300; padding: 0; margin-left: 10px; background-color: transparent; box-shadow: none; border-bottom: 1px solid #757575;} .image-download-filter .filter-form-control:focus{border-color: #757575; outline: none; box-shadow: none;} .image-download-filter .brands-filter, .image-download-filter ul{list-style: none; clear: both; margin: 20px auto 0; padding: 0;} .image-download-filter .brands-filter li, .image-download-filter ul li{margin: 5px 10px; float: left;} .image-download-filter .brands-filter li:not(.active), .image-download-filter ul li:not(.active){opacity: 0.7;} .image-download-filter .brands-filter li:not(.active) a, .image-download-filter ul li:not(.active) a{transform: scale(0.9);} .nopad{padding-left: 0 !important; padding-right: 0 !important;} .image-checkbox{cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 4px solid transparent; margin-bottom: 0; outline: 0;} .image-checkbox input[type="checkbox"]{display: none;} .image-checkbox .fa{position: absolute; color: #4A79A3; background-color: #fff; padding: 10px; top: 0; right: 0; background: transparent;} .image-checkbox-checked{border-color: #4783B0;} .image-checkbox-checked .fa{display: block !important;} 

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

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

/* /im_livechat/static/src/scss/im_livechat.scss defined in bundle 'web.assets_frontend' */
 .o_livechat_button{position: fixed; bottom: 0px; right: 6px; min-width: 100px; cursor: pointer; white-space: nowrap; background-color: rgba(60, 60, 60, 0.6); font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; padding: 10px; color: white; text-shadow: #3b4c58 1px 1px 0px; border: 1px solid #505050; border-bottom: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; z-index: 5;} .o_thread_window{z-index: 1002;} .o_thread_window .o_thread_date_separator{display: none;} .o_thread_window .o_livechat_rating{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; overflow: auto; padding: 15px; font-size: 14px;} .o_thread_window .o_livechat_rating .o_livechat_no_feedback{text-decoration: underline; cursor: pointer;} .o_thread_window .o_livechat_rating .o_livechat_rating_feedback_text{margin-top: 65px;} .o_thread_window .o_livechat_rating .o_livechat_rating_choices{margin: 40px 0;} .o_thread_window .o_livechat_rating .o_livechat_rating_choices > img{width: 65px; opacity: 0.60; cursor: pointer; margin: 10px;} .o_thread_window .o_livechat_rating .o_livechat_rating_choices > img:hover, .o_thread_window .o_livechat_rating .o_livechat_rating_choices > img.selected{opacity: 1;} .o_thread_window .o_livechat_rating .o_livechat_rating_reason{margin: 10px 0; display: none;} .o_thread_window .o_livechat_rating .o_livechat_rating_reason > textarea{width: 100%; height: 70px; resize: none;} .o_thread_window .o_livechat_rating .o_livechat_rating_reason_button > input{float: right;} 

/* /theme_inventive/static/src/scss/colors/color_4.scss defined in bundle 'web.assets_frontend' */
 

/* /theme_inventive/static/src/scss/animate.css defined in bundle 'web.assets_frontend' */
 @-webkit-keyframes loading{0%{left: 0%}100%{left: 150%}} .animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .animated.infinite{-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .animated.hinge{-webkit-animation-duration: 2s; animation-duration: 2s;} @-webkit-keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform: translateY(0); transform: translateY(0);}40%{-webkit-transform: translateY(-30px); transform: translateY(-30px);}60%{-webkit-transform: translateY(-15px); transform: translateY(-15px);}} @keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}40%{-webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px);}60%{-webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px);}} .bounce{-webkit-animation-name: bounce; animation-name: bounce;} @-webkit-keyframes flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} @keyframes flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} .flash{-webkit-animation-name: flash; animation-name: flash;} @-webkit-keyframes pulse{0%{-webkit-transform: scale(1); transform: scale(1);}50%{-webkit-transform: scale(1.1); transform: scale(1.1);}100%{-webkit-transform: scale(1); transform: scale(1);}} @keyframes pulse{0%{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}50%{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}100%{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}} .pulse{-webkit-animation-name: pulse; animation-name: pulse;} @-webkit-keyframes rubberBand{0%{-webkit-transform: scale(1); transform: scale(1);}30%{-webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75);}40%{-webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25);}60%{-webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85);}100%{-webkit-transform: scale(1); transform: scale(1);}} @keyframes rubberBand{0%{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}30%{-webkit-transform: scaleX(1.25) scaleY(0.75); -ms-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75);}40%{-webkit-transform: scaleX(0.75) scaleY(1.25); -ms-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25);}60%{-webkit-transform: scaleX(1.15) scaleY(0.85); -ms-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85);}100%{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}} .rubberBand{-webkit-animation-name: rubberBand; animation-name: rubberBand;} @-webkit-keyframes shake{0%, 100%{-webkit-transform: translateX(0); transform: translateX(0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translateX(-10px); transform: translateX(-10px);}20%, 40%, 60%, 80%{-webkit-transform: translateX(10px); transform: translateX(10px);}} @keyframes shake{0%, 100%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px);}20%, 40%, 60%, 80%{-webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px);}} .shake{-webkit-animation-name: shake; animation-name: shake;} @-webkit-keyframes swing{20%{-webkit-transform: rotate(15deg); transform: rotate(15deg);}40%{-webkit-transform: rotate(-10deg); transform: rotate(-10deg);}60%{-webkit-transform: rotate(5deg); transform: rotate(5deg);}80%{-webkit-transform: rotate(-5deg); transform: rotate(-5deg);}100%{-webkit-transform: rotate(0deg); transform: rotate(0deg);}} @keyframes swing{20%{-webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg);}40%{-webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg);}60%{-webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg);}80%{-webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg);}100%{-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}} .swing{-webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;} @-webkit-keyframes tada{0%{-webkit-transform: scale(1); transform: scale(1);}10%, 20%{-webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg);}40%, 60%, 80%{-webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg);}100%{-webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0);}} @keyframes tada{0%{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}10%, 20%{-webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg);}40%, 60%, 80%{-webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg);}100%{-webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0);}} .tada{-webkit-animation-name: tada; animation-name: tada;} @-webkit-keyframes wobble{0%{-webkit-transform: translateX(0%); transform: translateX(0%);}15%{-webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg);}30%{-webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg);}45%{-webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg);}60%{-webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg);}75%{-webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg);}100%{-webkit-transform: translateX(0%); transform: translateX(0%);}} @keyframes wobble{0%{-webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%);}15%{-webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg);}30%{-webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg);}45%{-webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg);}60%{-webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg);}75%{-webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg);}100%{-webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%);}} .wobble{-webkit-animation-name: wobble; animation-name: wobble;} @-webkit-keyframes bounceIn{0%{opacity: 0; -webkit-transform: scale(.3); transform: scale(.3);}50%{opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05);}70%{-webkit-transform: scale(.9); transform: scale(.9);}100%{opacity: 1; -webkit-transform: scale(1); transform: scale(1);}} @keyframes bounceIn{0%{opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3);}50%{opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}70%{-webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9);}100%{opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}} .bounceIn{-webkit-animation-name: bounceIn; animation-name: bounceIn;} @-webkit-keyframes bounceInDown{0%{opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px);}60%{opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px);}80%{-webkit-transform: translateY(-10px); transform: translateY(-10px);}100%{-webkit-transform: translateY(0); transform: translateY(0);}} @keyframes bounceInDown{0%{opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px);}60%{opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px);}80%{-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);}100%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}} .bounceInDown{-webkit-animation-name: bounceInDown; animation-name: bounceInDown;} @-webkit-keyframes bounceInLeft{0%{opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px);}60%{opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px);}80%{-webkit-transform: translateX(-10px); transform: translateX(-10px);}100%{-webkit-transform: translateX(0); transform: translateX(0);}} @keyframes bounceInLeft{0%{opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px);}60%{opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px);}80%{-webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px);}100%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}} .bounceInLeft{-webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;} @-webkit-keyframes bounceInRight{0%{opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px);}60%{opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px);}80%{-webkit-transform: translateX(10px); transform: translateX(10px);}100%{-webkit-transform: translateX(0); transform: translateX(0);}} @keyframes bounceInRight{0%{opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px);}60%{opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px);}80%{-webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px);}100%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}} .bounceInRight{-webkit-animation-name: bounceInRight; animation-name: bounceInRight;} @-webkit-keyframes bounceInUp{0%{opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px);}60%{opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px);}80%{-webkit-transform: translateY(10px); transform: translateY(10px);}100%{-webkit-transform: translateY(0); transform: translateY(0);}} @keyframes bounceInUp{0%{opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px);}60%{opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px);}80%{-webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);}100%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}} .bounceInUp{-webkit-animation-name: bounceInUp; animation-name: bounceInUp;} @-webkit-keyframes bounceOut{0%{-webkit-transform: scale(1); transform: scale(1);}25%{-webkit-transform: scale(.95); transform: scale(.95);}50%{opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1);}100%{opacity: 0; -webkit-transform: scale(.3); transform: scale(.3);}} @keyframes bounceOut{0%{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}25%{-webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95);}50%{opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}100%{opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3);}} .bounceOut{-webkit-animation-name: bounceOut; animation-name: bounceOut;} @-webkit-keyframes bounceOutDown{0%{-webkit-transform: translateY(0); transform: translateY(0);}20%{opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px);}100%{opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px);}} @keyframes bounceOutDown{0%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}20%{opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);}100%{opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px);}} .bounceOutDown{-webkit-animation-name: bounceOutDown; animation-name: bounceOutDown;} @-webkit-keyframes bounceOutLeft{0%{-webkit-transform: translateX(0); transform: translateX(0);}20%{opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px);}100%{opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px);}} @keyframes bounceOutLeft{0%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}20%{opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}100%{opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px);}} .bounceOutLeft{-webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft;} @-webkit-keyframes bounceOutRight{0%{-webkit-transform: translateX(0); transform: translateX(0);}20%{opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px);}100%{opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px);}} @keyframes bounceOutRight{0%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}20%{opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px);}100%{opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px);}} .bounceOutRight{-webkit-animation-name: bounceOutRight; animation-name: bounceOutRight;} @-webkit-keyframes bounceOutUp{0%{-webkit-transform: translateY(0); transform: translateY(0);}20%{opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px);}100%{opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px);}} @keyframes bounceOutUp{0%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}20%{opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px);}100%{opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px);}} .bounceOutUp{-webkit-animation-name: bounceOutUp; animation-name: bounceOutUp;} @-webkit-keyframes fadeIn{0%{opacity: 0;}100%{opacity: 1;}} @keyframes fadeIn{0%{opacity: 0;}100%{opacity: 1;}} .fadeIn{-webkit-animation-name: fadeIn; animation-name: fadeIn; animation-duration: .3s;} @-webkit-keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px);}100%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}} @keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);}100%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}} .fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;} @-webkit-keyframes fadeInDownBig{0%{opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px);}100%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}} @keyframes fadeInDownBig{0%{opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px);}100%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}} .fadeInDownBig{-webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig;} @-webkit-keyframes fadeInLeft{0%{opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px);}100%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}} @keyframes fadeInLeft{0%{opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px);}100%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}} .fadeInLeft{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;} @-webkit-keyframes fadeInLeftBig{0%{opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px);}100%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}} @keyframes fadeInLeftBig{0%{opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px);}100%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}} .fadeInLeftBig{-webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig;} @-webkit-keyframes fadeInRight{0%{opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px);}100%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}} @keyframes fadeInRight{0%{opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}100%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}} .fadeInRight{-webkit-animation-name: fadeInRight; animation-name: fadeInRight;} @-webkit-keyframes fadeInRightBig{0%{opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px);}100%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}} @keyframes fadeInRightBig{0%{opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px);}100%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}} .fadeInRightBig{-webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig;} @-webkit-keyframes fadeInUp{0%{opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}100%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}} @keyframes fadeInUp{0%{opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px);}100%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}} .fadeInUp{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;} @-webkit-keyframes fadeInUpBig{0%{opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px);}100%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}} @keyframes fadeInUpBig{0%{opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px);}100%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}} .fadeInUpBig{-webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig;} @-webkit-keyframes{0%{opacity: 1;}100%{opacity: 0;}} @keyframes fadeOut{0%{opacity: 1;}100%{opacity: 0;}} .fadeOut{-webkit-animation-name: fadeOut; animation-name: fadeOut;} @-webkit-keyframes fadeOutDown{0%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}} @keyframes fadeOutDown{0%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px);}} .fadeOutDown{-webkit-animation-name: fadeOutDown; animation-name: fadeOutDown;} @-webkit-keyframes fadeOutDownBig{0%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px);}} @keyframes fadeOutDownBig{0%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px);}} .fadeOutDownBig{-webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig;} @-webkit-keyframes fadeOutLeft{0%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}100%{opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px);}} @keyframes fadeOutLeft{0%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}100%{opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px);}} .fadeOutLeft{-webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft;} @-webkit-keyframes fadeOutLeftBig{0%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}100%{opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px);}} @keyframes fadeOutLeftBig{0%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}100%{opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px);}} .fadeOutLeftBig{-webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig;} @-webkit-keyframes fadeOutRight{0%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}100%{opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px);}} @keyframes fadeOutRight{0%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}100%{opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}} .fadeOutRight{-webkit-animation-name: fadeOutRight; animation-name: fadeOutRight;} @-webkit-keyframes fadeOutRightBig{0%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}100%{opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px);}} @keyframes fadeOutRightBig{0%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}100%{opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px);}} .fadeOutRightBig{-webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig;} @-webkit-keyframes fadeOutUp{0%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px);}} @keyframes fadeOutUp{0%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);}} .fadeOutUp{-webkit-animation-name: fadeOutUp; animation-name: fadeOutUp;} @-webkit-keyframes fadeOutUpBig{0%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px);}} @keyframes fadeOutUpBig{0%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px);}} .fadeOutUpBig{-webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig;} @-webkit-keyframes flip{0%{-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}40%{-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}50%{-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}80%{-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}100%{-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}} @keyframes flip{0%{-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}40%{-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}50%{-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}80%{-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}100%{-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}} .animated.flip{-webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip;} @-webkit-keyframes flipInX{0%{-webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0;}40%{-webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg);}70%{-webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg);}100%{-webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1;}} @keyframes flipInX{0%{-webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0;}40%{-webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg);}70%{-webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg);}100%{-webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1;}} .flipInX{-webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX;} @-webkit-keyframes flipInY{0%{-webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0;}40%{-webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg);}70%{-webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg);}100%{-webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1;}} @keyframes flipInY{0%{-webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0;}40%{-webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg);}70%{-webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg);}100%{-webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1;}} .flipInY{-webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY;} @-webkit-keyframes flipOutX{0%{-webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1;}100%{-webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0;}} @keyframes flipOutX{0%{-webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1;}100%{-webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0;}} .flipOutX{-webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important;} @-webkit-keyframes flipOutY{0%{-webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1;}100%{-webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0;}} @keyframes flipOutY{0%{-webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1;}100%{-webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0;}} .flipOutY{-webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY;} @-webkit-keyframes lightSpeedIn{0%{-webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0;}60%{-webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1;}80%{-webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1;}100%{-webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1;}} @keyframes lightSpeedIn{0%{-webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0;}60%{-webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1;}80%{-webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1;}100%{-webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1;}} .lightSpeedIn{-webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;} @-webkit-keyframes lightSpeedOut{0%{-webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1;}100%{-webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0;}} @keyframes lightSpeedOut{0%{-webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1;}100%{-webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0;}} .lightSpeedOut{-webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} @-webkit-keyframes rotateIn{0%{-webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0;}100%{-webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}} @keyframes rotateIn{0%{-webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0;}100%{-webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1;}} .rotateIn{-webkit-animation-name: rotateIn; animation-name: rotateIn;} @-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0;}100%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}} @keyframes rotateInDownLeft{0%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0;}100%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1;}} .rotateInDownLeft{-webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft;} @-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0;}100%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}} @keyframes rotateInDownRight{0%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0;}100%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1;}} .rotateInDownRight{-webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight;} @-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0;}100%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}} @keyframes rotateInUpLeft{0%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0;}100%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1;}} .rotateInUpLeft{-webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft;} @-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0;}100%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}} @keyframes rotateInUpRight{0%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0;}100%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1;}} .rotateInUpRight{-webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight;} @-webkit-keyframes rotateOut{0%{-webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}100%{-webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0;}} @keyframes rotateOut{0%{-webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1;}100%{-webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0;}} .rotateOut{-webkit-animation-name: rotateOut; animation-name: rotateOut;} @-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}100%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0;}} @keyframes rotateOutDownLeft{0%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1;}100%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0;}} .rotateOutDownLeft{-webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft;} @-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}100%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0;}} @keyframes rotateOutDownRight{0%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1;}100%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0;}} .rotateOutDownRight{-webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight;} @-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}100%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0;}} @keyframes rotateOutUpLeft{0%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1;}100%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0;}} .rotateOutUpLeft{-webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft;} @-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}100%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0;}} @keyframes rotateOutUpRight{0%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1;}100%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0;}} .rotateOutUpRight{-webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight;} @-webkit-keyframes slideInDown{0%{opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px);}100%{-webkit-transform: translateY(0); transform: translateY(0);}} @keyframes slideInDown{0%{opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px);}100%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}} .slideInDown{-webkit-animation-name: slideInDown; animation-name: slideInDown;} @-webkit-keyframes slideInLeft{0%{opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px);}100%{-webkit-transform: translateX(0); transform: translateX(0);}} @keyframes slideInLeft{0%{opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px);}100%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}} .slideInLeft{-webkit-animation-name: slideInLeft; animation-name: slideInLeft;} @-webkit-keyframes slideInRight{0%{opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px);}100%{-webkit-transform: translateX(0); transform: translateX(0);}} @keyframes slideInRight{0%{opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px);}100%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}} .slideInRight{-webkit-animation-name: slideInRight; animation-name: slideInRight;} @-webkit-keyframes slideOutLeft{0%{-webkit-transform: translateX(0); transform: translateX(0);}100%{opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px);}} @keyframes slideOutLeft{0%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}100%{opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px);}} .slideOutLeft{-webkit-animation-name: slideOutLeft; animation-name: slideOutLeft;} @-webkit-keyframes slideOutRight{0%{-webkit-transform: translateX(0); transform: translateX(0);}100%{opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px);}} @keyframes slideOutRight{0%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}100%{opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px);}} .slideOutRight{-webkit-animation-name: slideOutRight; animation-name: slideOutRight;} @-webkit-keyframes slideOutUp{0%{-webkit-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px);}} @keyframes slideOutUp{0%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px);}} .slideOutUp{-webkit-animation-name: slideOutUp; animation-name: slideOutUp;} @-webkit-keyframes slideInUp{0%{opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px);}100%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}} @keyframes slideInUp{0%{opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px);}100%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}} .slideInUp{-webkit-animation-name: slideInUp; animation-name: slideInUp;} @-webkit-keyframes slideOutDown{0%{-webkit-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px);}} @keyframes slideOutDown{0%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px);}} .slideOutDown{-webkit-animation-name: slideOutDown; animation-name: slideOutDown;} @-webkit-keyframes hinge{0%{-webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}20%, 60%{-webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}40%{-webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}80%{-webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;}100%{-webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0;}} @keyframes hinge{0%{-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}20%, 60%{-webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}40%{-webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}80%{-webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;}100%{-webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0;}} .hinge{-webkit-animation-name: hinge; animation-name: hinge;} @-webkit-keyframes rollIn{0%{opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg);}100%{opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg);}} @keyframes rollIn{0%{opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg);}100%{opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg);}} .rollIn{-webkit-animation-name: rollIn; animation-name: rollIn;} @-webkit-keyframes rollOut{0%{opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg);}100%{opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg);}} @keyframes rollOut{0%{opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg);}100%{opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg);}} .rollOut{-webkit-animation-name: rollOut; animation-name: rollOut;} @keyframes zoom{0%{height: 0; width: 0;}100%{height: 100%; width:100%;}} @-webkit-keyframes zoomIn{0%{opacity: 0; -webkit-transform: scale(.3); transform: scale(.3);}50%{opacity: 1;}} @keyframes zoomIn{0%{opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3);}50%{opacity: 1;}} .zoom{animation-name: zoom;} .zoomIn{-webkit-animation-name: zoomIn; animation-name: zoomIn;} @-webkit-keyframes zoomInDown{0%{opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}60%{opacity: 1; -webkit-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}} @keyframes zoomInDown{0%{opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); -ms-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}60%{opacity: 1; -webkit-transform: scale(.475) translateY(60px); -ms-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}} .zoomInDown{-webkit-animation-name: zoomInDown; animation-name: zoomInDown;} @-webkit-keyframes zoomInLeft{0%{opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}60%{opacity: 1; -webkit-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}} @keyframes zoomInLeft{0%{opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); -ms-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}60%{opacity: 1; -webkit-transform: scale(.475) translateX(48px); -ms-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}} .zoomInLeft{-webkit-animation-name: zoomInLeft; animation-name: zoomInLeft;} @-webkit-keyframes zoomInRight{0%{opacity: 0; -webkit-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}60%{opacity: 1; -webkit-transform: scale(.475) translateX(-48px); transform: scale(.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}} @keyframes zoomInRight{0%{opacity: 0; -webkit-transform: scale(.1) translateX(2000px); -ms-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}60%{opacity: 1; -webkit-transform: scale(.475) translateX(-48px); -ms-transform: scale(.475) translateX(-48px); transform: scale(.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}} .zoomInRight{-webkit-animation-name: zoomInRight; animation-name: zoomInRight;} @-webkit-keyframes zoomInUp{0%{opacity: 0; -webkit-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}60%{opacity: 1; -webkit-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}} @keyframes zoomInUp{0%{opacity: 0; -webkit-transform: scale(.1) translateY(2000px); -ms-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}60%{opacity: 1; -webkit-transform: scale(.475) translateY(-60px); -ms-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}} .zoomInUp{-webkit-animation-name: zoomInUp; animation-name: zoomInUp;} @-webkit-keyframes zoomOut{0%{opacity: 1; -webkit-transform: scale(1); transform: scale(1);}50%{opacity: 0; -webkit-transform: scale(.3); transform: scale(.3);}100%{opacity: 0;}} @keyframes zoomOut{0%{opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}50%{opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3);}100%{opacity: 0;}} .zoomOut{-webkit-animation-name: zoomOut; animation-name: zoomOut;} @-webkit-keyframes zoomOutDown{40%{opacity: 1; -webkit-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear;}100%{opacity: 0; -webkit-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-transform-origin: center bottom; transform-origin: center bottom;}} @keyframes zoomOutDown{40%{opacity: 1; -webkit-transform: scale(.475) translateY(-60px); -ms-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear;}100%{opacity: 0; -webkit-transform: scale(.1) translateY(2000px); -ms-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom;}} .zoomOutDown{-webkit-animation-name: zoomOutDown; animation-name: zoomOutDown;} @-webkit-keyframes zoomOutLeft{40%{opacity: 1; -webkit-transform: scale(.475) translateX(42px); transform: scale(.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear;}100%{opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-transform-origin: left center; transform-origin: left center;}} @keyframes zoomOutLeft{40%{opacity: 1; -webkit-transform: scale(.475) translateX(42px); -ms-transform: scale(.475) translateX(42px); transform: scale(.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear;}100%{opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); -ms-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center;}} .zoomOutLeft{-webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft;} @-webkit-keyframes zoomOutRight{40%{opacity: 1; -webkit-transform: scale(.475) translateX(-42px); transform: scale(.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear;}100%{opacity: 0; -webkit-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-transform-origin: right center; transform-origin: right center;}} @keyframes zoomOutRight{40%{opacity: 1; -webkit-transform: scale(.475) translateX(-42px); -ms-transform: scale(.475) translateX(-42px); transform: scale(.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear;}100%{opacity: 0; -webkit-transform: scale(.1) translateX(2000px); -ms-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center;}} .zoomOutRight{-webkit-animation-name: zoomOutRight; animation-name: zoomOutRight;} @-webkit-keyframes zoomOutUp{40%{opacity: 1; -webkit-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear;}100%{opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-transform-origin: center top; transform-origin: center top;}} @keyframes zoomOutUp{40%{opacity: 1; -webkit-transform: scale(.475) translateY(60px); -ms-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear;}100%{opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); -ms-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top;}} .zoomOutUp{-webkit-animation-name: zoomOutUp; animation-name: zoomOutUp;} 

/* /theme_inventive/static/src/scss/loader-wave.css defined in bundle 'web.assets_frontend' */
[data-loader='wave']{width: 3em; height: 2em; animation: wave 1.5s linear infinite; background: linear-gradient(#9b59b6, #9b59b6) 0 50%, linear-gradient(#9b59b6, #9b59b6) .625em 50%, linear-gradient(#9b59b6, #9b59b6) 1.25em 50%, linear-gradient(#9b59b6, #9b59b6) 1.875em 50%, linear-gradient(#9b59b6, #9b59b6) 2.5em 50%; background-repeat: no-repeat; background-size: .5em .25em, .5em .25em, .5em .25em, .5em .25em, .5em .25em; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} @-webkit-keyframes wave{25%{background: linear-gradient(#3498db, #3498db) 0 50%, linear-gradient(#9b59b6, #9b59b6) .625em 50%, linear-gradient(#9b59b6, #9b59b6) 1.25em 50%, linear-gradient(#9b59b6, #9b59b6) 1.875em 50%, linear-gradient(#9b59b6, #9b59b6) 2.5em 50%; background-repeat: no-repeat; background-size: .5em 2em, .5em .25em, .5em .25em, .5em .25em, .5em .25em;}37.5%{background: linear-gradient(#9b59b6, #9b59b6) 0 50%, linear-gradient(#3498db, #3498db) .625em 50%, linear-gradient(#9b59b6, #9b59b6) 1.25em 50%, linear-gradient(#9b59b6, #9b59b6) 1.875em 50%, linear-gradient(#9b59b6, #9b59b6) 2.5em 50%; background-repeat: no-repeat; background-size: .5em .25em, .5em 2em, .5em .25em, .5em .25em, .5em .25em;}50%{background: linear-gradient(#9b59b6, #9b59b6) 0 50%, linear-gradient(#9b59b6, #9b59b6) .625em 50%, linear-gradient(#3498db, #3498db) 1.25em 50%, linear-gradient(#9b59b6, #9b59b6) 1.875em 50%, linear-gradient(#9b59b6, #9b59b6) 2.5em 50%; background-repeat: no-repeat; background-size: .5em .25em, .5em .25em, .5em 2em, .5em .25em, .5em .25em;}62.5%{background: linear-gradient(#9b59b6, #9b59b6) 0 50%, linear-gradient(#9b59b6, #9b59b6) .625em 50%, linear-gradient(#9b59b6, #9b59b6) 1.25em 50%, linear-gradient(#3498db, #3498db) 1.875em 50%, linear-gradient(#9b59b6, #9b59b6) 2.5em 50%; background-repeat: no-repeat; background-size: .5em .25em, .5em .25em, .5em .25em, .5em 2em, .5em .25em;}75%{background: linear-gradient(#9b59b6, #9b59b6) 0 50%, linear-gradient(#9b59b6, #9b59b6) .625em 50%, linear-gradient(#9b59b6, #9b59b6) 1.25em 50%, linear-gradient(#9b59b6, #9b59b6) 1.875em 50%, linear-gradient(#3498db, #3498db) 2.5em 50%; background-repeat: no-repeat; background-size: .5em .25em, .5em .25em, .5em .25em, .5em .25em, .5em 2em;}} @-moz-keyframes wave{25%{background: linear-gradient(#3498db, #3498db) 0 50%, linear-gradient(#9b59b6, #9b59b6) .625em 50%, linear-gradient(#9b59b6, #9b59b6) 1.25em 50%, linear-gradient(#9b59b6, #9b59b6) 1.875em 50%, linear-gradient(#9b59b6, #9b59b6) 2.5em 50%; background-repeat: no-repeat; background-size: .5em 2em, .5em .25em, .5em .25em, .5em .25em, .5em .25em;}37.5%{background: linear-gradient(#9b59b6, #9b59b6) 0 50%, linear-gradient(#3498db, #3498db) .625em 50%, linear-gradient(#9b59b6, #9b59b6) 1.25em 50%, linear-gradient(#9b59b6, #9b59b6) 1.875em 50%, linear-gradient(#9b59b6, #9b59b6) 2.5em 50%; background-repeat: no-repeat; background-size: .5em .25em, .5em 2em, .5em .25em, .5em .25em, .5em .25em;}50%{background: linear-gradient(#9b59b6, #9b59b6) 0 50%, linear-gradient(#9b59b6, #9b59b6) .625em 50%, linear-gradient(#3498db, #3498db) 1.25em 50%, linear-gradient(#9b59b6, #9b59b6) 1.875em 50%, linear-gradient(#9b59b6, #9b59b6) 2.5em 50%; background-repeat: no-repeat; background-size: .5em .25em, .5em .25em, .5em 2em, .5em .25em, .5em .25em;}62.5%{background: linear-gradient(#9b59b6, #9b59b6) 0 50%, linear-gradient(#9b59b6, #9b59b6) .625em 50%, linear-gradient(#9b59b6, #9b59b6) 1.25em 50%, linear-gradient(#3498db, #3498db) 1.875em 50%, linear-gradient(#9b59b6, #9b59b6) 2.5em 50%; background-repeat: no-repeat; background-size: .5em .25em, .5em .25em, .5em .25em, .5em 2em, .5em .25em;}75%{background: linear-gradient(#9b59b6, #9b59b6) 0 50%, linear-gradient(#9b59b6, #9b59b6) .625em 50%, linear-gradient(#9b59b6, #9b59b6) 1.25em 50%, linear-gradient(#9b59b6, #9b59b6) 1.875em 50%, linear-gradient(#3498db, #3498db) 2.5em 50%; background-repeat: no-repeat; background-size: .5em .25em, .5em .25em, .5em .25em, .5em .25em, .5em 2em;}} @-o-keyframes wave{25%{background: linear-gradient(#3498db, #3498db) 0 50%, linear-gradient(#9b59b6, #9b59b6) .625em 50%, linear-gradient(#9b59b6, #9b59b6) 1.25em 50%, linear-gradient(#9b59b6, #9b59b6) 1.875em 50%, linear-gradient(#9b59b6, #9b59b6) 2.5em 50%; background-repeat: no-repeat; background-size: .5em 2em, .5em .25em, .5em .25em, .5em .25em, .5em .25em;}37.5%{background: linear-gradient(#9b59b6, #9b59b6) 0 50%, linear-gradient(#3498db, #3498db) .625em 50%, linear-gradient(#9b59b6, #9b59b6) 1.25em 50%, linear-gradient(#9b59b6, #9b59b6) 1.875em 50%, linear-gradient(#9b59b6, #9b59b6) 2.5em 50%; background-repeat: no-repeat; background-size: .5em .25em, .5em 2em, .5em .25em, .5em .25em, .5em .25em;}50%{background: linear-gradient(#9b59b6, #9b59b6) 0 50%, linear-gradient(#9b59b6, #9b59b6) .625em 50%, linear-gradient(#3498db, #3498db) 1.25em 50%, linear-gradient(#9b59b6, #9b59b6) 1.875em 50%, linear-gradient(#9b59b6, #9b59b6) 2.5em 50%; background-repeat: no-repeat; background-size: .5em .25em, .5em .25em, .5em 2em, .5em .25em, .5em .25em;}62.5%{background: linear-gradient(#9b59b6, #9b59b6) 0 50%, linear-gradient(#9b59b6, #9b59b6) .625em 50%, linear-gradient(#9b59b6, #9b59b6) 1.25em 50%, linear-gradient(#3498db, #3498db) 1.875em 50%, linear-gradient(#9b59b6, #9b59b6) 2.5em 50%; background-repeat: no-repeat; background-size: .5em .25em, .5em .25em, .5em .25em, .5em 2em, .5em .25em;}75%{background: linear-gradient(#9b59b6, #9b59b6) 0 50%, linear-gradient(#9b59b6, #9b59b6) .625em 50%, linear-gradient(#9b59b6, #9b59b6) 1.25em 50%, linear-gradient(#9b59b6, #9b59b6) 1.875em 50%, linear-gradient(#3498db, #3498db) 2.5em 50%; background-repeat: no-repeat; background-size: .5em .25em, .5em .25em, .5em .25em, .5em .25em, .5em 2em;}} @keyframes wave{25%{background: linear-gradient(#3498db, #3498db) 0 50%, linear-gradient(#9b59b6, #9b59b6) .625em 50%, linear-gradient(#9b59b6, #9b59b6) 1.25em 50%, linear-gradient(#9b59b6, #9b59b6) 1.875em 50%, linear-gradient(#9b59b6, #9b59b6) 2.5em 50%; background-repeat: no-repeat; background-size: .5em 2em, .5em .25em, .5em .25em, .5em .25em, .5em .25em;}37.5%{background: linear-gradient(#9b59b6, #9b59b6) 0 50%, linear-gradient(#3498db, #3498db) .625em 50%, linear-gradient(#9b59b6, #9b59b6) 1.25em 50%, linear-gradient(#9b59b6, #9b59b6) 1.875em 50%, linear-gradient(#9b59b6, #9b59b6) 2.5em 50%; background-repeat: no-repeat; background-size: .5em .25em, .5em 2em, .5em .25em, .5em .25em, .5em .25em;}50%{background: linear-gradient(#9b59b6, #9b59b6) 0 50%, linear-gradient(#9b59b6, #9b59b6) .625em 50%, linear-gradient(#3498db, #3498db) 1.25em 50%, linear-gradient(#9b59b6, #9b59b6) 1.875em 50%, linear-gradient(#9b59b6, #9b59b6) 2.5em 50%; background-repeat: no-repeat; background-size: .5em .25em, .5em .25em, .5em 2em, .5em .25em, .5em .25em;}62.5%{background: linear-gradient(#9b59b6, #9b59b6) 0 50%, linear-gradient(#9b59b6, #9b59b6) .625em 50%, linear-gradient(#9b59b6, #9b59b6) 1.25em 50%, linear-gradient(#3498db, #3498db) 1.875em 50%, linear-gradient(#9b59b6, #9b59b6) 2.5em 50%; background-repeat: no-repeat; background-size: .5em .25em, .5em .25em, .5em .25em, .5em 2em, .5em .25em;}75%{background: linear-gradient(#9b59b6, #9b59b6) 0 50%, linear-gradient(#9b59b6, #9b59b6) .625em 50%, linear-gradient(#9b59b6, #9b59b6) 1.25em 50%, linear-gradient(#9b59b6, #9b59b6) 1.875em 50%, linear-gradient(#3498db, #3498db) 2.5em 50%; background-repeat: no-repeat; background-size: .5em .25em, .5em .25em, .5em .25em, .5em .25em, .5em 2em;}} 

/* /theme_inventive/static/src/scss/theme_customize/customize_color.scss defined in bundle 'web.assets_frontend' */
 

/* /theme_inventive/static/src/scss/colors/color_default.scss defined in bundle 'web.assets_frontend' */
 .border_primary{border: 1px solid #D8D8D8;} #wrapwrap a[href*="/"]:not(.btn){color: #333333; text-decoration: none; transition: color 0.2s linear;} #wrapwrap a[href*="/"]:not(.btn).active, #wrapwrap a[href*="/"]:not(.btn):hover{color: #2d545e;} #wrapwrap .text-info{color: #555555 !important; font-size: 14px;} #wrapwrap a{text-decoration: none; cursor: pointer;} #wrapwrap h1, #wrapwrap h2, #wrapwrap h3, #wrapwrap h4, #wrapwrap h5, #wrapwrap h6{font-weight: 600; margin: 0;} #wrapwrap .form-control, #wrapwrap .form-control-sm, #wrapwrap input[type='number']{height: 35px; box-shadow: none !important;} #wrapwrap .form-control:focus, #wrapwrap .form-control:hover, #wrapwrap .form-control-sm:focus, #wrapwrap .form-control-sm:hover, #wrapwrap input[type='number']:focus, #wrapwrap input[type='number']:hover{outline: none; border: 1px solid #2d545e;} #wrapwrap input[type="radio"], #wrapwrap input[type="checkbox"]{cursor: pointer; visibility: hidden; margin-right: 5px; position: relative; width: 1rem; height: 1rem; -webkit--webkit-appearance: none; -moz-appearance: none; appearance: none; -moz--webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;} #wrapwrap input[type="radio"]:before, #wrapwrap input[type="checkbox"]:before{content: "\f096"; visibility: visible; position: absolute; font-size: 0px; margin-top: 2px; width: 0.875rem; height: 0.875rem; background-image: url("/theme_inventive/static/src/lib/svg/checkbox_blank.svg"); background-repeat: no-repeat; background-position: center; background-size: 0.875rem;} #wrapwrap input[type="radio"]:checked:before, #wrapwrap input[type="checkbox"]:checked:before{content: "\f046"; background-image: url("/theme_inventive/static/src/lib/svg/checkbox_checked.svg"); background-repeat: no-repeat; background-position: center; background-size: 0.875rem;} #wrapwrap label.css_attribute_color{margin-right: 5px; margin-bottom: 0; height: 20px; width: 20px; border: 1px solid #D8D8D8;} #wrapwrap label.css_attribute_color input{margin: 0;} #wrapwrap label.css_attribute_color.active{border: 2px solid #FFFFFF; box-shadow: 0 0 0 2px #333333; height: 12px; width: 12px; margin: -1px 7px 0px 2px; box-sizing: content-box;} #wrapwrap .overlay{position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1;} #wrapwrap.apply_overlay .overlay{background-color: rgba(0, 0, 0, 0.7); transition: background-color .5s ease-in-out; z-index: 100;} #wrapwrap .fa.fa-times{height: 20px; width: 12px; background-image: url("/theme_inventive/static/src/lib/svg/white/cross.svg"); background-repeat: no-repeat; background-position: center; background-size: 10px;} #wrapwrap .fa.fa-times:before{content: "";} #wrapwrap .fa.fa-times:hover{background-image: url("/theme_inventive/static/src/lib/svg/cross_red.svg"); background-repeat: no-repeat; background-position: center; background-size: 10px;} ::-webkit-scrollbar{width: 10px; height: 5px;} ::-webkit-scrollbar-track{box-shadow: inset 0 0 5px grey; border-radius: 10px;} ::-webkit-scrollbar-thumb{background: #2d545e; border-radius: 10px;} ::-webkit-scrollbar-thumb:hover{background: #b30000;} .table-striped tbody tr:nth-of-type(odd){background-color: white;} table.table th{padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee !important; border-top: 1px solid #eee !important; color: #555555;} table.table td{padding-top: 10px; padding-bottom: 10px; border: none !important;} html{scroll-behavior: smooth;} 

/* /theme_inventive/static/src/scss/bootstrap_override.scss defined in bundle 'web.assets_frontend' */
 #wrap > .container{padding-top: 0 !important;} .card{border: 1px solid #E8E8E8; padding: 0 15px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07); transition: all .2s linear;} .card .card-header{margin-top: 15px;} .card .card-body{padding: 10px 0; background-color: white !important; border: none !important;} .card .card-body table.table th{border-top: none !important;} .card .card-footer{border: none !important; background-color: white;} .card:hover{box-shadow: 0 2px 8px 4px rgba(0, 0, 0, 0.07);} .form-group label{color: #555555; padding-bottom: 0;} .badge.badge-primary{background-color: #2d545e; color: white;} .badge.badge-secondary{background-color: #1E1E1E; color: white;} .badge.badge-light{width: 32px; height: 20px; margin-left: 10px; opacity: 0.36; background: #FFFFFF; border-radius: 12px;} #wrapwrap .dropdown.show > .btn-secondary.dropdown-toggle{background-color: white; color: #555555;} #wrapwrap .dropdown-submenu{position: relative;} #wrapwrap .dropdown-submenu > .dropdown-menu{top: 0; left: 100%; margin-top: -6px;} #wrapwrap .dropdown-toggle{color: #555555;} #wrapwrap .dropdown-toggle.btn-secondary, #wrapwrap .dropdown-toggle.btn{border: 1px solid #D8D8D8; background-color: white; color: #555555; border: 1px solid #D8D8D8; border-color: #aaaaaa !important;} #wrapwrap .dropdown-toggle.btn-secondary:active, #wrapwrap .dropdown-toggle.btn-secondary:focus, #wrapwrap .dropdown-toggle.btn-secondary:hover, #wrapwrap .dropdown-toggle.btn:active, #wrapwrap .dropdown-toggle.btn:focus, #wrapwrap .dropdown-toggle.btn:hover{background-color: white !important; color: #333333 !important;} #wrapwrap .dropdown-toggle::after{font: normal normal normal 14px/1 FontAwesome; content: '\f107'; vertical-align: 0; width: 15px; height: 15px; text-align: center; border: none !important; font-size: 16px; color: #000; font-weight: 800;} #wrapwrap .dropdown-menu{border: none; box-shadow: 3px 3px 7px 4px rgba(0, 0, 0, 0.1); margin-top: 0px;} #wrapwrap .dropdown-menu .arrow{top: -25px; left: 96%; width: 0; height: 0; position: relative;} #wrapwrap .dropdown-menu .arrow:after, #wrapwrap .dropdown-menu .arrow:before{content: ""; position: absolute; display: block; width: 0; height: 0; border-width: 9px 10px; border-style: solid; border-color: transparent; z-index: 1001;} #wrapwrap .dropdown-menu .arrow:after{bottom: -18px; right: -8px; border-bottom-color: #fff;} #wrapwrap .dropdown-item{padding: 5px 15px; cursor: pointer;} #wrapwrap .dropdown-item.active, #wrapwrap .dropdown-item:active, #wrapwrap .dropdown-item:focus, #wrapwrap .dropdown-item:hover{background-color: white; color: #2d545e !important;} .popover{border: unset; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);} .popover .popover-header{background-color: white; font-size: 18px;} .popover.mycart-popover{min-width: 350px !important; transform: unset !important; left: unset !important; right: 0; top: 40px !important;} .popover.mycart-popover .arrow{left: 91.5% !important;} .popover.mycart-popover .arrow:after, .popover.mycart-popover .arrow:before{top: -13px; border-width: 11px 12px;} .popover.mycart-popover .popover-body img{width: 100%;} .fa{cursor: pointer;} button:focus{outline: none !important;} .btn{cursor: pointer !important; border-radius: 0; border-radius: 2px;} .btn-default{color: #2d545e; background-color: white;} .btn-primary{border-color: transparent !important; background-color: #2d545e;} .btn-primary.active, .btn-primary:focus, .btn-primary:hover{color: white; box-shadow: unset !important; background-color: #1c353c !important;} .btn-secondary{border-color: transparent !important; background-color: #1E1E1E;} .btn-secondary.active, .btn-secondary:focus, .btn-secondary:hover{color: white; box-shadow: unset !important; background-color: #111111 !important;} .btn-link{color: #555555;} .btn-link:active, .btn-link:hover{color: #333333;} .btn-danger{color: white !important;} .btn-yellow{background: #FEAF24; border-radius: 2px; color: white; padding: 0.45rem 1.35rem; font-size: 0.875rem; line-height: 1.5; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} .btn-yellow:hover{background-color: #ee9801;} .breadcrumb{padding: 0.250rem 0; list-style: none; background-color: transparent; border: none; border-radius: 0.25rem;} .breadcrumb .breadcrumb-item a{color: #777777 !important;} .breadcrumb .breadcrumb-item.active{color: #151515;} .breadcrumb .breadcrumb-item.active span{color: #151515;} .breadcrumb .breadcrumb-item + .breadcrumb-item{padding-left: 0;} .breadcrumb .breadcrumb-item + .breadcrumb-item::before{padding: 0px 5px 0 5px; transform: rotateZ(10deg); margin-top: -1px; font-size: 15px;} .nav-pills .nav-link.active, .nav-pills .nav-link:hover, .nav-pills .nav-link:focus{transition: color .2s linear; color: #2d545e; background-color: transparent;} .nav-tabs{border-bottom: none; justify-content: center;} .nav-tabs .nav-item{z-index: 1; background-color: white !important;} .nav-tabs .nav-item .nav-link{color: #333333; font-size: 16px; font-weight: 600; padding: 3px 18px; border-color: #D8D8D8; border-radius: 0px; margin: 0 5px;} .nav-tabs .nav-item .nav-link.active, .nav-tabs .nav-item .nav-link.show{color: #2d545e !important; border-color: #2d545e;} .navbar .nav-item .nav-link{color: #555555;} .navbar .nav-item .nav-link:hover, .navbar .nav-item .nav-linkfocus{color: #2d545e !important; border-color: transparent !important;} .tab-content{padding: 15px 0;} .custom-switch{padding-left: 3.5rem;} .custom-control-input{position: absolute; z-index: -1; opacity: 0; outline: 0;} .custom-control-input:focus{outline: 0; border: 1px solid black;} .custom-control-input:focus ~ .custom-control-label::before{border: 1px solid black;} .custom-control-label::before{height: 20px; background-color: #E7E8E9; border: 0; transition: background-color .15s ease-in-out;} .custom-switch .custom-control-label::before{left: -3.2rem; top: 1px; width: 46px; border-radius: 30px; box-shadow: none;} .custom-switch .custom-control-label::after{width: 18px; height: 18px; top: 1.5px; left: calc(-3.2rem + 1.6px); background-color: #fff; border-radius: 0.5rem; transition: transform 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s;} .custom-control-input:checked ~ .custom-control-label::before{color: #ccc; border: 0; background-color: #1E91EA;} .custom-switch .custom-control-input:checked ~ .custom-control-label::after{transform: translateX(1.5rem);} .shop_by_att{background-color: #fff; text-align: center;} .shop_by_attr_item{padding: 20px; width: 20%; transition: box-shadow, 0.4s, ease-in-out; border-radius: 5px; background-color: #ccc; border: 1px solid; opacity: 1;} .shop_by_attr_item:hover{opacity: 0.6;} .shop_by_attr_item .shop_by_attr_item_link{text-decoration: none;} .shop_by_attr_item .shop_by_attr_item_title{text-align: center; font-family: 'Montserrat', sans-serif; font-size: 0.9em; font-weight: bold; color: #333; opacity: 1; width: 90%; margin: 0;} 

/* /theme_inventive/static/src/scss/theme_inventive_mixins.scss defined in bundle 'web.assets_frontend' */
 

/* /theme_inventive/static/src/scss/new-design/home.scss defined in bundle 'web.assets_frontend' */
 @font-face{font-family: "Poppins Bold"; src: url("/theme_inventive/static/src/scss/new-design/Poppins-Bold.otf") format("opentype");} @font-face{font-family: "Poppins Medium"; src: url("/theme_inventive/static/src/scss/new-design/Poppins-Medium.otf") format("opentype");} @font-face{font-family: "Poppins Regular"; src: url("/theme_inventive/static/src/scss/new-design/Poppins-Regular.otf") format("opentype");} :root, html, body{font-family: "Poppins Regular", sans-serif !important;} .main-bkg{background: no-repeat center url("/theme_inventive/static/src/img/snippet/main-bkg.jpg");} .overlay-effect-top{padding-bottom: 10rem;} .big-padding{padding: 128px 32px;} .uppercase{text-transform: uppercase;} .separated-letters{letter-spacing: 8px;} .align-innova-eyewear{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; align-items: center; font-size: 5rem; font-family: "Poppins Bold", sans-serif;} .align-innova{display: block;} .align-eyewear{display: block; margin-top: -32px;} .align-wholesale{margin-top: -24px; font-family: "Poppins Bold", sans-serif;} .call-to-actions{margin-top: 2.5rem;} .call-to-actions .btn{width: 100%;} .overlay-effect-bottom{margin-top: -10rem;} .icon-v-link{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; justify-content: flex-start; align-items: center; padding: 0; margin: 0; padding-top: 32px;} .bad-link{color: inherit;} .autoimage{display: block; width: 75%; height: auto; margin: auto;} .link-list{list-style-type: none; padding: 0;} .link-list > li{padding: 0;} .link-card, .link-card-split{box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2); margin: 16px; color: inherit; font-weight: bold; font-family: "Poppins Medium", sans-serif;} .link-card{padding: 16px 32px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; align-items: center; text-transform: uppercase;} .link-card-split{padding: 0; display: inline-grid; grid-template: "l t" "l c" / 96px;} .link-card-split .logo{grid-area: l; height: 100%; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex;} .link-card-split .logo.invoices{background-color: #00BF00;} .link-card-split .logo.open{background-color: #E9C700;} .link-card-split .logo.overdue{background-color: #B70000;} .link-card-split .logo img{margin: auto;} .link-card-split .title{grid-area: t; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; align-items: center; padding: 32px 32px 0 32px;} .link-card-split .count{grid-area: c; text-align: center; font-size: 3em;} .link-list *[aria-hidden], .remove-dumb-aria-hidden-rule *[aria-hidden], .remove-dumb-aria-hidden-rule[aria-hidden]{display: block !important;} .oe_login_form, .oe_signup_form{margin: 0; max-width: initial;} #wrapwrap .oe_login_form *.form-control, #wrapwrap .oe_signup_form *.form-control{box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2) !important; padding: 24px 32px;} .best_selling{margin-bottom: 32px;} .best_selling_products{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; align-items: baseline; -webkit-box-pack: start; justify-content: flex-start;} .products-list-container{margin-bottom: 64px;} .products-list{-webkit-flex-flow: row nowrap; flex-flow: row nowrap; overflow-x: auto; clear: both;} .products-list .best_product{min-width: 33%;} .best_product{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; box-sizing: border-box; margin: 0; padding: 8px 16px; flex: 0 1 100%;} .best_product .product-image{background-color: #F2F2F4; color: black; width: 100%; padding: 0; margin: 0;} .best_product .product-image > img{width: 100%;} .best_product .product-name{margin: 8px;} .oe_website_login_container, .login-background{background: black; color: white;} .login-background img{width: auto; height: 100%;} .oe_website_login_container{padding: 16px;} .backvideo{width: 100%; height: auto; margin: 0; padding: 0;} .home-links-section{margin-top: 24px; background-color: transparent; position: relative; color: black;} .home-links-section > div{background-color: white; color: black;} .home-link{display: inline-grid; grid-template: "s t" "s b" / 96px;} .home-link:not(:last-child){border-right: 1px solid #efefef;} .home-link > img{grid-area: s;} .home-link > .title{grid-area: t; font-size: 1.2em; font-weight: bold;} .home-link > .subtitle{grid-area: b;} .brands-section{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; align-items: center; -webkit-box-pack: start; justify-content: flex-start;} .brands-section .brands-title{font-size: 3.5em; margin: 32px auto 32px auto !important; text-align: center;} .brands-section .brands-button{margin-left: auto; margin-right: auto; min-width: 50%;} .brand-logo-container{align-items: baseline; margin: 0;} .brand-logo img{width: 85%; height: auto;} .brand-logo .normal{display: block;} .brand-logo:hover .normal{display: none;} .brand-logo .hover{display: none;} .brand-logo:hover .hover{display: block;} .o_footer a:hover{color: white !important;} .innova-logo{background-color: white; color: black; width: 100%; height: auto; max-width: 1920px; padding: 0; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto;} .footer-bottom{padding-top: 64px;} #footer{padding-bottom: 64px;} #wrapwrap .footer-title, #wrapwrap .news_letter .h_tag{margin: 1em auto !important; margin-top: 28px !important; font-size: 1.2em;} .newsletter-override > .news_letter{max-width: 100% !important;} #wrapwrap #footer{background-color: black !important; color: white !important;} .jumbo-image{padding: 0; margin: 0;} .jumbo-image img{height: auto; width: 100%;} .list-controls{float: right;} .list-controls .left-arrow, .list-controls .right-arrow{background: white; color: black; border: 0; font-size: 2em;} .your_att_req{padding: 64px; background-color: #1a9fdd; background: center/cover no-repeat url("/theme_inventive/static/src/img/snippet/promo.png"); color: black; height: 900px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; align-items: end;} #wrapwrap .your_att_req .title{font-size: 4em; text-align: center; margin: 8px auto !important;} .your_att_req .deals-button{min-width: 40%; margin: 8px auto 64px auto !important;} .your_att_req .infoblock{padding: 32px; background-color: #E6EFF6; color: black; margin: 32px; margin-top: 96px;} .your_att_req .infoblock .sunglasses{font-size: 0.8em;} .your_att_req .infoblock .dealtitle{font-size: 2.4em;} .your_att_req .infoblock .discount{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; align-items: start; font-size: 2.7em; color: #dd1f00; font-weight: bold;} .your_att_req .infoblock .discount .discount-label{font-size: 0.8rem; background-color: #dd1f00; color: white; border-radius: 5px; padding: 2px 4px;} .your_att_req .infoblock .time{display: grid; grid-template: "d c1 h c2 m c3 s" "dl c1 hl c2 ml c3 sl";} .your_att_req .infoblock .collection-button{margin-top: 8px; padding: 8px 16px;} .your_att_req .infoblock .time .sep1{grid-area: c1;} .your_att_req .infoblock .time .sep2{grid-area: c2;} .your_att_req .infoblock .time .sep3{grid-area: c3;} .your_att_req .infoblock .time .magnitude, .your_att_req .infoblock .time .sep1, .your_att_req .infoblock .time .sep2, .your_att_req .infoblock .time .sep3{font-size: 2em;} .your_att_req .infoblock .time .magnitude.days{grid-area: d;} .your_att_req .infoblock .time .label.days{grid-area: dl;} .your_att_req .infoblock .time .magnitude.hours{grid-area: h;} .your_att_req .infoblock .time .label.hours{grid-area: hl;} .your_att_req .infoblock .time .magnitude.mins{grid-area: m;} .your_att_req .infoblock .time .label.mins{grid-area: ml;} .your_att_req .infoblock .time .magnitude.secs{grid-area: s;} .your_att_req .infoblock .time .label.secs{grid-area: sl;} .innova-footer-img{background-color: #F6F9F9; color: black;} .innova-footer-img > img{margin-left: auto !important; margin-right: auto !important;} .innova-logo{display: none;} @media (min-width: 576px){.align-innova-eyewear{margin-left: -7rem;}.best_product{flex: 0 1 50%;}} @media (min-width: 768px){.innova-logo{display: block !important;}.align-innova-eyewear{margin-left: 7rem; font-size: 7rem;}.align-eyewear{margin-top: -50px;}.best_product{flex: 0 1 20%;}.products-list{margin-left: 5%; clear: none;}.products-list .best_product{min-width: 20%;}.your_att_req .infoblock{max-width: 33.33%;}.brands-section .brands-title{font-size: 5em;}.home-links-section{margin-top: -50px;}} @media (min-width: 992px){.align-innova-eyewear{margin-left: -4rem;}} @media (min-width: 1200px){.align-innova-eyewear{margin-left: -10rem;}} #wrap.th_contact_us{background-color: black; color: white; padding-bottom: 32px;} #wrap.th_contact_us > .container{background-color: white; color: black; border-radius: 16px; padding: 0;} #wrap.th_contact_us > .container > .row{margin: 0;} #wrap.th_contact_us > .container .image-side{padding: 0; overflow: hidden;} @media (max-width: 990px){#wrap.th_contact_us > .container .image-side{display: none;}} #wrap.th_contact_us > .container .form-side{padding-left: 32px; padding-right: 32px;} #wrap.th_contact_us .form-group{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;} #wrap.th_contact_us .form-group .form-control{border-radius: 0; padding: 24px 16px;} #wrap.th_contact_us .form-group .col-lg-3{flex: 1 !important; max-width: 100% !important;} #wrap.th_contact_us .form-group .col-lg-7{flex: 1 !important; max-width: 100% !important;} #wrap.th_contact_us .s_website_form .form-group:last-of-type > div{display: block !important; margin-left: auto !important; width: 75%; margin-top: 16px;} #wrap.th_contact_us .o_website_form_send{width: 100%; background-color: black;} .side-logo{width: auto; height: 100%;} 

/* /theme_inventive/static/src/OwlCarousel2/dist/assets/owl.carousel.min.css defined in bundle 'web.assets_frontend' */
 .owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color: transparent; position: relative;} .owl-carousel{display: none; width: 100%; z-index: 1;} .owl-carousel .owl-stage{position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden;} .owl-carousel .owl-stage:after{content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .owl-carousel .owl-stage-outer{position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0);} .owl-carousel .owl-item, .owl-carousel .owl-wrapper{-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);} .owl-carousel .owl-item{min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none;} .owl-carousel .owl-item img{display: block; width: 100%;} .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display: none;} .no-js .owl-carousel, .owl-carousel.owl-loaded{display: block;} .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit;} .owl-carousel.owl-loading{opacity: 0; display: block;} .owl-carousel.owl-hidden{opacity: 0;} .owl-carousel.owl-refresh .owl-item{visibility: hidden;} .owl-carousel.owl-drag .owl-item{-ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .owl-carousel.owl-grab{cursor: move; cursor: grab;} .owl-carousel.owl-rtl{direction: rtl;} .owl-carousel.owl-rtl .owl-item{float: right;} .owl-carousel .animated{animation-duration: 1s; animation-fill-mode: both;} .owl-carousel .owl-animated-in{z-index: 0;} .owl-carousel .owl-animated-out{z-index: 1;} .owl-carousel .fadeOut{animation-name: fadeOut;} @keyframes fadeOut{0%{opacity: 1;}100%{opacity: 0;}} .owl-height{transition: height .5s ease-in-out;} .owl-carousel .owl-item .owl-lazy{opacity: 0; transition: opacity .4s ease;} .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""]{max-height: 0;} .owl-carousel .owl-item img.owl-lazy{transform-style: preserve-3d;} .owl-carousel .owl-video-wrapper{position: relative; height: 100%; background: #000;} .owl-carousel .owl-video-play-icon{position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(/theme_inventive/static/src/OwlCarousel2/dist/assets/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease;} .owl-carousel .owl-video-play-icon:hover{-ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3);} .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn{display: none;} .owl-carousel .owl-video-tn{opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease;} .owl-carousel .owl-video-frame{position: relative; z-index: 1; height: 100%; width: 100%;} 

/* /theme_inventive/static/src/OwlCarousel2/dist/assets/owl.theme.default.css defined in bundle 'web.assets_frontend' */
 .owl-theme .owl-item{text-align: center;} .owl-theme .owl-nav{text-align: center; -webkit-tap-highlight-color: transparent;} .owl-theme .owl-nav [class*='owl-']{color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px;} .owl-theme .owl-nav [class*='owl-']:hover{color: #2d545e; text-decoration: none;} .owl-theme .owl-nav .disabled{color: #999999 !important; pointer-events: none; z-index: 10;} .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{color: #333333; font-size: 17px; margin: 1px; padding: 1px 10px !important; background: #FFFFFF; display: inline-block; cursor: pointer; border-radius: 50px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);} .owl-theme .owl-nav.disabled + .owl-dots{margin-top: 10px;} .owl-theme .owl-dots{text-align: center; -webkit-tap-highlight-color: transparent;} .owl-theme .owl-dots .owl-dot{display: inline-block; zoom: 1; *display: inline;} .owl-theme .owl-dots .owl-dot span{width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px;} .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #869791;} .owl-stage-outer{padding-top: 20px; padding-bottom: 20px;} .owl-carousel[data-smartspeed="500"] .animated{animation-duration: .5s !important;} .owl-carousel[data-smartspeed="1000"] .animated{animation-duration: 1s !important;} .owl-carousel[data-smartspeed="1500"] .animated{animation-duration: 1.5s !important;} .owl-carousel[data-smartspeed="2000"] .animated{animation-duration: 2s !important;} .owl-carousel[data-smartspeed="2500"] .animated{animation-duration: 2.5s !important;} .owl-carousel[data-smartspeed="3000"] .animated{animation-duration: 3s !important;} 

/* /theme_inventive/static/src/scss/bootstrap4-toggle.css defined in bundle 'web.assets_frontend' */
 .btn-group-xs > .btn, .btn-xs{padding: .35rem .4rem .25rem .4rem; font-size: .875rem; line-height: .5; border-radius: .2rem;} .checkbox label .toggle, .checkbox-inline .toggle{margin-left: -1.25rem; margin-right: .35rem;} .toggle{position: relative; overflow: hidden;} .toggle.btn.btn-light, .toggle.btn.btn-outline-light{border-color: rgba(0, 0, 0, .15);} .toggle input[type="checkbox"]{display: none;} .toggle-group{position: absolute; width: 200%; top: 0; bottom: 0; left: 0; transition: left 0.35s; -webkit-transition: left 0.35s; -moz-user-select: none; -webkit-user-select: none;} .toggle-group label, .toggle-group span{cursor: pointer;} .toggle.off .toggle-group{left: -100%;} .toggle-on{position: absolute; top: 0; bottom: 0; left: 0; right: 50%; margin: 0; border: 0; border-radius: 0;} .toggle-off{position: absolute; top: 0; bottom: 0; left: 50%; right: 0; margin: 0; border: 0; border-radius: 0; box-shadow: none;} .toggle-handle{position: relative; margin: 0 auto; padding-top: 0px; padding-bottom: 0px; height: 100%; width: 0px; border-width: 0 1px; background-color: #fff;} .toggle.btn-outline-primary .toggle-handle{background-color: var(--primary); border-color: var(--primary);} .toggle.btn-outline-secondary .toggle-handle{background-color: var(--secondary); border-color: var(--secondary);} .toggle.btn-outline-success .toggle-handle{background-color: var(--success); border-color: var(--success);} .toggle.btn-outline-danger .toggle-handle{background-color: var(--danger); border-color: var(--danger);} .toggle.btn-outline-warning .toggle-handle{background-color: var(--warning); border-color: var(--warning);} .toggle.btn-outline-info .toggle-handle{background-color: var(--info); border-color: var(--info);} .toggle.btn-outline-light .toggle-handle{background-color: var(--light); border-color: var(--light);} .toggle.btn-outline-dark .toggle-handle{background-color: var(--dark); border-color: var(--dark);} .toggle[class*="btn-outline"]:hover .toggle-handle{background-color: var(--light); opacity: 0.5;} .toggle.btn{min-width: 3.7rem; min-height: 2.15rem;} .toggle-on.btn{padding-right: 1.5rem;} .toggle-off.btn{padding-left: 1.5rem;} .toggle.btn-lg{min-width: 5rem; min-height: 2.815rem;} .toggle-on.btn-lg{padding-right: 2rem;} .toggle-off.btn-lg{padding-left: 2rem;} .toggle-handle.btn-lg{width: 2.5rem;} .toggle.btn-sm{min-width: 3.125rem; min-height: 1.938rem;} .toggle-on.btn-sm{padding-right: 1rem;} .toggle-off.btn-sm{padding-left: 1rem;} .toggle.btn-xs{min-width: 2.19rem; min-height: 1.375rem;} .toggle-on.btn-xs{padding-right: .8rem;} .toggle-off.btn-xs{padding-left: .8rem;} 

/* /theme_inventive/static/src/scss/footers/footer_6.scss defined in bundle 'web.assets_frontend' */
 #wrapwrap .o_footer{color: #FFFFFF; background-color: #FFFFFF !important;} #wrapwrap .o_footer.text-muted{color: #777777 !important;} #wrapwrap .o_footer a[href*="/"]:not(.btn){color: #FFFFFF; transition: all .2s linear;} #wrapwrap .o_footer a[href*="/"]:not(.btn):active, #wrapwrap .o_footer a[href*="/"]:not(.btn):focus, #wrapwrap .o_footer a[href*="/"]:not(.btn):hover{color: #2d545e; padding-left: 3px;} #wrapwrap .o_footer h5{margin-bottom: 10px; color: 333333;} #wrapwrap .o_footer #footer_main{background-color: rgba(0, 0, 0, 0.55); border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8;} #wrapwrap .o_footer #footer_main .company_summary{display: none;} #wrapwrap .o_footer #footer_main .about_us, #wrapwrap .o_footer #footer_main .categories, #wrapwrap .o_footer #footer_main .customer_service{flex: 20%; width: 20%;} #wrapwrap .o_footer #footer_main .categories ul{overflow-y: auto; max-height: 200px;} #wrapwrap .o_footer #footer_main .footer_news_letter{flex: 40%; width: 40%;} #wrapwrap .o_footer #footer_main .footer_news_letter .follow_icons{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; margin-bottom: 20px;} #wrapwrap .o_footer #footer_main .footer_news_letter .follow_icons .h_tag{display: none;} #wrapwrap .o_footer #footer_main .footer_news_letter .follow_icons > div{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;} #wrapwrap .o_footer #footer_main .footer_news_letter .follow_icons a.btn-link{background-color: rgba(255, 255, 255, 0.2); margin: 0 3px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; height: 35px; width: 35px; font-size: 10px; border-radius: 50px; transition: all ease-in-out 0.3s; transition-delay: 0s !important; color: #FFFFFF;} #wrapwrap .o_footer #footer_main .footer_news_letter .news_letter{width: 100%; max-width: 100%; flex: 100%;} #wrapwrap .o_footer #footer_main .footer_news_letter .news_letter .h_tag span{display: none;} #wrapwrap .o_footer #footer_main .footer_news_letter .news_letter .js_subscribe .btn-primary, #wrapwrap .o_footer #footer_main .footer_news_letter .news_letter .js_subscribe .btn-success{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; margin: 0 10px; border-radius: 4px;} #wrapwrap .o_footer #footer_main .footer_news_letter .news_letter .js_subscribe .form-control{border-radius: 4px !important;} #wrapwrap .o_footer #footer_copyright .row{justify-content: center;} #wrapwrap .o_footer #footer_copyright .c_name, #wrapwrap .o_footer #footer_copyright .b_promotion{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;} @media (max-width: 991.98px){#wrapwrap .o_footer #footer_main .about_us, #wrapwrap .o_footer #footer_main .categories, #wrapwrap .o_footer #footer_main .customer_service{flex: 50%; width: 50%; max-width: 50%;}} @media (max-width: 767.98px){#wrapwrap .o_footer #footer_main .about_us, #wrapwrap .o_footer #footer_main .categories, #wrapwrap .o_footer #footer_main .customer_service{flex: 50%; width: 50%; max-width: 50%;}} @media (max-width: 575.98px){#wrapwrap .o_footer #footer_main .about_us, #wrapwrap .o_footer #footer_main .categories, #wrapwrap .o_footer #footer_main .customer_service{flex: 100%; width: 100%; max-width: 100%;}#wrapwrap .o_footer #footer_main .categories ul{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}#wrapwrap .o_footer #footer_main .categories li{padding: 5px;}#wrapwrap .o_footer #footer_main .footer_news_letter{flex: 100%; width: 100%; max-width: 100%;}} 

/* /theme_inventive/static/src/scss/headers/header_3.scss defined in bundle 'web.assets_frontend' */
 #wrapwrap .inventive_header_3 > .info_div{width: 100%; height: 40px; background-color: #232323; margin: auto; font-size: large; color: white; text-align: center; padding: 6px;} #wrapwrap .inventive_header_3 > .navbar{padding-top: 0 !important; padding-bottom: 0 !important; background-color: #fff !important; padding: 0;} #wrapwrap .inventive_header_3 .container{max-width: 100%; padding: 0; flex-wrap: wrap !important; background-color: #fff !important;} #wrapwrap .inventive_header_3 .container > .navbar-brand{display: none;} #wrapwrap .inventive_header_3 > .main_div{background: #FFFFFF;} #wrapwrap .inventive_header_3 .inventive_header_middle{margin: auto; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; padding: 10px 15px;} #wrapwrap .inventive_header_3 .inventive_header_middle .header_middle_icons{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between;} #wrapwrap .inventive_header_3 .inventive_header_middle .header_middle_icons .header_icon{height: 20px; width: 20px; position: relative; margin: 0 20px;} #wrapwrap .inventive_header_3 .inventive_header_middle .header_middle_icons .header_icon .fa{display: none;} #wrapwrap .inventive_header_3 .inventive_header_middle .header_middle_icons .header_icon .badge{position: absolute; background-color: #2d545e; color: white; border-radius: 50px; right: -8px; font-size: 10px;} #wrapwrap .inventive_header_3 .inventive_header_middle .header_middle_icons .header_icon a{display: inline-block; width: 100%; height: 100%;} #wrapwrap .inventive_header_3 .inventive_header_middle .header_middle_icons .header_icon.wish_icon{background-image: url("/theme_inventive/static/src/lib/svg/black/line-wishlist.svg"); background-repeat: no-repeat; background-position: center; background-size: 18px;} #wrapwrap .inventive_header_3 .inventive_header_middle .header_middle_icons .header_icon.th_cart_icon{background-image: url("/theme_inventive/static/src/lib/svg/black/line-shopping-bag.svg"); background-repeat: no-repeat; background-position: center; background-size: 18px;} #wrapwrap .inventive_header_3 .inventive_header_middle .header_middle_icons .header_icon.user{background-image: url("/theme_inventive/static/src/lib/svg/black/user.svg"); background-repeat: no-repeat; background-position: center; background-size: 18px; margin-right: 0px;} #wrapwrap .inventive_header_3 .inventive_header_middle .header_middle_icons .header_icon.user:after{display: none;} #wrapwrap .inventive_header_3 .inventive_header_middle .header_middle_icons .th_d_menu{left: unset !important; right: 0; margin-top: 15px; min-width: 260px; box-shadow: 0px 0 15px -5px rgba(0, 0, 0, 0.5); transform: unset !important; top: 33px !important;} #wrapwrap .inventive_header_3 .inventive_header_middle .header_search_bar{margin-right: 20px;} #wrapwrap .inventive_header_3 .inventive_header_middle .header_search_bar .input-group{padding: 0px; flex-direction: row; align-items: center; border-bottom: 1px solid transparent; width: 28px; animation: search-bar-in .7s ease-in-out forwards;} #wrapwrap .inventive_header_3 .inventive_header_middle .header_search_bar .input-group:hover, #wrapwrap .inventive_header_3 .inventive_header_middle .header_search_bar .input-group:focus, #wrapwrap .inventive_header_3 .inventive_header_middle .header_search_bar .input-group:focus-within, #wrapwrap .inventive_header_3 .inventive_header_middle .header_search_bar .input-group:visited, #wrapwrap .inventive_header_3 .inventive_header_middle .header_search_bar .input-group.search{animation: search-bar-out .7s ease-in-out forwards;} #wrapwrap .inventive_header_3 .inventive_header_middle .header_search_bar .input-group .form-control.oe_search_box{height: 25px !important; border: none !important; border-radius: 0 !important; background-color: transparent; padding: 0;} #wrapwrap .inventive_header_3 .inventive_header_middle .header_search_bar .input-group-append{margin-left: unset; padding: 0 0 0 9px;} #wrapwrap .inventive_header_3 .inventive_header_middle .header_search_bar .oe_search_button{background-color: transparent; padding: 0; height: 30px; width: 18px; background-image: url("/theme_inventive/static/src/lib/svg/black/search.svg"); background-repeat: no-repeat; background-position: center; background-size: 18px;} #wrapwrap .inventive_header_3 .inventive_header_middle .header_search_bar .oe_search_button .fa{display: none;} #wrapwrap .inventive_header_3 .inventive_header_middle .header_search_bar .oe_search_button:hover, #wrapwrap .inventive_header_3 .inventive_header_middle .header_search_bar .oe_search_button:focus{background-color: transparent !important;} #wrapwrap .inventive_header_3 #top_menu_collapse{margin: auto; padding: 0 15px; line-height: 1; position: relative; background: #fff; justify-content: center;} #wrapwrap .inventive_header_3 #top_menu_collapse .header_search_bar{display: none;} #wrapwrap .inventive_header_3 #top_menu{margin-left: 0 !important; width: 100%; max-width: 1140px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;} #wrapwrap .inventive_header_3 #top_menu #my_cart, #wrapwrap .inventive_header_3 #top_menu #my_wish, #wrapwrap .inventive_header_3 #top_menu .divider, #wrapwrap .inventive_header_3 #top_menu a[href="/web/login"], #wrapwrap .inventive_header_3 #top_menu .dropdown:not(.o_extra_menu_items):not(.inventive_mega_menu):last-child{display: none;} #wrapwrap .inventive_header_3 #top_menu > .nav-item{padding: 4px 10px;} #wrapwrap .inventive_header_3 #top_menu > .nav-item > a.nav-link{opacity: 0.7; font-size: large; font-weight: bold; color: #000;} #wrapwrap .inventive_header_3 #top_menu > .nav-item > a.nav-link.active{opacity: 1; text-decoration: underline;} #wrapwrap .inventive_header_3 #top_menu > .nav-item > ul > li > a{opacity: 0.7; font-size: large; font-weight: bold; color: #000;} #wrapwrap .inventive_header_3 #top_menu > .nav-item > ul > li > a.active{opacity: 1; text-decoration: underline;} #wrapwrap .inventive_header_3 #top_menu > .nav-item .dropdown-toggle:after{color: #aaa; text-decoration: underline;} @media (max-width: 991.98px){#wrapwrap .inventive_header_3 .info_div{max-height: 30px; font-size: small; padding: 4px;}#wrapwrap .inventive_header_3 .inventive_header_middle .navbar-brand.logo img{max-height: 35px;}#wrapwrap .inventive_header_3 #top_menu_collapse #top_menu{border-right: 0; justify-content: center;}#wrapwrap .inventive_header_3 #top_menu_collapse .header_search_bar{display: none;}} @media (max-width: 767.98px){#wrapwrap .inventive_header_3 .navbar.navbar-expand-md.navbar-light.bg-light{border-bottom: 1px solid #383838;}#wrapwrap .inventive_header_3 .inventive_header_middle .header_search_bar{display: none;}#wrapwrap .inventive_header_3 .mobile_search_bar, #wrapwrap .inventive_header_3 .navbar-toggler{display: inline-block;}#wrapwrap .inventive_header_3 .mobile_search_bar .input-group, #wrapwrap .inventive_header_3 .navbar-toggler .input-group{padding: 5px 15px; flex-direction: row-reverse; align-items: center; width: 230px;}#wrapwrap .inventive_header_3 .mobile_search_bar .input-group .form-control.oe_search_box, #wrapwrap .inventive_header_3 .navbar-toggler .input-group .form-control.oe_search_box{height: 25px !important; border: none !important; border-radius: 0 !important; padding-left: 5px; padding-right: 5px; background-color: transparent;}#wrapwrap .inventive_header_3 .mobile_search_bar .input-group-append, #wrapwrap .inventive_header_3 .navbar-toggler .input-group-append{margin-left: unset;}#wrapwrap .inventive_header_3 .mobile_search_bar .oe_search_button, #wrapwrap .inventive_header_3 .navbar-toggler .oe_search_button{color: #555555 !important; background-color: transparent; padding: 5px;}#wrapwrap .inventive_header_3 .mobile_search_bar .oe_search_button:hover, #wrapwrap .inventive_header_3 .navbar-toggler .oe_search_button:hover{color: black; background-color: unset !important;}} @media (max-width: 575.98px){#wrapwrap .inventive_header_3 .inventive_header_middle .header_middle_icons .header_icon{margin: 0 10px;}} @keyframes search-bar-in{0%{border-bottom: 1px solid black; width: 240px;}100%{border-bottom: 1px solid transparent; width: 28px;}} @keyframes search-bar-out{0%{border-bottom: 1px solid black;}100%{border-bottom: 1px solid black; width: 280px;}} 

/* /theme_inventive/static/src/scss/headers/header_default.scss defined in bundle 'web.assets_frontend' */
 header.o_affix_enabled.affixed{position: fixed; z-index: 1000; right: 0; left: 0;} header.o_affix_enabled.affixed nav.navbar{position: absolute; right: 0; left: 0; top: 100%; transition: all .5s linear;} header.o_affix_enabled.affixed nav.navbar.slideUp{top: 0; z-index: -1;} header.o_affix_enabled.affixed .inventive_header_top.slideUp{display: none !important;} body.editor_enable header.o_affix_enabled{position: static; box-shadow: none;} body.editor_enable header.o_affix_enabled nav.navbar{position: static;} body.editor_enable #wrapwrap > main{margin-top: 0 !important;} .inventive_header_1 #top_menu .inventive_mega_menu .nav-link, .inventive_header_2 #top_menu .inventive_mega_menu .nav-link, .inventive_header_3 #top_menu .inventive_mega_menu .nav-link, .inventive_header_4 #top_menu .inventive_mega_menu .nav-link, .inventive_header_5 #top_menu .inventive_mega_menu .nav-link, .inventive_header_6 #top_menu .inventive_mega_menu .nav-link, .inventive_header_7 #top_menu .inventive_mega_menu .nav-link, .inventive_header_8 #top_menu .inventive_mega_menu .nav-link, .inventive_header_9 #top_menu .inventive_mega_menu .nav-link, .inventive_header_10 #top_menu .inventive_mega_menu .nav-link{display: -webkit-box; display: -webkit-flex; display: flex;} .inventive_header_1 .mobile_search_bar, .inventive_header_2 .mobile_search_bar, .inventive_header_3 .mobile_search_bar, .inventive_header_4 .mobile_search_bar, .inventive_header_5 .mobile_search_bar, .inventive_header_6 .mobile_search_bar, .inventive_header_7 .mobile_search_bar, .inventive_header_8 .mobile_search_bar, .inventive_header_9 .mobile_search_bar, .inventive_header_10 .mobile_search_bar{display: none;} .inventive_header_1 .navbar-toggler, .inventive_header_2 .navbar-toggler, .inventive_header_3 .navbar-toggler, .inventive_header_4 .navbar-toggler, .inventive_header_5 .navbar-toggler, .inventive_header_6 .navbar-toggler, .inventive_header_7 .navbar-toggler, .inventive_header_8 .navbar-toggler, .inventive_header_9 .navbar-toggler, .inventive_header_10 .navbar-toggler{padding: 7px 15px; display: none; border: 0;} .inventive_header_1 .inventive_header_middle .navbar-brand.logo, .inventive_header_2 .inventive_header_middle .navbar-brand.logo, .inventive_header_3 .inventive_header_middle .navbar-brand.logo, .inventive_header_4 .inventive_header_middle .navbar-brand.logo, .inventive_header_5 .inventive_header_middle .navbar-brand.logo, .inventive_header_6 .inventive_header_middle .navbar-brand.logo, .inventive_header_7 .inventive_header_middle .navbar-brand.logo, .inventive_header_8 .inventive_header_middle .navbar-brand.logo, .inventive_header_9 .inventive_header_middle .navbar-brand.logo, .inventive_header_10 .inventive_header_middle .navbar-brand.logo{margin: 0;} .inventive_header_1 .inventive_header_middle .navbar-brand.logo img, .inventive_header_2 .inventive_header_middle .navbar-brand.logo img, .inventive_header_3 .inventive_header_middle .navbar-brand.logo img, .inventive_header_4 .inventive_header_middle .navbar-brand.logo img, .inventive_header_5 .inventive_header_middle .navbar-brand.logo img, .inventive_header_6 .inventive_header_middle .navbar-brand.logo img, .inventive_header_7 .inventive_header_middle .navbar-brand.logo img, .inventive_header_8 .inventive_header_middle .navbar-brand.logo img, .inventive_header_9 .inventive_header_middle .navbar-brand.logo img, .inventive_header_10 .inventive_header_middle .navbar-brand.logo img{max-height: 40px; height: 40px;} .inventive_header_1 .header_middle_btn, .inventive_header_2 .header_middle_btn, .inventive_header_3 .header_middle_btn, .inventive_header_4 .header_middle_btn, .inventive_header_5 .header_middle_btn, .inventive_header_6 .header_middle_btn, .inventive_header_7 .header_middle_btn, .inventive_header_8 .header_middle_btn, .inventive_header_9 .header_middle_btn, .inventive_header_10 .header_middle_btn{position: relative;} .inventive_header_1 .header_middle_btn .dropdown:hover > .dropdown-menu, .inventive_header_1 .header_middle_btn .dropdown-submenu:hover > .dropdown-menu, .inventive_header_2 .header_middle_btn .dropdown:hover > .dropdown-menu, .inventive_header_2 .header_middle_btn .dropdown-submenu:hover > .dropdown-menu, .inventive_header_3 .header_middle_btn .dropdown:hover > .dropdown-menu, .inventive_header_3 .header_middle_btn .dropdown-submenu:hover > .dropdown-menu, .inventive_header_4 .header_middle_btn .dropdown:hover > .dropdown-menu, .inventive_header_4 .header_middle_btn .dropdown-submenu:hover > .dropdown-menu, .inventive_header_5 .header_middle_btn .dropdown:hover > .dropdown-menu, .inventive_header_5 .header_middle_btn .dropdown-submenu:hover > .dropdown-menu, .inventive_header_6 .header_middle_btn .dropdown:hover > .dropdown-menu, .inventive_header_6 .header_middle_btn .dropdown-submenu:hover > .dropdown-menu, .inventive_header_7 .header_middle_btn .dropdown:hover > .dropdown-menu, .inventive_header_7 .header_middle_btn .dropdown-submenu:hover > .dropdown-menu, .inventive_header_8 .header_middle_btn .dropdown:hover > .dropdown-menu, .inventive_header_8 .header_middle_btn .dropdown-submenu:hover > .dropdown-menu, .inventive_header_9 .header_middle_btn .dropdown:hover > .dropdown-menu, .inventive_header_9 .header_middle_btn .dropdown-submenu:hover > .dropdown-menu, .inventive_header_10 .header_middle_btn .dropdown:hover > .dropdown-menu, .inventive_header_10 .header_middle_btn .dropdown-submenu:hover > .dropdown-menu{display: block;} .inventive_header_1 .header_middle_btn .th_icon.active, .inventive_header_2 .header_middle_btn .th_icon.active, .inventive_header_3 .header_middle_btn .th_icon.active, .inventive_header_4 .header_middle_btn .th_icon.active, .inventive_header_5 .header_middle_btn .th_icon.active, .inventive_header_6 .header_middle_btn .th_icon.active, .inventive_header_7 .header_middle_btn .th_icon.active, .inventive_header_8 .header_middle_btn .th_icon.active, .inventive_header_9 .header_middle_btn .th_icon.active, .inventive_header_10 .header_middle_btn .th_icon.active{width: 38px; height: 100%; background: #1E1E1E;} .inventive_header_1 .header_middle_btn .dropdown-toggle, .inventive_header_2 .header_middle_btn .dropdown-toggle, .inventive_header_3 .header_middle_btn .dropdown-toggle, .inventive_header_4 .header_middle_btn .dropdown-toggle, .inventive_header_5 .header_middle_btn .dropdown-toggle, .inventive_header_6 .header_middle_btn .dropdown-toggle, .inventive_header_7 .header_middle_btn .dropdown-toggle, .inventive_header_8 .header_middle_btn .dropdown-toggle, .inventive_header_9 .header_middle_btn .dropdown-toggle, .inventive_header_10 .header_middle_btn .dropdown-toggle{cursor: pointer;} .inventive_header_1 .header_middle_btn #my_account, .inventive_header_2 .header_middle_btn #my_account, .inventive_header_3 .header_middle_btn #my_account, .inventive_header_4 .header_middle_btn #my_account, .inventive_header_5 .header_middle_btn #my_account, .inventive_header_6 .header_middle_btn #my_account, .inventive_header_7 .header_middle_btn #my_account, .inventive_header_8 .header_middle_btn #my_account, .inventive_header_9 .header_middle_btn #my_account, .inventive_header_10 .header_middle_btn #my_account{border-color: transparent !important;} .inventive_header_1 .header_middle_btn #my_account > .dropdown-toggle, .inventive_header_2 .header_middle_btn #my_account > .dropdown-toggle, .inventive_header_3 .header_middle_btn #my_account > .dropdown-toggle, .inventive_header_4 .header_middle_btn #my_account > .dropdown-toggle, .inventive_header_5 .header_middle_btn #my_account > .dropdown-toggle, .inventive_header_6 .header_middle_btn #my_account > .dropdown-toggle, .inventive_header_7 .header_middle_btn #my_account > .dropdown-toggle, .inventive_header_8 .header_middle_btn #my_account > .dropdown-toggle, .inventive_header_9 .header_middle_btn #my_account > .dropdown-toggle, .inventive_header_10 .header_middle_btn #my_account > .dropdown-toggle{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; color: white; border-radius: 2px; overflow: hidden; background: #383737;} .inventive_header_1 .header_middle_btn #my_account > .dropdown-toggle .th_account_icon, .inventive_header_2 .header_middle_btn #my_account > .dropdown-toggle .th_account_icon, .inventive_header_3 .header_middle_btn #my_account > .dropdown-toggle .th_account_icon, .inventive_header_4 .header_middle_btn #my_account > .dropdown-toggle .th_account_icon, .inventive_header_5 .header_middle_btn #my_account > .dropdown-toggle .th_account_icon, .inventive_header_6 .header_middle_btn #my_account > .dropdown-toggle .th_account_icon, .inventive_header_7 .header_middle_btn #my_account > .dropdown-toggle .th_account_icon, .inventive_header_8 .header_middle_btn #my_account > .dropdown-toggle .th_account_icon, .inventive_header_9 .header_middle_btn #my_account > .dropdown-toggle .th_account_icon, .inventive_header_10 .header_middle_btn #my_account > .dropdown-toggle .th_account_icon{width: 100%; height: 100%; display: inline-block; background-image: url("/theme_inventive/static/src/lib/svg/white/user.svg"); background-repeat: no-repeat; background-position: center; background-size: 16px;} .inventive_header_1 .header_middle_btn #my_account > .dropdown-toggle:after, .inventive_header_2 .header_middle_btn #my_account > .dropdown-toggle:after, .inventive_header_3 .header_middle_btn #my_account > .dropdown-toggle:after, .inventive_header_4 .header_middle_btn #my_account > .dropdown-toggle:after, .inventive_header_5 .header_middle_btn #my_account > .dropdown-toggle:after, .inventive_header_6 .header_middle_btn #my_account > .dropdown-toggle:after, .inventive_header_7 .header_middle_btn #my_account > .dropdown-toggle:after, .inventive_header_8 .header_middle_btn #my_account > .dropdown-toggle:after, .inventive_header_9 .header_middle_btn #my_account > .dropdown-toggle:after, .inventive_header_10 .header_middle_btn #my_account > .dropdown-toggle:after{margin-right: 8px; color: white; margin-left: 0;} .inventive_header_1 .header_middle_btn #my_account > .dropdown-toggle:hover, .inventive_header_2 .header_middle_btn #my_account > .dropdown-toggle:hover, .inventive_header_3 .header_middle_btn #my_account > .dropdown-toggle:hover, .inventive_header_4 .header_middle_btn #my_account > .dropdown-toggle:hover, .inventive_header_5 .header_middle_btn #my_account > .dropdown-toggle:hover, .inventive_header_6 .header_middle_btn #my_account > .dropdown-toggle:hover, .inventive_header_7 .header_middle_btn #my_account > .dropdown-toggle:hover, .inventive_header_8 .header_middle_btn #my_account > .dropdown-toggle:hover, .inventive_header_9 .header_middle_btn #my_account > .dropdown-toggle:hover, .inventive_header_10 .header_middle_btn #my_account > .dropdown-toggle:hover{background: #1E1E1E;} .inventive_header_1 .header_middle_btn #my_account.active > .dropdown-toggle, .inventive_header_1 .header_middle_btn #my_account:focus > .dropdown-toggle, .inventive_header_1 .header_middle_btn #my_account:hover > .dropdown-toggle, .inventive_header_2 .header_middle_btn #my_account.active > .dropdown-toggle, .inventive_header_2 .header_middle_btn #my_account:focus > .dropdown-toggle, .inventive_header_2 .header_middle_btn #my_account:hover > .dropdown-toggle, .inventive_header_3 .header_middle_btn #my_account.active > .dropdown-toggle, .inventive_header_3 .header_middle_btn #my_account:focus > .dropdown-toggle, .inventive_header_3 .header_middle_btn #my_account:hover > .dropdown-toggle, .inventive_header_4 .header_middle_btn #my_account.active > .dropdown-toggle, .inventive_header_4 .header_middle_btn #my_account:focus > .dropdown-toggle, .inventive_header_4 .header_middle_btn #my_account:hover > .dropdown-toggle, .inventive_header_5 .header_middle_btn #my_account.active > .dropdown-toggle, .inventive_header_5 .header_middle_btn #my_account:focus > .dropdown-toggle, .inventive_header_5 .header_middle_btn #my_account:hover > .dropdown-toggle, .inventive_header_6 .header_middle_btn #my_account.active > .dropdown-toggle, .inventive_header_6 .header_middle_btn #my_account:focus > .dropdown-toggle, .inventive_header_6 .header_middle_btn #my_account:hover > .dropdown-toggle, .inventive_header_7 .header_middle_btn #my_account.active > .dropdown-toggle, .inventive_header_7 .header_middle_btn #my_account:focus > .dropdown-toggle, .inventive_header_7 .header_middle_btn #my_account:hover > .dropdown-toggle, .inventive_header_8 .header_middle_btn #my_account.active > .dropdown-toggle, .inventive_header_8 .header_middle_btn #my_account:focus > .dropdown-toggle, .inventive_header_8 .header_middle_btn #my_account:hover > .dropdown-toggle, .inventive_header_9 .header_middle_btn #my_account.active > .dropdown-toggle, .inventive_header_9 .header_middle_btn #my_account:focus > .dropdown-toggle, .inventive_header_9 .header_middle_btn #my_account:hover > .dropdown-toggle, .inventive_header_10 .header_middle_btn #my_account.active > .dropdown-toggle, .inventive_header_10 .header_middle_btn #my_account:focus > .dropdown-toggle, .inventive_header_10 .header_middle_btn #my_account:hover > .dropdown-toggle{color: white !important; box-shadow: unset !important; background-color: #1E1E1E !important;} .inventive_header_1 .header_middle_btn #my_wish, .inventive_header_1 .header_middle_btn #my_cart, .inventive_header_2 .header_middle_btn #my_wish, .inventive_header_2 .header_middle_btn #my_cart, .inventive_header_3 .header_middle_btn #my_wish, .inventive_header_3 .header_middle_btn #my_cart, .inventive_header_4 .header_middle_btn #my_wish, .inventive_header_4 .header_middle_btn #my_cart, .inventive_header_5 .header_middle_btn #my_wish, .inventive_header_5 .header_middle_btn #my_cart, .inventive_header_6 .header_middle_btn #my_wish, .inventive_header_6 .header_middle_btn #my_cart, .inventive_header_7 .header_middle_btn #my_wish, .inventive_header_7 .header_middle_btn #my_cart, .inventive_header_8 .header_middle_btn #my_wish, .inventive_header_8 .header_middle_btn #my_cart, .inventive_header_9 .header_middle_btn #my_wish, .inventive_header_9 .header_middle_btn #my_cart, .inventive_header_10 .header_middle_btn #my_wish, .inventive_header_10 .header_middle_btn #my_cart{border-color: transparent !important; background: #383737;} .inventive_header_1 .header_middle_btn #my_wish a, .inventive_header_1 .header_middle_btn #my_cart a, .inventive_header_2 .header_middle_btn #my_wish a, .inventive_header_2 .header_middle_btn #my_cart a, .inventive_header_3 .header_middle_btn #my_wish a, .inventive_header_3 .header_middle_btn #my_cart a, .inventive_header_4 .header_middle_btn #my_wish a, .inventive_header_4 .header_middle_btn #my_cart a, .inventive_header_5 .header_middle_btn #my_wish a, .inventive_header_5 .header_middle_btn #my_cart a, .inventive_header_6 .header_middle_btn #my_wish a, .inventive_header_6 .header_middle_btn #my_cart a, .inventive_header_7 .header_middle_btn #my_wish a, .inventive_header_7 .header_middle_btn #my_cart a, .inventive_header_8 .header_middle_btn #my_wish a, .inventive_header_8 .header_middle_btn #my_cart a, .inventive_header_9 .header_middle_btn #my_wish a, .inventive_header_9 .header_middle_btn #my_cart a, .inventive_header_10 .header_middle_btn #my_wish a, .inventive_header_10 .header_middle_btn #my_cart a{color: white; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; color: white; border-radius: 2px; overflow: hidden;} .inventive_header_1 .header_middle_btn #my_wish a .th_wish_icon, .inventive_header_1 .header_middle_btn #my_cart a .th_wish_icon, .inventive_header_2 .header_middle_btn #my_wish a .th_wish_icon, .inventive_header_2 .header_middle_btn #my_cart a .th_wish_icon, .inventive_header_3 .header_middle_btn #my_wish a .th_wish_icon, .inventive_header_3 .header_middle_btn #my_cart a .th_wish_icon, .inventive_header_4 .header_middle_btn #my_wish a .th_wish_icon, .inventive_header_4 .header_middle_btn #my_cart a .th_wish_icon, .inventive_header_5 .header_middle_btn #my_wish a .th_wish_icon, .inventive_header_5 .header_middle_btn #my_cart a .th_wish_icon, .inventive_header_6 .header_middle_btn #my_wish a .th_wish_icon, .inventive_header_6 .header_middle_btn #my_cart a .th_wish_icon, .inventive_header_7 .header_middle_btn #my_wish a .th_wish_icon, .inventive_header_7 .header_middle_btn #my_cart a .th_wish_icon, .inventive_header_8 .header_middle_btn #my_wish a .th_wish_icon, .inventive_header_8 .header_middle_btn #my_cart a .th_wish_icon, .inventive_header_9 .header_middle_btn #my_wish a .th_wish_icon, .inventive_header_9 .header_middle_btn #my_cart a .th_wish_icon, .inventive_header_10 .header_middle_btn #my_wish a .th_wish_icon, .inventive_header_10 .header_middle_btn #my_cart a .th_wish_icon{width: 100%; height: 100%; display: inline-block; background-image: url("/theme_inventive/static/src/lib/svg/white/wishlist.svg"); background-repeat: no-repeat; background-position: center; background-size: 16px;} .inventive_header_1 .header_middle_btn #my_wish.active a, .inventive_header_1 .header_middle_btn #my_wish:focus a, .inventive_header_1 .header_middle_btn #my_wish:hover a, .inventive_header_1 .header_middle_btn #my_cart.active a, .inventive_header_1 .header_middle_btn #my_cart:focus a, .inventive_header_1 .header_middle_btn #my_cart:hover a, .inventive_header_2 .header_middle_btn #my_wish.active a, .inventive_header_2 .header_middle_btn #my_wish:focus a, .inventive_header_2 .header_middle_btn #my_wish:hover a, .inventive_header_2 .header_middle_btn #my_cart.active a, .inventive_header_2 .header_middle_btn #my_cart:focus a, .inventive_header_2 .header_middle_btn #my_cart:hover a, .inventive_header_3 .header_middle_btn #my_wish.active a, .inventive_header_3 .header_middle_btn #my_wish:focus a, .inventive_header_3 .header_middle_btn #my_wish:hover a, .inventive_header_3 .header_middle_btn #my_cart.active a, .inventive_header_3 .header_middle_btn #my_cart:focus a, .inventive_header_3 .header_middle_btn #my_cart:hover a, .inventive_header_4 .header_middle_btn #my_wish.active a, .inventive_header_4 .header_middle_btn #my_wish:focus a, .inventive_header_4 .header_middle_btn #my_wish:hover a, .inventive_header_4 .header_middle_btn #my_cart.active a, .inventive_header_4 .header_middle_btn #my_cart:focus a, .inventive_header_4 .header_middle_btn #my_cart:hover a, .inventive_header_5 .header_middle_btn #my_wish.active a, .inventive_header_5 .header_middle_btn #my_wish:focus a, .inventive_header_5 .header_middle_btn #my_wish:hover a, .inventive_header_5 .header_middle_btn #my_cart.active a, .inventive_header_5 .header_middle_btn #my_cart:focus a, .inventive_header_5 .header_middle_btn #my_cart:hover a, .inventive_header_6 .header_middle_btn #my_wish.active a, .inventive_header_6 .header_middle_btn #my_wish:focus a, .inventive_header_6 .header_middle_btn #my_wish:hover a, .inventive_header_6 .header_middle_btn #my_cart.active a, .inventive_header_6 .header_middle_btn #my_cart:focus a, .inventive_header_6 .header_middle_btn #my_cart:hover a, .inventive_header_7 .header_middle_btn #my_wish.active a, .inventive_header_7 .header_middle_btn #my_wish:focus a, .inventive_header_7 .header_middle_btn #my_wish:hover a, .inventive_header_7 .header_middle_btn #my_cart.active a, .inventive_header_7 .header_middle_btn #my_cart:focus a, .inventive_header_7 .header_middle_btn #my_cart:hover a, .inventive_header_8 .header_middle_btn #my_wish.active a, .inventive_header_8 .header_middle_btn #my_wish:focus a, .inventive_header_8 .header_middle_btn #my_wish:hover a, .inventive_header_8 .header_middle_btn #my_cart.active a, .inventive_header_8 .header_middle_btn #my_cart:focus a, .inventive_header_8 .header_middle_btn #my_cart:hover a, .inventive_header_9 .header_middle_btn #my_wish.active a, .inventive_header_9 .header_middle_btn #my_wish:focus a, .inventive_header_9 .header_middle_btn #my_wish:hover a, .inventive_header_9 .header_middle_btn #my_cart.active a, .inventive_header_9 .header_middle_btn #my_cart:focus a, .inventive_header_9 .header_middle_btn #my_cart:hover a, .inventive_header_10 .header_middle_btn #my_wish.active a, .inventive_header_10 .header_middle_btn #my_wish:focus a, .inventive_header_10 .header_middle_btn #my_wish:hover a, .inventive_header_10 .header_middle_btn #my_cart.active a, .inventive_header_10 .header_middle_btn #my_cart:focus a, .inventive_header_10 .header_middle_btn #my_cart:hover a{color: white !important; box-shadow: unset !important; background-color: #1E1E1E !important;} .inventive_header_1 .header_middle_btn #my_wish .my_wish_quantity, .inventive_header_1 .header_middle_btn #my_wish .my_cart_quantity, .inventive_header_1 .header_middle_btn #my_cart .my_wish_quantity, .inventive_header_1 .header_middle_btn #my_cart .my_cart_quantity, .inventive_header_2 .header_middle_btn #my_wish .my_wish_quantity, .inventive_header_2 .header_middle_btn #my_wish .my_cart_quantity, .inventive_header_2 .header_middle_btn #my_cart .my_wish_quantity, .inventive_header_2 .header_middle_btn #my_cart .my_cart_quantity, .inventive_header_3 .header_middle_btn #my_wish .my_wish_quantity, .inventive_header_3 .header_middle_btn #my_wish .my_cart_quantity, .inventive_header_3 .header_middle_btn #my_cart .my_wish_quantity, .inventive_header_3 .header_middle_btn #my_cart .my_cart_quantity, .inventive_header_4 .header_middle_btn #my_wish .my_wish_quantity, .inventive_header_4 .header_middle_btn #my_wish .my_cart_quantity, .inventive_header_4 .header_middle_btn #my_cart .my_wish_quantity, .inventive_header_4 .header_middle_btn #my_cart .my_cart_quantity, .inventive_header_5 .header_middle_btn #my_wish .my_wish_quantity, .inventive_header_5 .header_middle_btn #my_wish .my_cart_quantity, .inventive_header_5 .header_middle_btn #my_cart .my_wish_quantity, .inventive_header_5 .header_middle_btn #my_cart .my_cart_quantity, .inventive_header_6 .header_middle_btn #my_wish .my_wish_quantity, .inventive_header_6 .header_middle_btn #my_wish .my_cart_quantity, .inventive_header_6 .header_middle_btn #my_cart .my_wish_quantity, .inventive_header_6 .header_middle_btn #my_cart .my_cart_quantity, .inventive_header_7 .header_middle_btn #my_wish .my_wish_quantity, .inventive_header_7 .header_middle_btn #my_wish .my_cart_quantity, .inventive_header_7 .header_middle_btn #my_cart .my_wish_quantity, .inventive_header_7 .header_middle_btn #my_cart .my_cart_quantity, .inventive_header_8 .header_middle_btn #my_wish .my_wish_quantity, .inventive_header_8 .header_middle_btn #my_wish .my_cart_quantity, .inventive_header_8 .header_middle_btn #my_cart .my_wish_quantity, .inventive_header_8 .header_middle_btn #my_cart .my_cart_quantity, .inventive_header_9 .header_middle_btn #my_wish .my_wish_quantity, .inventive_header_9 .header_middle_btn #my_wish .my_cart_quantity, .inventive_header_9 .header_middle_btn #my_cart .my_wish_quantity, .inventive_header_9 .header_middle_btn #my_cart .my_cart_quantity, .inventive_header_10 .header_middle_btn #my_wish .my_wish_quantity, .inventive_header_10 .header_middle_btn #my_wish .my_cart_quantity, .inventive_header_10 .header_middle_btn #my_cart .my_wish_quantity, .inventive_header_10 .header_middle_btn #my_cart .my_cart_quantity{font-size: 13px;} .inventive_header_1 .header_middle_btn #my_cart, .inventive_header_2 .header_middle_btn #my_cart, .inventive_header_3 .header_middle_btn #my_cart, .inventive_header_4 .header_middle_btn #my_cart, .inventive_header_5 .header_middle_btn #my_cart, .inventive_header_6 .header_middle_btn #my_cart, .inventive_header_7 .header_middle_btn #my_cart, .inventive_header_8 .header_middle_btn #my_cart, .inventive_header_9 .header_middle_btn #my_cart, .inventive_header_10 .header_middle_btn #my_cart{border-color: transparent !important; background: #3e7380;} .inventive_header_1 .header_middle_btn #my_cart a, .inventive_header_2 .header_middle_btn #my_cart a, .inventive_header_3 .header_middle_btn #my_cart a, .inventive_header_4 .header_middle_btn #my_cart a, .inventive_header_5 .header_middle_btn #my_cart a, .inventive_header_6 .header_middle_btn #my_cart a, .inventive_header_7 .header_middle_btn #my_cart a, .inventive_header_8 .header_middle_btn #my_cart a, .inventive_header_9 .header_middle_btn #my_cart a, .inventive_header_10 .header_middle_btn #my_cart a{color: white; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; color: white; border-radius: 2px; overflow: hidden;} .inventive_header_1 .header_middle_btn #my_cart a .th_icon.active, .inventive_header_2 .header_middle_btn #my_cart a .th_icon.active, .inventive_header_3 .header_middle_btn #my_cart a .th_icon.active, .inventive_header_4 .header_middle_btn #my_cart a .th_icon.active, .inventive_header_5 .header_middle_btn #my_cart a .th_icon.active, .inventive_header_6 .header_middle_btn #my_cart a .th_icon.active, .inventive_header_7 .header_middle_btn #my_cart a .th_icon.active, .inventive_header_8 .header_middle_btn #my_cart a .th_icon.active, .inventive_header_9 .header_middle_btn #my_cart a .th_icon.active, .inventive_header_10 .header_middle_btn #my_cart a .th_icon.active{background: #2d545e;} .inventive_header_1 .header_middle_btn #my_cart a .th_cart_icon, .inventive_header_2 .header_middle_btn #my_cart a .th_cart_icon, .inventive_header_3 .header_middle_btn #my_cart a .th_cart_icon, .inventive_header_4 .header_middle_btn #my_cart a .th_cart_icon, .inventive_header_5 .header_middle_btn #my_cart a .th_cart_icon, .inventive_header_6 .header_middle_btn #my_cart a .th_cart_icon, .inventive_header_7 .header_middle_btn #my_cart a .th_cart_icon, .inventive_header_8 .header_middle_btn #my_cart a .th_cart_icon, .inventive_header_9 .header_middle_btn #my_cart a .th_cart_icon, .inventive_header_10 .header_middle_btn #my_cart a .th_cart_icon{display: inline-block; height: 100%; width: 100%; background-image: url("/theme_inventive/static/src/lib/svg/white/shopping-bag.svg"); background-repeat: no-repeat; background-position: center; background-size: 16px;} .inventive_header_1 .header_middle_btn #my_cart a.active, .inventive_header_1 .header_middle_btn #my_cart a:focus, .inventive_header_1 .header_middle_btn #my_cart a:hover, .inventive_header_2 .header_middle_btn #my_cart a.active, .inventive_header_2 .header_middle_btn #my_cart a:focus, .inventive_header_2 .header_middle_btn #my_cart a:hover, .inventive_header_3 .header_middle_btn #my_cart a.active, .inventive_header_3 .header_middle_btn #my_cart a:focus, .inventive_header_3 .header_middle_btn #my_cart a:hover, .inventive_header_4 .header_middle_btn #my_cart a.active, .inventive_header_4 .header_middle_btn #my_cart a:focus, .inventive_header_4 .header_middle_btn #my_cart a:hover, .inventive_header_5 .header_middle_btn #my_cart a.active, .inventive_header_5 .header_middle_btn #my_cart a:focus, .inventive_header_5 .header_middle_btn #my_cart a:hover, .inventive_header_6 .header_middle_btn #my_cart a.active, .inventive_header_6 .header_middle_btn #my_cart a:focus, .inventive_header_6 .header_middle_btn #my_cart a:hover, .inventive_header_7 .header_middle_btn #my_cart a.active, .inventive_header_7 .header_middle_btn #my_cart a:focus, .inventive_header_7 .header_middle_btn #my_cart a:hover, .inventive_header_8 .header_middle_btn #my_cart a.active, .inventive_header_8 .header_middle_btn #my_cart a:focus, .inventive_header_8 .header_middle_btn #my_cart a:hover, .inventive_header_9 .header_middle_btn #my_cart a.active, .inventive_header_9 .header_middle_btn #my_cart a:focus, .inventive_header_9 .header_middle_btn #my_cart a:hover, .inventive_header_10 .header_middle_btn #my_cart a.active, .inventive_header_10 .header_middle_btn #my_cart a:focus, .inventive_header_10 .header_middle_btn #my_cart a:hover{color: white !important; box-shadow: unset !important; background-color: #2d545e !important;} .inventive_header_1 .header_middle_btn .th_d_menu, .inventive_header_2 .header_middle_btn .th_d_menu, .inventive_header_3 .header_middle_btn .th_d_menu, .inventive_header_4 .header_middle_btn .th_d_menu, .inventive_header_5 .header_middle_btn .th_d_menu, .inventive_header_6 .header_middle_btn .th_d_menu, .inventive_header_7 .header_middle_btn .th_d_menu, .inventive_header_8 .header_middle_btn .th_d_menu, .inventive_header_9 .header_middle_btn .th_d_menu, .inventive_header_10 .header_middle_btn .th_d_menu{left: unset !important; right: 0 !important; top: 100% !important; margin-top: 15px; min-width: 260px; box-shadow: 0px 0 15px -5px rgba(0, 0, 0, 0.5); transform: unset !important;} .inventive_header_1 #top_menu_collapse, .inventive_header_2 #top_menu_collapse, .inventive_header_3 #top_menu_collapse, .inventive_header_4 #top_menu_collapse, .inventive_header_5 #top_menu_collapse, .inventive_header_6 #top_menu_collapse, .inventive_header_7 #top_menu_collapse, .inventive_header_8 #top_menu_collapse, .inventive_header_9 #top_menu_collapse, .inventive_header_10 #top_menu_collapse{min-height: 46px;} @media (max-width: 991.98px){.inventive_header_1 .inventive_header_middle .navbar-brand.logo img, .inventive_header_2 .inventive_header_middle .navbar-brand.logo img, .inventive_header_3 .inventive_header_middle .navbar-brand.logo img, .inventive_header_4 .inventive_header_middle .navbar-brand.logo img, .inventive_header_5 .inventive_header_middle .navbar-brand.logo img, .inventive_header_6 .inventive_header_middle .navbar-brand.logo img, .inventive_header_7 .inventive_header_middle .navbar-brand.logo img, .inventive_header_8 .inventive_header_middle .navbar-brand.logo img, .inventive_header_9 .inventive_header_middle .navbar-brand.logo img, .inventive_header_10 .inventive_header_middle .navbar-brand.logo img{max-height: 40px; height: 40px;}.inventive_header_1 .inventive_header_middle .header_search_bar .input-group, .inventive_header_2 .inventive_header_middle .header_search_bar .input-group, .inventive_header_3 .inventive_header_middle .header_search_bar .input-group, .inventive_header_4 .inventive_header_middle .header_search_bar .input-group, .inventive_header_5 .inventive_header_middle .header_search_bar .input-group, .inventive_header_6 .inventive_header_middle .header_search_bar .input-group, .inventive_header_7 .inventive_header_middle .header_search_bar .input-group, .inventive_header_8 .inventive_header_middle .header_search_bar .input-group, .inventive_header_9 .inventive_header_middle .header_search_bar .input-group, .inventive_header_10 .inventive_header_middle .header_search_bar .input-group{padding: 0px; flex-direction: row; align-items: center; border: 1px solid #D8D8D8; width: 230px;}.inventive_header_1 .inventive_header_middle .header_search_bar .input-group .form-control.oe_search_box, .inventive_header_2 .inventive_header_middle .header_search_bar .input-group .form-control.oe_search_box, .inventive_header_3 .inventive_header_middle .header_search_bar .input-group .form-control.oe_search_box, .inventive_header_4 .inventive_header_middle .header_search_bar .input-group .form-control.oe_search_box, .inventive_header_5 .inventive_header_middle .header_search_bar .input-group .form-control.oe_search_box, .inventive_header_6 .inventive_header_middle .header_search_bar .input-group .form-control.oe_search_box, .inventive_header_7 .inventive_header_middle .header_search_bar .input-group .form-control.oe_search_box, .inventive_header_8 .inventive_header_middle .header_search_bar .input-group .form-control.oe_search_box, .inventive_header_9 .inventive_header_middle .header_search_bar .input-group .form-control.oe_search_box, .inventive_header_10 .inventive_header_middle .header_search_bar .input-group .form-control.oe_search_box{height: 25px !important; border: none !important; border-radius: 0 !important; background-color: transparent;}.inventive_header_1 .inventive_header_middle .header_search_bar .input-group-append, .inventive_header_2 .inventive_header_middle .header_search_bar .input-group-append, .inventive_header_3 .inventive_header_middle .header_search_bar .input-group-append, .inventive_header_4 .inventive_header_middle .header_search_bar .input-group-append, .inventive_header_5 .inventive_header_middle .header_search_bar .input-group-append, .inventive_header_6 .inventive_header_middle .header_search_bar .input-group-append, .inventive_header_7 .inventive_header_middle .header_search_bar .input-group-append, .inventive_header_8 .inventive_header_middle .header_search_bar .input-group-append, .inventive_header_9 .inventive_header_middle .header_search_bar .input-group-append, .inventive_header_10 .inventive_header_middle .header_search_bar .input-group-append{margin-left: unset;}.inventive_header_1 .inventive_header_middle .header_search_bar .oe_search_button, .inventive_header_2 .inventive_header_middle .header_search_bar .oe_search_button, .inventive_header_3 .inventive_header_middle .header_search_bar .oe_search_button, .inventive_header_4 .inventive_header_middle .header_search_bar .oe_search_button, .inventive_header_5 .inventive_header_middle .header_search_bar .oe_search_button, .inventive_header_6 .inventive_header_middle .header_search_bar .oe_search_button, .inventive_header_7 .inventive_header_middle .header_search_bar .oe_search_button, .inventive_header_8 .inventive_header_middle .header_search_bar .oe_search_button, .inventive_header_9 .inventive_header_middle .header_search_bar .oe_search_button, .inventive_header_10 .inventive_header_middle .header_search_bar .oe_search_button{color: #FFFFFF !important; background-color: transparent; padding: 3px 5px; font-size: 1.125rem;}.inventive_header_1 .inventive_header_middle .header_search_bar .oe_search_button:hover, .inventive_header_2 .inventive_header_middle .header_search_bar .oe_search_button:hover, .inventive_header_3 .inventive_header_middle .header_search_bar .oe_search_button:hover, .inventive_header_4 .inventive_header_middle .header_search_bar .oe_search_button:hover, .inventive_header_5 .inventive_header_middle .header_search_bar .oe_search_button:hover, .inventive_header_6 .inventive_header_middle .header_search_bar .oe_search_button:hover, .inventive_header_7 .inventive_header_middle .header_search_bar .oe_search_button:hover, .inventive_header_8 .inventive_header_middle .header_search_bar .oe_search_button:hover, .inventive_header_9 .inventive_header_middle .header_search_bar .oe_search_button:hover, .inventive_header_10 .inventive_header_middle .header_search_bar .oe_search_button:hover{color: black; background-color: unset !important;}} @media (max-width: 767.98px){.inventive_header_1 .inventive_header_middle .header_search_bar, .inventive_header_2 .inventive_header_middle .header_search_bar, .inventive_header_3 .inventive_header_middle .header_search_bar, .inventive_header_4 .inventive_header_middle .header_search_bar, .inventive_header_5 .inventive_header_middle .header_search_bar, .inventive_header_6 .inventive_header_middle .header_search_bar, .inventive_header_7 .inventive_header_middle .header_search_bar, .inventive_header_8 .inventive_header_middle .header_search_bar, .inventive_header_9 .inventive_header_middle .header_search_bar, .inventive_header_10 .inventive_header_middle .header_search_bar{display: none;}.inventive_header_1 .inventive_header_middle .header_middle_btn .th_d_menu, .inventive_header_2 .inventive_header_middle .header_middle_btn .th_d_menu, .inventive_header_3 .inventive_header_middle .header_middle_btn .th_d_menu, .inventive_header_4 .inventive_header_middle .header_middle_btn .th_d_menu, .inventive_header_5 .inventive_header_middle .header_middle_btn .th_d_menu, .inventive_header_6 .inventive_header_middle .header_middle_btn .th_d_menu, .inventive_header_7 .inventive_header_middle .header_middle_btn .th_d_menu, .inventive_header_8 .inventive_header_middle .header_middle_btn .th_d_menu, .inventive_header_9 .inventive_header_middle .header_middle_btn .th_d_menu, .inventive_header_10 .inventive_header_middle .header_middle_btn .th_d_menu{transform: unset !important; top: 33px !important;}.inventive_header_1 #top_menu_collapse, .inventive_header_2 #top_menu_collapse, .inventive_header_3 #top_menu_collapse, .inventive_header_4 #top_menu_collapse, .inventive_header_5 #top_menu_collapse, .inventive_header_6 #top_menu_collapse, .inventive_header_7 #top_menu_collapse, .inventive_header_8 #top_menu_collapse, .inventive_header_9 #top_menu_collapse, .inventive_header_10 #top_menu_collapse{padding: 0 !important; position: fixed !important; z-index: 10000; background-color: white; width: 280px !important; height: 100vh; transition: all 0.5s ease-in-out; transform: translateX(-100%); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07); align-items: flex-start;}.inventive_header_1 #top_menu_collapse #top_menu, .inventive_header_2 #top_menu_collapse #top_menu, .inventive_header_3 #top_menu_collapse #top_menu, .inventive_header_4 #top_menu_collapse #top_menu, .inventive_header_5 #top_menu_collapse #top_menu, .inventive_header_6 #top_menu_collapse #top_menu, .inventive_header_7 #top_menu_collapse #top_menu, .inventive_header_8 #top_menu_collapse #top_menu, .inventive_header_9 #top_menu_collapse #top_menu, .inventive_header_10 #top_menu_collapse #top_menu{padding: 0 15px; position: relative;}.inventive_header_1 #top_menu_collapse.slide_right, .inventive_header_2 #top_menu_collapse.slide_right, .inventive_header_3 #top_menu_collapse.slide_right, .inventive_header_4 #top_menu_collapse.slide_right, .inventive_header_5 #top_menu_collapse.slide_right, .inventive_header_6 #top_menu_collapse.slide_right, .inventive_header_7 #top_menu_collapse.slide_right, .inventive_header_8 #top_menu_collapse.slide_right, .inventive_header_9 #top_menu_collapse.slide_right, .inventive_header_10 #top_menu_collapse.slide_right{display: inline-block; transform: translateX(0);}.inventive_header_1 #top_menu_collapse .navbar-close, .inventive_header_2 #top_menu_collapse .navbar-close, .inventive_header_3 #top_menu_collapse .navbar-close, .inventive_header_4 #top_menu_collapse .navbar-close, .inventive_header_5 #top_menu_collapse .navbar-close, .inventive_header_6 #top_menu_collapse .navbar-close, .inventive_header_7 #top_menu_collapse .navbar-close, .inventive_header_8 #top_menu_collapse .navbar-close, .inventive_header_9 #top_menu_collapse .navbar-close, .inventive_header_10 #top_menu_collapse .navbar-close{color: white; font-size: 20px; background-color: #1E1E1E;}.inventive_header_1 #top_menu_collapse .navbar-close .navbar-brand.logo img, .inventive_header_2 #top_menu_collapse .navbar-close .navbar-brand.logo img, .inventive_header_3 #top_menu_collapse .navbar-close .navbar-brand.logo img, .inventive_header_4 #top_menu_collapse .navbar-close .navbar-brand.logo img, .inventive_header_5 #top_menu_collapse .navbar-close .navbar-brand.logo img, .inventive_header_6 #top_menu_collapse .navbar-close .navbar-brand.logo img, .inventive_header_7 #top_menu_collapse .navbar-close .navbar-brand.logo img, .inventive_header_8 #top_menu_collapse .navbar-close .navbar-brand.logo img, .inventive_header_9 #top_menu_collapse .navbar-close .navbar-brand.logo img, .inventive_header_10 #top_menu_collapse .navbar-close .navbar-brand.logo img{width: auto; height: 2rem; max-width: none;}.inventive_header_1 .inventive_mega_menu .dropdown-menu, .inventive_header_2 .inventive_mega_menu .dropdown-menu, .inventive_header_3 .inventive_mega_menu .dropdown-menu, .inventive_header_4 .inventive_mega_menu .dropdown-menu, .inventive_header_5 .inventive_mega_menu .dropdown-menu, .inventive_header_6 .inventive_mega_menu .dropdown-menu, .inventive_header_7 .inventive_mega_menu .dropdown-menu, .inventive_header_8 .inventive_mega_menu .dropdown-menu, .inventive_header_9 .inventive_mega_menu .dropdown-menu, .inventive_header_10 .inventive_mega_menu .dropdown-menu{position: absolute; padding: 0; top: 0; right: 0; z-index: 1001; background-color: white; height: 94vh !important; transition: all 0.5s ease-in-out; transform: translateX(-100%); align-items: flex-start; box-shadow: none !important; overflow-y: auto; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.inventive_header_1 .inventive_mega_menu .dropdown-menu.show, .inventive_header_2 .inventive_mega_menu .dropdown-menu.show, .inventive_header_3 .inventive_mega_menu .dropdown-menu.show, .inventive_header_4 .inventive_mega_menu .dropdown-menu.show, .inventive_header_5 .inventive_mega_menu .dropdown-menu.show, .inventive_header_6 .inventive_mega_menu .dropdown-menu.show, .inventive_header_7 .inventive_mega_menu .dropdown-menu.show, .inventive_header_8 .inventive_mega_menu .dropdown-menu.show, .inventive_header_9 .inventive_mega_menu .dropdown-menu.show, .inventive_header_10 .inventive_mega_menu .dropdown-menu.show{transform: translateX(0);}.inventive_header_1 .inventive_mega_menu .dropdown-menu .dropdown-close, .inventive_header_2 .inventive_mega_menu .dropdown-menu .dropdown-close, .inventive_header_3 .inventive_mega_menu .dropdown-menu .dropdown-close, .inventive_header_4 .inventive_mega_menu .dropdown-menu .dropdown-close, .inventive_header_5 .inventive_mega_menu .dropdown-menu .dropdown-close, .inventive_header_6 .inventive_mega_menu .dropdown-menu .dropdown-close, .inventive_header_7 .inventive_mega_menu .dropdown-menu .dropdown-close, .inventive_header_8 .inventive_mega_menu .dropdown-menu .dropdown-close, .inventive_header_9 .inventive_mega_menu .dropdown-menu .dropdown-close, .inventive_header_10 .inventive_mega_menu .dropdown-menu .dropdown-close{order: -1; text-align: left; font-size: 24px; padding: 0 0 0 14px;}.inventive_header_1 .mobile_search_bar, .inventive_header_1 .navbar-toggler, .inventive_header_2 .mobile_search_bar, .inventive_header_2 .navbar-toggler, .inventive_header_3 .mobile_search_bar, .inventive_header_3 .navbar-toggler, .inventive_header_4 .mobile_search_bar, .inventive_header_4 .navbar-toggler, .inventive_header_5 .mobile_search_bar, .inventive_header_5 .navbar-toggler, .inventive_header_6 .mobile_search_bar, .inventive_header_6 .navbar-toggler, .inventive_header_7 .mobile_search_bar, .inventive_header_7 .navbar-toggler, .inventive_header_8 .mobile_search_bar, .inventive_header_8 .navbar-toggler, .inventive_header_9 .mobile_search_bar, .inventive_header_9 .navbar-toggler, .inventive_header_10 .mobile_search_bar, .inventive_header_10 .navbar-toggler{display: inline-block;}.inventive_header_1 .mobile_search_bar .input-group, .inventive_header_1 .navbar-toggler .input-group, .inventive_header_2 .mobile_search_bar .input-group, .inventive_header_2 .navbar-toggler .input-group, .inventive_header_3 .mobile_search_bar .input-group, .inventive_header_3 .navbar-toggler .input-group, .inventive_header_4 .mobile_search_bar .input-group, .inventive_header_4 .navbar-toggler .input-group, .inventive_header_5 .mobile_search_bar .input-group, .inventive_header_5 .navbar-toggler .input-group, .inventive_header_6 .mobile_search_bar .input-group, .inventive_header_6 .navbar-toggler .input-group, .inventive_header_7 .mobile_search_bar .input-group, .inventive_header_7 .navbar-toggler .input-group, .inventive_header_8 .mobile_search_bar .input-group, .inventive_header_8 .navbar-toggler .input-group, .inventive_header_9 .mobile_search_bar .input-group, .inventive_header_9 .navbar-toggler .input-group, .inventive_header_10 .mobile_search_bar .input-group, .inventive_header_10 .navbar-toggler .input-group{padding: 5px 15px; flex-direction: row-reverse; align-items: center; width: 230px;}.inventive_header_1 .mobile_search_bar .input-group .form-control.oe_search_box, .inventive_header_1 .navbar-toggler .input-group .form-control.oe_search_box, .inventive_header_2 .mobile_search_bar .input-group .form-control.oe_search_box, .inventive_header_2 .navbar-toggler .input-group .form-control.oe_search_box, .inventive_header_3 .mobile_search_bar .input-group .form-control.oe_search_box, .inventive_header_3 .navbar-toggler .input-group .form-control.oe_search_box, .inventive_header_4 .mobile_search_bar .input-group .form-control.oe_search_box, .inventive_header_4 .navbar-toggler .input-group .form-control.oe_search_box, .inventive_header_5 .mobile_search_bar .input-group .form-control.oe_search_box, .inventive_header_5 .navbar-toggler .input-group .form-control.oe_search_box, .inventive_header_6 .mobile_search_bar .input-group .form-control.oe_search_box, .inventive_header_6 .navbar-toggler .input-group .form-control.oe_search_box, .inventive_header_7 .mobile_search_bar .input-group .form-control.oe_search_box, .inventive_header_7 .navbar-toggler .input-group .form-control.oe_search_box, .inventive_header_8 .mobile_search_bar .input-group .form-control.oe_search_box, .inventive_header_8 .navbar-toggler .input-group .form-control.oe_search_box, .inventive_header_9 .mobile_search_bar .input-group .form-control.oe_search_box, .inventive_header_9 .navbar-toggler .input-group .form-control.oe_search_box, .inventive_header_10 .mobile_search_bar .input-group .form-control.oe_search_box, .inventive_header_10 .navbar-toggler .input-group .form-control.oe_search_box{height: 25px !important; border: none !important; border-radius: 0 !important; padding-left: 5px; padding-right: 5px; background-color: transparent;}.inventive_header_1 .mobile_search_bar .input-group-append, .inventive_header_1 .navbar-toggler .input-group-append, .inventive_header_2 .mobile_search_bar .input-group-append, .inventive_header_2 .navbar-toggler .input-group-append, .inventive_header_3 .mobile_search_bar .input-group-append, .inventive_header_3 .navbar-toggler .input-group-append, .inventive_header_4 .mobile_search_bar .input-group-append, .inventive_header_4 .navbar-toggler .input-group-append, .inventive_header_5 .mobile_search_bar .input-group-append, .inventive_header_5 .navbar-toggler .input-group-append, .inventive_header_6 .mobile_search_bar .input-group-append, .inventive_header_6 .navbar-toggler .input-group-append, .inventive_header_7 .mobile_search_bar .input-group-append, .inventive_header_7 .navbar-toggler .input-group-append, .inventive_header_8 .mobile_search_bar .input-group-append, .inventive_header_8 .navbar-toggler .input-group-append, .inventive_header_9 .mobile_search_bar .input-group-append, .inventive_header_9 .navbar-toggler .input-group-append, .inventive_header_10 .mobile_search_bar .input-group-append, .inventive_header_10 .navbar-toggler .input-group-append{margin-left: unset;}.inventive_header_1 .mobile_search_bar .oe_search_button, .inventive_header_1 .navbar-toggler .oe_search_button, .inventive_header_2 .mobile_search_bar .oe_search_button, .inventive_header_2 .navbar-toggler .oe_search_button, .inventive_header_3 .mobile_search_bar .oe_search_button, .inventive_header_3 .navbar-toggler .oe_search_button, .inventive_header_4 .mobile_search_bar .oe_search_button, .inventive_header_4 .navbar-toggler .oe_search_button, .inventive_header_5 .mobile_search_bar .oe_search_button, .inventive_header_5 .navbar-toggler .oe_search_button, .inventive_header_6 .mobile_search_bar .oe_search_button, .inventive_header_6 .navbar-toggler .oe_search_button, .inventive_header_7 .mobile_search_bar .oe_search_button, .inventive_header_7 .navbar-toggler .oe_search_button, .inventive_header_8 .mobile_search_bar .oe_search_button, .inventive_header_8 .navbar-toggler .oe_search_button, .inventive_header_9 .mobile_search_bar .oe_search_button, .inventive_header_9 .navbar-toggler .oe_search_button, .inventive_header_10 .mobile_search_bar .oe_search_button, .inventive_header_10 .navbar-toggler .oe_search_button{color: #555555 !important; background-color: transparent; padding: 5px; font-size: 18px;}.inventive_header_1 .mobile_search_bar .oe_search_button:hover, .inventive_header_1 .navbar-toggler .oe_search_button:hover, .inventive_header_2 .mobile_search_bar .oe_search_button:hover, .inventive_header_2 .navbar-toggler .oe_search_button:hover, .inventive_header_3 .mobile_search_bar .oe_search_button:hover, .inventive_header_3 .navbar-toggler .oe_search_button:hover, .inventive_header_4 .mobile_search_bar .oe_search_button:hover, .inventive_header_4 .navbar-toggler .oe_search_button:hover, .inventive_header_5 .mobile_search_bar .oe_search_button:hover, .inventive_header_5 .navbar-toggler .oe_search_button:hover, .inventive_header_6 .mobile_search_bar .oe_search_button:hover, .inventive_header_6 .navbar-toggler .oe_search_button:hover, .inventive_header_7 .mobile_search_bar .oe_search_button:hover, .inventive_header_7 .navbar-toggler .oe_search_button:hover, .inventive_header_8 .mobile_search_bar .oe_search_button:hover, .inventive_header_8 .navbar-toggler .oe_search_button:hover, .inventive_header_9 .mobile_search_bar .oe_search_button:hover, .inventive_header_9 .navbar-toggler .oe_search_button:hover, .inventive_header_10 .mobile_search_bar .oe_search_button:hover, .inventive_header_10 .navbar-toggler .oe_search_button:hover{color: black; background-color: unset !important;}} .inventive_header_1 #th_mycart_slider, .inventive_header_2 #th_mycart_slider, .inventive_header_3 #th_mycart_slider, .inventive_header_4 #th_mycart_slider, .inventive_header_5 #th_mycart_slider, .inventive_header_6 #th_mycart_slider, .inventive_header_7 #th_mycart_slider, .inventive_header_8 #th_mycart_slider, .inventive_header_9 #th_mycart_slider, .inventive_header_10 #th_mycart_slider{position: fixed; top: 0; bottom: 0; right: 0; width: 25%; padding-bottom: 47px; min-width: 380px; max-width: 90vw; height: 100vh; z-index: 11100; transform: translateX(100%); transition: transform 0.5s ease-in-out; padding-bottom: 20px; background-color: white; scroll-behavior: smooth;} .inventive_header_1 #th_mycart_slider .btn-secondary.js_delete_product, .inventive_header_2 #th_mycart_slider .btn-secondary.js_delete_product, .inventive_header_3 #th_mycart_slider .btn-secondary.js_delete_product, .inventive_header_4 #th_mycart_slider .btn-secondary.js_delete_product, .inventive_header_5 #th_mycart_slider .btn-secondary.js_delete_product, .inventive_header_6 #th_mycart_slider .btn-secondary.js_delete_product, .inventive_header_7 #th_mycart_slider .btn-secondary.js_delete_product, .inventive_header_8 #th_mycart_slider .btn-secondary.js_delete_product, .inventive_header_9 #th_mycart_slider .btn-secondary.js_delete_product, .inventive_header_10 #th_mycart_slider .btn-secondary.js_delete_product{font-size: 10px; float: right; color: white; background-color: #555555; border-radius: 50px; padding: 1px 5px !important; float: right; cursor: pointer;} .inventive_header_1 #th_mycart_slider.slide_left, .inventive_header_2 #th_mycart_slider.slide_left, .inventive_header_3 #th_mycart_slider.slide_left, .inventive_header_4 #th_mycart_slider.slide_left, .inventive_header_5 #th_mycart_slider.slide_left, .inventive_header_6 #th_mycart_slider.slide_left, .inventive_header_7 #th_mycart_slider.slide_left, .inventive_header_8 #th_mycart_slider.slide_left, .inventive_header_9 #th_mycart_slider.slide_left, .inventive_header_10 #th_mycart_slider.slide_left{transform: translateX(0%);} .inventive_header_1 #th_mycart_slider.slide_right, .inventive_header_2 #th_mycart_slider.slide_right, .inventive_header_3 #th_mycart_slider.slide_right, .inventive_header_4 #th_mycart_slider.slide_right, .inventive_header_5 #th_mycart_slider.slide_right, .inventive_header_6 #th_mycart_slider.slide_right, .inventive_header_7 #th_mycart_slider.slide_right, .inventive_header_8 #th_mycart_slider.slide_right, .inventive_header_9 #th_mycart_slider.slide_right, .inventive_header_10 #th_mycart_slider.slide_right{transform: translateX(100);} .inventive_header_1 #th_mycart_slider .dynamic_cart_content, .inventive_header_2 #th_mycart_slider .dynamic_cart_content, .inventive_header_3 #th_mycart_slider .dynamic_cart_content, .inventive_header_4 #th_mycart_slider .dynamic_cart_content, .inventive_header_5 #th_mycart_slider .dynamic_cart_content, .inventive_header_6 #th_mycart_slider .dynamic_cart_content, .inventive_header_7 #th_mycart_slider .dynamic_cart_content, .inventive_header_8 #th_mycart_slider .dynamic_cart_content, .inventive_header_9 #th_mycart_slider .dynamic_cart_content, .inventive_header_10 #th_mycart_slider .dynamic_cart_content{padding: 5px 15px; display: -webkit-box; display: -webkit-flex; display: flex; overflow-y: scroll; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; height: 96%; position: relative;} .inventive_header_1 #th_mycart_slider .dynamic_cart_content h5.text-center, .inventive_header_2 #th_mycart_slider .dynamic_cart_content h5.text-center, .inventive_header_3 #th_mycart_slider .dynamic_cart_content h5.text-center, .inventive_header_4 #th_mycart_slider .dynamic_cart_content h5.text-center, .inventive_header_5 #th_mycart_slider .dynamic_cart_content h5.text-center, .inventive_header_6 #th_mycart_slider .dynamic_cart_content h5.text-center, .inventive_header_7 #th_mycart_slider .dynamic_cart_content h5.text-center, .inventive_header_8 #th_mycart_slider .dynamic_cart_content h5.text-center, .inventive_header_9 #th_mycart_slider .dynamic_cart_content h5.text-center, .inventive_header_10 #th_mycart_slider .dynamic_cart_content h5.text-center{order: 3; padding: 5px 0px; margin: 0 !important; margin-top: 0.5rem !important; font-size: 1rem;} .inventive_header_1 #th_mycart_slider .dynamic_cart_content > div.text-center, .inventive_header_2 #th_mycart_slider .dynamic_cart_content > div.text-center, .inventive_header_3 #th_mycart_slider .dynamic_cart_content > div.text-center, .inventive_header_4 #th_mycart_slider .dynamic_cart_content > div.text-center, .inventive_header_5 #th_mycart_slider .dynamic_cart_content > div.text-center, .inventive_header_6 #th_mycart_slider .dynamic_cart_content > div.text-center, .inventive_header_7 #th_mycart_slider .dynamic_cart_content > div.text-center, .inventive_header_8 #th_mycart_slider .dynamic_cart_content > div.text-center, .inventive_header_9 #th_mycart_slider .dynamic_cart_content > div.text-center, .inventive_header_10 #th_mycart_slider .dynamic_cart_content > div.text-center{border-bottom: 1px solid #ddd; padding-bottom: 15px;} .inventive_header_1 #th_mycart_slider .dynamic_cart_content .row.cart_line, .inventive_header_2 #th_mycart_slider .dynamic_cart_content .row.cart_line, .inventive_header_3 #th_mycart_slider .dynamic_cart_content .row.cart_line, .inventive_header_4 #th_mycart_slider .dynamic_cart_content .row.cart_line, .inventive_header_5 #th_mycart_slider .dynamic_cart_content .row.cart_line, .inventive_header_6 #th_mycart_slider .dynamic_cart_content .row.cart_line, .inventive_header_7 #th_mycart_slider .dynamic_cart_content .row.cart_line, .inventive_header_8 #th_mycart_slider .dynamic_cart_content .row.cart_line, .inventive_header_9 #th_mycart_slider .dynamic_cart_content .row.cart_line, .inventive_header_10 #th_mycart_slider .dynamic_cart_content .row.cart_line{padding: 7px 0;} .inventive_header_1 #th_mycart_slider .dynamic_cart_content .row.cart_line .h6, .inventive_header_2 #th_mycart_slider .dynamic_cart_content .row.cart_line .h6, .inventive_header_3 #th_mycart_slider .dynamic_cart_content .row.cart_line .h6, .inventive_header_4 #th_mycart_slider .dynamic_cart_content .row.cart_line .h6, .inventive_header_5 #th_mycart_slider .dynamic_cart_content .row.cart_line .h6, .inventive_header_6 #th_mycart_slider .dynamic_cart_content .row.cart_line .h6, .inventive_header_7 #th_mycart_slider .dynamic_cart_content .row.cart_line .h6, .inventive_header_8 #th_mycart_slider .dynamic_cart_content .row.cart_line .h6, .inventive_header_9 #th_mycart_slider .dynamic_cart_content .row.cart_line .h6, .inventive_header_10 #th_mycart_slider .dynamic_cart_content .row.cart_line .h6{max-width: 100%; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap;} .inventive_header_1 #th_mycart_slider .dynamic_cart_content .row.cart_line .col-3, .inventive_header_2 #th_mycart_slider .dynamic_cart_content .row.cart_line .col-3, .inventive_header_3 #th_mycart_slider .dynamic_cart_content .row.cart_line .col-3, .inventive_header_4 #th_mycart_slider .dynamic_cart_content .row.cart_line .col-3, .inventive_header_5 #th_mycart_slider .dynamic_cart_content .row.cart_line .col-3, .inventive_header_6 #th_mycart_slider .dynamic_cart_content .row.cart_line .col-3, .inventive_header_7 #th_mycart_slider .dynamic_cart_content .row.cart_line .col-3, .inventive_header_8 #th_mycart_slider .dynamic_cart_content .row.cart_line .col-3, .inventive_header_9 #th_mycart_slider .dynamic_cart_content .row.cart_line .col-3, .inventive_header_10 #th_mycart_slider .dynamic_cart_content .row.cart_line .col-3{padding: 0 10px;} .inventive_header_1 #th_mycart_slider .dynamic_cart_content .row.cart_line .col-3 img, .inventive_header_2 #th_mycart_slider .dynamic_cart_content .row.cart_line .col-3 img, .inventive_header_3 #th_mycart_slider .dynamic_cart_content .row.cart_line .col-3 img, .inventive_header_4 #th_mycart_slider .dynamic_cart_content .row.cart_line .col-3 img, .inventive_header_5 #th_mycart_slider .dynamic_cart_content .row.cart_line .col-3 img, .inventive_header_6 #th_mycart_slider .dynamic_cart_content .row.cart_line .col-3 img, .inventive_header_7 #th_mycart_slider .dynamic_cart_content .row.cart_line .col-3 img, .inventive_header_8 #th_mycart_slider .dynamic_cart_content .row.cart_line .col-3 img, .inventive_header_9 #th_mycart_slider .dynamic_cart_content .row.cart_line .col-3 img, .inventive_header_10 #th_mycart_slider .dynamic_cart_content .row.cart_line .col-3 img{background: linear-gradient(45deg, #ededed 0%, #f4f4f4 50%, #f6f6f6 61%, white 100%);} .inventive_header_1 #th_mycart_slider .dynamic_cart_content #cart_total table tr td:last-of-type, .inventive_header_2 #th_mycart_slider .dynamic_cart_content #cart_total table tr td:last-of-type, .inventive_header_3 #th_mycart_slider .dynamic_cart_content #cart_total table tr td:last-of-type, .inventive_header_4 #th_mycart_slider .dynamic_cart_content #cart_total table tr td:last-of-type, .inventive_header_5 #th_mycart_slider .dynamic_cart_content #cart_total table tr td:last-of-type, .inventive_header_6 #th_mycart_slider .dynamic_cart_content #cart_total table tr td:last-of-type, .inventive_header_7 #th_mycart_slider .dynamic_cart_content #cart_total table tr td:last-of-type, .inventive_header_8 #th_mycart_slider .dynamic_cart_content #cart_total table tr td:last-of-type, .inventive_header_9 #th_mycart_slider .dynamic_cart_content #cart_total table tr td:last-of-type, .inventive_header_10 #th_mycart_slider .dynamic_cart_content #cart_total table tr td:last-of-type{text-align: right !important;} .inventive_header_1 #th_mycart_slider .dynamic_cart_content .data_loader, .inventive_header_2 #th_mycart_slider .dynamic_cart_content .data_loader, .inventive_header_3 #th_mycart_slider .dynamic_cart_content .data_loader, .inventive_header_4 #th_mycart_slider .dynamic_cart_content .data_loader, .inventive_header_5 #th_mycart_slider .dynamic_cart_content .data_loader, .inventive_header_6 #th_mycart_slider .dynamic_cart_content .data_loader, .inventive_header_7 #th_mycart_slider .dynamic_cart_content .data_loader, .inventive_header_8 #th_mycart_slider .dynamic_cart_content .data_loader, .inventive_header_9 #th_mycart_slider .dynamic_cart_content .data_loader, .inventive_header_10 #th_mycart_slider .dynamic_cart_content .data_loader{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .inventive_header_1 #th_mycart_slider .dynamic_cart_content .empty_cart_div, .inventive_header_2 #th_mycart_slider .dynamic_cart_content .empty_cart_div, .inventive_header_3 #th_mycart_slider .dynamic_cart_content .empty_cart_div, .inventive_header_4 #th_mycart_slider .dynamic_cart_content .empty_cart_div, .inventive_header_5 #th_mycart_slider .dynamic_cart_content .empty_cart_div, .inventive_header_6 #th_mycart_slider .dynamic_cart_content .empty_cart_div, .inventive_header_7 #th_mycart_slider .dynamic_cart_content .empty_cart_div, .inventive_header_8 #th_mycart_slider .dynamic_cart_content .empty_cart_div, .inventive_header_9 #th_mycart_slider .dynamic_cart_content .empty_cart_div, .inventive_header_10 #th_mycart_slider .dynamic_cart_content .empty_cart_div{background: padding-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .inventive_header_1 #th_mycart_slider .navbar-close, .inventive_header_2 #th_mycart_slider .navbar-close, .inventive_header_3 #th_mycart_slider .navbar-close, .inventive_header_4 #th_mycart_slider .navbar-close, .inventive_header_5 #th_mycart_slider .navbar-close, .inventive_header_6 #th_mycart_slider .navbar-close, .inventive_header_7 #th_mycart_slider .navbar-close, .inventive_header_8 #th_mycart_slider .navbar-close, .inventive_header_9 #th_mycart_slider .navbar-close, .inventive_header_10 #th_mycart_slider .navbar-close{display: -webkit-box; display: -webkit-flex; display: flex; background-color: black; border-radius: 0;} .inventive_header_1 #th_mycart_slider .navbar-close .close_icon, .inventive_header_2 #th_mycart_slider .navbar-close .close_icon, .inventive_header_3 #th_mycart_slider .navbar-close .close_icon, .inventive_header_4 #th_mycart_slider .navbar-close .close_icon, .inventive_header_5 #th_mycart_slider .navbar-close .close_icon, .inventive_header_6 #th_mycart_slider .navbar-close .close_icon, .inventive_header_7 #th_mycart_slider .navbar-close .close_icon, .inventive_header_8 #th_mycart_slider .navbar-close .close_icon, .inventive_header_9 #th_mycart_slider .navbar-close .close_icon, .inventive_header_10 #th_mycart_slider .navbar-close .close_icon{padding: 5px 5px; display: -webkit-box; display: -webkit-flex; display: flex;} @media (max-width: 767.98px){.inventive_header_1 #th_mycart_slider, .inventive_header_2 #th_mycart_slider, .inventive_header_3 #th_mycart_slider, .inventive_header_4 #th_mycart_slider, .inventive_header_5 #th_mycart_slider, .inventive_header_6 #th_mycart_slider, .inventive_header_7 #th_mycart_slider, .inventive_header_8 #th_mycart_slider, .inventive_header_9 #th_mycart_slider, .inventive_header_10 #th_mycart_slider{min-width: 300px !important;}} .inventive_header_1 #th_mycart_slider .p_comp_panel .o_product_row, .inventive_header_2 #th_mycart_slider .p_comp_panel .o_product_row, .inventive_header_3 #th_mycart_slider .p_comp_panel .o_product_row, .inventive_header_4 #th_mycart_slider .p_comp_panel .o_product_row, .inventive_header_5 #th_mycart_slider .p_comp_panel .o_product_row, .inventive_header_6 #th_mycart_slider .p_comp_panel .o_product_row, .inventive_header_7 #th_mycart_slider .p_comp_panel .o_product_row, .inventive_header_8 #th_mycart_slider .p_comp_panel .o_product_row, .inventive_header_9 #th_mycart_slider .p_comp_panel .o_product_row, .inventive_header_10 #th_mycart_slider .p_comp_panel .o_product_row{padding: 7px 0;} .inventive_header_1 #th_mycart_slider .p_comp_panel .o_product_row .h6, .inventive_header_2 #th_mycart_slider .p_comp_panel .o_product_row .h6, .inventive_header_3 #th_mycart_slider .p_comp_panel .o_product_row .h6, .inventive_header_4 #th_mycart_slider .p_comp_panel .o_product_row .h6, .inventive_header_5 #th_mycart_slider .p_comp_panel .o_product_row .h6, .inventive_header_6 #th_mycart_slider .p_comp_panel .o_product_row .h6, .inventive_header_7 #th_mycart_slider .p_comp_panel .o_product_row .h6, .inventive_header_8 #th_mycart_slider .p_comp_panel .o_product_row .h6, .inventive_header_9 #th_mycart_slider .p_comp_panel .o_product_row .h6, .inventive_header_10 #th_mycart_slider .p_comp_panel .o_product_row .h6{max-width: 100%; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap;} .inventive_header_1 #th_mycart_slider .p_comp_panel .o_product_row .col-3, .inventive_header_2 #th_mycart_slider .p_comp_panel .o_product_row .col-3, .inventive_header_3 #th_mycart_slider .p_comp_panel .o_product_row .col-3, .inventive_header_4 #th_mycart_slider .p_comp_panel .o_product_row .col-3, .inventive_header_5 #th_mycart_slider .p_comp_panel .o_product_row .col-3, .inventive_header_6 #th_mycart_slider .p_comp_panel .o_product_row .col-3, .inventive_header_7 #th_mycart_slider .p_comp_panel .o_product_row .col-3, .inventive_header_8 #th_mycart_slider .p_comp_panel .o_product_row .col-3, .inventive_header_9 #th_mycart_slider .p_comp_panel .o_product_row .col-3, .inventive_header_10 #th_mycart_slider .p_comp_panel .o_product_row .col-3{padding: 0 10px;} .inventive_header_1 #th_mycart_slider .p_comp_panel .o_product_row .col-3 img, .inventive_header_2 #th_mycart_slider .p_comp_panel .o_product_row .col-3 img, .inventive_header_3 #th_mycart_slider .p_comp_panel .o_product_row .col-3 img, .inventive_header_4 #th_mycart_slider .p_comp_panel .o_product_row .col-3 img, .inventive_header_5 #th_mycart_slider .p_comp_panel .o_product_row .col-3 img, .inventive_header_6 #th_mycart_slider .p_comp_panel .o_product_row .col-3 img, .inventive_header_7 #th_mycart_slider .p_comp_panel .o_product_row .col-3 img, .inventive_header_8 #th_mycart_slider .p_comp_panel .o_product_row .col-3 img, .inventive_header_9 #th_mycart_slider .p_comp_panel .o_product_row .col-3 img, .inventive_header_10 #th_mycart_slider .p_comp_panel .o_product_row .col-3 img{background: linear-gradient(45deg, #ededed 0%, #f4f4f4 50%, #f6f6f6 61%, white 100%);} @keyframes z_index{0%{z-index: -1 !important;}100%{z-index: 0 !important;}} 

/* /theme_inventive/static/src/scss/login/theme_login_page.scss defined in bundle 'web.assets_frontend' */
 .oe_website_login_container > .container{padding-bottom: 24px;} .oe_website_login_container .container.second > .row{background: #FFFFFF; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.22);} .oe_website_login_container .breadcrumb{background-color: transparent;} .oe_website_login_container .login-signup-image{align-items: center; justify-content: center;} .oe_website_login_container .login-signup-image img{width: 100%; animation: fadeInLeft .7s ease-in-out forwards;} .oe_website_login_container .auth_heading_div{margin-bottom: 15px; text-align: center;} .oe_website_login_container .inventive_login_form, .oe_website_login_container .th_reset_password_form, .oe_website_login_container .th_signup_form{padding: 0 10%; width: 100%; animation: fadeInRight .7s ease-in-out forwards;} .oe_website_login_container .inventive_login_form .inventive_logo .logo, .oe_website_login_container .th_reset_password_form .inventive_logo .logo, .oe_website_login_container .th_signup_form .inventive_logo .logo{margin: 0;} .oe_website_login_container .inventive_login_form .inventive_logo .logo img, .oe_website_login_container .th_reset_password_form .inventive_logo .logo img, .oe_website_login_container .th_signup_form .inventive_logo .logo img{max-height: 50px;} .oe_website_login_container .inventive_login_form .oe_login_form, .oe_website_login_container .inventive_login_form .oe_reset_password_form, .oe_website_login_container .inventive_login_form .oe_signup_form, .oe_website_login_container .th_reset_password_form .oe_login_form, .oe_website_login_container .th_reset_password_form .oe_reset_password_form, .oe_website_login_container .th_reset_password_form .oe_signup_form, .oe_website_login_container .th_signup_form .oe_login_form, .oe_website_login_container .th_signup_form .oe_reset_password_form, .oe_website_login_container .th_signup_form .oe_signup_form{margin: 0; display: inline-block; max-width: unset; width: 100%;} .oe_website_login_container .inventive_login_form .oe_login_form .form-group, .oe_website_login_container .inventive_login_form .oe_reset_password_form .form-group, .oe_website_login_container .inventive_login_form .oe_signup_form .form-group, .oe_website_login_container .th_reset_password_form .oe_login_form .form-group, .oe_website_login_container .th_reset_password_form .oe_reset_password_form .form-group, .oe_website_login_container .th_reset_password_form .oe_signup_form .form-group, .oe_website_login_container .th_signup_form .oe_login_form .form-group, .oe_website_login_container .th_signup_form .oe_reset_password_form .form-group, .oe_website_login_container .th_signup_form .oe_signup_form .form-group{margin-bottom: .5rem;} .oe_website_login_container .inventive_login_form .oe_login_form .form-group input, .oe_website_login_container .inventive_login_form .oe_reset_password_form .form-group input, .oe_website_login_container .inventive_login_form .oe_signup_form .form-group input, .oe_website_login_container .th_reset_password_form .oe_login_form .form-group input, .oe_website_login_container .th_reset_password_form .oe_reset_password_form .form-group input, .oe_website_login_container .th_reset_password_form .oe_signup_form .form-group input, .oe_website_login_container .th_signup_form .oe_login_form .form-group input, .oe_website_login_container .th_signup_form .oe_reset_password_form .form-group input, .oe_website_login_container .th_signup_form .oe_signup_form .form-group input{padding: 1.25rem .5rem;} .oe_website_login_container .inventive_login_form .oe_login_form .form-group .btn, .oe_website_login_container .inventive_login_form .oe_reset_password_form .form-group .btn, .oe_website_login_container .inventive_login_form .oe_signup_form .form-group .btn, .oe_website_login_container .th_reset_password_form .oe_login_form .form-group .btn, .oe_website_login_container .th_reset_password_form .oe_reset_password_form .form-group .btn, .oe_website_login_container .th_reset_password_form .oe_signup_form .form-group .btn, .oe_website_login_container .th_signup_form .oe_login_form .form-group .btn, .oe_website_login_container .th_signup_form .oe_reset_password_form .form-group .btn, .oe_website_login_container .th_signup_form .oe_signup_form .form-group .btn{padding: 11px 12px;} .oe_website_login_container .inventive_login_form .oe_login_form .login_btns, .oe_website_login_container .inventive_login_form .oe_reset_password_form .login_btns, .oe_website_login_container .inventive_login_form .oe_signup_form .login_btns, .oe_website_login_container .th_reset_password_form .oe_login_form .login_btns, .oe_website_login_container .th_reset_password_form .oe_reset_password_form .login_btns, .oe_website_login_container .th_reset_password_form .oe_signup_form .login_btns, .oe_website_login_container .th_signup_form .oe_login_form .login_btns, .oe_website_login_container .th_signup_form .oe_reset_password_form .login_btns, .oe_website_login_container .th_signup_form .oe_signup_form .login_btns{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between;} .oe_website_login_container .inventive_login_form .oe_login_form .register_btns .p_tag, .oe_website_login_container .inventive_login_form .oe_reset_password_form .register_btns .p_tag, .oe_website_login_container .inventive_login_form .oe_signup_form .register_btns .p_tag, .oe_website_login_container .th_reset_password_form .oe_login_form .register_btns .p_tag, .oe_website_login_container .th_reset_password_form .oe_reset_password_form .register_btns .p_tag, .oe_website_login_container .th_reset_password_form .oe_signup_form .register_btns .p_tag, .oe_website_login_container .th_signup_form .oe_login_form .register_btns .p_tag, .oe_website_login_container .th_signup_form .oe_reset_password_form .register_btns .p_tag, .oe_website_login_container .th_signup_form .oe_signup_form .register_btns .p_tag{position: relative; padding: 0 10px; height: 30px; margin-top: 15px;} .oe_website_login_container .inventive_login_form .oe_login_form .register_btns .p_tag span, .oe_website_login_container .inventive_login_form .oe_reset_password_form .register_btns .p_tag span, .oe_website_login_container .inventive_login_form .oe_signup_form .register_btns .p_tag span, .oe_website_login_container .th_reset_password_form .oe_login_form .register_btns .p_tag span, .oe_website_login_container .th_reset_password_form .oe_reset_password_form .register_btns .p_tag span, .oe_website_login_container .th_reset_password_form .oe_signup_form .register_btns .p_tag span, .oe_website_login_container .th_signup_form .oe_login_form .register_btns .p_tag span, .oe_website_login_container .th_signup_form .oe_reset_password_form .register_btns .p_tag span, .oe_website_login_container .th_signup_form .oe_signup_form .register_btns .p_tag span{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0 20px; background-color: white;} .oe_website_login_container .inventive_login_form .oe_login_form .register_btns .p_tag:before, .oe_website_login_container .inventive_login_form .oe_reset_password_form .register_btns .p_tag:before, .oe_website_login_container .inventive_login_form .oe_signup_form .register_btns .p_tag:before, .oe_website_login_container .th_reset_password_form .oe_login_form .register_btns .p_tag:before, .oe_website_login_container .th_reset_password_form .oe_reset_password_form .register_btns .p_tag:before, .oe_website_login_container .th_reset_password_form .oe_signup_form .register_btns .p_tag:before, .oe_website_login_container .th_signup_form .oe_login_form .register_btns .p_tag:before, .oe_website_login_container .th_signup_form .oe_reset_password_form .register_btns .p_tag:before, .oe_website_login_container .th_signup_form .oe_signup_form .register_btns .p_tag:before{content: " "; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 1px; width: 100%; background: #E5E5E5;} .oe_website_login_container .inventive_login_form .oe_login_form .oe_login_buttons .justify-content-between, .oe_website_login_container .inventive_login_form .oe_reset_password_form .oe_login_buttons .justify-content-between, .oe_website_login_container .inventive_login_form .oe_signup_form .oe_login_buttons .justify-content-between, .oe_website_login_container .th_reset_password_form .oe_login_form .oe_login_buttons .justify-content-between, .oe_website_login_container .th_reset_password_form .oe_reset_password_form .oe_login_buttons .justify-content-between, .oe_website_login_container .th_reset_password_form .oe_signup_form .oe_login_buttons .justify-content-between, .oe_website_login_container .th_signup_form .oe_login_form .oe_login_buttons .justify-content-between, .oe_website_login_container .th_signup_form .oe_reset_password_form .oe_login_buttons .justify-content-between, .oe_website_login_container .th_signup_form .oe_signup_form .oe_login_buttons .justify-content-between{display: none !important;} .oe_website_login_container .inventive_login_form .field-db .btn-secondary, .oe_website_login_container .th_reset_password_form .field-db .btn-secondary, .oe_website_login_container .th_signup_form .field-db .btn-secondary{padding: 7px 12px; height: 100%;} .o_login_auth em{position: relative;} .o_login_auth em:after{content: "or"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: auto; padding: 0 20px; background-color: white; font-weight: 600; color: #212529; font-style: normal; font-size: 14px;} .o_login_auth em:before{content: " "; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 1px; width: 100%; background: #E5E5E5;} .inventive_thanks_page .card{position: relative;} .inventive_thanks_page .thanks_msg{position: absolute; bottom: 0; color: white;} 

/* /theme_inventive/static/src/scss/other_pages/contact_us.scss defined in bundle 'web.assets_frontend' */
 .th_contact_us .row{justify-content: space-between; margin-bottom: 15px; margin-left: 0; margin-right: 0;} .th_contact_us .row > .col-lg-8{flex: 0 0 64.66666667%;} .th_contact_us .row > .col-lg-8, .th_contact_us .row > .col-lg-4{background: #FFFFFF; border: 1px solid #E8E8E8; border-radius: 2px; overflow: hidden; transition: all .2s linear;} .th_contact_us .row > .col-lg-8:hover, .th_contact_us .row > .col-lg-4:hover{box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);} .th_contact_us .row > .col-lg-8:hover, .th_contact_us .row > .col-lg-4:hover{box-shadow: 0 2px 8px 4px rgba(0, 0, 0, 0.07);} @media (max-width: 991.98px){.th_contact_us .row > .col-lg-8{flex: 0 0 100%; max-width: 100%;}} .th_contact_us address address > div:first-child{font-weight: 600; font-size: 2.187525rem; padding: 15px 0;} 

/* /theme_inventive/static/src/scss/other_pages/cart_page.scss defined in bundle 'web.assets_frontend' */
 .th_cart_page{padding: 0px;} .th_cart_page .oe_cart{margin-top: 30px; flex: 0 0 100% !important; max-width: 100% !important;} .th_cart_page #cart_total{width: 50%; padding: 0 15px; display: inline-block;} .th_cart_page #cart_total .coupon_form{display: inline-block; width: 100%;} .th_cart_page #cart_total .coupon_form .a-submit{padding: 4px 12px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} @media (max-width: 767.98px){.th_cart_page #cart_total{width: 100%;}} table.js_cart_lines .td-img{text-align: left;} table.js_cart_lines .td-img img{max-height: 100px; background: linear-gradient(45deg, #ededed 0%, #f4f4f4 50%, #f6f6f6 61%, white 100%);} table#cart_products td:first-child, table#cart_products th:first-child{max-width: 125px; width: 150px; padding-left: 0 !important;} table#cart_products .td-product_name{max-width: 400px;} .progress-wizard{margin-top: 0 !important;} .progress-wizard .progress-wizard-step.active .progress-wizard-dot{background: #2d545e; animation: pulse 1s linear infinite;} .progress-wizard .progress-wizard-step.active .progress-wizard-dot:after{color: #2d545e;} .progress-wizard .progress-wizard-step.complete .progress-wizard-bar{background-color: #2d545e;} 

/* /theme_inventive/static/src/scss/other_pages/payment_page.scss defined in bundle 'web.assets_frontend' */
 .o_payment_processing > .row{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center;} .th_payment_page #payment_method .card{flex-direction: row !important; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin-right: -15px; margin-left: -15px; border: 0; box-shadow: unset;} .th_payment_page #payment_method .card .card-body{max-width: 50%;} .th_payment_page #payment_method .card .card-body label{display: -webkit-box; display: -webkit-flex; display: flex; background: #F1F1F1; width: 100%; min-height: 100px; margin: 0; padding: 15px; border: 1px solid transparent;} .th_payment_page #payment_method .card .card-body label input{display: none;} .th_payment_page #payment_method .card .card-body label img{margin-right: 10px; max-width: 100px; max-height: 70px; height: 70px;} .th_payment_page #payment_method .card .card-body label.active{background: #FFFFFF; border: 1px solid #2d545e;} .th_payment_page #payment_method .card .card-body label .payment_option_name{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;} .th_payment_page #payment_method .card .card-body label .payment_icon_list{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .th_payment_page #payment_method .card .card-body label .payment_icon_list li{padding: 2px 0;} .th_payment_page #payment_method .card .card-body label .payment_icon_list li .more_option{position: static;} .th_payment_page #payment_method .card .card-body label .payment_icon_list img{max-height: 20px; margin-right: 0;} .th_payment_page #payment_method .card .alert-danger{margin: 0 15px;} @media (max-width: 767.98px){.th_payment_page #payment_method .card{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.th_payment_page #payment_method .card .card-body{max-width: 100%;}} #cart_total{border-top: 1px solid #D8D8D8;} #cart_total tbody tr td{padding: 5px 0;} #cart_total tbody tr td:first-of-type{text-align: left !important;} #cart_total tbody tr:not(#order_total){color: #777777;} 

/* /theme_inventive/static/src/scss/other_pages/confirmation_page.scss defined in bundle 'web.assets_frontend' */
 .th_confirmation_page > h1{margin-top: 35px !important;} .inventive_confirmation_page{background-color: #F9F9F9;} 

/* /theme_inventive/static/src/scss/other_pages/checkout_page.scss defined in bundle 'web.assets_frontend' */
 .th_checkout_page .o_page_header{border-bottom-color: transparent;} 

/* /theme_inventive/static/src/scss/other_pages/address_page.scss defined in bundle 'web.assets_frontend' */
 .th_address_page > .row{margin-top: 35px !important;} .th_address_page .o_page_header{border-bottom-color: transparent;} 

/* /theme_inventive/static/src/scss/other_pages/portal_pages.scss defined in bundle 'web.assets_frontend' */
 #wrapwrap.o_portal{background-color: #FFFFFF !important; word-break: break-word;} #wrapwrap.o_portal .o_portal_submenu{border: none !important;} #wrapwrap.o_portal .o_portal_submenu.breadcrumb{padding: 0.25rem 0 !important; margin-bottom: 20px !important;} #wrapwrap.o_portal .o_portal{padding: 0; margin-top: 0 !important;} #wrapwrap.o_portal .o_portal > .row{border: none !important; padding: 0 15px;} #wrapwrap.o_portal .o_portal_sidebar #sidebar_content.card > ul > li{border-left: none;} #wrapwrap.o_portal .o_portal_navbar{padding-top: 5px !important; padding-bottom: 5px !important; margin-bottom: 1rem !important; border: 0 !important; padding: 0;} #wrapwrap.o_portal .o_portal_sale_sidebar{margin-top: 0 !important;} #wrapwrap.o_portal #portal_searchbar_sortby{padding: 0.375rem 0.75rem;} #wrap.o_portal_wrap .o_portal_my_home{padding: 30px 15px; position: relative; margin-bottom: 20px;} #wrap.o_portal_wrap .o_portal_my_home img.img-fluid{position: absolute; top: 0; bottom: 0; right: 0; left: 0;} #wrap.o_portal_wrap .o_portal_docs{-webkit-flex-wrap: wrap; flex-wrap: wrap; flex-direction: row; justify-content: center; width: 91%; margin: auto;} #wrap.o_portal_wrap .o_portal_docs .th_portal_doc{height: 100%; width: 100%; background: rgba(255, 255, 255, 0.85); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); padding: 15px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; transition: all 0.2s linear;} #wrap.o_portal_wrap .o_portal_docs .th_portal_doc .img_icon{height: 50%; width: 70px; display: inline-block; transition: all 0.2s linear;} #wrap.o_portal_wrap .o_portal_docs .th_portal_doc .doc_title{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-around; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; font-size: 1rem; color: #555555; text-align: center; height: 50%; transition: all 0.3s linear;} #wrap.o_portal_wrap .o_portal_docs .th_portal_doc .doc_title .badge-secondary{background: #232121; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.17); border-radius: 25px; width: 50px; height: 25px; padding: 7px;} #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action{width: 200px; max-width: 200px; height: 240px; max-height: 240px; border: 0; padding: 10px; background: transparent;} #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action[title="My Profile"] .img_icon{background-image: url("/theme_inventive/static/src/img/backgrounds/account-icons/account-normal.png"); background-repeat: no-repeat; background-position: center; background-size: 70px;} #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action[title="Reset Password"] .img_icon{background-image: url("/theme_inventive/static/src/img/backgrounds/account-icons/set-pass-normal.png"); background-repeat: no-repeat; background-position: center; background-size: 70px;} #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action[title="Address Book"] .img_icon{background-image: url("/theme_inventive/static/src/img/backgrounds/account-icons/address-normal.png"); background-repeat: no-repeat; background-position: center; background-size: 70px;} #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action[title="Quotations"] .img_icon{background-image: url("/theme_inventive/static/src/img/backgrounds/account-icons/quotation-normal.png"); background-repeat: no-repeat; background-position: center; background-size: 70px;} #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action[title="Sales Orders"] .img_icon{background-image: url("/theme_inventive/static/src/img/backgrounds/account-icons/order-normal.png"); background-repeat: no-repeat; background-position: center; background-size: 70px;} #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action[title="Invoices"] .img_icon{background-image: url("/theme_inventive/static/src/img/backgrounds/account-icons/invoice-normal.png"); background-repeat: no-repeat; background-position: center; background-size: 70px;} #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action.active .th_portal_doc, #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action:focus .th_portal_doc, #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action:hover .th_portal_doc{background: rgba(45, 84, 94, 0.85);} #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action.active .doc_title, #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action:focus .doc_title, #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action:hover .doc_title{color: #FFFFFF;} #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action.active[title="My Profile"] .img_icon, #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action:focus[title="My Profile"] .img_icon, #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action:hover[title="My Profile"] .img_icon{background-image: url("/theme_inventive/static/src/img/backgrounds/account-icons/account-active.png"); background-repeat: no-repeat; background-position: center; background-size: 70px;} #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action.active[title="Reset Password"] .img_icon, #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action:focus[title="Reset Password"] .img_icon, #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action:hover[title="Reset Password"] .img_icon{background-image: url("/theme_inventive/static/src/img/backgrounds/account-icons/set-pass-active.png"); background-repeat: no-repeat; background-position: center; background-size: 70px;} #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action.active[title="Address Book"] .img_icon, #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action:focus[title="Address Book"] .img_icon, #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action:hover[title="Address Book"] .img_icon{background-image: url("/theme_inventive/static/src/img/backgrounds/account-icons/address-active.png"); background-repeat: no-repeat; background-position: center; background-size: 70px;} #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action.active[title="Quotations"] .img_icon, #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action:focus[title="Quotations"] .img_icon, #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action:hover[title="Quotations"] .img_icon{background-image: url("/theme_inventive/static/src/img/backgrounds/account-icons/quotation-active.png"); background-repeat: no-repeat; background-position: center; background-size: 70px;} #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action.active[title="Sales Orders"] .img_icon, #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action:focus[title="Sales Orders"] .img_icon, #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action:hover[title="Sales Orders"] .img_icon{background-image: url("/theme_inventive/static/src/img/backgrounds/account-icons/order-active.png"); background-repeat: no-repeat; background-position: center; background-size: 70px;} #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action.active[title="Invoices"] .img_icon, #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action:focus[title="Invoices"] .img_icon, #wrap.o_portal_wrap .o_portal_docs a.list-group-item-action:hover[title="Invoices"] .img_icon{background-image: url("/theme_inventive/static/src/img/backgrounds/account-icons/invoice-active.png"); background-repeat: no-repeat; background-position: center; background-size: 70px;} #wrap.o_portal_wrap .th_user_details{padding: 30px 25px; background: #FFFFFF; border: 1px solid #E8E8E8; border-radius: 2px; overflow: hidden;} #wrap.o_portal_wrap .th_user_details:hover{box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);} #wrap.o_portal_wrap .th_user_details .th_row{margin: 25px 0;} #wrap.o_portal_wrap .th_user_details .user_image #o_my_sidebar{padding: 15px; background: #FFFFFF; border: 1px solid #E8E8E8; border-radius: 2px; overflow: hidden;} #wrap.o_portal_wrap .th_user_details .user_image #o_my_sidebar:hover{box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);} #wrap.o_portal_wrap .th_user_details .user_image #o_my_sidebar .u_image{width: 50%; margin: auto; text-align: center; position: relative;} #wrap.o_portal_wrap .th_user_details .user_image #o_my_sidebar .u_image img{border-radius: 4px;} #wrap.o_portal_wrap .th_user_details .user_image #o_my_sidebar .u_image .wk_open{position: absolute; top: 100%; left: 50%; transform: translate(-50%, -100%); width: 100%; text-align: center; width: 100%; text-align: center;} #wrap.o_portal_wrap .th_user_details .user_image #o_my_sidebar .u_image .edit_icon, #wrap.o_portal_wrap .th_user_details .user_image #o_my_sidebar .u_image .delete_icon{height: 30px; padding: 8px 8px; width: 30px; display: inline-block; background-color: rgba(0, 0, 0, 0.7); color: white; border-radius: 4px; opacity: 0; margin: 0px 7px; transition: all .2s linear;} #wrap.o_portal_wrap .th_user_details .user_image #o_my_sidebar .u_image .edit_icon:hover, #wrap.o_portal_wrap .th_user_details .user_image #o_my_sidebar .u_image .delete_icon:hover{background-color: rgba(45, 84, 94, 0.7);} #wrap.o_portal_wrap .th_user_details .user_image #o_my_sidebar .u_image:hover .edit_icon, #wrap.o_portal_wrap .th_user_details .user_image #o_my_sidebar .u_image:hover .delete_icon{animation: fadeIn .2s ease-in-out forwards;} #wrap.o_portal_wrap #introduction{padding: 0;} #wrap.o_portal_wrap #quote_content #total tr:last-of-type{font-weight: 800;} @media (max-width: 1199.98px){#wrap.o_portal_wrap .o_portal_docs{width: 70%;}} @media (max-width: 991.98px){#wrap.o_portal_wrap .o_portal_docs{width: 90%;}#wrap.o_portal_wrap .o_portal_docs a.list-group-item-action{width: 170px; max-width: 170px; height: 210px; max-height: 210px;}#wrap.o_portal_wrap .o_portal_docs a.list-group-item-action .img_icon{background-size: 60px !important;}} @media (max-width: 767.98px){#wrap.o_portal_wrap .o_portal_docs{width: 100%;}#wrap.o_portal_wrap .o_portal_docs a.list-group-item-action{width: 150px; max-width: 150px; height: 190px; max-height: 190px;}#wrap.o_portal_wrap .o_portal_docs a.list-group-item-action .img_icon{background-size: 50px !important;}} 

/* /theme_inventive/static/src/scss/other_pages/error_pages.scss defined in bundle 'web.assets_frontend' */
 .inventive_404_page #debug_infos .card .card-header{background-color: transparent;} 

/* /theme_inventive/static/src/scss/other_pages/whislist_page.scss defined in bundle 'web.assets_frontend' */
 .inventive_wishlist_page .wishlist-section > h3{display: none;} .inventive_wishlist_page .four_column_view .oe_product{width: 25%;} .inventive_wishlist_page .four_column_view .oe_product .o_wish_rm{border-radius: 50px; height: 21px; width: 21px; font-size: 12px; padding: 0; position: absolute; top: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); transition: background-color 0.4s linear; color: white; z-index: 100px;} .inventive_wishlist_page .four_column_view .oe_product .inventive_product_price{color: darkslateblue;} .inventive_wishlist_page .four_column_view .oe_product:hover .o_wish_rm{background-color: rgba(0, 0, 0, 0.8);} 

/* /theme_inventive/static/src/scss/other_pages/blog_page.scss defined in bundle 'web.assets_frontend' */
 #wrap.website_blog #main_column{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 0;} #wrap.website_blog #main_column > div[name='blog_post']{padding: 0 15px; width: 50%; background: #FFFFFF;} #wrap.website_blog #main_column .inventive_blog_post{background: #FFFFFF; border: 1px solid #E8E8E8; border-radius: 2px; overflow: hidden;} #wrap.website_blog #main_column .inventive_blog_post:hover{box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);} #wrap.website_blog #main_column .inventive_blog_post .o_blog_cover_container{margin-bottom: 10px !important; margin-top: 0 !important;} #wrap.website_blog #main_column .inventive_blog_post .o_blog_post_title{font-size: 20px; padding: 0 15px; max-width: 100%; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap;} #wrap.website_blog #main_column .inventive_blog_post .blog_data{padding: 0 15px; color: #777777;} #wrap.website_blog #main_column .inventive_blog_post .blog_data .watch_icon{height: 15px; width: 15px; display: inline-block; background-image: url("/theme_inventive/static/src/img/clock.png"); background-repeat: no-repeat; background-position: center; background-size: 15px;} #wrap.website_blog #main_column .inventive_blog_post .blog_data .author_data{margin: 0 !important;} #wrap.website_blog #main_column .inventive_blog_post .blog_data .author_name{color: #2d545e;} #wrap.website_blog #main_column .inventive_blog_post .blog_data .o_sharing_links{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; -webkit-box-pack: end; justify-content: flex-end; margin: 5px 0 !important;} @media (max-width: 575.98px){#wrap.website_blog #main_column > div[name='blog_post']{padding: 0 15px; width: 100%; background: #FFFFFF;}} #wrap.website_blog #blog_right_column{flex: 0 0 33.333%; max-width: 33.333%; margin-left: 0 !important;} #wrap.website_blog #blog_right_column section.mt32{margin-top: 0 !important; margin-bottom: 16px !important; padding: 15px 10px; background: #FFFFFF; border: 1px solid #E8E8E8; border-radius: 2px; overflow: hidden;} #wrap.website_blog #blog_right_column section.mt32:hover{box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);} #wrap.website_blog #blog_right_column section.mt32 h4{font-size: 1rem; margin-bottom: 10px;} #wrap.website_blog #blog_right_column section.mt32 p{font-size: .875rem; color: #555555;} #wrap.website_blog #blog_right_column section.mt32 .blog_post_year_collapse{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse;} #wrap.website_blog #blog_right_column section.mt32 .blog_post_year_collapse i.fa{color: #333333;} #wrap.website_blog #blog_right_column section.mt32 .blog_post_year{padding: 5px 0;} #wrap.website_blog #blog_right_column .blog_tags .nav-pills{margin: 0 !important;} #wrap.website_blog #blog_right_column .blog_tags .nav-item{padding: 0 5px;} #wrap.website_blog #blog_right_column .blog_tags .nav-item .nav-link{border: 1px solid #979797; border-radius: 2px; padding: .375rem .75rem;} #wrap.website_blog #blog_right_column .blog_tags .nav-item .nav-link.active, #wrap.website_blog #blog_right_column .blog_tags .nav-item .nav-link:hover{background: #2d545e; color: white !important; border: 1px solid transparent;} @media (max-width: 991.98px){#wrap.website_blog #blog_right_column{flex: 100%; max-width: 100%;}} 

/* /theme_inventive/static/src/scss/other_pages/compare_page.scss defined in bundle 'web.assets_frontend' */
 #o_comparelist_table{min-width: 700px;} 

/* /theme_inventive/static/src/scss/mega_menu/mega_menu_1.scss defined in bundle 'web.assets_frontend' */
 .inventive_mega_menu{position: static;} .inventive_mega_menu.show_on_hover.open a.nav-link.dropdown-toggle{color: #2d545e !important;} .inventive_mega_menu .dropdown-menu{margin-top: 0px !important; right: 0; left: 0; padding: 2px 8vw 10px 8vw; box-shadow: unset !important; background: transparent;} .inventive_mega_menu .dropdown-menu .dropdown-item{font-size: 12px;} .inventive_mega_menu .dropdown-menu .dropdown-item.root_category{font-size: 16px; color: #555555;} .inventive_mega_menu .dropdown-menu section{height: 100%;} .inventive_mega_menu .container{padding-left: 15px; padding-right: 15px;} .inventive_mega_menu .super_row{background-color: #FFFFFF; height: 50vh; max-height: 600px; box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.3);} .inventive_mega_menu .super_row .super_col{height: 100%;} .inventive_mega_menu .submenu_heading{margin: 0.5rem !important;} .inventive_mega_menu .submenu_column{padding-left: 10px; padding-right: 10px;} .inventive_mega_menu .submenu_row{justify-content: space-between;} .inventive_mega_menu .nav-item .nav-link{padding-top: 5px; padding-bottom: 5px;} @media (max-width: 767.98px){.inventive_mega_menu .super_row{height: auto; max-height: unset; padding-bottom: 54px !important;}} .menu_editing_mode{position: absolute; right: 0; left: 0; text-align: left; z-index: 1000; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); background-color: #fff; min-height: 200px !important; height: auto;} .s_inventive_mega_menu.design_1{background: transparent;} .s_inventive_mega_menu.design_1 .sub_row{height: 100%; overflow: hidden;} .s_inventive_mega_menu.design_1 .sub_row .sub_col{height: 100%; overflow-y: auto; max-width: 105%; flex: 0 0 100.8%;} .s_inventive_mega_menu.design_1 .submenu_heading{margin: 0.5rem !important; border-bottom: 1px solid #D8D8D8;} .s_inventive_mega_menu.design_1 .nav-item .nav-link{padding-top: 5px; padding-bottom: 5px;} .s_inventive_mega_menu.design_2 .super_col{height: 100%; overflow: hidden;} .s_inventive_mega_menu.design_2 .super_col .sub_row{height: 100%; overflow-y: auto; margin-right: -8px !important;} .s_inventive_mega_menu.design_2 .super_col.image{text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;} .s_inventive_mega_menu.design_2 .super_col.image img{max-height: 100%;} .s_inventive_mega_menu.design_3 .menu_3_title{font-size: 40px; opacity: 0.3;} .s_inventive_mega_menu.design_3 .submenu_heading{margin: 0.5rem !important;} .s_inventive_mega_menu.design_3 .submenu_heading span{transition: all .3s linear;} .s_inventive_mega_menu.design_3 .submenu_heading:hover span{color: red; margin-left: 5px;} .s_inventive_mega_menu.design_3 .super_col{overflow: hidden;} .s_inventive_mega_menu.design_3 .super_col.image{text-align: center; height: 100%;} .s_inventive_mega_menu.design_3 .super_col.image img{max-height: 100%;} .s_inventive_mega_menu.design_3 .sub_row{height: 100%; overflow-y: auto; margin-right: -23px;} .s_inventive_mega_menu.design_3 .submenu_column .submenu_img{height: 60px; padding: 0 .5rem;} .s_inventive_mega_menu.design_3 .submenu_column .submenu_img img{max-height: 100%; max-width: 100%; border-radius: 4px;} .s_inventive_mega_menu.design_3 .submenu_footer{background: linear-gradient(4deg, rgba(0, 0, 0, 0.5), transparent);} .s_inventive_mega_menu.design_3 .submenu_footer h5, .s_inventive_mega_menu.design_3 .submenu_footer a{color: white !important;} @media (max-width: 767.98px){.s_inventive_mega_menu.design_3 .super_row{height: 100%;}.s_inventive_mega_menu.design_3 .super_col .submenu_column{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.s_inventive_mega_menu.design_3 .super_col .submenu_column .submenu_img{height: 30px;}.s_inventive_mega_menu.design_3 .super_col .submenu_column .nav-pills{flex: 100%; flex: 100%; padding: 5px 15px; margin-bottom: 10px;}.s_inventive_mega_menu.design_3 .super_col .submenu_heading{margin: 0 !important; padding: 5px 0 !important;}} .s_inventive_mega_menu.design_4 .menu_4_title{font-size: 40px; opacity: 0.3;} .s_inventive_mega_menu.design_4 .submenu_heading{margin: 0.5rem !important; display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-end; border-bottom: 1px solid #ddd;} .s_inventive_mega_menu.design_4 .submenu_heading img{height: 35px; width: 50px; margin-right: 5px; display: inline-block;} .s_inventive_mega_menu.design_4 .super_col{overflow: hidden;} .s_inventive_mega_menu.design_4 .super_col .submenu_row{height: 100%; overflow-y: auto; margin-right: -23px;} .s_inventive_mega_menu.design_4 .super_col.image{text-align: center;} .s_inventive_mega_menu.design_4 .super_col.image img{max-height: 100%;} .s_inventive_mega_menu.design_5 .vertical_tabs .sub_row{height: 100%;} .s_inventive_mega_menu.design_5 .vertical_tabs .sub_col{display: -webkit-box; display: -webkit-flex; display: flex; padding: 30px;} .s_inventive_mega_menu.design_5 .vertical_tabs .nav-tabs{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; flex: 20%; max-width: 20%;} .s_inventive_mega_menu.design_5 .vertical_tabs .nav-tabs .nav-item{margin-bottom: 0;} .s_inventive_mega_menu.design_5 .vertical_tabs .nav-tabs .nav-link{padding: 15px 25px 15px 0px; border-left: 0; border-color: transparent; margin: 0; margin-right: -1px; transition: color .2s linear;} .s_inventive_mega_menu.design_5 .vertical_tabs .nav-tabs .nav-link:hover, .s_inventive_mega_menu.design_5 .vertical_tabs .nav-tabs .nav-link.active, .s_inventive_mega_menu.design_5 .vertical_tabs .nav-tabs .nav-link:focus{border-top-color: #2d545e !important; border-bottom-color: #2d545e !important;} .s_inventive_mega_menu.design_5 .vertical_tabs .tab-content{padding: 15px 30px; border: 1px solid #2d545e; border-right: 0; width: 100%;} .s_inventive_mega_menu.design_5 .vertical_tabs .tab-pane{opacity: 0;} .s_inventive_mega_menu.design_5 .vertical_tabs .tab-pane.active{animation: fadeIn 0.5s ease-in-out forwards;} .s_inventive_mega_menu.design_6 .main_div{margin-bottom: 2rem;} .s_inventive_mega_menu.design_6 .main_div .img{max-height: 200px; max-width: 100%; border-radius: 3px; margin-bottom: 10px;} .s_inventive_mega_menu.design_6 .main_div .m_text{text-transform: uppercase; text-align: center; font-weight: bold; font-size: 14px; display: block;} .s_inventive_mega_menu.design_6 .super_row .super_col{overflow: hidden;} .s_inventive_mega_menu.design_6 .super_row .super_col .sub_row{height: 100%; overflow-y: scroll; margin-right: -23px;} .s_inventive_mega_menu.design_7 .submenu_column{display: -webkit-box; display: -webkit-flex; display: flex;} .s_inventive_mega_menu.design_7 .submenu_column .menuitem_link{text-transform: uppercase; margin-bottom: 10px;} .s_inventive_mega_menu.design_7 .submenu_column .menuitem_link .img{border-radius: 3px; background: #FFFFFF; border: 1px solid #E8E8E8; border-radius: 2px; overflow: hidden; height: 130px; width: 100%;} .s_inventive_mega_menu.design_7 .submenu_column .menuitem_link .img:hover{box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);} .s_inventive_mega_menu.design_7 .super_col{overflow: hidden;} .s_inventive_mega_menu.design_7 .super_col .sub_row{height: 100%; overflow-y: auto; margin-right: -23px;} .s_inventive_mega_menu.design_7 .super_col.right_div h3{text-transform: uppercase;} .s_inventive_mega_menu.design_7 .super_col.right_div .menuitem_link{background: #FFFFFF; border: 1px solid #E8E8E8; border-radius: 2px; overflow: hidden;} .s_inventive_mega_menu.design_7 .super_col.right_div .menuitem_link:hover{box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);} .inventive_opacity_0{opacity: 0 !important;} .inventive_opacity_1{opacity: .1 !important;} .inventive_opacity_2{opacity: .2 !important;} .inventive_opacity_3{opacity: .3 !important;} .inventive_opacity_4{opacity: .4 !important;} .inventive_opacity_5{opacity: .5 !important;} .inventive_opacity_6{opacity: .6 !important;} .inventive_opacity_7{opacity: .7 !important;} .inventive_opacity_8{opacity: .8 !important;} .inventive_opacity_9{opacity: .9 !important;} .inventive_shadow_0{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1) !important;} .inventive_shadow_2{box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.1) !important;} .inventive_shadow_4{box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.1) !important;} .inventive_shadow_6{box-shadow: 0px 0px 20px 6px rgba(0, 0, 0, 0.1) !important;} .inventive_shadow_8{box-shadow: 0px 0px 20px 8px rgba(0, 0, 0, 0.1) !important;} .inventive_shadow_10{box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.1) !important;} .inventive_hover_shadow{transition: all .3s linear;} .inventive_hover_shadow:hover{box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1) !important;} .inventive_menu_column_1 .nav-item .nav-link{transition: all 0.3s linear !important;} .inventive_menu_column_1 .nav-item .nav-link:hover{padding-left: 15px; color: #FFC0CB;} .inventive_menu_column_2 .nav-item .nav-link{transition: all 0.3s linear; position: relative; overflow: hidden;} .inventive_menu_column_2 .nav-item .nav-link:before{content: " "; position: absolute; bottom: 0; right: 4.5rem; left: 0rem; height: 1px; display: inline-block; background-color: white; overflow: hidden; width: 50%;} .inventive_menu_column_2 .nav-item .nav-link:after{content: " "; position: absolute; width: 0%; bottom: 0; left: 0rem; right: 4.5rem; height: 1px; display: inline-block; background-color: red; transition: all 0.4s linear;} .inventive_menu_column_2 .nav-item .nav-link:hover:after{width: 50%;} .inventive_menu_column_3 .nav-item .nav-link{transition: all 0.3s linear; position: relative; overflow: hidden; padding-left: 15px;} .inventive_menu_column_3 .nav-item .nav-link:before{content: " "; position: absolute; left: 5px; height: 2px; width: 2px; border-radius: 50px; display: inline-block; top: 42%; transform: translate(0%, -50%); transition: all 0.3s linear; background-color: #2d545e; transform: scale(2.5);} .inventive_menu_column_3 .nav-item .nav-link:hover:before{transform: scale(5); background-color: #2d545e;} .inventive_menu_column_4 .nav-item .nav-link:hover{box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1) !important; background-color: #2d545e; color: white !important;} .inventive_menu_column_5 .nav-item .nav-link{transition: all 0.3s linear;} .inventive_menu_column_5 .nav-item .nav-link:hover{transition: all 0.3s linear; background: #2163a6; color: white !important;} 

/* /theme_inventive/static/src/scss/shop_page/shop_page_default.scss defined in bundle 'web.assets_frontend' */
 .inventive_shop_page{padding-top: 0 !important;} .inventive_shop_page > .products_pager:first-of-type{display: none;} @media (max-width: 575.98px){.inventive_shop_page .category_pagination .breadcrumb{margin-bottom: 0.5rem;}} #products_grid .oe_product:nth-child(1), .four_column_view .oe_product:nth-child(1){animation-delay: 0.1s;} #products_grid .oe_product:nth-child(2), .four_column_view .oe_product:nth-child(2){animation-delay: 0.2s;} #products_grid .oe_product:nth-child(3), .four_column_view .oe_product:nth-child(3){animation-delay: 0.3s;} #products_grid .oe_product:nth-child(4), .four_column_view .oe_product:nth-child(4){animation-delay: 0.4s;} #products_grid .oe_product:nth-child(5), .four_column_view .oe_product:nth-child(5){animation-delay: 0.5s;} #products_grid .oe_product:nth-child(6), .four_column_view .oe_product:nth-child(6){animation-delay: 0.6s;} #products_grid .oe_product:nth-child(7), .four_column_view .oe_product:nth-child(7){animation-delay: 0.7s;} #products_grid .oe_product:nth-child(8), .four_column_view .oe_product:nth-child(8){animation-delay: 0.8s;} #products_grid .oe_product:nth-child(9), .four_column_view .oe_product:nth-child(9){animation-delay: 0.9s;} #products_grid .oe_product:nth-child(10), .four_column_view .oe_product:nth-child(10){animation-delay: 1s;} #products_grid .oe_product:nth-child(11), .four_column_view .oe_product:nth-child(11){animation-delay: 1.1s;} #products_grid .oe_product:nth-child(12), .four_column_view .oe_product:nth-child(12){animation-delay: 1.2s;} #products_grid.transition .oe_product, .four_column_view.transition .oe_product{transition: all .2s linear;} #products_grid .oe_product, .four_column_view .oe_product{opacity: 0; animation: fadeInUp .5s ease-in-out forwards;} #products_grid .oe_product section, .four_column_view .oe_product section{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; align-items: flex-start; margin-bottom: 20px;} #products_grid .oe_product section h6, .four_column_view .oe_product section h6{max-width: 100%;} #products_grid .oe_product section .product_name, .four_column_view .oe_product section .product_name{max-width: 100%; width: 100%;} #products_grid .oe_product section .product_price .btn-secondary .fa, .four_column_view .oe_product section .product_price .btn-secondary .fa{height: 1.625rem; width: 1.625rem;} #products_grid .oe_product section .product_price .btn-secondary .fa:before, .four_column_view .oe_product section .product_price .btn-secondary .fa:before{content: "";} #products_grid .oe_product section .product_price .btn-secondary:hover, #products_grid .oe_product section .product_price .btn-secondary:focus, #products_grid .oe_product section .product_price .btn-secondary.active, .four_column_view .oe_product section .product_price .btn-secondary:hover, .four_column_view .oe_product section .product_price .btn-secondary:focus, .four_column_view .oe_product section .product_price .btn-secondary.active{background-color: #2d545e !important; color: white;} #products_grid .oe_product section .product_price .btn-secondary:disabled, .four_column_view .oe_product section .product_price .btn-secondary:disabled{pointer-events: none; z-index: 1;} #products_grid .oe_product section .product_price .btn-cart .btn-primary, .four_column_view .oe_product section .product_price .btn-cart .btn-primary{position: relative; transition: all 0.3s; border: 0; overflow: hidden;} #products_grid .oe_product section .product_price .btn-cart .btn-primary:before, .four_column_view .oe_product section .product_price .btn-cart .btn-primary:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(255, 255, 255, 0.25); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);} #products_grid .oe_product section .product_price .btn-cart .btn-primary:after, .four_column_view .oe_product section .product_price .btn-cart .btn-primary:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(225, 225, 255, 0.25); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-delay: 0.2s;} #products_grid .oe_product section .product_price .o_add_wishlist .fa, .four_column_view .oe_product section .product_price .o_add_wishlist .fa{background-image: url("/theme_inventive/static/src/lib/svg/white/line-wishlist.svg"); background-repeat: no-repeat; background-position: center; background-size: 15px;} #products_grid .oe_product section .product_price .o_add_wishlist:disabled, .four_column_view .oe_product section .product_price .o_add_wishlist:disabled{background-color: #2d545e !important; color: white;} #products_grid .oe_product section .product_price .inventive_product_quick_view .fa, .four_column_view .oe_product section .product_price .inventive_product_quick_view .fa{height: 1.625rem; width: 1.625rem; background-image: url("/theme_inventive/static/src/lib/svg/black/line-search.svg"); background-repeat: no-repeat; background-position: center; background-size: 15px;} #products_grid .oe_product section .product_price .inventive_product_quick_view .fa:before, .four_column_view .oe_product section .product_price .inventive_product_quick_view .fa:before{content: "";} #products_grid .oe_product section .product_price .o_add_compare .fa, .four_column_view .oe_product section .product_price .o_add_compare .fa{background-image: url("/theme_inventive/static/src/lib/svg/compare.svg"); background-repeat: no-repeat; background-position: center; background-size: 12px;} #products_grid .oe_product section .product_price .inventive_accessories_quick_view .fa, .four_column_view .oe_product section .product_price .inventive_accessories_quick_view .fa{background-image: url("/theme_inventive/static/src/lib/svg/accessary.svg"); background-repeat: no-repeat; background-position: center; background-size: 15px;} #products_grid .oe_product section .product_price .inventive_alternatives_quick_view .fa, .four_column_view .oe_product section .product_price .inventive_alternatives_quick_view .fa{background-image: url("/theme_inventive/static/src/lib/svg/alternate.svg"); background-repeat: no-repeat; background-position: center; background-size: 15px;} .products_grid_header{width: 100%; margin-bottom: 1.25rem; font-size: 1rem; padding: 0 10px;} .products_grid_header .th_products_pager{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .products_grid_header .th_products_pager .inventive_categ_filters{margin-right: 20px; background-color: white;} .products_grid_header .th_products_pager .inventive_categ_filters .btn{height: 2.5rem; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.19); border-radius: 2px; font-size: 16px; font-weight: 600; color: #333333; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .products_grid_header .th_products_pager .inventive_categ_filters .btn .fa-filter{position: relative; font-size: 0.875rem; padding: 4px 6px; height: 25px; width: 25px; border-radius: 50px; color: white; background-color: #333333; margin-right: 10px;} .products_grid_header .th_products_pager .inventive_categ_filters .btn .fa-filter:before{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .products_grid_header .th_products_pager .inventive_categ_filters.active .btn{color: #2d545e;} .products_grid_header .th_products_pager .inventive_categ_filters.active .btn .fa-filter{background-color: #2d545e;} .products_grid_header .th_products_pager .inventive_categ_filters.active .btn .fa-filter::before{content: "\f00d";} .products_grid_header .th_products_pager .view-mode{display: -webkit-box; display: -webkit-flex; display: flex;} .products_grid_header .th_products_pager .view-mode .shift_shop_view{width: 2.5rem; height: 2.5rem; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; cursor: pointer; margin: 0 0.25rem; background: #FFFFFF; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.19); border-radius: 2px; transition: all 0.3s linear;} .products_grid_header .th_products_pager .view-mode .shift_shop_view .icon_bar{display: inline-block; height: 1.25rem; width: 6px; margin: 0 1px; background-color: #D2D2D2; transition: all 0.3s linear;} .products_grid_header .th_products_pager .view-mode .shift_shop_view:hover, .products_grid_header .th_products_pager .view-mode .shift_shop_view.active{border: 1px solid #979797; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.19);} .products_grid_header .th_products_pager .view-mode .shift_shop_view:hover .icon_bar, .products_grid_header .th_products_pager .view-mode .shift_shop_view.active .icon_bar{background: #979797;} .products_grid_header .th_products_pager .view-mode .shift_shop_view[data-class='list_view']{transform: rotate(90deg);} .products_grid_header .th_products_pager .dropdown-toggle{display: -webkit-box; display: -webkit-flex; display: flex; height: 2.5rem; padding: 0.625em 0.625rem; border-color: #D8D8D8;} .products_grid_header .th_products_pager .dropdown-toggle::after{margin: 3px 0; margin-left: 5px;} .products_grid_header .th_products_pager #sort_by > span{font-weight: 800;} .products_grid_header .products_filters{padding: 10px 0; margin: 10px 0 -10px 0; font-size: 14px;} .products_grid_header .products_filters > .row{background: #FFFFFF; border: 1px solid #E8E8E8; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);} .products_grid_header .products_filters #active_filters{padding: 15px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .products_grid_header .products_filters #active_filters .separator{color: #999999; padding: 0 5px;} .products_grid_header .products_filters #active_filters .att_value, .products_grid_header .products_filters #active_filters .att_name{max-width: 100%; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; transition: all .5s ease-in-out; max-width: 100px; color: white;} .products_grid_header .products_filters #active_filters .att_name{color: #999999;} .products_grid_header .products_filters .active-filter{display: inline-block; margin: 4px; padding: 3px 10px; width: auto; background: #151515; border-radius: 16px; transition: all .3s linear;} .products_grid_header .products_filters .active-filter:hover .att_value, .products_grid_header .products_filters .active-filter:hover .att_name{max-width: 100% !important;} .products_grid_header .products_filters .active-filter.active, .products_grid_header .products_filters .active-filter.disabled{background: rgba(0, 0, 0, 0.5); margin-left: 6px; margin-right: 6px; padding-right: 6px; padding: 3px 8px;} .products_grid_header .products_filters .remove_attribute_filter{font-size: 1.125rem; margin-left: 5px; transition: all .3s ease-in-out; color: white;} .products_grid_header .products_filters .remove_attribute_filter:hover{color: red; transform: rotateZ(90deg);} .product_filter_div{position: absolute; top: 42px; z-index: 200;} #products_grid_before{background: #fff; display: -webkit-box; display: -webkit-flex; display: flex;} #products_grid_before .navbar-close{display: -webkit-box; display: -webkit-flex; display: flex; order: -1; color: white; font-size: 20px; background-color: #1E1E1E; padding: 0 15px; border-radius: 0; margin: 0 -15px;} #products_grid_before .navbar-close .navbar-brand.logo img{width: auto; height: 2rem; max-width: none;} #products_grid_before #o_shop_collapse_category .nav-item{font-size: 0.875rem;} #products_grid_before #o_shop_collapse_category .nav-item .fa{float: right; padding: 5px 0; color: #333333 !important;} #products_grid_before #o_shop_collapse_category .nav-item .fa-chevron-down + a.nav-link{color: #2d545e !important;} #products_grid_before #o_shop_collapse_category .nav-item a{width: 90%; padding-right: 3px;} #products_grid_before #o_shop_collapse_category .nav-item ul.nav-pills{margin: 0 !important;} #products_grid_before #o_shop_collapse_category .nav-item ul.nav-pills .nav-item{margin-left: 9px; padding-right: 9px; font-size: 0.750rem;} #products_grid_before #o_shop_collapse_category .nav-item ul.nav-pills .nav-item a.nav-link{color: #555555;} #products_grid_before #o_shop_collapse_category .nav-item ul.nav-pills .nav-item a.nav-link:hover{color: #2d545e;} #products_grid_before #o_shop_collapse_category .nav-item ul.nav-pills .nav-item .nav-item a.nav-link{color: #777777;} #products_grid_before #o_shop_collapse_category .nav-item ul.nav-pills .nav-item .nav-item a.nav-link:hover{color: #2d545e;} #products_grid_before .js_attributes{order: 2;} #products_grid_before .js_attributes ul.nav-pills{margin: 0 !important;} #products_grid_before .js_attributes .th_shop_collapse_filter > div{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; font-size: 1.25rem; border-bottom: 1px solid #ddd;} #products_grid_before .js_attributes .th_shop_collapse_filter .fa{padding: 10px 0 10px 10px;} #products_grid_before .js_attributes .th_shop_collapse_filter ul.nav-pills{margin: 0; -webkit-flex-wrap: nowrap; flex-wrap: nowrap;} #products_grid_before .js_attributes .th_shop_collapse_filter ul.nav-pills .nav-item{font-size: .875rem;} #products_grid_before .js_attributes .th_shop_collapse_filter ul.nav-pills .nav-item label{padding: 1px 0; margin: 0 !important;} #products_grid_before.slider{position: fixed; top: 0; bottom: 0; left: 0; width: 25%; min-width: 300px; max-width: 300px; height: auto; z-index: 110000; overflow: auto; transform: translateX(-100%); transition: transform 0.5s ease-in-out; padding: 0px 15px 20px 15px; scroll-behavior: smooth; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;} #products_grid_before.slider::-webkit-scrollbar{width: 2px; height: 2px;} #products_grid_before.slider .attribute_name{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; font-size: 1.25rem; padding: 7px 0; border-bottom: 1px solid #ddd;} #products_grid_before.slider .js_attributes .th_shop_collapse_filter > div{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between;} #products_grid_before.slider .js_attributes .th_shop_collapse_filter .inventive_price_range_filter{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;} #products_grid_before.slider .js_attributes .th_shop_collapse_filter .inventive_size_range_filter{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;} #products_grid_before.slider .js_attributes .th_shop_collapse_filter .th_attiute_color_list{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: flex-start; font-size: 0.875rem;} #products_grid_before.slider .js_attributes .th_shop_collapse_filter .th_attiute_color_list .p_label{padding: 5px; width: 100%; display: inline-block;} #products_grid_before.slider .inventive_filter_buttons{width: 100%;} #products_grid_before.slide_left{transform: translateX(-100%);} #products_grid_before.slide_right{transform: translateX(0);} #products_grid_before.shutter{display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: space-evenly; background: #FFFFFF; border: 1px solid #E8E8E8; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); height: 301px; padding: 15px; transition: height .5s ease-in-out;} #products_grid_before.shutter .navbar-close{display: none;} #products_grid_before.shutter > div, #products_grid_before.shutter > form{flex-grow: 1; padding: 0 10px;} #products_grid_before.shutter .outer_icon{display: none;} #products_grid_before.shutter > .th_shop_collapse_filter{max-width: 200px; overflow: hidden;} #products_grid_before.shutter > .th_shop_collapse_filter .attribute_name{font-size: 1rem; padding: 7px 0px;} #products_grid_before.shutter > .th_shop_collapse_filter #o_shop_collapse_category{display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; height: 229px; overflow-x: hidden; overflow-y: scroll; flex-direction: row !important; margin: 0px !important; margin-right: -17px !important; padding-right: 2px;} #products_grid_before.shutter .js_attributes{display: -webkit-box; display: -webkit-flex; display: flex;} #products_grid_before.shutter .js_attributes > ul.nav-pills{height: 100%; flex-direction: row !important; overflow-y: auto; flex-grow: 1;} #products_grid_before.shutter .js_attributes > ul.nav-pills > .nav-item{flex-grow: 1; padding: 0 10px; order: 1; margin-bottom: 10px; max-width: 180px;} #products_grid_before.shutter .js_attributes > ul.nav-pills > .nav-item strong{font-size: 1rem;} #products_grid_before.shutter .js_attributes > ul.nav-pills > .nav-item > div{border-bottom: 0; padding: 7px 0px;} #products_grid_before.shutter .js_attributes > ul.nav-pills > .nav-item .p_label{padding: 1px 0 4px 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} #products_grid_before.shutter .js_attributes > ul.nav-pills > .nav-item ul.nav-pills, #products_grid_before.shutter .js_attributes > ul.nav-pills > .nav-item .th_attiute_color_list{max-height: 229px; min-height: 150px; overflow-y: auto; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: flex-start; font-size: 0.875rem; margin-top: 5px !important;} #products_grid_before.shutter .inventive_price_filter{order: 3; flex-grow: 0; min-width: 300px; max-width: 310px; 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; margin: -7px; background: white; z-index: 0; padding-left: 10px;} #products_grid_before.shutter .inventive_price_filter .attribute_name{font-size: 1rem; padding: 7px 0px;} #products_grid_before.shutter .inventive_size_filter{order: 3; flex-grow: 0; min-width: 300px; max-width: 310px; 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; margin: -7px; background: white; z-index: 0; padding-left: 10px;} #products_grid_before.shutter .inventive_size_filter .attribute_name{font-size: 1rem; padding: 7px 0px;} .inventive_price_range_filter{display: block;} .inventive_price_range_filter .attribute_name{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; font-size: 1.25rem; padding: 7px 0;} .inventive_price_range_filter .inventive_filter_input_block{padding: 20px 0;} .inventive_price_range_filter .inventive_custom_price_range{margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between;} .inventive_price_range_filter .inventive_custom_price_range label, .inventive_price_range_filter .inventive_custom_price_range p{margin: 0 !important; color: #555555; padding: 0 2px;} .inventive_price_range_filter .inventive_custom_price_range .form-control{max-width: 90px; padding-right: 0; display: inline-block; height: 28px !important;} .inventive_price_range_filter .inventive_slider_color .back-bar .selected-bar{background-color: #2d545e;} .inventive_price_range_filter .inventive_slider_color .back-bar .pointer{background-color: #2d545e;} .inventive_price_range_filter .inventive_slider_color .back-bar .pointer-label{color: #555555;} .inventive_size_range_filter{display: block;} .inventive_size_range_filter .attribute_name{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; font-size: 1.25rem; padding: 7px 0;} .inventive_size_range_filter .inventive_filter_input_block{padding: 20px 0;} .inventive_size_range_filter .inventive_custom_size_range{margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between;} .inventive_size_range_filter .inventive_custom_size_range label, .inventive_size_range_filter .inventive_custom_size_range p{margin: 0 !important; color: #555555; padding: 0 2px;} .inventive_size_range_filter .inventive_custom_size_range .form-control{max-width: 90px; padding-right: 0; display: inline-block; height: 28px !important;} .inventive_size_range_filter .inventive_slider_color .back-bar .selected-bar{background-color: #2d545e;} .inventive_size_range_filter .inventive_slider_color .back-bar .pointer{background-color: #2d545e;} .inventive_size_range_filter .inventive_slider_color .back-bar .pointer-label{color: #555555;} .no_product_div{margin: 0 10px;} .inventive_product_price, .product_price, .td-price, .td-unit-price{font-weight: 700;} .inventive_product_price .oe_default_price, .inventive_product_price .text-danger, .product_price .oe_default_price, .product_price .text-danger, .td-price .oe_default_price, .td-price .text-danger, .td-unit-price .oe_default_price, .td-unit-price .text-danger{color: #aaa !important; margin: 0 !important;} .td-unit-price{font-weight: 500;} .css_quantity{position: relative; background: #F0F0F0; border-radius: 4px;} .css_quantity .js_quantity, .css_quantity input.quantity{border-top: 2px solid transparent !important; border-bottom: 2px solid transparent !important; border-left: 1px solid #D8D8D8 !important; border-right: 1px solid #D8D8D8 !important; background: #F0F0F0; min-width: unset; width: 35px; height: auto !important; font-weight: 800;} .css_quantity .btn-secondary{background-color: transparent; color: #333;} .css_quantity .btn-secondary:hover, .css_quantity .btn-secondary.active, .css_quantity .btn-secondary:focus{background-color: transparent !important;} .pagination{box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.17);} .pagination .page-item.active .page-link{background-color: #2d545e; border-color: #2d545e; color: white !important;} #inventive_product_item_view_modal{transition: transform 0.2s linear;} #inventive_product_item_view_modal .close{z-index: 10; position: absolute; right: 0; background: black; color: white; opacity: 1; width: 26px; height: 26px; border-radius: 50px; font-size: 1.25rem; top: 0; transition: transform 0.2s linear; transform: translate(50%, -50%); font-weight: 100;} #inventive_product_item_view_modal .close .fa.fa-times{height: 15px; width: 10px;} #inventive_product_item_view_modal .close:hover{transform: translate(50%, -50%) rotateZ(90deg);} #inventive_product_item_view_modal .close:hover .fa.fa-times{background-image: url("/theme_inventive/static/src/lib/svg/cross_red.svg"); background-repeat: no-repeat; background-position: center; background-size: 10px;} #inventive_product_item_view_modal .modal-content{background: #FFFFFF; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.17); border-radius: 4px; border: unset; transform: scale(0.4);} #inventive_product_item_view_modal .modal-content > .css_editable_mode_hidden{display: none !important;} #inventive_product_item_view_modal.show .modal-content{transition: transform 0.2s linear; transform: scale(1);} #inventive_product_item_view_modal .modal-body{min-height: 500px;} .quick_view_modal #product_detail{position: relative; max-height: 500px; height: 500px;} .quick_view_modal #product_detail > .col-md-6:first-of-type{padding-right: 60px;} .quick_view_modal #product_details{opacity: unset; animation: fadeInRight .5s ease-in-out; padding-left: 50px; text-align: left;} .quick_view_modal #product_details .js_product{font-size: 0.875rem;} .quick_view_modal #product_details .link{padding: 10px 0; font-size: 1rem; font-weight: 700; margin: 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;} .quick_view_modal #product_details .inventive_product_price{font-size: 20px; color: darkslateblue;} .quick_view_modal .carousel-inner{min-height: 260px; width: 100%; display: inline-block;} .quick_view_modal .carousel-outer .carousel-item{min-height: 460px;} .quick_view_modal .carousel-outer .carousel-item .img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .quick_view_modal .carousel-control-next, .quick_view_modal .carousel-control-prev{display: none;} .quick_view_modal #o-carousel-product .animated{position: static; animation: fadeInLeft .7s ease-in-out;} .quick_view_modal .carousel-indicators{width: unset; opacity: 0; animation: fadeIn .2s ease-in-out .2s forwards;} .quick_view_modal .carousel-indicators.vertical{margin: 0 !important; background-color: white; position: absolute !important; transform: rotateZ(90deg); z-index: 10; height: unset !important; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; background: white; background-color: white !important; overflow-y: visible !important;} .quick_view_modal .carousel-indicators.vertical:after{content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; right: -30px; left: -30px; background-color: white; z-index: -2; box-shadow: -5px 0 20px 0 rgba(0, 0, 0, 0.1);} .quick_view_modal .carousel-indicators.vertical .img{transform: rotateZ(-90deg);} .quick_view_modal .carousel-indicators.vertical .owl-nav .owl-prev, .quick_view_modal .carousel-indicators.vertical .owl-nav .owl-next{height: 100%; border-radius: 0; box-shadow: none !important; font-size: 30px !important;} .quick_view_modal .carousel-indicators.vertical .owl-nav .owl-prev{left: -25px !important;} .quick_view_modal .carousel-indicators.vertical .owl-nav .owl-next{right: -25px !important;} .quick_view_modal .carousel-indicators.vertical .owl-stage-outer{padding: 2px 0;} .inventive_product_rating_star .rating_val{color: #555555; font-weight: 600;} .inventive_product_rating_star .o_website_rating_static{font-size: 0.875rem;} .inventive_product_rating_star .o_website_rating_static.show{color: #d2d2d2;} .inventive_product_rating_star .o_website_rating_static.hide{display: none;} .modal-backdrop{background-color: #FFFFFF; opacity: .87;} .inventive_accessories_products .h_tag, .inventive_alternatives_products .h_tag{text-align: center; text-transform: uppercase;} .inventive_accessories_products .oe_product:nth-of-type(1), .inventive_alternatives_products .oe_product:nth-of-type(1){animation: fadeInLeft .7s ease-in-out forwards;} .inventive_accessories_products .oe_product:nth-of-type(2), .inventive_alternatives_products .oe_product:nth-of-type(2){animation: fadeIn .7s ease-in-out forwards;} .inventive_accessories_products .oe_product:nth-of-type(3), .inventive_alternatives_products .oe_product:nth-of-type(3){animation: fadeInRight .7s ease-in-out forwards;} .inventive_accessories_products .owl-item .oe_product, .inventive_alternatives_products .owl-item .oe_product{background-color: white; pointer-events: none; width: 300px;} .inventive_accessories_products .owl-item .oe_product .btn-secondary, .inventive_alternatives_products .owl-item .oe_product .btn-secondary{display: none !important;} .inventive_accessories_products .owl-item.active .oe_product, .inventive_alternatives_products .owl-item.active .oe_product{pointer-events: inherit;} .inventive_accessories_products .owl-carousel .owl-nav button.owl-prev, .inventive_accessories_products .owl-carousel .owl-nav button.owl-next, .inventive_alternatives_products .owl-carousel .owl-nav button.owl-prev, .inventive_alternatives_products .owl-carousel .owl-nav button.owl-next{border-radius: 0; margin: 0; color: white !important; background-color: #000000; box-shadow: none;} .inventive_accessories_products .owl-carousel .owl-nav button.owl-prev.disabled, .inventive_accessories_products .owl-carousel .owl-nav button.owl-next.disabled, .inventive_alternatives_products .owl-carousel .owl-nav button.owl-prev.disabled, .inventive_alternatives_products .owl-carousel .owl-nav button.owl-next.disabled{background-color: #555555;} #th_scroll_to_top_btn{position: fixed; bottom: -50px; right: -50px; color: white; background-color: rgba(0, 0, 0, 0.8); transition: all 0.3s linear; z-index: 1000;} #th_scroll_to_top_btn .fa-arrow-up{-webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); transition: all 0.3s linear; transition-delay: 0.3s;} #th_scroll_to_top_btn.animate{display: block; right: 20px; bottom: 20px; color: white; transition: right 0.3s linear;} #th_scroll_to_top_btn.animate .fa-arrow-up{-webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); transition: all 0.3s linear; transition-delay: 0.3s;} #th_scroll_to_top_btn:hover{overflow: hidden;} #th_scroll_to_top_btn:hover .fa-arrow-up{animation: bounce 1s linear 1;} #inventive_lazy_loader{width: 100%; min-height: 28px; text-align: center; position: relative;} #inventive_lazy_loader .data_loader{height: 35px;} #inventive_lazy_loader .end_text{padding: 5px 0; background-color: #2d545e; color: white;} @media (max-width: 767.98px){html{font-size: 14px;}.shift_shop_view[data-class="two_column_view"]{display: none !important;}.shift_shop_view[data-class="three_column_view"] .icon_bar:first-of-type, .shift_shop_view[data-class="list_view"] .icon_bar:first-of-type, .shift_shop_view[data-class="four_column_view"] .icon_bar:first-of-type{display: none !important;}#product_per_page .dropdown-menu{z-index: 20; left: unset; right: 0;}} @media (max-width: 575.98px){html{font-size: 14px;}.shift_shop_view[data-class="two_column_view"]{display: none !important;}.shift_shop_view[data-class="list_view"] .icon_bar:first-of-type, .shift_shop_view[data-class="three_column_view"] .icon_bar:first-of-type, .shift_shop_view[data-class="four_column_view"] .icon_bar:first-of-type{display: none !important;}.shift_shop_view[data-class="list_view"] .icon_bar:last-of-type, .shift_shop_view[data-class="three_column_view"] .icon_bar:last-of-type, .shift_shop_view[data-class="four_column_view"] .icon_bar:last-of-type{display: none !important;}.products_grid_header .th_products_pager > div{width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between;}.products_grid_header .th_products_pager #sort_by, .products_grid_header .th_products_pager #product_per_page{margin-top: 10px;}} #oe_structure_website_sale_products_2{margin: 0 !important;} 

/* /theme_inventive/static/src/scss/shop_page/four_column_view_1.scss defined in bundle 'web.assets_frontend' */
 .four_column_view{font-size: 0; padding: 0 5px;} .four_column_view .oe_product{font-size: 1rem; display: inline-block; padding: 10px; width: 25%; height: 400px; border: none;} .four_column_view .oe_product form{height: 100%; position: relative;} .four_column_view .oe_product .oe_product_image{position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; bottom: 25%; overflow: hidden;} .four_column_view .oe_product .oe_product_image img{width: 100%; height: auto; z-index: 0; margin: 0px;} .four_column_view .oe_product .oe_product_image .mask{z-index: 1; display: inline-block; transition: all 0.2s ease-in-out; position: absolute; top: 0; bottom: 0; right: 0; left: 0; max-height: 80% !important;} .four_column_view .oe_product #website_published_button{display: none;} .four_column_view .oe_product section{position: absolute; top: 0; bottom: 0; right: 0; left: 0; top: unset; width: 100%; height: 25%; padding-bottom: 0px; overflow: unset; padding: 15px 10px;} .four_column_view .oe_product section h6{font-size: 1rem; color: #333333; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .four_column_view .oe_product section h6 a{font-weight: 700;} .four_column_view .oe_product section .product_name{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;} .four_column_view .oe_product section .product_name .inventive_product_price{color: #07268c; font-size: 0.9375rem;} .four_column_view .oe_product section .oe_subdescription{display: none;} .four_column_view .oe_product section .product_price{position: absolute; top: 0; bottom: 0; right: 0; left: 0; bottom: unset; margin: 0 !important; z-index: 1;} .four_column_view .oe_product section .product_price > b{display: none;} .four_column_view .oe_product section .product_price .btn-secondary{height: 1.625rem; width: 1.625rem; font-size: 0.875rem; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; background: #333333; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16); position: absolute; color: #2d545e; opacity: 0; z-index: 1; transition-delay: 0s !important; border-radius: 2px; padding: 0;} .four_column_view .oe_product section .product_price .btn-secondary span.text{display: none;} .four_column_view .oe_product section .product_price .btn-cart{width: 100%; position: absolute; top: 0; left: 0; transition: all 0.2s linear; opacity: 0;} .four_column_view .oe_product section .product_price .btn-cart :hover{z-index: 0;} .four_column_view .oe_product section .product_price .btn-cart:after{content: " "; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: white; transition: 0.2s top linear;} .four_column_view .oe_product section .product_price .btn-cart .btn-primary{font-size: 1rem; padding: .4375rem; border-radius: 0; background-color: rgba(0, 0, 0, 0.8); width: 100%; text-transform: uppercase; top: -20px;} .four_column_view .oe_product section .product_price .btn-cart .btn-primary .fa{display: none;} .four_column_view .oe_product section .product_price .btn-cart .btn-primary.active{display: none;} .four_column_view .oe_product section .product_price .btn-cart .btn-primary:hover, .four_column_view .oe_product section .product_price .btn-cart .btn-primary:focus{background-color: #1e1e1e !important; transition-delay: 0 !important;} .four_column_view .oe_product section .product_price .o_add_wishlist{order: 1;} .four_column_view .oe_product section .product_price .inventive_product_quick_view{position: absolute; color: black; font-size: 1rem; padding: 0.5rem 0.5rem; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 0.45); border-radius: 50px; width: 2.5rem; height: 2.5rem; opacity: 0; z-index: 1;} .four_column_view .oe_product section .product_price .o_add_compare{order: 3;} .four_column_view .oe_product section .product_price .inventive_accessories_quick_view{order: 4;} .four_column_view .oe_product section .product_price .inventive_alternatives_quick_view{order: 4;} .four_column_view .oe_product:hover form{box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);} .four_column_view .oe_product:hover .oe_product_image .mask{background-color: rgba(0, 0, 0, 0.1);} .four_column_view .oe_product:hover section .product_price .btn-cart{top: -35px; opacity: 1;} .four_column_view .oe_product:hover section .product_price .btn-cart:after{top: 100%;} .four_column_view .oe_product:hover section .product_price .btn-secondary, .four_column_view .oe_product:hover section .product_price .inventive_product_quick_view{animation: zoomIn .2s linear forwards, fadeIn .1s linear forwards;} .four_column_view .pagination .page-item.active .page-link{background-color: #2d545e; border-color: #2d545e; color: white;} @media (max-width: 991.98px){.four_column_view .oe_product{padding: 5px; height: 300px;}.four_column_view .oe_product section{height: 25%; padding: 0 10px; background: rgba(100, 100, 100, 0) !important; margin-bottom: 0px !important; top: 190px !important;}.four_column_view .oe_product section .product_price .btn-cart{top: -30px !important; opacity: 1 !important;}.four_column_view .oe_product section .product_price .btn-cart .btn-primary{font-size: 12px; top: -20px !important;}.four_column_view .oe_product section .product_price .btn-cart:after{top: 100%;}.four_column_view .oe_product section .product_price .btn-secondary, .four_column_view .oe_product section .product_price .inventive_product_quick_view{display: none !important;}.four_column_view .oe_product section .shop_css_quantity a{display: inline-block !important;}} @media (max-width: 767.98px){.four_column_view{padding: 0 10px;}.four_column_view .products_grid_header{padding: 0 5px;}.four_column_view .oe_product{padding: 5px; width: 33.33% !important; min-width: unset; max-width: 33.333% !important;}} @media (max-width: 575.98px){.four_column_view .oe_product{height: 300px; width: 50% !important; min-width: unset; max-width: 50% !important;}.four_column_view .oe_product .oe_product_image{bottom: 25% !important;}.four_column_view .oe_product section{height: 25% !important;}} @media (max-width: 575.98px){.four_column_view .oe_product{height: 300px; width: 50% !important; min-width: unset; max-width: 50% !important;}.four_column_view .oe_product .oe_product_image{bottom: 25% !important;}.four_column_view .oe_product section{height: 25% !important;}} @media (max-width: 375px){.four_column_view .oe_product{height: 300px !important;}} 

/* /theme_inventive/static/src/scss/shop_page/three_column_view_1.scss defined in bundle 'web.assets_frontend' */
 .three_column_view{font-size: 0; padding: 0 5px;} .three_column_view .oe_product{font-size: 1rem; display: inline-block; padding: 10px; width: 33.3333%; height: 450px; border: none;} .three_column_view .oe_product form{border: 1px solid #E8E8E8; height: 100%; position: relative;} .three_column_view .oe_product .oe_product_image{background: linear-gradient(45deg, #ededed 0%, #f4f4f4 50%, #f6f6f6 61%, white 100%); position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; bottom: 22%; overflow: hidden;} .three_column_view .oe_product .oe_product_image img{width: 100%; height: 100%; z-index: 0;} .three_column_view .oe_product .oe_product_image .mask{z-index: 1; display: inline-block; transition: all 0.2s ease-in-out; position: absolute; top: 0; bottom: 0; right: 0; left: 0;} .three_column_view .oe_product #website_published_button{display: none;} .three_column_view .oe_product section{position: absolute; top: 0; bottom: 0; right: 0; left: 0; top: unset; 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-evenly; height: 22%; padding-bottom: 0px; overflow: unset; padding: 15px;} .three_column_view .oe_product section h6{font-size: 1rem; color: #333333; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .three_column_view .oe_product section h6 a{font-weight: 700;} .three_column_view .oe_product section .product_name{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;} .three_column_view .oe_product section .product_name .inventive_product_price{color: #07268c; font-size: 0.9375rem;} .three_column_view .oe_product section .oe_subdescription{display: none;} .three_column_view .oe_product section .product_price{position: absolute; top: 0; bottom: 0; right: 0; left: 0; bottom: unset; margin: 0 !important; z-index: -1;} .three_column_view .oe_product section .product_price > b{display: none;} .three_column_view .oe_product section .product_price .btn-secondary{height: 1.625rem; width: 1.625rem; font-size: 0.875rem; border-radius: 0px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; background: #333333; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16); position: absolute; color: #2d545e; opacity: 0; z-index: 1; transition-delay: 0s !important; border-radius: 2px; padding: 0;} .three_column_view .oe_product section .product_price .btn-secondary span.text{display: none;} .three_column_view .oe_product section .product_price .btn-cart{width: 100%; position: absolute; top: 0; left: 0; transition: all 0.2s linear; opacity: 0;} .three_column_view .oe_product section .product_price .btn-cart :hover{z-index: 0;} .three_column_view .oe_product section .product_price .btn-cart:after{content: " "; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: white; transition: 0.2s top linear;} .three_column_view .oe_product section .product_price .btn-cart .btn-primary{font-size: 1rem; padding: .4375rem; border-radius: 0; background-color: rgba(30, 30, 30, 0.8); width: 100%; text-transform: uppercase;} .three_column_view .oe_product section .product_price .btn-cart .btn-primary .fa{display: none;} .three_column_view .oe_product section .product_price .btn-cart .btn-primary.active{display: none;} .three_column_view .oe_product section .product_price .btn-cart .btn-primary:hover, .three_column_view .oe_product section .product_price .btn-cart .btn-primary:focus{background-color: #1e1e1e !important; transition-delay: 0 !important;} .three_column_view .oe_product section .product_price .o_add_wishlist{order: 1;} .three_column_view .oe_product section .product_price .inventive_product_quick_view{position: absolute; color: black; font-size: 1rem; padding: 0.5rem 0.5rem; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 0.45); border-radius: 50px; width: 2.5rem; height: 2.5rem; opacity: 0; z-index: 1;} .three_column_view .oe_product section .product_price .o_add_compare{order: 3; margin-left: 1px;} .three_column_view .oe_product section .product_price .inventive_accessories_quick_view{order: 4; margin-left: 1px;} .three_column_view .oe_product section .product_price .inventive_alternatives_quick_view{order: 4; margin-left: 1px;} .three_column_view .oe_product:hover form{box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);} .three_column_view .oe_product:hover .oe_product_image .mask{background-color: rgba(0, 0, 0, 0.1);} .three_column_view .oe_product:hover section .product_price .btn-cart{top: -35px; opacity: 1;} .three_column_view .oe_product:hover section .product_price .btn-cart:after{top: 100%;} .three_column_view .oe_product:hover section .product_price .btn-secondary, .three_column_view .oe_product:hover section .product_price .inventive_product_quick_view{animation: zoomIn .2s linear forwards, fadeIn .1s linear forwards;} @media (max-width: 991.98px){.three_column_view .oe_product{height: 300px; min-width: unset;}.three_column_view .oe_product section{padding: 0 10px;}.three_column_view .oe_product section .product_price .btn-cart{top: -30px !important; opacity: 1 !important;}.three_column_view .oe_product section .product_price .btn-cart:after{top: 100%;}.three_column_view .oe_product section .product_price .btn-secondary, .three_column_view .oe_product section .product_price .inventive_product_quick_view{display: none !important;}.three_column_view .oe_product section .shop_css_quantity{padding-top: 5px !important;}.three_column_view .oe_product section .shop_css_quantity a{display: inline-block !important;}} @media (max-width: 767.98px){.three_column_view{padding: 0 10px;}.three_column_view .products_grid_header{padding: 0 5px;}.three_column_view .oe_product{padding: 5px; width: 50% !important; min-width: unset; max-width: 50% !important;}} @media (max-width: 575.98px){.three_column_view .oe_product{width: 100% !important; min-width: unset; height: 500px; max-width: 100% !important;}.three_column_view .oe_product .oe_product_image{bottom: 25% !important;}.three_column_view .oe_product section{height: 25% !important;}} @media (max-width: 375px){.three_column_view .oe_product{height: 400px !important;}} 

/* /theme_inventive/static/src/scss/shop_page/two_column_view_1.scss defined in bundle 'web.assets_frontend' */
 .two_column_view{font-size: 0; padding: 0 5px;} .two_column_view .oe_product{font-size: 1rem; display: inline-block; padding: 10px; width: 50%; height: 740px; border: none;} .two_column_view .oe_product form{border: 1px solid #E8E8E8; height: 100%; position: relative;} .two_column_view .oe_product .oe_product_image{background: linear-gradient(45deg, #ededed 0%, #f4f4f4 50%, #f6f6f6 61%, white 100%); position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; bottom: 25%; overflow: hidden;} .two_column_view .oe_product .oe_product_image img{width: 100%; height: 100%; z-index: 0;} .two_column_view .oe_product .oe_product_image .mask{z-index: 1; display: inline-block; transition: all 0.2s ease-in-out; position: absolute; top: 0; bottom: 0; right: 0; left: 0;} .two_column_view .oe_product #website_published_button{display: none;} .two_column_view .oe_product section{position: absolute; top: 0; bottom: 0; right: 0; left: 0; top: unset; width: 100%; height: 25%; padding-bottom: 0px; overflow: unset; padding: 15px 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start;} .two_column_view .oe_product section .product_name{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .two_column_view .oe_product section .product_name h6{font-size: 1rem; color: #333333; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .two_column_view .oe_product section .product_name h6 a{font-weight: 700;} .two_column_view .oe_product section .product_name .inventive_product_price{color: #07268c; font-size: 0.9375rem; display: inline-block;} .two_column_view .oe_product section .product_name .inventive_product_rating_star{flex-grow: 1; width: 100%; order: 3;} .two_column_view .oe_product section .oe_subdescription{order: 1;} .two_column_view .oe_product section .product_price{position: absolute; top: 0; bottom: 0; right: 0; left: 0; bottom: unset; margin: 0 !important; z-index: -1;} .two_column_view .oe_product section .product_price > b{display: none;} .two_column_view .oe_product section .product_price .btn-secondary{height: 2rem; width: 2rem; font-size: 0.875rem; border-radius: 0px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; background: #333333; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16); position: absolute; color: #2d545e; opacity: 0; z-index: 1; transition-delay: 0s !important; border-radius: 2px; padding: 0;} .two_column_view .oe_product section .product_price .btn-secondary span.text{display: none;} .two_column_view .oe_product section .product_price .btn-cart{width: 100%; position: absolute; top: 0; left: 0; transition: all 0.2s linear; opacity: 0;} .two_column_view .oe_product section .product_price .btn-cart :hover{z-index: 0;} .two_column_view .oe_product section .product_price .btn-cart:after{content: " "; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: white; transition: 0.2s top linear;} .two_column_view .oe_product section .product_price .btn-cart .btn-primary{font-size: 1rem; padding: .4375rem; border-radius: 0; background-color: rgba(30, 30, 30, 0.8); width: 100%; text-transform: uppercase;} .two_column_view .oe_product section .product_price .btn-cart .btn-primary .fa{display: none;} .two_column_view .oe_product section .product_price .btn-cart .btn-primary.active{display: none;} .two_column_view .oe_product section .product_price .btn-cart .btn-primary:hover, .two_column_view .oe_product section .product_price .btn-cart .btn-primary:focus{background-color: #1e1e1e !important; transition-delay: 0 !important;} .two_column_view .oe_product section .product_price .o_add_wishlist{order: 1;} .two_column_view .oe_product section .product_price .inventive_product_quick_view{position: absolute; color: black; font-size: 1rem; padding: 0.5rem 0.5rem; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 0.45); border-radius: 50px; width: 2.5rem; height: 2.5rem; opacity: 0; z-index: 1;} .two_column_view .oe_product section .product_price .o_add_compare{order: 3; margin-left: 1px;} .two_column_view .oe_product section .product_price .inventive_accessories_quick_view{order: 4; margin-left: 1px;} .two_column_view .oe_product section .product_price .inventive_alternatives_quick_view{order: 4; margin-left: 1px;} .two_column_view .oe_product:hover form{box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);} .two_column_view .oe_product:hover .oe_product_image .mask{background-color: rgba(0, 0, 0, 0.1);} .two_column_view .oe_product:hover section .product_price .btn-cart{top: -37px; opacity: 1;} .two_column_view .oe_product:hover section .product_price .btn-cart:after{top: 100%;} .two_column_view .oe_product:hover section .product_price .btn-secondary, .two_column_view .oe_product:hover section .product_price .inventive_product_quick_view{animation: zoomIn .2s linear forwards, fadeIn .1s linear forwards;} @media (max-width: 991.98px){.two_column_view .oe_product{height: 500px;}.two_column_view .oe_product .section .shop_css_quantity{padding-top: 5px !important;}.two_column_view .oe_product .section .shop_css_quantity a{display: inline-block !important;}} 

/* /theme_inventive/static/src/scss/shop_page/list_view_1.scss defined in bundle 'web.assets_frontend' */
 .list_view{padding: 0 15px;} .list_view .products_grid_header{padding: 0;} .list_view .oe_product{padding: 2px 0; border: 0;} .list_view .oe_product form{background: #FFFFFF; border: 1px solid #E8E8E8; padding: 0 10px 0 0;} .list_view .oe_product form > div[itemscope="itemscope"]{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between;} .list_view .oe_product .oe_product_image{background: linear-gradient(45deg, #ededed 0%, #f4f4f4 50%, #f6f6f6 61%, white 100%); position: static; display: inline-block; min-width: 100px; margin: auto; max-width: 160px; max-height: 160px;} .list_view .oe_product .oe_product_image img{position: static;} .list_view .oe_product #website_published_button{position: absolute; right: 0; top: 3px; z-index: 100;} .list_view .oe_product #website_published_button .dropdown-menu.show{position: absolute; will-change: transform; top: 100% !important; left: unset !important; margin-top: 0 !important; right: 0 !important; transform: unset !important;} .list_view .oe_product #website_published_button .dropdown-toggle:after{margin-left: 3px;} .list_view .oe_product section{flex-grow: 1; position: static; padding: 0; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between !important; flex-direction: row !important; align-items: center !important;} .list_view .oe_product section h6{font-size: 14px; margin: 0; padding: 0 20px; max-width: 100%; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap;} .list_view .oe_product section h6 a{font-weight: 700;} .list_view .oe_product section .product_name{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; min-height: 70px; max-width: 500px; justify-content: space-around; max-width: 50% !important;} .list_view .oe_product section .product_name .inventive_product_price{color: #07268c; padding: 0 20px; font-weight: 700; display: grid;} .list_view .oe_product section .product_name .inventive_product_rating_star{padding: 0 20px; order: 3;} .list_view .oe_product section .shop_css_quantity{min-width: 100px; margin: 0 15px;} .list_view .oe_product section .inventive_product_quick_view, .list_view .oe_product section .oe_subdescription{display: none !important;} .list_view .oe_product section .product_price{width: 25%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-around; padding: 5px;} .list_view .oe_product section .product_price > b{display: none;} .list_view .oe_product section .product_price .btn-secondary{flex-basis: 49%; order: -1; background: #FFFFFF; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16); border-radius: 2px; padding: 3px; color: #333333; font-size: .875rem; font-weight: 600;} .list_view .oe_product section .product_price .btn-secondary span.fa{display: none;} .list_view .oe_product section .product_price .btn-cart{flex: 100%;} .list_view .oe_product section .product_price .btn-cart .btn-primary.a-submit{font-size: 0.875rem; padding: 5px; margin-top: 10px; border-radius: 0; background-color: rgba(30, 30, 30, 0.8); width: 100%; text-transform: uppercase; border-radius: 2px;} .list_view .oe_product section .product_price .btn-cart .btn-primary .fa{display: none;} .list_view .oe_product section .product_price .btn-cart .btn-primary:hover, .list_view .oe_product section .product_price .btn-cart .btn-primary:focus, .list_view .oe_product section .product_price .btn-cart .btn-primary.active{background-color: #1e1e1e !important;} .list_view .oe_product .inventive_accessories_quick_view, .list_view .oe_product .inventive_alternatives_quick_view{display: none !important;} .list_view .oe_product:hover form{box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);} @media (max-width: 1199.98px){.list_view .oe_product section .product_name{max-width: 75% !important;}} @media (max-width: 991.98px){.list_view .oe_product #website_published_button, .list_view .oe_product .shop_css_quantity{display: none;}.list_view .oe_product .oe_product_image{max-width: 100px; max-height: 100px;}.list_view .oe_product section{-webkit-flex-wrap: wrap; flex-wrap: wrap;}.list_view .oe_product section .product_name{max-width: 400px;}.list_view .oe_product section .product_price .btn-secondary{padding: 0; flex-basis: unset; height: 2.625rem; width: 2.625rem; font-size: 0.875rem; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; background: #333333; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);}.list_view .oe_product section .product_price .btn-secondary span.fa{display: inline-block;}.list_view .oe_product section .product_price .btn-secondary span.text{display: none;}.list_view .oe_product section .shop_css_quantity{display: block;}.list_view .oe_product section .shop_css_quantity a{display: inline-block !important;}} @media (max-width: 767.98px){.list_view .oe_product{height: auto !important; min-height: unset;}.list_view .oe_product form{padding: 0;}.list_view .oe_product .oe_product_image{max-width: 85px; max-height: 85px; min-width: 85px;}.list_view .oe_product section{-webkit-flex-wrap: wrap; flex-wrap: wrap;}.list_view .oe_product section .product_name{max-width: 300px;}.list_view .oe_product section .btn-secondary{height: 1.625rem !important; width: 1.625rem !important; margin-top: 2px; margin-bottom: 2px;}.list_view .oe_product section .btn-cart{margin-top: 2px; margin-bottom: 2px; flex: unset !important;}.list_view .oe_product section .btn-cart .btn-primary{height: 1.625rem !important; width: 1.625rem !important; margin-top: 0 !important; padding: 3px !important;}.list_view .oe_product section .btn-cart .btn-primary .text{display: none;}.list_view .oe_product section .btn-cart .btn-primary .icon{display: inline-block !important;}.list_view .oe_product section .shop_css_quantity{display: contents !important;}.list_view .oe_product section .shop_css_quantity a{display: inline-block !important;}} @media (max-width: 370px){.list_view .oe_product .oe_product_image{max-width: 70px; max-height: 70px; min-width: 70px;}.list_view .oe_product section{-webkit-flex-wrap: wrap; flex-wrap: wrap; background-color: white !important;}.list_view .oe_product section .product_price{width: 20% !important;}.list_view .oe_product section .product_name{max-width: 150px;}.list_view .oe_product section h6{font-size: 12px;}.list_view .oe_product section .shop_css_quantity{display: contents !important;}.list_view .oe_product section .shop_css_quantity a{display: none !important;}} 

/* /theme_inventive/static/src/scss/product_view/product_view_1.scss defined in bundle 'web.assets_frontend' */
 #product_detail{padding-top: 0 !important; position: relative;} #product_detail > div.row:first-child div:first-of-type{width: 100%; flex: unset; max-width: unset;} #product_detail > div.row:first-child div:last-of-type{display: none;} #product_detail #o-carousel-product .carousel-outer .carousel-control-prev, #product_detail #o-carousel-product .carousel-outer .carousel-control-next{color: #000000;} #product_detail #o-carousel-product .carousel-inner .carousel-item .product_detail_img{max-height: 500px !important;} #product_detail #o-carousel-product .carousel-indicators{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} #product_detail #o-carousel-product .carousel-indicators li{max-width: 90px; width: 90px !important; height: 90px !important; margin: 0 5px !important; padding: 5px; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; transition: box-shadow .2s linear; background: #FFFFFF; border: 1px solid #D8D8D8 !important;} #product_detail #o-carousel-product .carousel-indicators li img{margin: auto; opacity: 0.6;} #product_detail #o-carousel-product .carousel-indicators li.active img, #product_detail #o-carousel-product .carousel-indicators li.owl_active img{opacity: 1;} #product_detail #o-carousel-product .carousel-indicators li:before{display: none;} #product_detail #o-carousel-product .carousel-indicators.owl-carousel{position: relative;} #product_detail #o-carousel-product .carousel-indicators.owl-carousel li{margin: 0 auto !important;} #product_detail #o-carousel-product .carousel-indicators.owl-carousel .owl-nav .disabled{pointer-events: all;} #product_detail #o-carousel-product .carousel-indicators.owl-carousel .owl-prev{position: absolute; top: 50%; transform: translate(0%, -50%); left: 0;} #product_detail #o-carousel-product .carousel-indicators.owl-carousel .owl-next{position: absolute; top: 50%; transform: translate(0%, -50%); right: 0;} #product_detail #o-carousel-product.animated{animation: fadeInLeft .5s ease-in-out forwards;} #product_detail #o-carousel-product.animated .carousel-indicators{animation: fadeIn .2s ease-in-out .3s forwards;} #product_detail .th_product_detail_row .col-md-6:first-of-type{flex: 0 0 50%; max-width: 50%;} #product_detail > .container.mt32{display: none;} #product_detail .zoomodoo-flyout{position: absolute; right: 0; top: 0; max-height: 400px !important;} #product_details{opacity: 0; animation: fadeInRight .5s ease-in-out .5s forwards; max-width: 50%; margin: 0; flex: 0 0 50%; border-left: 2px solid #D8D8D8; padding-left: 30px;} #product_details > .product_price{margin-top: 0 !important; color: darkslateblue;} #product_details .th_product_desc{font-size: 14px; color: #777777; max-height: 200px; overflow-y: auto;} #product_details .th_product_desc p{margin: 0;} #product_details .o_not_editable{display: none;} #product_details .qty_available{box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16); border-radius: 2px; color: #2DB161; padding: 4px 5px;} #product_details .qty_available.no{color: #ff2e2e;} #product_details .js_product{margin-top: 10px;} #product_details .js_product .product_price{display: none;} #product_details .js_product .css_not_available_msg{margin-bottom: 1px; padding: 10px;} #product_details .add_to_cart_btn{margin-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse;} #product_details .add_to_cart_btn .css_quantity{margin-right: 15px;} #product_details .add_to_cart_btn #add_to_cart{width: 100%;} #product_details .js_add_cart_variants{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; flex-direction: row !important; margin-right: -15px; margin-left: -15px;} #product_details .js_add_cart_variants .attribute_name{padding: 0px;} #product_details .js_add_cart_variants .js_attribute_value label{padding: 0px;} #product_details .js_add_cart_variants .js_attribute_value label input:checked + div{color: #2d545e;} #product_details .js_add_cart_variants .js_attribute_value label.col-form-label{font-weight: normal; color: #333333;} #product_details .js_add_cart_variants input.variant_custom_value{width: 89%;} #product_details .js_add_cart_variants .variant_attribute{padding: 15px;} #product_details .js_add_cart_variants .variant_attribute ul{margin: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;} #product_details .js_add_cart_variants .variant_attribute ul li{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding: 2px 0;} #product_details .js_add_cart_variants .variant_attribute ul li label.active + span{color: #2d545e;} #product_details .o_add_wishlist_dyn, #product_details .o_add_compare_dyn{background-color: white !important; color: #333333; transition: all .2s linear; padding: 0; display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: inline-flex !important; font-size: 0.875rem;} #product_details .o_add_wishlist_dyn .text, #product_details .o_add_compare_dyn .text{padding: 8px 14px;} #product_details .o_add_wishlist_dyn:disabled .text, #product_details .o_add_compare_dyn:disabled .text{color: #2DB161;} #product_details .o_add_wishlist_dyn:disabled .fa, #product_details .o_add_compare_dyn:disabled .fa{background: #2d545e; background-image: url("/theme_inventive/static/src/lib/svg/white/line-wishlist.svg"); background-repeat: no-repeat; background-position: center; background-size: 20px;} #product_details .o_add_wishlist_dyn .fa, #product_details .o_add_compare_dyn .fa{width: 2.25rem; height: 2.25rem; border-radius: 2px; background-image: url("/theme_inventive/static/src/lib/svg/black/line-wishlist.svg"); background-repeat: no-repeat; background-position: center; background-size: 20px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);} #product_details .o_add_wishlist_dyn .fa:before, #product_details .o_add_compare_dyn .fa:before{content: "";} #product_details .o_add_wishlist_dyn:hover, #product_details .o_add_wishlist_dyn:focus, #product_details .o_add_compare_dyn:hover, #product_details .o_add_compare_dyn:focus{color: #2d545e;} #product_details .o_add_wishlist_dyn:hover .fa, #product_details .o_add_wishlist_dyn:focus .fa, #product_details .o_add_compare_dyn:hover .fa, #product_details .o_add_compare_dyn:focus .fa{background: #2d545e; background-image: url("/theme_inventive/static/src/lib/svg/white/line-wishlist.svg"); background-repeat: no-repeat; background-position: center; background-size: 20px;} #product_details .o_add_compare_dyn .fa{background-image: url("/theme_inventive/static/src/lib/svg/black/line-bar-chart.svg"); background-repeat: no-repeat; background-position: center; background-size: 14px;} #product_details .o_add_compare_dyn:hover, #product_details .o_add_compare_dyn:focus{color: #2d545e;} #product_details .o_add_compare_dyn:hover .fa, #product_details .o_add_compare_dyn:focus .fa{background-image: url("/theme_inventive/static/src/lib/svg/white/line-bar-chart.svg"); background-repeat: no-repeat; background-position: center; background-size: 14px;} #product_detail #inventive_product_tabs{margin-top: 20px;} #product_detail #inventive_product_tabs .nav-tabs{position: relative;} #product_detail #inventive_product_tabs .nav-tabs:after{content: " "; position: absolute; top: 50%; transform: translate(0%, -50%); height: 2px; width: 100%; background: #D8D8D8;} #product_detail #inventive_product_tabs .tab-pane{padding: 20px; border: 1px solid #ddd;} #product_detail #inventive_product_tabs #wk_product_details .oe_structure{padding: 30px 15px; font-size: 24px; color: #777;} #product_detail .alternative_products .heading{border-bottom: 1px solid #ddd; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between;} #product_detail .alternative_products .heading .owl-prev, #product_detail .alternative_products .heading .owl-next{padding: 0px 8px; font-size: 28px; line-height: 1; display: inline-block; margin: 0 5px;} #product_detail .alternative_products .heading .owl-prev.disabled, #product_detail .alternative_products .heading .owl-next.disabled{opacity: .5; pointer-events: none;} #product_detail .alternative_products .four_column_view{padding: 0; margin: 0 -5px;} #product_detail .alternative_products .four_column_view .oe_product{width: 300px; padding: 0 5px; max-width: 100%;} #product_detail .alternative_products .column.border_right{border-right: 1px solid #ddd;} #product_full_spec h3{text-align: left !important;} #product_full_spec #product_specifications{margin: 0;} #product_full_spec #product_specifications .clickable th{color: #333333; background-color: #6ca9b8; border-bottom: 0 !important; border-top: 0px !important; padding: 5px; border-radius: 2px;} #product_full_spec #product_specifications .collapse.in td{padding: 10px 5px;} #product_full_spec #product_specifications .collapse.in td:first-of-type{color: #555;} #product_full_spec #product_specifications .collapse.in td:last-of-type{color: #333; font-weight: 600;} @media (max-width: 767.98px){#product_detail .th_product_detail_row > .col-md-6{max-width: 100% !important; flex: 100% !important;}#product_detail #product_details{padding: 15px; margin-top: 20px; border-radius: 0; border: 0;}#inventive_product_tabs ul.nav-tabs a.nav-link{font-size: 14px; padding: 2px 7px;}} 

/* /theme_inventive/static/src/scss/home/home_page.scss defined in bundle 'web.assets_frontend' */
 #inventive_carousel_snippet_preview_modal .modal-dialog{max-width: unset !important; margin: 0.5rem !important;} .f_product_nav .disabled{opacity: .5; pointer-events: none;} #wrap .s_inventive_full_image_block .row{justify-content: center; align-items: center;} #wrap .s_inventive_cover_banner{background-color: #e2cec5 !important;} #wrap .s_inventive_cover_banner .container{position: relative; max-height: 400px;} #wrap .s_inventive_cover_banner .container img{max-height: 400px; width: 100%;} #wrap .s_inventive_cover_banner .container .cover_banner_content{position: absolute; top: 10%; left: 15%; width: 70%; padding: 15px; display: inline-block; color: white; background-color: rgba(41, 124, 209, 0.7);} #wrap .s_inventive_cover_banner .container .cover_banner_content p{margin: 0;} #wrap .s_inventive_cover_banner .container .cover_banner_content p > span{text-shadow: 2px 4px 10px #333333;} #wrap .s_inventive_owl_carousel_snippet{position: relative; width: 100%; min-height: 200px;} #wrap .s_inventive_owl_carousel_snippet .oe_custom_bg{height: 100%; background-position: center; background-size: cover;} #wrap .s_inventive_owl_carousel_snippet .carousel-content{overflow: hidden;} #wrap .s_inventive_owl_carousel_snippet .carousel-content .h_tag{font-family: "Montserrat-regular";} #wrap .s_inventive_owl_carousel_snippet .carousel-content .p_tag{padding: 0 20px;} #wrap .s_inventive_owl_carousel_snippet .carousel-control-next-icon, #wrap .s_inventive_owl_carousel_snippet .carousel-control-prev-icon{margin: 0 15px;} #wrap .s_inventive_owl_carousel_snippet .carousel-control-next-icon, #wrap .s_inventive_owl_carousel_snippet .carousel-control-prev-icon, #wrap .s_inventive_owl_carousel_snippet .owl-nav button{position: absolute; top: 50%; transform: translate(0%, -50%); color: white; font-size: 1.75rem; height: 50px; width: 50px; border-radius: 50px; margin: 0; border: 0; transition: all 0.3s linear;} #wrap .s_inventive_owl_carousel_snippet .carousel-control-next-icon::before, #wrap .s_inventive_owl_carousel_snippet .carousel-control-prev-icon::before, #wrap .s_inventive_owl_carousel_snippet .owl-nav button::before{font-size: 1.25rem; margin: 0 !important;} #wrap .s_inventive_owl_carousel_snippet .owl-prev{left: 15px;} #wrap .s_inventive_owl_carousel_snippet .owl-next{right: 15px;} #wrap .s_inventive_owl_carousel_snippet .owl-dots{position: absolute; bottom: 0; width: 100%;} #wrap .s_inventive_owl_carousel_snippet .owl-stage-outer{padding-top: 0; padding-bottom: 0;} #wrap .s_inventive_owl_carousel_snippet .hover_effect .owl-nav button{opacity: 0; transform: scale(0.7); transition: all .2s linear;} #wrap .s_inventive_owl_carousel_snippet .hover_effect:hover .owl-nav button{opacity: 1; transform: scale(1);} #wrap .s_inventive_owl_carousel_snippet .s_carousel_default .carousel-control-next-icon, #wrap .s_inventive_owl_carousel_snippet .s_carousel_default .carousel-control-prev-icon, #wrap .s_inventive_owl_carousel_snippet .s_carousel_default .owl-nav button{font-size: 3rem; border-radius: 0; box-shadow: none; background-color: transparent;} #wrap .s_inventive_owl_carousel_snippet .s_carousel_block{border: none;} #wrap .s_inventive_owl_carousel_snippet .s_carousel_block .carousel-control-next-icon, #wrap .s_inventive_owl_carousel_snippet .s_carousel_block .carousel-control-prev-icon, #wrap .s_inventive_owl_carousel_snippet .s_carousel_block .owl-nav button{background-color: white; height: 100px; color: #333; border-radius: 0; width: 30px; font-size: 2.5rem;} #wrap .s_inventive_owl_carousel_snippet .s_carousel_block .owl-prev{left: 0;} #wrap .s_inventive_owl_carousel_snippet .s_carousel_block .owl-next{right: 0;} #wrap .s_inventive_owl_carousel_snippet .s_carousel_block .owl-dots .owl-dot span{border-radius: 0;} #wrap .s_inventive_owl_carousel_snippet .s_carousel_block .owl-dots .owl-dot.active span, #wrap .s_inventive_owl_carousel_snippet .s_carousel_block .owl-dots .owl-dot:hover span{background-color: white;} #wrap .s_inventive_owl_carousel_snippet .s_carousel_boxed{padding: 0px; max-width: unset !important;} #wrap .s_inventive_owl_carousel_snippet .s_carousel_boxed .carousel-control-next-icon, #wrap .s_inventive_owl_carousel_snippet .s_carousel_boxed .carousel-control-prev-icon, #wrap .s_inventive_owl_carousel_snippet .s_carousel_boxed .owl-nav button{background-color: white; height: 45px; width: 45px; color: #333; top: unset; bottom: 0; border-radius: 0; border: 0; margin: 0;} #wrap .s_inventive_owl_carousel_snippet .s_carousel_boxed .owl-prev{bottom: 15px !important;} #wrap .s_inventive_owl_carousel_snippet .s_carousel_boxed .owl-next{bottom: 15px !important;} #wrap .s_inventive_owl_carousel_snippet .s_carousel_boxed .owl-dots .owl-dot span{border-radius: 0;} #wrap .s_inventive_owl_carousel_snippet .s_carousel_boxed .owl-dots .owl-dot.active span, #wrap .s_inventive_owl_carousel_snippet .s_carousel_boxed .owl-dots .owl-dot:hover span{background-color: white;} #wrap .s_inventive_owl_carousel_snippet .s_carousel_rounded_black .carousel-indicators li, #wrap .s_inventive_owl_carousel_snippet .s_carousel_rounded_white .carousel-indicators li{border-radius: 50px !important; width: 10px; height: 10px;} #wrap .s_inventive_owl_carousel_snippet .s_carousel_rounded_black .carousel-control-next-icon, #wrap .s_inventive_owl_carousel_snippet .s_carousel_rounded_black .carousel-control-prev-icon, #wrap .s_inventive_owl_carousel_snippet .s_carousel_rounded_black .owl-nav button, #wrap .s_inventive_owl_carousel_snippet .s_carousel_rounded_white .carousel-control-next-icon, #wrap .s_inventive_owl_carousel_snippet .s_carousel_rounded_white .carousel-control-prev-icon, #wrap .s_inventive_owl_carousel_snippet .s_carousel_rounded_white .owl-nav button{color: black; background-color: rgba(255, 255, 255, 0.7); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;} #wrap .s_inventive_owl_carousel_snippet .s_carousel_rounded_black .carousel-control-next-icon:hover, #wrap .s_inventive_owl_carousel_snippet .s_carousel_rounded_black .carousel-control-prev-icon:hover, #wrap .s_inventive_owl_carousel_snippet .s_carousel_rounded_black .owl-nav button:hover, #wrap .s_inventive_owl_carousel_snippet .s_carousel_rounded_white .carousel-control-next-icon:hover, #wrap .s_inventive_owl_carousel_snippet .s_carousel_rounded_white .carousel-control-prev-icon:hover, #wrap .s_inventive_owl_carousel_snippet .s_carousel_rounded_white .owl-nav button:hover{background-color: white;} #wrap .s_inventive_owl_carousel_snippet .s_carousel_rounded_black .carousel-control-next-icon, #wrap .s_inventive_owl_carousel_snippet .s_carousel_rounded_black .carousel-control-prev-icon, #wrap .s_inventive_owl_carousel_snippet .s_carousel_rounded_black .owl-nav button{background-color: rgba(0, 0, 0, 0.8); color: white;} #wrap .s_inventive_owl_carousel_snippet .s_carousel_rounded_black .carousel-control-next-icon:hover, #wrap .s_inventive_owl_carousel_snippet .s_carousel_rounded_black .carousel-control-prev-icon:hover, #wrap .s_inventive_owl_carousel_snippet .s_carousel_rounded_black .owl-nav button:hover{background-color: rgba(0, 0, 0, 0.9);} #wrap .s_inventive_owl_carousel_snippet.design_1 .carousel-content{min-height: 270px;} #wrap .s_inventive_owl_carousel_snippet.design_1 .carousel-item.active .carousel-content, #wrap .s_inventive_owl_carousel_snippet.design_1 .owl-item.active .carousel-content{animation: slideInLeft 2s ease-in-out forwards;} #wrap .s_inventive_owl_carousel_snippet.design_1 .carousel-item.active .carousel-content .h_tag, #wrap .s_inventive_owl_carousel_snippet.design_1 .owl-item.active .carousel-content .h_tag{animation: slideInLeft 3s ease-in-out forwards;} #wrap .s_inventive_owl_carousel_snippet.design_1 .carousel-item.active .carousel-content .p_tag, #wrap .s_inventive_owl_carousel_snippet.design_1 .owl-item.active .carousel-content .p_tag{opacity: 0; animation: fadeIn 3s ease-in-out 2s forwards;} #wrap .s_inventive_owl_carousel_snippet.design_1 .carousel-item.active .carousel-content .s_btn, #wrap .s_inventive_owl_carousel_snippet.design_1 .owl-item.active .carousel-content .s_btn{opacity: 0; animation: bounceIn 2s ease-in-out 3s forwards;} @media (max-width: 991.98px){#wrap .s_inventive_owl_carousel_snippet.design_1 .oe_custom_bg{padding-top: 32px !important; padding-bottom: 32px !important; min-height: 200px !important; max-height: 260px;}#wrap .s_inventive_owl_carousel_snippet.design_1 .carousel-content{min-height: 140px !important; padding: 0 !important; width: 60%; margin-left: 52px;}#wrap .s_inventive_owl_carousel_snippet.design_1 .carousel-content .p_tag{font-size: 12px !important;}#wrap .s_inventive_owl_carousel_snippet.design_1 .carousel-content .btn{font-size: 0.875rem !important; line-height: 1;}} #wrap .s_inventive_owl_carousel_snippet.design_2 .oe_custom_bg{min-height: 520px;} #wrap .s_inventive_owl_carousel_snippet.design_2 .carousel-content{min-height: 270px;} #wrap .s_inventive_owl_carousel_snippet.design_2 .carousel-item.active .carousel-content, #wrap .s_inventive_owl_carousel_snippet.design_2 .owl-item.active .carousel-content{animation: slideInLeft 2s ease-in-out forwards;} #wrap .s_inventive_owl_carousel_snippet.design_2 .carousel-item.active .carousel-content .h_tag, #wrap .s_inventive_owl_carousel_snippet.design_2 .owl-item.active .carousel-content .h_tag{animation: slideInRight 2s ease-in-out forwards;} #wrap .s_inventive_owl_carousel_snippet.design_2 .carousel-item.active .carousel-content .p_tag, #wrap .s_inventive_owl_carousel_snippet.design_2 .owl-item.active .carousel-content .p_tag{animation: slideInLeft 3s ease-in-out forwards;} #wrap .s_inventive_owl_carousel_snippet.design_2 .carousel-item.active .carousel-content .s_btn, #wrap .s_inventive_owl_carousel_snippet.design_2 .owl-item.active .carousel-content .s_btn{opacity: 0; animation: fadeIn .5s ease-in-out 3s forwards;} @media (max-width: 991.98px){#wrap .s_inventive_owl_carousel_snippet.design_2 .oe_custom_bg{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding-top: 64px !important; padding-bottom: 64px !important; min-height: 280px !important; max-height: 300px;}#wrap .s_inventive_owl_carousel_snippet.design_2 .carousel-content{min-height: 180px !important; padding: 0 !important; width: 60%; margin-left: 52px;}#wrap .s_inventive_owl_carousel_snippet.design_2 .carousel-content .p_tag{font-size: 12px !important;}#wrap .s_inventive_owl_carousel_snippet.design_2 .carousel-content .btn{font-size: 0.875rem !important; line-height: 1;}} @media (max-width: 767.98px){#wrap .s_inventive_owl_carousel_snippet.design_2 .oe_custom_bg{padding-top: 32px !important; padding-bottom: 32px !important; min-height: 227px !important; max-height: 250px;}} #wrap .s_inventive_owl_carousel_snippet.design_3 .column_left{animation: slideInLeft 2s cubic-bezier(0.11, 0.7, 0.71, 0.99) forwards; min-height: 334px; max-height: 334px;} #wrap .s_inventive_owl_carousel_snippet.design_3 .column_left .content{color: white; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0 !important;} #wrap .s_inventive_owl_carousel_snippet.design_3 .column_left .img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%;} #wrap .s_inventive_owl_carousel_snippet.design_3 .column_right{animation: slideInRight 2s cubic-bezier(0.11, 0.7, 0.71, 0.99) forwards;} #wrap .s_inventive_owl_carousel_snippet.design_3 .column_right .content{color: white;} #wrap .s_inventive_owl_carousel_snippet.design_3 .oe_custom_bg{min-height: 334px !important;} #wrap .s_inventive_owl_carousel_snippet.design_3 .carousel-item.active .carousel-content, #wrap .s_inventive_owl_carousel_snippet.design_3 .owl-item.active .carousel-content{animation: slideInLeft 2s ease-in-out forwards;} #wrap .s_inventive_owl_carousel_snippet.design_3 .carousel-item.active .carousel-content .h_tag, #wrap .s_inventive_owl_carousel_snippet.design_3 .owl-item.active .carousel-content .h_tag{font-family: "Montserrat-regular"; animation: slideInRight 2s ease-in-out forwards;} #wrap .s_inventive_owl_carousel_snippet.design_3 .carousel-item.active .carousel-content .p_tag, #wrap .s_inventive_owl_carousel_snippet.design_3 .owl-item.active .carousel-content .p_tag{animation: slideInLeft 3s ease-in-out forwards;} #wrap .s_inventive_owl_carousel_snippet.design_3 .carousel-item.active .carousel-content .s_btn, #wrap .s_inventive_owl_carousel_snippet.design_3 .owl-item.active .carousel-content .s_btn{opacity: 0; animation: zoomIn .3s ease-in-out 3s forwards,fadeIn .1s ease-in-out 3s forwards;} @media (max-width: 991.98px){#wrap .s_inventive_owl_carousel_snippet.design_3 .column_left{min-height: 230px;}#wrap .s_inventive_owl_carousel_snippet.design_3 .oe_custom_bg{min-height: 230px !important; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;}#wrap .s_inventive_owl_carousel_snippet.design_3 .carousel-content{min-height: 180px !important; padding: 0 !important; width: 60%; margin-left: 52px;}#wrap .s_inventive_owl_carousel_snippet.design_3 .carousel-content .p_tag{font-size: 12px !important;}#wrap .s_inventive_owl_carousel_snippet.design_3 .carousel-content .btn{font-size: 0.875rem !important; line-height: 1;}} @media (max-width: 767.98px){#wrap .s_inventive_owl_carousel_snippet.design_3 .column_left{display: none;}#wrap .s_inventive_owl_carousel_snippet.design_3 .column_right{max-width: 100%; flex: 100%;}#wrap .s_inventive_owl_carousel_snippet.design_3 .oe_custom_bg{padding-top: 32px !important; padding-bottom: 32px !important; min-height: 227px !important; max-height: 250px;}} @media (max-width: 575.98px){#wrap .s_inventive_owl_carousel_snippet.design_3 .carousel-content{min-height: 150px !important;}} #wrap .s_inventive_owl_carousel_snippet.design_4 .carousel-content{min-height: 270px; background-color: rgba(255, 255, 255, 0.5); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; justify-content: space-evenly;} #wrap .s_inventive_owl_carousel_snippet.design_4 .carousel-item.active .carousel-content, #wrap .s_inventive_owl_carousel_snippet.design_4 .owl-item.active .carousel-content{animation: zoomIn 1s ease-in-out forwards;} #wrap .s_inventive_owl_carousel_snippet.design_4 .carousel-item.active .carousel-content .h_tag, #wrap .s_inventive_owl_carousel_snippet.design_4 .owl-item.active .carousel-content .h_tag{animation: fadeInDown 2s ease-in-out forwards;} #wrap .s_inventive_owl_carousel_snippet.design_4 .carousel-item.active .carousel-content .p_tag, #wrap .s_inventive_owl_carousel_snippet.design_4 .owl-item.active .carousel-content .p_tag{animation: fadeIn 1.5s ease-in-out forwards;} #wrap .s_inventive_owl_carousel_snippet.design_4 .carousel-item.active .carousel-content .s_btn, #wrap .s_inventive_owl_carousel_snippet.design_4 .owl-item.active .carousel-content .s_btn{opacity: 0; animation: fadeIn .5s ease-in-out 2s forwards;} @media (max-width: 991.98px){#wrap .s_inventive_owl_carousel_snippet.design_4 .oe_custom_bg{padding-top: 64px !important; padding-bottom: 64px !important;}#wrap .s_inventive_owl_carousel_snippet.design_4 .carousel-content{min-height: 180px !important; padding: 0 !important; width: 60%; margin-left: 52px;}#wrap .s_inventive_owl_carousel_snippet.design_4 .carousel-content .p_tag{font-size: 12px !important;}#wrap .s_inventive_owl_carousel_snippet.design_4 .carousel-content .btn{font-size: 0.875rem !important; line-height: 0.5;}} @media (max-width: 767.98px){#wrap .s_inventive_owl_carousel_snippet.design_4 .oe_custom_bg{padding-top: 48px !important; padding-bottom: 48px !important;}#wrap .s_inventive_owl_carousel_snippet.design_4 .carousel-content{min-height: 140px !important; padding: 0 !important; width: 60%; margin-left: 52px;}#wrap .s_inventive_owl_carousel_snippet.design_4 .carousel-content .p_tag{font-size: 12px !important;}#wrap .s_inventive_owl_carousel_snippet.design_4 .carousel-content .btn{font-size: 0.5rem !important; padding: 0.825rem 1rem;}} #wrap .s_inventive_product_nav_tabs_1 .tab-content, #wrap .s_inventive_product_nav_tabs_2 .tab-content{position: relative; background: white;} #wrap .s_inventive_product_nav_tabs_1 .tab-content .owl-nav, #wrap .s_inventive_product_nav_tabs_2 .tab-content .owl-nav{display: none;} #wrap .s_inventive_product_nav_tabs_1 .tab-content .tab-pane, #wrap .s_inventive_product_nav_tabs_2 .tab-content .tab-pane{position: absolute; top: 0; bottom: 0; right: 0; left: 0; display: block !important; z-index: -1;} #wrap .s_inventive_product_nav_tabs_1 .tab-content .tab-pane.active, #wrap .s_inventive_product_nav_tabs_2 .tab-content .tab-pane.active{z-index: 1; position: static;} #wrap .s_inventive_product_nav_tabs_1 .four_column_view .oe_product, #wrap .s_inventive_product_nav_tabs_2 .four_column_view .oe_product{min-width: 268px; padding: 0;} #wrap .s_inventive_product_nav_tabs_1 .four_column_view .oe_product form, #wrap .s_inventive_product_nav_tabs_2 .four_column_view .oe_product form{border: 1px solid #E3E3E3;} #wrap .s_inventive_product_nav_tabs_1 .four_column_view .oe_product.dummy_view, #wrap .s_inventive_product_nav_tabs_2 .four_column_view .oe_product.dummy_view{color: #eee; padding: 5px;} #wrap .s_inventive_product_nav_tabs_1 .four_column_view .oe_product.dummy_view .oe_product_image, #wrap .s_inventive_product_nav_tabs_2 .four_column_view .oe_product.dummy_view .oe_product_image{font-size: 220px; line-height: 1;} #wrap .s_inventive_product_nav_tabs_1 .four_column_view .oe_product.dummy_view section, #wrap .s_inventive_product_nav_tabs_2 .four_column_view .oe_product.dummy_view section{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;} #wrap .s_inventive_product_nav_tabs_1 .four_column_view .oe_product.dummy_view section h6, #wrap .s_inventive_product_nav_tabs_2 .four_column_view .oe_product.dummy_view section h6{background-color: #eee; width: 150px; height: 20px; margin: auto;} #wrap .s_inventive_product_nav_tabs_1 .four_column_view .oe_product.dummy_view section .inventive_product_price, #wrap .s_inventive_product_nav_tabs_2 .four_column_view .oe_product.dummy_view section .inventive_product_price{background-color: #eee; width: 100px; height: 15px; margin: auto;} #wrap .s_inventive_product_nav_tabs_1 .four_column_view .oe_product.dummy_view section .o_website_rating_static, #wrap .s_inventive_product_nav_tabs_1 .four_column_view .oe_product.dummy_view section .o_website_rating_static .rating_val, #wrap .s_inventive_product_nav_tabs_2 .four_column_view .oe_product.dummy_view section .o_website_rating_static, #wrap .s_inventive_product_nav_tabs_2 .four_column_view .oe_product.dummy_view section .o_website_rating_static .rating_val{color: #ccc;} #wrap .s_inventive_product_nav_tabs_1 .four_column_view .oe_product.dummy_view .oe_product_image div, #wrap .s_inventive_product_nav_tabs_1 .four_column_view .oe_product.dummy_view h6, #wrap .s_inventive_product_nav_tabs_1 .four_column_view .oe_product.dummy_view .inventive_product_price, #wrap .s_inventive_product_nav_tabs_2 .four_column_view .oe_product.dummy_view .oe_product_image div, #wrap .s_inventive_product_nav_tabs_2 .four_column_view .oe_product.dummy_view h6, #wrap .s_inventive_product_nav_tabs_2 .four_column_view .oe_product.dummy_view .inventive_product_price{position: relative; overflow: hidden; display: inline-block;} #wrap .s_inventive_product_nav_tabs_1 .four_column_view .oe_product.dummy_view .oe_product_image div:before, #wrap .s_inventive_product_nav_tabs_1 .four_column_view .oe_product.dummy_view h6:before, #wrap .s_inventive_product_nav_tabs_1 .four_column_view .oe_product.dummy_view .inventive_product_price:before, #wrap .s_inventive_product_nav_tabs_2 .four_column_view .oe_product.dummy_view .oe_product_image div:before, #wrap .s_inventive_product_nav_tabs_2 .four_column_view .oe_product.dummy_view h6:before, #wrap .s_inventive_product_nav_tabs_2 .four_column_view .oe_product.dummy_view .inventive_product_price:before{content: " "; position: absolute; transform: rotate(45deg); width: 20px; height: 300%; top: -100%; margin-left: 28px; background: linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent); animation: loading 1s forwards; animation-iteration-count: infinite;} #wrap .s_inventive_product_nav_tabs_1 .four_column_view .oe_product.dummy_view .oe_product_image div:after, #wrap .s_inventive_product_nav_tabs_1 .four_column_view .oe_product.dummy_view h6:after, #wrap .s_inventive_product_nav_tabs_1 .four_column_view .oe_product.dummy_view .inventive_product_price:after, #wrap .s_inventive_product_nav_tabs_2 .four_column_view .oe_product.dummy_view .oe_product_image div:after, #wrap .s_inventive_product_nav_tabs_2 .four_column_view .oe_product.dummy_view h6:after, #wrap .s_inventive_product_nav_tabs_2 .four_column_view .oe_product.dummy_view .inventive_product_price:after{content: " "; position: absolute; transform: rotate(45deg); width: 20px; height: 300%; top: -100%; background: linear-gradient(to left, rgba(0, 0, 0, 0.1), transparent); animation: loading 1s forwards; animation-iteration-count: infinite;} @media (max-width: 991.98px){#wrap .s_inventive_product_nav_tabs_1 .four_column_view, #wrap .s_inventive_product_nav_tabs_2 .four_column_view{padding: 0;}#wrap .s_inventive_product_nav_tabs_1 .four_column_view .oe_product, #wrap .s_inventive_product_nav_tabs_2 .four_column_view .oe_product{min-width: 200px; height: 280px;}} @media (max-width: 767.98px){#wrap .s_inventive_product_nav_tabs_1 .four_column_view .oe_product, #wrap .s_inventive_product_nav_tabs_2 .four_column_view .oe_product{min-width: 246px; height: 300px;}#wrap .s_inventive_product_nav_tabs_1 .pos_title, #wrap .s_inventive_product_nav_tabs_2 .pos_title{padding: 5px 0;}#wrap .s_inventive_product_nav_tabs_1 .pos_title .h_tag, #wrap .s_inventive_product_nav_tabs_2 .pos_title .h_tag{display: none;}#wrap .s_inventive_product_nav_tabs_1 .pos_title .nav.nav-tabs, #wrap .s_inventive_product_nav_tabs_2 .pos_title .nav.nav-tabs{-webkit-flex-wrap: nowrap; flex-wrap: nowrap;}#wrap .s_inventive_product_nav_tabs_1 .pos_title .nav.nav-tabs .nav-link, #wrap .s_inventive_product_nav_tabs_2 .pos_title .nav.nav-tabs .nav-link{margin: 0 2px;}#wrap .s_inventive_product_nav_tabs_1 .pos_title .f_product_nav, #wrap .s_inventive_product_nav_tabs_2 .pos_title .f_product_nav{width: 100%; max-width: 70px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between;}} @media (max-width: 575.98px){#wrap .s_inventive_product_nav_tabs_1 .nav-tabs .o_default_snippet_text, #wrap .s_inventive_product_nav_tabs_2 .nav-tabs .o_default_snippet_text{font-size: 1rem !important;}#wrap .s_inventive_product_nav_tabs_1 .pos_title, #wrap .s_inventive_product_nav_tabs_2 .pos_title{padding: 5px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}#wrap .s_inventive_product_nav_tabs_1 .pos_title .f_product_nav, #wrap .s_inventive_product_nav_tabs_2 .pos_title .f_product_nav{margin-top: 15px; width: 100%; max-width: unset;}} #wrap .s_inventive_product_nav_tabs_1 .pos_title{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; justify-content: space-between; background: transparent; padding: 15px 0;} #wrap .s_inventive_product_nav_tabs_1 .pos_title .h_tag{font-family: "Montserrat-Bold"; font-size: 1.5rem; color: #333333;} #wrap .s_inventive_product_nav_tabs_1 .pos_title .owl-prev, #wrap .s_inventive_product_nav_tabs_1 .pos_title .owl-next{padding: 0px 8px; font-size: 1.75rem; line-height: 1; display: inline-block; margin: 0 5px;} #wrap .s_inventive_product_nav_tabs_1 .nav.nav-tabs .nav-link{border-radius: 0; background: #FFFFFF; border: 0; margin: 0 5px;} #wrap .s_inventive_product_nav_tabs_1 .owl-stage-outer{padding: 0;} #wrap .s_inventive_product_nav_tabs_2 .pos_title{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; justify-content: space-between; background: #f4f4f4; border-bottom: 2px solid #2d545e;} #wrap .s_inventive_product_nav_tabs_2 .pos_title .h_tag{position: relative; text-transform: uppercase; line-height: 30px; font-weight: 700; color: white; padding: 10px 15px; font-size: 1.25rem;} #wrap .s_inventive_product_nav_tabs_2 .pos_title .h_tag:before{content: ""; background: #2d545e; position: absolute; bottom: 0; left: 0; right: 0; top: -6px;} #wrap .s_inventive_product_nav_tabs_2 .pos_title .h_tag:after{content: ""; position: absolute; background: black; width: 10px; height: 10px; right: -5px; transform: rotate(45deg); top: -4px; z-index: -1;} #wrap .s_inventive_product_nav_tabs_2 .pos_title .h_tag span{position: relative; z-index: 1;} #wrap .s_inventive_product_nav_tabs_2 .pos_title .owl-prev, #wrap .s_inventive_product_nav_tabs_2 .pos_title .owl-next{padding: 0px 8px; font-size: 1.75rem; line-height: 1; display: inline-block; margin: 0 5px;} #wrap .s_inventive_product_nav_tabs_2 .nav-tabs{float: right; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; justify-content: flex-end;} #wrap .s_inventive_product_nav_tabs_2 .tab-content{min-height: 390px;} #wrap .s_category_banners .banner_a, #wrap .s_category_banners .banner_b{overflow: hidden; position: relative; max-height: 250px; min-height: 250px;} #wrap .s_category_banners .banner_a .img-fluid, #wrap .s_category_banners .banner_b .img-fluid{height: 100%; width: 100%;} #wrap .s_category_banners .banner_a::before, #wrap .s_category_banners .banner_b::before{content: ""; display: block; background: rgba(41, 124, 209, 0.4); clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 50% 50%); position: absolute; top: 0; z-index: 0; right: 15px; left: 15px; bottom: 0;} #wrap .s_category_banners .banner_a .banner_text, #wrap .s_category_banners .banner_b .banner_text{position: absolute; bottom: 0px; right: 15px; top: 60%; left: 36%; padding: 0 1%;}