@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: #007bff;} .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: #fff; 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;} 

/* /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_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_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;} .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_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 #007bff; 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;} 

/* /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 > pre, .o_mail_activity .o_thread_message .o_thread_message_core > pre{white-space: pre-wrap; word-break: break-word; text-align: justify;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_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;} 

/* /sh_motorcycle_frontend/static/src/scss/custom.scss defined in bundle 'web.assets_frontend' */
 #id_sh_motorcycle_search_diff_bike_div{z-index: 9;} #id_sh_motorcycle_search_div .text-center{color: #875A7B; font-size: 18px;} #id_sh_motorcycle_select_diff_bike_btn{color: #875A7B;} #id_sh_motorcycle_select_diff_bike_btn:hover{text-decoration: none;} #id_sh_motorcycle_search_form .form-control{margin-right: 5px; padding: 0.375em 2em 0.375em 1em; border-radius: 0px;} #id_sh_motorcycle_go_submit_button{background: #875A7B; color: #fff;} #id_sh_motorcycle_search_diff_bike_div{margin-bottom: 1rem; padding: 20px 0px; border-top: 2px solid; border-top-color: #875A7B !important;} #id_sh_motorcycle_search_diff_bike_form .form-control{margin-right: 5px; padding: 0.375em 3.5em 0.375em 1em; border-radius: 0px;} #id_sh_motorcycle_search_div{margin-bottom: 1rem; padding: 20px 30px; width: 100%; position: relative; border-color: #875A7B #ddd #ddd #ddd; border-style: solid; border-width: 2px 1px 1px 1px; border-top-color: #875A7B;} #id_sh_motorcycle_search_form .form-control{margin-right: 5px; padding: 0.375em 2em 0.375em 1em; border-radius: 0px;} #id_sh_motorcycle_garage_div{padding: 20px 30px; position: relative; border-color: #875A7B #ddd #ddd #ddd; border-style: solid; border-width: 2px 1px 1px 1px; border-top-color: #875A7B; position: relative; margin-bottom: 1rem;} #id_sh_motorcycle_garage_div h4{padding-right: 5px;} #id_sh_motorcycle_save_bike_to_garage_btn i{padding-right: 5px;} #id_sh_motorcycle_save_bike_to_garage_btn{color: #155724;} #id_sh_motorcycle_select_diff_bike_btn i{padding-right: 5px;} @media screen and (max-width: 991px){#id_sh_motorcycle_search_div .dropdown{margin-top: 1.5%;}#id_sh_motorcycle_select_saved_bike_btn{margin-left: 0% !important; margin-top: 5%;}} @media screen and (max-width: 768px){#id_sh_motorcycle_search_form .form-control{padding: 0.375em 1em 0.375em 1em;}#id_sh_motorcycle_search_div .dropdown{margin-top: 1.5%;}#id_sh_motorcycle_search_diff_bike_form .form-control{padding: 0.375em 1em 0.375em 1em;}#id_sh_motorcycle_search_diff_bike_div{padding: 20px 0px;}#id_sh_motorcycle_search_form .form-control{padding: 0.375em 1em 0.375em 1em;}#id_sh_motorcycle_search_div{padding: 20px 15px;}#id_sh_motorcycle_select_saved_bike_btn{margin-left: 0% !important; margin-top: 5%;}} @media screen and (max-width: 575px){#id_sh_motorcycle_search_form .form-group{width: 100%;}#id_sh_motorcycle_search_div .dropdown{margin-top: 0% !important;}#id_sh_motorcycle_search_form{align-items: baseline;}#id_sh_motorcycle_search_form .form-control{padding: 0.375em 1em 0.375em 1em;}#id_sh_motorcycle_go_submit_button{width: 100%; margin-bottom: 1rem;}#id_sh_motorcycle_search_diff_bike_div .form-group{width: 100%;}#id_sh_motorcycle_search_diff_bike_form{margin-top: 10px;}#id_sh_motorcycle_search_div .form-group{width: 100%; margin-bottom: 1rem;}#id_sh_motorcycle_search_form{margin-top: 10px;}#id_sh_motorcycle_select_saved_bike_btn{width: 100%; margin-left: 0% !important; margin-top: 0% !important;}} 

/* /sh_website_category_page/static/src/css/sh_website_category_page.css defined in bundle 'web.assets_frontend' */
 #sh_category_dec{display: inline-block;width: 100%;position: relative;border-top: 1px solid gray;border-bottom: 1px solid gray;padding:25px 0px;} #sh_category_dec .sub_category{float: left;width: 100%;position: relative;padding:0px 0px 0px!important;} #sh_category_dec .sh_category_detail .sh_category_title{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 30px;position: relative;margin: 0 0 24px;padding-bottom: 26px;text-transform: uppercase;letter-spacing: 2px} #sh_category_dec .sh_category_detail{padding-left: 15px} #sh_category_dec .sh_category_detail .sh_category_title:after{position: absolute;bottom: 0;left: 0;width: 60px;height: 1px;display: inline-block;content: '';background-color:#3498DB;} #sh_category_dec .sh_category_detail .desc{font-size: 16px;line-height: 28px;color: #72797e;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;margin-bottom:0px;} #sh_category_dec .sh_category_img img{width: 100%;height: 250px;object-fit: cover;} #sh_category_dec .sub_category_back{float: left;width: 100%;position: relative;border-top: 1px solid gray;border-bottom: 1px solid gray;margin-bottom: 50px;background: url(/home/softhealer/Pictures/laptop-mock-up-lateral-view_1310-199.jpg);background-position: center;background-size:cover;background-repeat: no-repeat;height: auto;} #sh_category_dec .sub_category_back .sh_overly_box{float: left; width: 100%; position: relative;background: #020101b3;} #sh_category_dec .sub_category_back .sh_overly_box .sh_category_title{color: #FFF;} #sh_category_dec .sub_category_back .sh_overly_box .sh_category_detail{padding: 20PX;} #sh_category_dec .sub_category_back .sh_overly_box .sh_category_detail p{color: rgba(255, 255, 255);} #sh_content{margin-bottom: 25px !important;z-index: 5;margin: 0 auto;width: 100%;position: relative;padding: 25px 0px;border-top: 1px solid gray;border-bottom: 1px solid gray;} #sh_content .container-profile-dark{display: inline-block;margin-top:8em;text-decoration: none;text-align: center;transition: all 0.3s ease-in-out;} #sh_content .container-profile-dark h2{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 30px;margin-top: 9.5em; padding-bottom: 5px;text-transform: uppercase;letter-spacing: 2px;color: #333;} #sh_content .container-profile-dark p{margin:0px;font-size: 16px;line-height: 28px;color: #72797e;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;text-align: justify;} #sh_content .caption-style{list-style-type: none;padding: 0px;width: 100%;justify-content: center; display: flex;margin-bottom: 0px;} #sh_content .caption-style li{display: block;padding: 0px 15px;} #sh_content .container-profile-dark .inner-content{padding: 0px;position: relative;overflow: hidden; margin-top: -8em;} #sh_content .caption-text{z-index: 10;color: #fff;position: absolute;width: 250px;height: 250px;top: 80px;} #sh_content .container-profile-dark .caption-bg{opacity: 0; cursor: pointer;position: absolute;left: calc(50% - 140px);background-color: rgba(215, 81, 107, .7);z-index: 100;width: 250px;height: 250px;border: 10px solid #EBEBEB;-webkit-border-radius: 100%;-moz-border-radius: 100%; transition: all 0.3s ease-in-out;} #sh_content .container-profile-dark img{padding: 0px; position: absolute;left: calc(50% - 140px);z-index: 10; width: 250px; height: 250px; border-radius: 50%;border: 10px solid #EBEBEB;-webkit-border-radius: 50-moz-border-radius: 50%;margin: 0 0 1em;} #sh_content .container-profile-dark h4{text-transform: uppercase;font-size: 24px;margin-bottom: 0;display: inline-block;font-weight: 300;} @media only screen and (min-width: 768px){#sh_content .caption-style li{display: inline-block;}#sh_content .container-profile-dark img, #sh_content .container-profile-dark .caption-bg, #sh_content .caption-text{width: 200px;height: 200px;left: calc(50% - 100px); object-fit: none;}#sh_content .caption-text{top: 40px;}#sh_content .container-profile-dark h2{margin-top: 7.5em}} @media only screen and (min-width: 992px){#sh_content .container-profile-dark img, #sh_content .container-profile-dark .caption-bg, #sh_content .caption-text{width: 230px;height: 230px;left: calc(50% - 120px); object-fit: none;}#sh_content .caption-text{top: 70px;}#sh_content .container-profile-dark h2{margin-top: 8.5em}} @media only screen and (min-width: 1200px){} #sh_company{margin-bottom: 25px;} .sh_title{text-align:center;font-family: 'Josefin Sans', sans-serif;} .sh_description{position: relative;color: #84858a;font-size: 16px;letter-spacing: 1px;font-weight: 600;padding-top: 30px;margin-bottom: -10px;text-transform: capitalize;} .sh_description:before{left: 50%;margin-left: -3px;top:0;position: absolute;content: '';width: 6px;height: 6px;background-color: #7e7bb1;} .sh_title h2{position: relative;color: #7e7bb1;font-weight: 700;line-height: 1.2em; text-transform: capitalize; margin-top: 0px;} 

/* /sh_website_category_page/static/src/css/sh_website_category.scss defined in bundle 'web.assets_frontend' */
 #sh_category{width: 100%; padding: 0px 0px 25px; position: relative; padding-left: 0px; margin-bottom: 25px;} #sh_category .sh_sub_category{width: 100%;} #sh_category figure{position: relative; overflow: hidden; margin: 10px 0%; height: auto; text-align: center; cursor: pointer;} #sh_category figure img{position: relative; display: block; min-height: 100%; width: 100%; object-fit: cover;} #sh_category figure figcaption{padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden;} #sh_category figure figcaption::before, #sh_category figure figcaption::after{pointer-events: none;} #sh_category figure figcaption, #sh_category figure figcaption > a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} #sh_category figure figcaption > a{z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;} #sh_category figure h2{word-spacing: -0.15em; font-weight: 300;} #sh_category figure h2 span{font-weight: 800;} #sh_category figure h2, #sh_category figure span{margin: 0;} #sh_category figure span{letter-spacing: 1px; font-size: 68.5%;} #sh_category figure.sh_effect img, #sh_category figure.sh_effect h2{-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;} #sh_category figure.sh_effect img{-webkit-backface-visibility: hidden; backface-visibility: hidden;} #sh_category figure.sh_effect h2, #sh_category figure.sh_effect span{position: absolute; bottom: 0; left: 0; padding: 15px; width: 100%; text-align: left; background: rgba(49, 49, 49, 0.28);} #sh_category figure.sh_effect span{background: #e2e2e2; color: #2b2b2b; width: 100%; text-transform: none; font-size: 90%; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0);} #sh_category figure.sh_effect:hover img{-webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0);} #sh_category figure.sh_effect:hover h2{-webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0);} #sh_category figure.sh_effect:hover span{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} @media (max-width: 991px){#sh_category figure figcaption{padding: 0em;}#sh_category figure.sh_effect h2, #sh_category figure.sh_effect span{padding: 20px;}#sh_category figure h2{font-size: 25px;}} .img_class{height: 400px;} .justify-content-center{margin-bottom: 15px;} #sh_company{width: 100%; position: relative;} #sh_company .sub_company{width: 100%; position: relative; padding: 0px 0px 0px;} #sh_company .sub_company .title{width: 100%; text-align: center; padding-bottom: 1 0px; margin-bottom: 20px;} #sh_company .sub_company .main_box .img_box .comp_img{display: block; max-width: 100%; position: relative; background: #000; overflow: hidden;} #sh_company .sub_company .main_box .img_box .comp_img img{object-fit: cover; max-width: 100%; transition: all 3s; border: 0; vertical-align: top; height: 180px; width: 100%;} #sh_company .sub_company .main_box .comp_content .title{font-size: 16px; margin: 0px; line-height: 30px;} #sh_company .sub_company .main_box .comp_content .title span{text-decoration: none; color: #222; font-family: "Poppins",sans-serif; font-weight: 600;} #sh_company .comp_content{padding: 20px; bottom: 0; overflow: hidden; left: 0; z-index: 1; width: 100%; height: 200px; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; -moz-transition: all .35s; -ms-transition: all .35s;} #sh_company .comp_content .comp_dec{margin-top: 5px;} #sh_company .comp_content .comp_dec p{font-family: "Roboto",sans-serif; font-size: 15px; line-height: 1.6; -webkit-box-orient: vertical; color: #838383; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;} #sh_company .img_box_inner{margin-bottom: 25px !important; position: relative; margin-bottom: 0px; text-align: center; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; max-width: 420px; margin-right: auto; margin-left: auto; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);} #sh_company .comp_read .read_button{font-size: 12px; text-transform: uppercase; color: #5468ff; position: relative; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; -moz-transition: all .35s; -ms-transition: all .35s; font-weight: 600; padding-right: 32px; font-family: "Poppins",sans-serif; text-decoration: none;} #sh_company .comp_read .read_button:after{content: '\f061'; font-family: "FontAwesome"; position: absolute; top: 3px; right: 14px; color: #5468ff; z-index: 1; line-height: 1; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; -moz-transition: all .35s; -ms-transition: all .35s; font-weight: 100 !important;} #sh_company .img_box:hover .img_box_inner{background: #3498DB; color: #fff;} #sh_company .img_box:hover .img_box_inner .title span{color: #fff;} #sh_company .img_box:hover .img_box_inner .comp_dec p{color: #fff;} #sh_company .img_box:hover .img_box_inner .read_button{color: #fff;} #sh_company .img_box:hover .img_box_inner .read_button:after{color: #fff;} #sh_company .img_box:hover .comp_img img{transform: scale(1.5); -webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); -moz-transform: scale(1.5); opacity: 0.4; -webkit-transform-style: unset; transform-style: unset;} a:hover, a:focus{text-decoration: none;} @media (max-width: 510px){.img_box{width: 100% !important;}} #shop_category_1{position: relative; width: 100%; margin-bottom: 25px; padding: 0px 0px 0px;} #shop_category_1 .container .sh_title{width: 100%; text-align: center;} #shop_category_1 .container .sh_title h2{font-size: 35px; text-transform: uppercase; font-weight: 700; margin-top: 0;} #shop_category_1 .container .row .col-md-4 .shop_cate{position: relative; overflow: hidden; margin-bottom: 25px;} #shop_category_1 .container .row .col-md-4 .shop_cate .img_box{width: 100%; height: 250px;} #shop_category_1 .container .row .col-md-4 .shop_cate .img_box img{width: 100%; object-fit: cover; height: 100%;} #shop_category_1 .container .row .col-md-4 .shop_cate .sh_text h4{text-align: center; text-transform: uppercase; font-size: 26px; width: 100%; color: #fff; padding: 10px 0; font-weight: 600; background: rgba(0, 0, 0, 0.5); position: absolute; top: 50%; transform: translateY(-50%);} #shop_category_1 .container .row .col-md-4 .shop_cate:hover .sh_text h4{visibility: hidden; transition: all;} #shop_category_1 .container .row .col-md-4 .shop_cate .cate_menu{position: absolute; top: 0px; bottom: 0; left: 0; padding: 50px 25px 40px; height: 100%; background-color: rgba(0, 0, 0, 0.6); transition: all 0.5s; transform: translateX(-100%);} #shop_category_1 .container .row .col-md-4 .shop_cate .cate_menu .menu_title{margin-bottom: 10px;} #shop_category_1 .container .row .col-md-4 .shop_cate .cate_menu .menu_title a{text-decoration: none;} #shop_category_1 .container .row .col-md-4 .shop_cate .cate_menu .menu_title a span{font-size: 20px; color: #c7a17a; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; text-decoration: none;} #shop_category_1 .container .row .col-md-4 .shop_cate .cate_menu .site_cate{padding-left: 15px;} #shop_category_1 .container .row .col-md-4 .shop_cate .cate_menu .site_cate li{color: #fff; margin-bottom: 8px;} #shop_category_1 .container .row .col-md-4 .shop_cate .cate_menu .site_cate a{font-size: 14px; color: #fff; text-transform: capitalize; font-weight: 400; position: relative; padding-left: 15px; text-align: left; letter-spacing: 1px; -webkit-transition: all 0.3s; text-decoration: none;} #shop_category_1 .container .row .col-md-4 .shop_cate:hover .cate_menu{transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px);} #shop_category_1 .container .row .col-md-4 .shop_cate .cate_menu .site_cate{font-family: "Roboto",sans-serif; font-size: 15px; line-height: 1.6; -webkit-box-orient: vertical; color: #ffffff; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;} #shop_category_1 .container .row .col-md-4 .cate_menu .menu_title span{color: #fff; font-weight: 600; padding-left: 15px; font-size: 18px;} @media (min-width: 993px) and (max-width: 1200px){#shop_category_1 .container .row .col-md-4 .shop_cate .sh_text h4{font-size: 22px;}} @media (max-width: 991px){#shop_category_1 .container .row .col-md-4 .shop_cate .cate_menu{padding: 30px 25px 0px !important;}} @media (min-width: 566px) and (max-width: 993px){#shop_category_1 .container .row .col-md-4 .shop_cate .cate_menu{padding: 50px 10px 0px !important;}#shop_category_1 .container .row .col-md-4 .shop_cate .sh_text h4{font-size: 22px;}} @media (max-width: 565px){#shop_category_1 .col-xs-6{width: 100% !important;}#shop_category_1 .container .row .col-md-4 .shop_cate .cate_menu{padding: 50px 25px 0px !important;}#shop_category_1 .container .row .col-md-4 .shop_cate .sh_text h4{font-size: 18px;}} #sh_category_dec{width: 100%; position: relative; margin-bottom: 25px;} #sh_category_dec .sh_category_detail .sh_category_title{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 30px; position: relative; margin: 0 0 24px; padding-bottom: 26px;} #sh_category_dec .sh_category_detail{padding-left: 0px;} #sh_category_dec .sh_category_detail .sh_category_title:after{position: absolute; bottom: 0; left: 0; width: 60px; height: 1px; display: inline-block; content: ''; background-color: #e52e06;} #sh_category_dec .sh_category_detail .desc{font-size: 16px; line-height: 28px; color: #72797e; margin-bottom: 0px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;} #sh_category_dec .sh_category_img img{width: 100%; height: 250px; object-fit: cover;} .sh_gradient{box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); padding: .84rem 2.14rem; font-size: .90em; color: #fff; text-transform: uppercase; white-space: normal; border-radius: .125rem; border: 0; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; text-align: center; letter-spacing: 1px;} .sh_rounded_img{width: 230px;} #sh_website_page_categ_head_style_4{border-top: 1px solid grey; border-bottom: 1px solid grey; padding: 1.5pc 0pc; margin: 1.5pc 0; position: relative;} #sh_website_page_categ_head_style_4 .img_box{width: 100%; height: 350px; position: relative;} #sh_website_page_categ_head_style_4 .img_box:before{position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7);} #sh_website_page_categ_head_style_4 .img_box img{width: 100%; height: 100%; object-fit: cover;} #sh_website_page_categ_head_style_4 .img_box .categ_header{position: absolute; top: 40%; transform: translateY(-44%); left: 7%; font-size: 4rem; font-weight: 800; margin-bottom: 0; color: #fff; text-transform: uppercase; border-bottom: 1px solid #fff; padding-bottom: 3px;} #sh_website_page_categ_head_style_4 .categ_desc{position: absolute; top: 60%; transform: translateY(-50%); left: 7%; font-size: 16px; font-weight: 800; margin-bottom: 0; color: #fff; width: 60%; overflow: hidden; text-overflow: ellipsis; display: -webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} @media only screen and (max-width: 414px){#sh_website_page_categ_head_style_4 .img_box .categ_header{top: 45%; left: 50%; transform: translate(-50%, -50%); font-size: 3.5rem;}#sh_website_page_categ_head_style_4 .categ_desc{top: 66%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 90%;}} #sh_website_page_categ_head_style_5{border-top: 1px solid grey; border-bottom: 1px solid grey; padding: 1.5pc 0pc; margin: 1.5pc 0; position: relative; background: #fcfcfc; overflow: hidden;} #sh_website_page_categ_head_style_5 .img_box{width: 100%; position: relative; text-align: center; z-index: 1;} #sh_website_page_categ_head_style_5 .img_box h1{font-size: 40px; line-height: 46px; font-weight: 800; color: #00A09D; position: relative; display: inline-block; padding: 0.5pc 0.5pc; text-align: center;} #sh_website_page_categ_head_style_5 .img_box .categ_header_1{position: absolute; top: 23%; left: 50%; transform: translate(-50%, -50%); font-weight: bolder; font-size: 8rem; color: #f7f7f7; z-index: -1; letter-spacing: 10px;} #sh_website_page_categ_head_style_5 .img_box span{text-align: center; color: #666f7d; font-size: 12px; text-transform: uppercase; letter-spacing: 3.6px; display: block; font-family: 'Montserrat'; font-weight: 800; font-style: normal;} #sh_website_page_categ_head_style_5 .img_box .categ_desc{position: relative; font-size: 16px; line-height: 28px; color: #666666; margin: 0px; width: 70%; margin: 0 auto; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: center;} #sh_website_page_categ_head_style_6{border-top: 1px solid grey; border-bottom: 1px solid grey; position: relative; padding: 1.5pc 0pc; margin: 1.5pc 0;} #sh_website_page_categ_head_style_6 .img_box{width: 100%; height: 350px; position: relative; text-align: center; overflow: hidden;} #sh_website_page_categ_head_style_6 .img_box img{width: 100%; height: 100%; object-fit: cover;} #sh_website_page_categ_head_style_6 .img_box .overlay{position: absolute; width: 50%; height: 100%; top: 0%; left: 65%; background: rgba(0, 0, 0, 0.7); transform: skewX(-40deg); animation-name: overLay; animation-duration: .5s; animation-timing-function: ease-in-out;} #sh_website_page_categ_head_style_6 .img_box h1{position: absolute; color: #fff; right: 0%; z-index: 1; bottom: 8%; font-size: 3rem; font-weight: 600; padding-right: 2pc; padding-top: 7px; padding-bottom: 7px; animation-name: title; animation-duration: 1s; animation-timing-function: ease-in-out; text-align: right;} #sh_website_page_categ_head_style_6 .img_box h1:after{content: ''; position: absolute; width: 115%; height: 2px; top: 0; background: #fff; right: 0;} #sh_website_page_categ_head_style_6 .img_box h1:before{content: ''; position: absolute; width: 80%; height: 2px; bottom: 0; background: #fff; right: 0;} @keyframes overLay{from{transform: skewX(-40deg) translateX(110%);}to{transform: skewX(-40deg) translateX(0%);}} @keyframes title{from{transform: translateX(110%);}to{transform: translateX(0%);}} @media only screen and (max-width: 768px){#sh_website_page_categ_head_style_6 .img_box .overlay{width: 65%; left: 60%;}} @media only screen and (max-width: 414px){#sh_website_page_categ_head_style_6 .img_box .overlay{width: 105%; left: 33%;}} #sh_website_page_sub_categ_style_5 .main_box, #sh_website_page_categ_style_5 .main_box{position: relative;} #sh_website_page_sub_categ_style_5 .sh_title h2, #sh_website_page_categ_style_5 .sh_title h2{color: #00A09D; margin: 2pc 0;} #sh_website_page_sub_categ_style_5 .img_box, #sh_website_page_categ_style_5 .img_box{overflow: hidden; width: 100%; height: 350px; position: relative;} #sh_website_page_sub_categ_style_5 .img_box:before, #sh_website_page_categ_style_5 .img_box:before{content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 1;} #sh_website_page_sub_categ_style_5 .img_box img, #sh_website_page_categ_style_5 .img_box img{width: 100%; height: 100%; transform: scale(1.1); transition: all 500ms ease; object-fit: cover;} #sh_website_page_sub_categ_style_5 .main_box:hover img, #sh_website_page_categ_style_5 .main_box:hover img{transform: scale(1); transition: all 500ms ease;} #sh_website_page_sub_categ_style_5 .text_box, #sh_website_page_categ_style_5 .text_box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; text-align: center; width: 100%;} #sh_website_page_sub_categ_style_5 .text_box .text_text, #sh_website_page_categ_style_5 .text_box .text_text{transform: translateY(45%); transition: all 500ms ease; width: 70%; margin: 0 auto;} #sh_website_page_sub_categ_style_5 .btn-primary, #sh_website_page_categ_style_5 .btn-primary{font-weight: normal;} #sh_website_page_sub_categ_style_5 .text_box .text_text p, #sh_website_page_sub_categ_style_5 .btn-primary, #sh_website_page_categ_style_5 .text_box .text_text p, #sh_website_page_categ_style_5 .btn-primary{opacity: 0; transition: all 500ms ease;} #sh_website_page_sub_categ_style_5 .main_box:hover .text_text p, #sh_website_page_sub_categ_style_5 .main_box:hover .btn-primary, #sh_website_page_categ_style_5 .main_box:hover .text_text p, #sh_website_page_categ_style_5 .main_box:hover .btn-primary{opacity: 1; transition: all 500ms ease;} #sh_website_page_sub_categ_style_5 .main_box:hover .text_text, #sh_website_page_categ_style_5 .main_box:hover .text_text{transform: translateY(5%); transition: all 500ms ease;} #sh_website_page_sub_categ_style_5 .text_box h3, #sh_website_page_categ_style_5 .text_box h3{color: #fff; font-size: 24px; font-weight: 800; text-transform: uppercase; line-height: 26px; letter-spacing: 0.6px; transition: all 500ms ease; margin-bottom: 1pc; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} #sh_website_page_sub_categ_style_5 .description, #sh_website_page_categ_style_5 .description{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; opacity: 1; transition: all 500ms ease; color: #FFFFFF; font-size: 16px; font-weight: 400; line-height: 26px; margin-bottom: 1.5pc;} #sh_website_page_sub_categ_style_5 .btn-primary:focus, #sh_website_page_categ_style_5 .btn-primary:focus{box-shadow: none;} #sh_website_page_sub_categ_style_5 .btn-primary, #sh_website_page_categ_style_5 .btn-primary{border-radius: 30px; padding: 2px 28px; border: none; font-size: 20px;} @media only screen and (max-width: 414px){#sh_website_page_sub_categ_style_5 .img_box img, #sh_website_page_categ_style_5 .img_box img{transform: scale(1) !important;}#sh_website_page_sub_categ_style_5 .text_text, #sh_website_page_categ_style_5 .text_text{transform: translateY(5%) !important;}#sh_website_page_sub_categ_style_5 .text_box .text_text p, #sh_website_page_sub_categ_style_5 .btn-primary, #sh_website_page_categ_style_5 .text_box .text_text p, #sh_website_page_categ_style_5 .btn-primary{opacity: 1; transition: all 500ms ease;}} #sh_website_page_sub_categ_style_6 .sh_title h2, #sh_website_page_categ_style_6 .sh_title h2{color: #00A09D; margin: 2pc 0;} #sh_website_page_sub_categ_style_6 .main_box, #sh_website_page_categ_style_6 .main_box{visibility: visible; animation-duration: 1500ms; animation-delay: 0ms; animation-name: fadeInUp; margin-bottom: 6pc;} #sh_website_page_sub_categ_style_6 .main_box{margin-bottom: 0pc;} #sh_website_page_sub_categ_style_6 .main_box .inner-box, #sh_website_page_categ_style_6 .main_box .inner-box{position: relative; display: block; text-align: center; margin-bottom: 44px;} #sh_website_page_sub_categ_style_6 .main_box .image-box, #sh_website_page_categ_style_6 .main_box .image-box{position: relative; display: block; overflow: hidden; height: 300px; overflow: hidden; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 8px 0 rgba(0, 0, 0, 0.1);} #sh_website_page_sub_categ_style_6 .main_box .image-box .img_box, #sh_website_page_categ_style_6 .main_box .image-box .img_box{width: 100%; height: 100%;} #sh_website_page_sub_categ_style_6 .main_box .image-box img, #sh_website_page_categ_style_6 .main_box .image-box img{width: 100%; transition: all 500ms ease; height: 100%; object-fit: cover;} #sh_website_page_sub_categ_style_6 .main_box .overlay-box, #sh_website_page_categ_style_6 .main_box .overlay-box{position: absolute; left: 50%; top: 50%; width: 100%; padding: 15px 18px; transform: translate(-50%, -50%); opacity: 0; transition: all 500ms ease; height: 100%; background: rgba(0, 0, 0, 0.5);} #sh_website_page_sub_categ_style_6 .main_box .overlay-box p, #sh_website_page_categ_style_6 .main_box .overlay-box p{color: #fff; opacity: 0; transform: translateY(100px); transition-delay: .5s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin-bottom: 0; font-size: 18px;} #sh_website_page_sub_categ_style_6 .main_box .lower-content, #sh_website_page_categ_style_6 .main_box .lower-content{position: relative;} #sh_website_page_sub_categ_style_6 .main_box .lower-content .inner, #sh_website_page_categ_style_6 .main_box .lower-content .inner{position: absolute; display: block; overflow: hidden; top: -26px; width: calc(100% - 30px); left: 15px; background: #fff; text-align: center; padding: 15px 5px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); transition: all 500ms ease; z-index: 1;} #sh_website_page_sub_categ_style_6 .main_box .lower-content .inner:before, #sh_website_page_categ_style_6 .main_box .lower-content .inner:before{position: absolute; content: ''; width: 100%; height: 0%; left: 0px; right: 0px; bottom: 0px; opacity: 0; transition: all 500ms ease; background: #00A09D;} #sh_website_page_sub_categ_style_6 .main_box .lower-content .inner h4, #sh_website_page_categ_style_6 .main_box .lower-content .inner h4{margin-bottom: 0; transition: all 0.1s ease; overflow: hidden; text-overflow: ellipsis; display: block; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding: 0 10px;} #sh_website_page_sub_categ_style_6 .main_box .inner-box:hover, #sh_website_page_categ_style_6 .main_box .inner-box:hover{color: #fff; transition: all 0.1s ease;} #sh_website_page_sub_categ_style_6 .main_box .inner-box:hover .overlay-box, #sh_website_page_categ_style_6 .main_box .inner-box:hover .overlay-box{opacity: 1; transition: all 500ms ease;} #sh_website_page_sub_categ_style_6 .main_box .inner-box:hover .overlay-box p, #sh_website_page_categ_style_6 .main_box .inner-box:hover .overlay-box p{transform: translateY(90px); opacity: 1; transition: all 500ms ease; font-weight: 500;} #sh_website_page_sub_categ_style_6 .main_box .inner-box:hover .lower-content .inner:before, #sh_website_page_categ_style_6 .main_box .inner-box:hover .lower-content .inner:before{top: 0px; height: 100%; opacity: 1; transition: all 500ms ease; z-index: -1;} @keyframes fadeInUp{from{transform: translate3d(0, 40px, 0);}to{transform: translate3d(0, 0, 0); opacity: 1;}} @media only screen and (max-width: 414px){#sh_website_page_sub_categ_style_6 .main_box .lower-content .inner, #sh_website_page_categ_style_6 .main_box .lower-content .inner{color: #fff; background: #00A09D;}#sh_website_page_sub_categ_style_6 .main_box .overlay-box, #sh_website_page_categ_style_6 .main_box .overlay-box{opacity: 1;}#sh_website_page_sub_categ_style_6 .main_box .overlay-box p, #sh_website_page_categ_style_6 .main_box .overlay-box p{transform: translateY(90px); opacity: 1; font-weight: 500;}} #sh_website_page_sub_categ_style_7 .sh_title h2, #sh_website_page_categ_style_7 .sh_title h2{color: #00A09D; padding: 1.5pc 0 0.8pc 0;} #sh_website_page_sub_categ_style_7 .main_box, #sh_website_page_categ_style_7 .main_box{height: 407px; position: relative; overflow: hidden; z-index: 2; transition: 300ms ease all; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.1); margin: 1.1pc 0;} #sh_website_page_sub_categ_style_7 .main_box:after, #sh_website_page_categ_style_7 .main_box:after{content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; box-shadow: 0 0 0 #191919; opacity: 0; transition: 300ms ease all;} #sh_website_page_sub_categ_style_7 .img_box, #sh_website_page_categ_style_7 .img_box{width: 100%; height: 100%;} #sh_website_page_sub_categ_style_7 .img_box img, #sh_website_page_categ_style_7 .img_box img{display: block; width: 100%; height: 100%; object-fit: cover;} #sh_website_page_sub_categ_style_7 .text_box, #sh_website_page_categ_style_7 .text_box{background: #fff; padding: 0.625em 1.875em 1.5625em; transform: translateY(100%); opacity: 0; position: absolute; left: 0; right: 0; bottom: 0; pointer-events: none; transition: 400ms ease all;} #sh_website_page_sub_categ_style_7 .text_box:before, #sh_website_page_categ_style_7 .text_box:before{display: block; content: ""; width: 100%; left: 0; height: 150px; background: linear-gradient(to top, #191919 0%, transparent 100%); transform: translateY(-100%); opacity: 0.5; position: absolute; top: 0; transition: 300ms ease all;} #sh_website_page_sub_categ_style_7 .text_box_inner, #sh_website_page_categ_style_7 .text_box_inner{position: absolute; background: #fff; height: 50em; left: 0; right: -1px; transform: rotate(0); transform-origin: 0 0; margin-top: -0.625em; transition: 500ms ease transform;} #sh_website_page_sub_categ_style_7 .text_box_inner:after, #sh_website_page_categ_style_7 .text_box_inner:after{display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 120px 100px 0; border-color: transparent #00A09D transparent transparent; position: absolute; right: 0; top: -0.5px; transition: 300ms ease all;} #sh_website_page_sub_categ_style_7 .text_box_inner_1, #sh_website_page_categ_style_7 .text_box_inner_1{width: 1.875em; height: 1.875em; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; position: absolute; right: 1.875em; top: 0.875em; z-index: 1; transform: scale(2) skewY(15deg); opacity: 0; transition: 300ms ease all;} #sh_website_page_sub_categ_style_7 .text_box_inner_1:before, #sh_website_page_categ_style_7 .text_box_inner_1:before{display: block; width: 100%; height: 2px; background: #fff; content: ""; transform-origin: 50% 50%; flex: 0 0 100%; position: absolute; transition: 300ms ease all; left: 30%;} #sh_website_page_sub_categ_style_7 .text_box_inner_1:after, #sh_website_page_categ_style_7 .text_box_inner_1:after{display: block; width: 100%; height: 2px; background: #fff; content: ""; transform-origin: 50% 50%; flex: 0 0 100%; position: absolute; transform: rotate(90deg); transition: 300ms ease all; left: 30%;} #sh_website_page_sub_categ_style_7 .text_title, #sh_website_page_categ_style_7 .text_title{position: relative; z-index: 1; padding: 0; font-size: 1.5625em; color: #00A09D; transition: 300ms ease all; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: block; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} #sh_website_page_sub_categ_style_7 .text_title:after, #sh_website_page_categ_style_7 .text_title:after{content: " "; display: table; width: 100%; clear: both; transition: 300ms ease all;} #sh_website_page_sub_categ_style_7 .text_desc, #sh_website_page_categ_style_7 .text_desc{position: relative; z-index: 1; font-size: 0.875em; margin-top: 1em; color: #181818; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 1.5em; max-height: 4.5em;} #sh_website_page_sub_categ_style_7 .main_box:hover, #sh_website_page_categ_style_7 .main_box:hover{z-index: 100; transform: translateY(-5px); transition: 300ms ease all; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.1);} #sh_website_page_sub_categ_style_7 .main_box:hover .text_box, #sh_website_page_categ_style_7 .main_box:hover .text_box{transform: translateY(0); opacity: 1;} #sh_website_page_sub_categ_style_7 .main_box:hover:after, #sh_website_page_categ_style_7 .main_box:hover:after{box-shadow: 0 2px 20px #191919; opacity: 0.2;} #sh_website_page_sub_categ_style_7 .main_box:hover .text_box_inner, #sh_website_page_categ_style_7 .main_box:hover .text_box_inner{transform: skewY(-15deg);} #sh_website_page_sub_categ_style_7 .main_box:hover .text_box_inner_1, #sh_website_page_categ_style_7 .main_box:hover .text_box_inner_1{transform: scale(1) skewY(15deg); opacity: 1; transition-delay: 300ms;} @media only screen and (max-width: 414px){#sh_website_page_sub_categ_style_7 .main_box, #sh_website_page_categ_style_7 .main_box{z-index: 100; transform: translateY(-5px); transition: 300ms ease all; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.1);}#sh_website_page_sub_categ_style_7 .main_box .text_box, #sh_website_page_categ_style_7 .main_box .text_box{transform: translateY(0); opacity: 1;}#sh_website_page_sub_categ_style_7 .main_box:after, #sh_website_page_categ_style_7 .main_box:after{box-shadow: 0 2px 20px #191919; opacity: 0.2;}#sh_website_page_sub_categ_style_7 .main_box .text_box_inner, #sh_website_page_categ_style_7 .main_box .text_box_inner{transform: skewY(-15deg);}#sh_website_page_sub_categ_style_7 .main_box .text_box_inner_1, #sh_website_page_categ_style_7 .main_box .text_box_inner_1{transform: scale(1) skewY(15deg); opacity: 1; transition-delay: 300ms;}} 

/* /payment/static/src/scss/portal_payment.scss defined in bundle 'web.assets_frontend' */
 input#cc_number{background-repeat: no-repeat; background-position: 14px 14px;} div.card_placeholder{background-image: url("/website_payment/static/src/img/placeholder.png"); background-repeat: no-repeat; width: 32px; height: 20px; position: absolute; top: 8px; right: 20px; -webkit-transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); pointer-events: none;} div.o_card_brand_detail{position: relative;} div.o_card_brand_detail div.card_placeholder{right: 5px;} div.amex{background-image: url("/website_payment/static/src/img/amex.png"); background-repeat: no-repeat;} div.diners{background-image: url("/website_payment/static/src/img/diners.png"); background-repeat: no-repeat;} div.discover{background-image: url("/website_payment/static/src/img/discover.png"); background-repeat: no-repeat;} div.jcb{background-image: url("/website_payment/static/src/img/jcb.png"); background-repeat: no-repeat;} div.mastercard{background-image: url("/website_payment/static/src/img/mastercard.png"); background-repeat: no-repeat;} div.visa{background-image: url("/website_payment/static/src/img/visa.png"); background-repeat: no-repeat;} ul.payment_method_list img.rounded{max-width: 100px; max-height: 40px;} 

/* /payment/static/src/scss/payment_form.scss defined in bundle 'web.assets_frontend' */
 .o_payment_form label > input[type="radio"], .o_payment_form input[type="checkbox"]{vertical-align: middle; margin-right: 5px;} .o_payment_form .payment_option_name{font-size: 14px; font-weight: normal !important; font-family: Helvetica Neue, sans-serif; line-height: 1.3em; color: #4d4d4d;} .o_payment_form label{font-weight: normal; margin-top: 5px;} .o_payment_form .card-body:first-child{border-top: 0px;} .o_payment_form .card{border-radius: 10px;} .o_payment_form .card-footer:last-child{border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important;} .o_payment_form .card-body{border-top: 1px solid #ddd; padding: 1.14em !important;} .o_payment_form .payment_icon_list{position: relative; margin-top: 0px !important; margin-bottom: -5px !important;} .o_payment_form .payment_icon_list li{padding-left: 5px !important; padding-right: 0px !important;} .o_payment_form .payment_icon_list .more_option{position: absolute; top: auto; left: auto; bottom: auto; right: 10px; font-size: 10px;} 

/* /sale/static/src/scss/sale_portal.scss defined in bundle 'web.assets_frontend' */
 .orders_vertical_align{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .orders_label_text_align{vertical-align: 15%;} .sale_tbody .o_line_note{word-break: break-word; word-wrap: break-word; overflow-wrap: break-word;}