.o_mail_thread .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_exception, .o_mail_thread .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_bounce, .o_mail_activity .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_exception, .o_mail_activity .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_bounce{color: red; opacity: 1; cursor: pointer;} .o_mail_thread .o_thread_message .o_thread_message_core .o_attachments_list:last-child, .o_mail_thread .o_thread_message .o_thread_message_core .o_attachments_previews:last-child, .o_mail_activity .o_thread_message .o_thread_message_core .o_attachments_list:last-child, .o_mail_activity .o_thread_message .o_thread_message_core .o_attachments_previews:last-child{margin-bottom: 30px;} .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_tooltip_container, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_tooltip_container{display: inline; position: relative;} .o_mail_thread .o_thread_title, .o_mail_activity .o_thread_title{margin-top: 20px; margin-bottom: 20px; font-weight: bold; font-size: 125%;} .o_mail_thread .o_mail_no_content, .o_mail_activity .o_mail_no_content{position: absolute; top: 30%; left: 0; bottom: 0; right: 0; text-align: center; font-size: 115%;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_read_more, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_read_more{display: block;} .o_web_client .popover .o_thread_tooltip_icon{min-width: 1rem;} .o_web_client.o_touch_device .o_mail_thread .o_thread_icon{opacity: 0.6;} 

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

/* /website_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_links/static/src/css/website_links.css defined in bundle 'web.assets_frontend' */
.no-link-style{color: black; text-decoration: none;} .required-form-control{background-color: #CECDFF;} #filters li a, #filters li.active a, #filters li.active a.active, #filters li.active a:hover, #filters li.active a:focus, #filters li a:hover{padding: 0px 5px; border-radius: 0px; border: 0px; border-color: transparent; border-right: 1px solid #999; padding-bottom: 0; background-color: #FFFFFF;} #filters li.active a{color: #999;} #filters li:last-child a, #filters li:last-child a:hover, #filters li:last-child a:focus{border-right: 0px;} .nav-tabs-inline{font-size: 14px;} #o_website_links_recent_links{min-height:30em;} .o_website_links_code_error{display:none; color:red; font-weight:bold;} .truncate_text{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 500px;} 

/* /mass_mailing/static/src/css/mass_mailing_popup.css defined in bundle 'web.assets_frontend' */
 .editor_enable [data-oe-placeholder]:empty:not(:focus):before{content: " \00a0 " attr(data-oe-placeholder); opacity: 0.4;} .o_popup_animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes o_popup_bounce_small{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0);}70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}90%{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}} @keyframes o_popup_bounce_small{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0);}70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}90%{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}} .o_popup_bounce_small{-webkit-animation-name: o_popup_bounce_small; animation-name: o_popup_bounce_small; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom;} .o_popup_bounce_del500ms{-webkit-animation-delay: 500ms; animation-delay: 500ms;} #o_newsletter_popup .btn.btn-success{color: #ffffff; background-color: #21b799; border-color: #1da187;} #o_newsletter_popup .btn.btn-success:hover, #o_newsletter_popup .btn.btn-success:focus, #o_newsletter_popup .btn.btn-success.focus, #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.active, .open > .dropdown-toggle#o_newsletter_popup .btn.btn-success{color: #ffffff; background-color: #198c75; border-color: #146e5c;} #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.active, .open > .dropdown-toggle#o_newsletter_popup .btn.btn-success{background-image: none;} #o_newsletter_popup .btn.btn-success.disabled, #o_newsletter_popup .btn.btn-success[disabled], fieldset[disabled] #o_newsletter_popup .btn.btn-success, #o_newsletter_popup .btn.btn-success.disabled:hover, #o_newsletter_popup .btn.btn-success[disabled]:hover, fieldset[disabled] #o_newsletter_popup .btn.btn-success:hover, #o_newsletter_popup .btn.btn-success.disabled:focus, #o_newsletter_popup .btn.btn-success[disabled]:focus, fieldset[disabled] #o_newsletter_popup .btn.btn-success:focus, #o_newsletter_popup .btn.btn-success.disabled.focus, #o_newsletter_popup .btn.btn-success[disabled].focus, fieldset[disabled] #o_newsletter_popup .btn.btn-success.focus, #o_newsletter_popup .btn.btn-success.disabled:active, #o_newsletter_popup .btn.btn-success[disabled]:active, fieldset[disabled] #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.disabled.active, #o_newsletter_popup .btn.btn-success[disabled].active, fieldset[disabled] #o_newsletter_popup .btn.btn-success.active{background-color: #21b799; border-color: #1da187;} #o_newsletter_popup h1, #o_newsletter_popup h2, #o_newsletter_popup h3, #o_newsletter_popup h4, #o_newsletter_popup h5, #o_newsletter_popup h6, #o_newsletter_popup .h1, #o_newsletter_popup .h2, #o_newsletter_popup .h3, #o_newsletter_popup .h4, #o_newsletter_popup .h5, #o_newsletter_popup .h6{font-weight: 300; color: #666; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #o_newsletter_popup h1:first-child, #o_newsletter_popup h2:first-child, #o_newsletter_popup h3:first-child, #o_newsletter_popup h4:first-child, #o_newsletter_popup h5:first-child, #o_newsletter_popup h6:first-child, #o_newsletter_popup .h1:first-child, #o_newsletter_popup .h2:first-child, #o_newsletter_popup .h3:first-child, #o_newsletter_popup .h4:first-child, #o_newsletter_popup .h5:first-child, #o_newsletter_popup .h6:first-child{margin-top: 0;} #o_newsletter_popup .o_popup_modal_content{border-radius: 2px; box-shadow: 0 0 20px rgba(255, 255, 255, 0.11); -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.11); border: 1px solid #767676; background: #f2f2f2;} #o_newsletter_popup .o_popup_modal_content:before{content: ""; position: absolute; width: 100%; height: 100%; z-index: 0; background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(42%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);} #web_editor_inside_iframe #o_newsletter_popup .o_popup_modal_content:before{content: none;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header{background: #6c1153; padding: 5px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header .o_popup_modal_title{color: #ffffff;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header *{position: relative; z-index: 1;} #o_newsletter_popup .o_popup_modal_content a.o_popup_btn_close{position: absolute; z-index: 99; right: 5px; top: 6px; width: 23px; height: 23px; display: block; text-align: center; border-radius: 100em; background: #6c1153; color: #daa3cb; text-decoration: none; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; -ms-transition: all ease 200ms; -o-transition: all ease 200ms;} #o_newsletter_popup .o_popup_modal_content a.o_popup_btn_close:hover{background: #89296e; color: #ffffff;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body{padding: 0px 0px 30px; color: #666666;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev{padding-bottom: 15px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message{font-size: 3em; position: relative; text-align: left; padding-left: 2em; line-height: 1; margin: .5em; font-weight: 100;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message font{font-weight: 600; color: #875A7B; font-size: 2.5em; font-style: italic; position: absolute; top: -0.1em; margin-left: -0.65em;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message strong{color: #875A7B;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_message_paragraph{position: relative;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group{margin-left: auto; margin-right: auto; max-width: 350px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group input{border-radius: 2px 0 0 2px; border: none; outline: 0; box-shadow: inset 0 -1px #cccccc;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group .btn{border-radius: 0 2px 2px 0; border-width: 0 0 1px; padding-top: 7px; margin-left: -1px; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; -ms-transition: all ease 200ms; -o-transition: all ease 200ms;} 

/* /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: #337ab7;} .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;} 

/* /to_website_docs/static/src/css/set1.css defined in bundle 'web.assets_frontend' */
@font-face{font-weight: normal; font-style: normal; font-family: 'feathericons'; src:url('/to_website_docs/static/src/css/../fonts/feathericons/feathericons.eot?-8is7zf'); src:url('/to_website_docs/static/src/css/../fonts/feathericons/feathericons.eot?#iefix-8is7zf') format('embedded-opentype'), url('/to_website_docs/static/src/css/../fonts/feathericons/feathericons.woff?-8is7zf') format('woff'), url('/to_website_docs/static/src/css/../fonts/feathericons/feathericons.ttf?-8is7zf') format('truetype'), url('/to_website_docs/static/src/css/../fonts/feathericons/feathericons.svg?-8is7zf#feathericons') format('svg');} .grid{position: relative; margin: 0 auto; padding: 1em 0 4em; max-width: 1000px; list-style: none; text-align: center;} .grid div.figure{position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 320px; max-width: 480px; max-height: 360px; width: 48%; background: #3085a3; text-align: center; cursor: pointer;} .grid div.figure img{position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8;} .grid div.figure div.caption{padding: 2em; color: #fff; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .grid div.figure div.caption::before, .grid div.figure div.caption::after{pointer-events: none;} .grid div.figure div.caption, .grid div.figure div.caption > a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .grid div.figure div.caption > a{z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;} .grid div.figure h2{word-spacing: -0.15em; font-weight: 300;} .grid div.figure h2 span{font-weight: 800;} .grid div.figure h2, .grid div.figure p{margin: 0;} .grid div.figure p{letter-spacing: 1px; font-size: 68.5%;} div.figure.effect-lily img{max-width: none; width: -webkit-calc(100% + 50px); width: calc(100% + 50px); opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-40px,0, 0); transform: translate3d(-40px,0,0);} div.figure.effect-lily div.caption{text-align: left;} div.figure.effect-lily div.caption > div{position: absolute; bottom: 0; left: 0; padding: 2em; width: 100%; height: 50%;} div.figure.effect-lily h2, div.figure.effect-lily p{-webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0);} div.figure.effect-lily h2{-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;} div.figure.effect-lily p{color: rgba(255,255,255,0.8); opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s;} div.figure.effect-lily:hover img, div.figure.effect-lily:hover p{opacity: 1;} div.figure.effect-lily:hover img, div.figure.effect-lily:hover h2, div.figure.effect-lily:hover p{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-lily:hover p{-webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s;} div.figure.effect-sadie div.caption::before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); content: ''; opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0);} div.figure.effect-sadie h2{position: absolute; top: 50%; left: 0; width: 100%; color: #484c61; -webkit-transition: -webkit-transform 0.35s, color 0.35s; transition: transform 0.35s, color 0.35s; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0);} div.figure.effect-sadie div.caption::before, div.figure.effect-sadie p{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;} div.figure.effect-sadie p{position: absolute; bottom: 0; left: 0; padding: 2em; width: 100%; opacity: 0; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0);} div.figure.effect-sadie:hover h2{color: #fff; -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0); transform: translate3d(0,-50%,0) translate3d(0,-40px,0);} div.figure.effect-sadie:hover div.caption::before , div.figure.effect-sadie:hover p{opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-roxy{background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%); background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);} div.figure.effect-roxy img{max-width: none; width: -webkit-calc(100% + 60px); width: calc(100% + 60px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50px,0,0); transform: translate3d(-50px,0,0);} div.figure.effect-roxy div.caption::before{position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0);} div.figure.effect-roxy div.caption{padding: 3em; text-align: left;} div.figure.effect-roxy h2{padding: 30% 0 10px 0;} div.figure.effect-roxy p{opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0);} div.figure.effect-roxy:hover img{opacity: 0.7; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-roxy:hover div.caption::before, div.figure.effect-roxy:hover p{opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-bubba{background: #9e5406;} div.figure.effect-bubba img{opacity: 0.7; -webkit-transition: opacity 0.35s; transition: opacity 0.35s;} div.figure.effect-bubba:hover img{opacity: 0.4;} div.figure.effect-bubba div.caption::before, div.figure.effect-bubba div.caption::after{position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;} div.figure.effect-bubba div.caption::before{border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1);} div.figure.effect-bubba div.caption::after{border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0);} div.figure.effect-bubba h2{padding-top: 30%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0);} div.figure.effect-bubba p{padding: 20px 2.5em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0);} div.figure.effect-bubba:hover div.caption::before, div.figure.effect-bubba:hover div.caption::after{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} div.figure.effect-bubba:hover h2, div.figure.effect-bubba:hover p{opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-romeo{-webkit-perspective: 1000px; perspective: 1000px;} div.figure.effect-romeo img{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,0,300px); transform: translate3d(0,0,300px);} div.figure.effect-romeo:hover img{opacity: 0.6; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-romeo div.caption::before, div.figure.effect-romeo div.caption::after{position: absolute; top: 50%; left: 50%; width: 80%; height: 1px; background: #fff; content: ''; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0);} div.figure.effect-romeo:hover div.caption::before{opacity: 0.5; -webkit-transform: translate3d(-50%,-50%,0) rotate(45deg); transform: translate3d(-50%,-50%,0) rotate(45deg);} div.figure.effect-romeo:hover div.caption::after{opacity: 0.5; -webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg); transform: translate3d(-50%,-50%,0) rotate(-45deg);} div.figure.effect-romeo h2, div.figure.effect-romeo p{position: absolute; top: 50%; left: 0; width: 100%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;} div.figure.effect-romeo h2{-webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0); transform: translate3d(0,-50%,0) translate3d(0,-150%,0);} div.figure.effect-romeo p{padding: 0.25em 2em; -webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0); transform: translate3d(0,-50%,0) translate3d(0,150%,0);} div.figure.effect-romeo:hover h2{-webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0); transform: translate3d(0,-50%,0) translate3d(0,-100%,0);} div.figure.effect-romeo:hover p{-webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0); transform: translate3d(0,-50%,0) translate3d(0,100%,0);} div.figure.effect-layla{background: #18a367;} div.figure.effect-layla img{height: 390px;} div.figure.effect-layla div.caption{padding: 3em;} div.figure.effect-layla div.caption::before, div.figure.effect-layla div.caption::after{position: absolute; content: ''; opacity: 0;} div.figure.effect-layla div.caption::before{top: 50px; right: 30px; bottom: 50px; left: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0 0; transform-origin: 0 0;} div.figure.effect-layla div.caption::after{top: 30px; right: 50px; bottom: 30px; left: 50px; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0;} div.figure.effect-layla h2{padding-top: 26%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;} div.figure.effect-layla p{padding: 0.5em 2em; text-transform: none; opacity: 0; -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0);} div.figure.effect-layla img, div.figure.effect-layla h2{-webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0);} div.figure.effect-layla img, div.figure.effect-layla div.caption::before, div.figure.effect-layla div.caption::after, div.figure.effect-layla p{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;} div.figure.effect-layla:hover img{opacity: 0.7; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-layla:hover div.caption::before, div.figure.effect-layla:hover div.caption::after{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} div.figure.effect-layla:hover h2, div.figure.effect-layla:hover p{opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-layla:hover div.caption::after, div.figure.effect-layla:hover h2, div.figure.effect-layla:hover p, div.figure.effect-layla:hover img{-webkit-transition-delay: 0.15s; transition-delay: 0.15s;} div.figure.effect-honey{background: #4a3753;} div.figure.effect-honey img{opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s;} div.figure.effect-honey:hover img{opacity: 0.5;} div.figure.effect-honey div.caption::before{position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: #fff; content: ''; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0);} div.figure.effect-honey h2{position: absolute; bottom: 0; left: 0; padding: 1em 1.5em; width: 100%; text-align: left; -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0);} div.figure.effect-honey h2 i{font-style: normal; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0);} div.figure.effect-honey div.caption::before, div.figure.effect-honey h2{-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;} div.figure.effect-honey:hover div.caption::before, div.figure.effect-honey:hover h2, div.figure.effect-honey:hover h2 i{opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-oscar{background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%); background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);} div.figure.effect-oscar img{opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s;} div.figure.effect-oscar div.caption{padding: 3em; background-color: rgba(58,52,42,0.7); -webkit-transition: background-color 0.35s; transition: background-color 0.35s;} div.figure.effect-oscar div.caption::before{position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: '';} div.figure.effect-oscar h2{margin: 20% 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);} div.figure.effect-oscar div.caption::before, div.figure.effect-oscar p{opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0); transform: scale(0);} div.figure.effect-oscar:hover h2{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-oscar:hover div.caption::before, div.figure.effect-oscar:hover p{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} div.figure.effect-oscar:hover div.caption{background-color: rgba(58,52,42,0);} div.figure.effect-oscar:hover img{opacity: 0.4;} div.figure.effect-marley div.caption{text-align: right;} div.figure.effect-marley h2, div.figure.effect-marley p{position: absolute; right: 30px; left: 30px; padding: 10px 0;} div.figure.effect-marley p{bottom: 30px; line-height: 1.5; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);} div.figure.effect-marley h2{top: 30px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0);} div.figure.effect-marley:hover h2{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-marley h2::after{position: absolute; top: 100%; left: 0; width: 100%; height: 4px; background: #fff; content: ''; -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0);} div.figure.effect-marley h2::after, div.figure.effect-marley p{opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;} div.figure.effect-marley:hover h2::after, div.figure.effect-marley:hover p{opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-ruby{background-color: #17819c;} div.figure.effect-ruby img{opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.15); transform: scale(1.15);} div.figure.effect-ruby:hover img{opacity: 0.5; -webkit-transform: scale(1); transform: scale(1);} div.figure.effect-ruby h2{margin-top: 20%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0);} div.figure.effect-ruby p{margin: 1em 0 0; padding: 3em; border: 1px solid #fff; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0) scale(1.1); transform: translate3d(0,20px,0) scale(1.1);} div.figure.effect-ruby:hover h2{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-ruby:hover p{opacity: 1; -webkit-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1);} div.figure.effect-milo{background: #2e5d5a;} div.figure.effect-milo img{max-width: none; width: -webkit-calc(100% + 60px); width: calc(100% + 60px); opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-30px,0,0) scale(1.12); transform: translate3d(-30px,0,0) scale(1.12); -webkit-backface-visibility: hidden; backface-visibility: hidden;} div.figure.effect-milo:hover img{opacity: 0.5; -webkit-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1);} div.figure.effect-milo h2{position: absolute; right: 0; bottom: 0; padding: 1em 1.2em;} div.figure.effect-milo p{padding: 0 10px 0 0; width: 50%; border-right: 1px solid #fff; text-align: right; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-40px,0,0); transform: translate3d(-40px,0,0);} div.figure.effect-milo:hover p{opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-dexter{background: -webkit-linear-gradient(top, rgba(37,141,200,1) 0%, rgba(104,60,19,1) 100%); background: linear-gradient(to bottom, rgba(37,141,200,1) 0%,rgba(104,60,19,1) 100%);} div.figure.effect-dexter img{-webkit-transition: opacity 0.35s; transition: opacity 0.35s;} div.figure.effect-dexter:hover img{opacity: 0.4;} div.figure.effect-dexter div.caption::after{position: absolute; right: 30px; bottom: 30px; left: 30px; height: -webkit-calc(50% - 30px); height: calc(50% - 30px); border: 7px solid #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0);} div.figure.effect-dexter:hover div.caption::after{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-dexter div.caption{padding: 3em; text-align: left;} div.figure.effect-dexter p{position: absolute; right: 60px; bottom: 60px; left: 60px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,-100px,0); transform: translate3d(0,-100px,0);} div.figure.effect-dexter:hover p{opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-sarah{background: #42b078;} div.figure.effect-sarah img{max-width: none; width: -webkit-calc(100% + 20px); width: calc(100% + 20px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden;} div.figure.effect-sarah:hover img{opacity: 0.4; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-sarah div.caption{text-align: left;} div.figure.effect-sarah h2{position: relative; overflow: hidden; padding: 0.5em 0;} div.figure.effect-sarah h2::after{position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0);} div.figure.effect-sarah:hover h2::after{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-sarah p{padding: 1em 0; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0);} div.figure.effect-sarah:hover p{opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-zoe div.caption{top: auto; bottom: 0; padding: 1em; height: 3.75em; background: #fff; color: #3c4a50; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);} div.figure.effect-zoe h2{float: left;} div.figure.effect-zoe p.icon-links a{float: right; color: #3c4a50; font-size: 1.4em;} div.figure.effect-zoe:hover p.icon-links a:hover, div.figure.effect-zoe:hover p.icon-links a:focus{color: #252d31;} div.figure.effect-zoe p.description{position: absolute; bottom: 8em; padding: 2em; color: #fff; text-transform: none; font-size: 90%; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-backface-visibility: hidden;} div.figure.effect-zoe h2, div.figure.effect-zoe p.icon-links a{-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,200%,0); transform: translate3d(0,200%,0);} div.figure.effect-zoe p.icon-links a span::before{display: inline-block; padding: 8px 10px; font-family: 'feathericons'; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .icon-eye::before{content: '\e000';} .icon-paper-clip::before{content: '\e001';} .icon-heart::before{content: '\e024';} div.figure.effect-zoe h2{display: inline-block;} div.figure.effect-zoe:hover p.description{opacity: 1;} div.figure.effect-zoe:hover div.caption, div.figure.effect-zoe:hover h2, div.figure.effect-zoe:hover p.icon-links a{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-zoe:hover h2{-webkit-transition-delay: 0.05s; transition-delay: 0.05s;} div.figure.effect-zoe:hover p.icon-links a:nth-child(3){-webkit-transition-delay: 0.1s; transition-delay: 0.1s;} div.figure.effect-zoe:hover p.icon-links a:nth-child(2){-webkit-transition-delay: 0.15s; transition-delay: 0.15s;} div.figure.effect-zoe:hover p.icon-links a:first-child{-webkit-transition-delay: 0.2s; transition-delay: 0.2s;} div.figure.effect-chico img{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.12); transform: scale(1.12);} div.figure.effect-chico:hover img{opacity: 0.5; -webkit-transform: scale(1); transform: scale(1);} div.figure.effect-chico div.caption{padding: 3em;} div.figure.effect-chico div.caption::before{position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; -webkit-transform: scale(1.1); transform: scale(1.1);} div.figure.effect-chico div.caption::before, div.figure.effect-chico p{opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;} div.figure.effect-chico h2{padding: 20% 0 20px 0;} div.figure.effect-chico p{margin: 0 auto; max-width: 200px; -webkit-transform: scale(1.5); transform: scale(1.5);} div.figure.effect-chico:hover div.caption::before, div.figure.effect-chico:hover p{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} @media screen and (max-width: 50em){.content{padding: 0 10px; text-align: center;}.grid div.figure{display: inline-block; float: none; margin: 10px auto; width: 100%;}} 

/* /to_website_docs/static/src/css/set2.css defined in bundle 'web.assets_frontend' */
.grid{position: relative; clear: both; margin: 0 auto; padding: 1em 0 4em; max-width: 1000px; list-style: none; text-align: center;} .grid div.figure{position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 320px; max-width: 480px; max-height: 360px; width: 48%; height: auto; background: #3085a3; text-align: center; cursor: pointer;} .grid div.figure img{position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8;} .grid div.figure div.caption{padding: 2em; color: #fff; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .grid div.figure div.caption::before, .grid div.figure div.caption::after{pointer-events: none;} .grid div.figure div.caption, .grid div.figure div.caption > a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .grid div.figure div.caption > a{z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;} .grid div.figure h2{word-spacing: -0.15em; font-weight: 300;} .grid div.figure h2 span{font-weight: 800;} .grid div.figure h2, .grid div.figure p{margin: 0;} .grid div.figure p{letter-spacing: 1px; font-size: 68.5%;} div.figure.effect-julia{background: #2f3238;} div.figure.effect-julia img{max-width: none; height: 400px; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden;} div.figure.effect-julia div.caption{text-align: left;} div.figure.effect-julia h2{position: relative; padding: 0.5em 0;} div.figure.effect-julia p{display: inline-block; margin: 0 0 0.25em; padding: 0.4em 1em; background: rgba(255,255,255,0.9); color: #2f3238; text-transform: none; font-weight: 500; font-size: 75%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-360px,0,0); transform: translate3d(-360px,0,0);} div.figure.effect-julia p:first-child{-webkit-transition-delay: 0.15s; transition-delay: 0.15s;} div.figure.effect-julia p:nth-of-type(2){-webkit-transition-delay: 0.1s; transition-delay: 0.1s;} div.figure.effect-julia p:nth-of-type(3){-webkit-transition-delay: 0.05s; transition-delay: 0.05s;} div.figure.effect-julia:hover p:first-child{-webkit-transition-delay: 0s; transition-delay: 0s;} div.figure.effect-julia:hover p:nth-of-type(2){-webkit-transition-delay: 0.05s; transition-delay: 0.05s;} div.figure.effect-julia:hover p:nth-of-type(3){-webkit-transition-delay: 0.1s; transition-delay: 0.1s;} div.figure.effect-julia:hover img{opacity: 0.4; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1);} div.figure.effect-julia:hover p{opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-goliath{background: #df4e4e;} div.figure.effect-goliath img, div.figure.effect-goliath h2{-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;} div.figure.effect-goliath img{-webkit-backface-visibility: hidden; backface-visibility: hidden;} div.figure.effect-goliath h2, div.figure.effect-goliath p{position: absolute; bottom: 0; left: 0; padding: 30px;} div.figure.effect-goliath p{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);} div.figure.effect-goliath:hover img{-webkit-transform: translate3d(0,-80px,0); transform: translate3d(0,-80px,0);} div.figure.effect-goliath:hover h2{-webkit-transform: translate3d(0,-100px,0); transform: translate3d(0,-100px,0);} div.figure.effect-goliath:hover p{opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-hera{background: #303fa9;} div.figure.effect-hera h2{font-size: 158.75%;} div.figure.effect-hera h2, div.figure.effect-hera p{position: absolute; top: 50%; left: 50%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); -webkit-transform-origin: 50%; transform-origin: 50%;} div.figure.effect-hera div.caption::before{position: absolute; top: 50%; left: 50%; width: 200px; height: 200px; border: 2px solid #fff; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1); transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1); -webkit-transform-origin: 50%; transform-origin: 50%;} div.figure.effect-hera p{width: 100px; text-transform: none; font-size: 121%; line-height: 2;} div.figure.effect-hera p a{color: #fff;} div.figure.effect-hera p a:hover, div.figure.effect-hera p a:focus{opacity: 0.6;} div.figure.effect-hera p a i{opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;} div.figure.effect-hera p a:first-child i{-webkit-transform: translate3d(-60px,-60px,0); transform: translate3d(-60px,-60px,0);} div.figure.effect-hera p a:nth-child(2) i{-webkit-transform: translate3d(60px,-60px,0); transform: translate3d(60px,-60px,0);} div.figure.effect-hera p a:nth-child(3) i{-webkit-transform: translate3d(-60px,60px,0); transform: translate3d(-60px,60px,0);} div.figure.effect-hera p a:nth-child(4) i{-webkit-transform: translate3d(60px,60px,0); transform: translate3d(60px,60px,0);} div.figure.effect-hera:hover div.caption::before{opacity: 1; -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1); transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);} div.figure.effect-hera:hover h2{opacity: 0; -webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1); transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);} div.figure.effect-hera:hover p i:empty{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1;} div.figure.effect-winston{background: #162633; text-align: left;} div.figure.effect-winston img{-webkit-transition: opacity 0.45s; transition: opacity 0.45s; -webkit-backface-visibility: hidden; backface-visibility: hidden;} div.figure.effect-winston div.caption::before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/to_website_docs/static/src/css/../img/triangle.svg) no-repeat center center; background-size: 100% 100%; content: ''; -webkit-transition: opacity 0.45s, -webkit-transform 0.45s; transition: opacity 0.45s, transform 0.45s; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;} div.figure.effect-winston h2{-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0);} div.figure.effect-winston p{position: absolute; right: 0; bottom: 0; padding: 0 1.5em 7% 0;} div.figure.effect-winston a{margin: 0 10px; color: #5d504f; font-size: 170%;} div.figure.effect-winston a:hover, div.figure.effect-winston a:focus{color: #cc6055;} div.figure.effect-winston p a i{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);} div.figure.effect-winston:hover img{opacity: 0.6;} div.figure.effect-winston:hover h2{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-winston:hover div.caption::before{opacity: 0.7; -webkit-transform: rotate3d(0,0,1,20deg); transform: rotate3d(0,0,1,20deg);} div.figure.effect-winston:hover p i{opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-winston:hover p a:nth-child(3) i{-webkit-transition-delay: 0.05s; transition-delay: 0.05s;} div.figure.effect-winston:hover p a:nth-child(2) i{-webkit-transition-delay: 0.1s; transition-delay: 0.1s;} div.figure.effect-winston:hover p a:first-child i{-webkit-transition-delay: 0.15s; transition-delay: 0.15s;} div.figure.effect-selena{background: #fff;} div.figure.effect-selena img{opacity: 0.85; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; margin: 0 auto;} div.figure.effect-selena:hover img{-webkit-transform: scale3d(0.85,0.85,1); transform: scale3d(0.85,0.85,1);} div.figure.effect-selena h2{-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0);} div.figure.effect-selena p{opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: perspective(1000px) rotate3d(1,0,0,90deg); transform: perspective(1000px) rotate3d(1,0,0,90deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%;} div.figure.effect-selena:hover h2{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-selena:hover p{opacity: 1; -webkit-transform: perspective(1000px) rotate3d(1,0,0,0); transform: perspective(1000px) rotate3d(1,0,0,0);} div.figure.effect-terry{background: #34495e;} div.figure.effect-terry div.caption{padding: 1em;} div.figure.effect-terry div.caption::before, div.figure.effect-terry div.caption::after{position: absolute; width: 200%; height: 200%; border-style: solid; border-color: #101010; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;} div.figure.effect-terry div.caption::before{right: 0; bottom: 0; border-width: 0 70px 60px 0; -webkit-transform: translate3d(70px,60px,0); transform: translate3d(70px,60px,0);} div.figure.effect-terry div.caption::after{top: 0; left: 0; border-width: 15px 0 0 15px; -webkit-transform: translate3d(-15px,-15px,0); transform: translate3d(-15px,-15px,0);} div.figure.effect-terry img, div.figure.effect-terry p a{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;} div.figure.effect-terry img{opacity: 0.85;} div.figure.effect-terry h2{position: absolute; bottom: 0; left: 0; padding: 0.4em 10px; width: 50%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0);} @media screen and (max-width: 920px){div.figure.effect-terry h2{padding: 0.75em 10px; font-size: 120%;}} div.figure.effect-terry p{float: right; clear: both; text-align: left; text-transform: none; font-size: 111%;} div.figure.effect-terry p a{display: block; margin-bottom: 1em; color: #fff; opacity: 0; -webkit-transform: translate3d(90px,0,0); transform: translate3d(90px,0,0);} div.figure.effect-terry p a:hover, div.figure.effect-terry p a:focus{color: #f3cf3f;} div.figure.effect-terry:hover div.caption::before, div.figure.effect-terry:hover div.caption::after{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-terry:hover img{opacity: 0.6;} div.figure.effect-terry:hover h2, div.figure.effect-terry:hover p a{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-terry:hover p a{opacity: 1;} div.figure.effect-terry:hover p a:first-child{-webkit-transition-delay: 0.025s; transition-delay: 0.025s;} div.figure.effect-terry:hover p a:nth-child(2){-webkit-transition-delay: 0.05s; transition-delay: 0.05s;} div.figure.effect-terry:hover p a:nth-child(3){-webkit-transition-delay: 0.075s; transition-delay: 0.075s;} div.figure.effect-terry:hover p a:nth-child(4){-webkit-transition-delay: 0.1s; transition-delay: 0.1s;} div.figure.effect-phoebe{background: #675983;} div.figure.effect-phoebe img{opacity: 0.85; -webkit-transition: opacity 0.35s; transition: opacity 0.35s;} div.figure.effect-phoebe:hover img{opacity: 0.6;} div.figure.effect-phoebe div.caption::before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/to_website_docs/static/src/css/../img/triangle2.svg) no-repeat center center; background-size: 100% 100%; content: ''; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(5,2.5,1); transform: scale3d(5,2.5,1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;} div.figure.effect-phoebe:hover div.caption::before{opacity: 0.6; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);} div.figure.effect-phoebe h2{margin-top: 1em; -webkit-transition: transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0);} div.figure.effect-phoebe:hover h2{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-phoebe p a{color: #fff; font-size: 140%; opacity: 0; position: relative; display: inline-block; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;} div.figure.effect-phoebe p a:first-child{-webkit-transform: translate3d(-60px,-60px,0); transform: translate3d(-60px,-60px,0);} div.figure.effect-phoebe p a:nth-child(2){-webkit-transform: translate3d(0,60px,0); transform: translate3d(0,60px,0);} div.figure.effect-phoebe p a:nth-child(3){-webkit-transform: translate3d(60px,-60px,0); transform: translate3d(60px,-60px,0);} div.figure.effect-phoebe:hover p a{opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-apollo{background: #3498db;} div.figure.effect-apollo img{opacity: 0.95; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1);} div.figure.effect-apollo div.caption::before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);} div.figure.effect-apollo p{position: absolute; right: 0; bottom: 0; margin: 3em; padding: 0 1em; max-width: 150px; border-right: 4px solid #fff; text-align: right; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s;} div.figure.effect-apollo h2{text-align: left;} div.figure.effect-apollo:hover img{opacity: 0.6; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);} div.figure.effect-apollo:hover div.caption::before{-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);} div.figure.effect-apollo:hover p{opacity: 1; -webkit-transition-delay: 0.1s; transition-delay: 0.1s;} div.figure.effect-kira{background: #fff; text-align: left;} div.figure.effect-kira img{-webkit-transition: opacity 0.35s; transition: opacity 0.35s;} div.figure.effect-kira div.caption{z-index: 1;} div.figure.effect-kira p{padding: 2.25em 0.5em; font-weight: 600; font-size: 100%; line-height: 1.5; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0);} div.figure.effect-kira p a{margin: 0 0.5em; color: #101010;} div.figure.effect-kira p a:hover, div.figure.effect-kira p a:focus{opacity: 0.6;} div.figure.effect-kira div.caption::before{position: absolute; top: 0; right: 2em; left: 2em; z-index: -1; height: 3.5em; background: #fff; content: ''; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,4em,0) scale3d(1,0.023,1) ; transform: translate3d(0,4em,0) scale3d(1,0.023,1); -webkit-transform-origin: 50% 0; transform-origin: 50% 0;} div.figure.effect-kira:hover img{opacity: 0.5;} div.figure.effect-kira:hover p{opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-kira:hover div.caption::before{opacity: 0.7; -webkit-transform: translate3d(0,5em,0) scale3d(1,1,1) ; transform: translate3d(0,5em,0) scale3d(1,1,1);} div.figure.effect-steve{z-index: auto; overflow: visible; background: #000;} div.figure.effect-steve:before, div.figure.effect-steve h2:before{position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #000; content: ''; -webkit-transition: opacity 0.35s; transition: opacity 0.35s;} div.figure.effect-steve:before{box-shadow: 0 3px 30px rgba(0,0,0,0.8); opacity: 0;} div.figure.effect-steve div.caption{z-index: 1;} div.figure.effect-steve img{opacity: 1; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: perspective(1000px) translate3d(0,0,0); transform: perspective(1000px) translate3d(0,0,0);} div.figure.effect-steve h2, div.figure.effect-steve p{background: #fff; color: #2d434e;} div.figure.effect-steve h2{position: relative; margin-top: 2em; padding: 0.25em;} div.figure.effect-steve h2:before{box-shadow: 0 1px 10px rgba(0,0,0,0.5);} div.figure.effect-steve p{margin-top: 1em; padding: 0.5em; font-weight: 800; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(0.9,0.9,1); transform: scale3d(0.9,0.9,1);} div.figure.effect-steve:hover:before{opacity: 1;} div.figure.effect-steve:hover img{-webkit-transform: perspective(1000px) translate3d(0,0,21px); transform: perspective(1000px) translate3d(0,0,21px);} div.figure.effect-steve:hover h2:before{opacity: 0;} div.figure.effect-steve:hover p{opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);} div.figure.effect-moses{background: -webkit-linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%); background: linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%);} div.figure.effect-moses img{opacity: 0.85; -webkit-transition: opacity 0.35s; transition: opacity 0.35s;} div.figure.effect-moses h2, div.figure.effect-moses p{padding: 20px; width: 50%; height: 50%; border: 2px solid #fff;} div.figure.effect-moses h2{padding: 20px; width: 50%; height: 50%; text-align: left; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(10px,10px,0); transform: translate3d(10px,10px,0);} div.figure.effect-moses p{float: right; padding: 20px; text-align: right; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0);} div.figure.effect-moses:hover h2{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-moses:hover p{opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-moses:hover img{opacity: 0.6;} div.figure.effect-jazz{background: -webkit-linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%); background: linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);} div.figure.effect-jazz img{opacity: 0.9;} div.figure.effect-jazz div.caption::after, div.figure.effect-jazz img, div.figure.effect-jazz p{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;} div.figure.effect-jazz div.caption::after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; content: ''; opacity: 0; -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1); transform: rotate3d(0,0,1,45deg) scale3d(1,0,1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;} div.figure.effect-jazz h2, div.figure.effect-jazz p{opacity: 1; -webkit-transform: scale3d(0.8,0.8,1); transform: scale3d(0.8,0.8,1);} div.figure.effect-jazz h2{padding-top: 26%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;} div.figure.effect-jazz p{padding: 0.5em 2em; text-transform: none; font-size: 0.85em; opacity: 0;} div.figure.effect-jazz:hover img{opacity: 0.7; -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1);} div.figure.effect-jazz:hover div.caption::after{opacity: 1; -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1); transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);} div.figure.effect-jazz:hover h2, div.figure.effect-jazz:hover p{opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);} div.figure.effect-ming{background: #030c17;} div.figure.effect-ming img{opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s;} div.figure.effect-ming div.caption::before{position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 2px solid #fff; box-shadow: 0 0 0 30px rgba(255,255,255,0.2); content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.4,1.4,1); transform: scale3d(1.4,1.4,1);} div.figure.effect-ming h2{margin: 20% 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;} div.figure.effect-ming p{padding: 1em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.5); transform: scale(1.5);} div.figure.effect-ming:hover h2{-webkit-transform: scale(0.9); transform: scale(0.9);} div.figure.effect-ming:hover div.caption::before, div.figure.effect-ming:hover p{opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);} div.figure.effect-ming:hover div.caption{background-color: rgba(58,52,42,0);} div.figure.effect-ming:hover img{opacity: 0.4;} div.figure.effect-lexi{background: -webkit-linear-gradient(-45deg, #000 0%,#fff 100%); background: linear-gradient(-45deg, #000 0%,#fff 100%);} div.figure.effect-lexi img{margin: -10px 0 0 -10px; max-width: none; width: -webkit-calc(100% + 10px); width: calc(100% + 10px); opacity: 0.9; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(10px,10px,0); transform: translate3d(10px,10px,0); -webkit-backface-visibility: hidden; backface-visibility: hidden;} div.figure.effect-lexi div.caption::before, div.figure.effect-lexi p{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;} div.figure.effect-lexi div.caption::before{position: absolute; right: -100px; bottom: -100px; width: 300px; height: 300px; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 900px rgba(255,255,255,0.2); content: ''; opacity: 0; -webkit-transform: scale3d(0.5,0.5,1); transform: scale3d(0.5,0.5,1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;} div.figure.effect-lexi:hover img{opacity: 0.6; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-lexi h2{text-align: left; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(5px,5px,0); transform: translate3d(5px,5px,0);} div.figure.effect-lexi p{position: absolute; right: 0; bottom: 0; padding: 0 1.5em 1.5em 0; width: 140px; text-align: right; opacity: 0; -webkit-transform: translate3d(20px,20px,0); transform: translate3d(20px,20px,0);} div.figure.effect-lexi:hover div.caption::before{opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);} div.figure.effect-lexi:hover h2, div.figure.effect-lexi:hover p{opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} div.figure.effect-duke{background: -webkit-linear-gradient(-45deg, #34495e 0%,#cc6055 100%); background: linear-gradient(-45deg, #34495e 0%,#cc6055 100%);} div.figure.effect-duke img, div.figure.effect-duke p{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;} div.figure.effect-duke:hover img{opacity: 0.1; -webkit-transform: scale3d(2,2,1); transform: scale3d(2,2,1);} div.figure.effect-duke h2{-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: scale3d(0.8,0.8,1); transform: scale3d(0.8,0.8,1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%;} div.figure.effect-duke p{position: absolute; bottom: 0; left: 0; margin: 20px; padding: 30px; border: 2px solid #fff; text-transform: none; font-size: 90%; opacity: 0; -webkit-transform: scale3d(0.8,0.8,1); transform: scale3d(0.8,0.8,1); -webkit-transform-origin: 50% -100%; transform-origin: 50% -100%;} div.figure.effect-duke:hover h2, div.figure.effect-duke:hover p{opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);} @media screen and (max-width: 50em){.content{padding: 0 10px; text-align: center;}.grid div.figure{display: inline-block; float: none; margin: 10px auto; width: 100%;}} 

/* /to_website_docs/static/src/css/docs.snippet.css defined in bundle 'web.assets_frontend' */


/* /to_website_docs/static/src/css/docs.css defined in bundle 'web.assets_frontend' */
.pointer{cursor: pointer;} [data-publish="off"].dropdown-toggle{color: #dc3545 !important; background-color: #fff !important; border: 1px solid #dc3545; opacity: 1 !important;} .btn-text-danger{color: #dc3545 !important;} body.fixed header .navbar.navbar-static-top{visibility: hidden;} .docs-breadcrumb{display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap; list-style: none;} .docs-summary-btns{position: absolute; z-index: 9; top: 100px; left: 50%; transform: translate(-50%);} #btnDocsEditCategory{margin-left: 5px;} .docs-summary-btns .badge{cursor: pointer; font-size: 12px; display: inline-block; vertical-align: middle; line-height: 22px; height: 24px;} .docs-summary-btns .evo-colorind{height: 24px; width: 24px;} .docs-summary-btns .badge img{display: none;} .docs-summary-btns .badge.badge-info:hover{background: silver;} .navbar-nav.nav-subject{margin: 0px; padding: 0px; font-size: 0px; white-space: nowrap; float: right !important;} .navbar-nav.nav-subject>li>a{padding: 8px; font-size: 12px;} .navbar-nav.nav-subject>li{display: inline-block !important; float: none !important;} #docsBreadcrumb{border-top: 1px solid #eeeeee; background-color: #fff; color: #337ab7;} #docsBreadcrumb .dropdown-menu{left: auto;} #docsBreadcrumb.fixed{background: rgb(240, 240, 240); position: fixed; width: 100%; z-index: 1039; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);} #docsBreadcrumb.navbar{padding: 5px 0;} .oe_autocomplete{position: relative;} .oe_autocomplete .search-data{position: absolute; top: 30px; right: 0px; width: 200px; transition: all 0.5s ease 0s, visibility 0s linear 0.5s; background-color: #ffffff; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); z-index: 99; list-style: none; margin: 0px; padding: 0px;} .oe_autocomplete .search-data a{background: white; color: #333 !important; text-align: left; display: inline-block; width: 100%; padding: 3px 6px; border-bottom: 1px solid #f2f2f2; font-size: 14px; font-weight: normal; text-decoration: none;} .search-box{position: relative;} #docsBreadcrumb .search-box .fa.fa-search{position: absolute; left: 6px; color: #3c94d2;} #docsBreadcrumb .search-box .form-control{padding: 0 0 0 1.2rem; height: initial; width: 3.5rem;} #docsBreadcrumb .search-box input:focus{width: 12.5rem; -webkit-transition: width 0.5s ease-in-out; -moz-transition: width 0.5s ease-in-out; -o-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out;} .docs-tags .oe_autocomplete .search-data{top: 19px;} .oe_autocomplete .search-data li.active a{background: #5bc0de; color: white !important;} .oe_autocomplete .search-data a:hover{color: white !important; box-shadow: inset 5px 0 0 -3px #21b799; background: #23527c;} .docs-summary .oe_custom_bg{background: rgba(0, 0, 0, 0.3); position: absolute; height: 100%; width: 100%;} .docs-summary div.figure.effect-selena:hover img{-webkit-transform: scale3d(1.01, 1.01, 1); transform: scale3d(1.01, 1.01, 1);} .docs-summary .docs-summary-title{} .docs-summary .docs-summary-title a, .docs-summary .docs-summary-title a:hover, .docs-summary .docs-summary-title a:focus{color: inherit; text-decoration: none;} body.fixed{padding-top: 32px;} .docs-summary.grid{padding: 0; margin: 0; max-width: 100%; transition-duration: 0ms; transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);} .docs-summary.grid div.figure{min-height: 200px; max-width: 100%; width: 100%; margin: 0; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);} .docs-summary.grid div.figure img{padding: 0;} .docs-summary.grid div.figure div.caption{color: black; z-index: 1; text-shadow: 1px 2px 3px #fff, 0 0 0 #000, 1px 2px 3px #fff;} .docs-summary.grid div.figure div.caption.root-page-caption{width: auto; height: auto; left: 50%; top: 25%; transform: translate(-50%,-50%);} .docs-categories{} .docs-category.grid div.figure img{width: 100%; min-height: auto;} .cat-editable{position: relative;} .docs-security.badge-warning{color: white;} [data-publish='off'] .popover-context{opacity: 1.0;} .docs-item[data-publish='off'] > *:not(.css_options){opacity: 1.0;} .docs-item[data-publish='off']>a{opacity: 0.5 !important;} .category-section .section-title, .category-section .cat-section.cat-editable{float: left; margin-top: 16px; margin-bottom: 0px;} .category-section .cat-section.cat-editable{margin-left: 15px;} .docs-category.grid.cat-editable{display: inline-block; margin: 0px; padding: 0px; width: 100%;} .docs-category.grid div.figure{min-width: auto;} .category-section .docs-category.grid div.figure{margin-top: 0px;} .category-section .col-md-3 .docs-category.grid div.figure, .col-md-9.category-section .docs-category.grid div.figure, .col-md-8.category-section .docs-category.grid div.figure, .col-md-6.category-section .docs-category.grid div.figure, .col-md-4.category-section .docs-category.grid div.figure, .col-md-3.category-section .docs-category.grid div.figure{font-size: 12px;} .category-section .col-md-3 .docs-category.grid div.figure .caption, .col-md-9.category-section .docs-category.grid div.figure .caption, .col-md-8.category-section .docs-category.grid div.figure .caption, .col-md-6.category-section .docs-category.grid div.figure .caption, .col-md-4.category-section .docs-category.grid div.figure .caption, .col-md-3.category-section .docs-category.grid div.figure .caption{padding-left: 1em; padding-right: 1em;} .category-section .col-md-3 .docs-category.grid div.figure .caption h2, .col-md-9.category-section .docs-category.grid div.figure .caption h2, .col-md-8.category-section .docs-category.grid div.figure .caption h2, .col-md-6.category-section .docs-category.grid div.figure .caption h2, .col-md-4.category-section .docs-category.grid div.figure .caption h2, .col-md-3.category-section .docs-category.grid div.figure .caption h2{font-size: 18px;} .docs-category.grid.cat-editable>.fa-cog{position: absolute; z-index: 1; top: 18px; left: 18px;} .category-section .docs-category.grid.cat-editable>.fa-cog{top: 10px;} .docs-category.grid.cat-editable>.fa-cog.btn-sm{padding: 3px 8px;} .docs-category.grid div.figure.effect-sarah img{-webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0);} .grid div.figure{float: none;} .docs-category.grid div.figure{max-width: 100%; width: 100%; float: left;} .docs-details .container-fluid{background: white; position: relative; z-index: 1; border: 1px solid #f2f2f2; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);} .docs-details .docs-left{width: 25%; max-width: 300px; position: relative; float: left;} .docs-details ul.docs-nav{padding: 0; list-style: none; margin: 0;} .docs-details ul.docs-nav.fixed{position: fixed; z-index: 1;} .docs-details ul.docs-nav.fixed.abs{position: absolute; width: 100% !important; left: 0px;} .docs-details ul.docs-nav.fixed.delay{-webkit-transition: top 0.0s; -moz-transition: top 0.0s; transition: top 0.0s;} .docs-details article.docs-body{background: white; border-left: 1px solid #f2f2f2; padding: 15px 30px; min-height: 300px; width: 75%; float: right;} .docs-details article.docs-body.docs-body-full{width: 100%;} .docs-btns{padding: 10px 15px; border-bottom: 1px solid #f2f2f2;} .docs-btns .btn{padding: 0px 5px;} .docs-details ul.docs-nav .docs-item{position: relative; min-height: 40px; white-space: nowrap;} .docs-details ul.docs-nav .docs-item.docs-editable .fa-cog{position: absolute; right: 30px; width: 30px; top: 0px; z-index: 1;} .docs-details ul.docs-nav .docs-item>a{display: inline-block; border-bottom: 1px solid #f2f2f2; line-height: 20px; width: 100%; padding: 5px 56px 5px 15px; color: #337ab7; text-decoration: none;} .docs-details ul.docs-nav .docs-item>a span{white-space: normal;} .docs-details ul.docs-nav .docs-item>i.fa{height: 30px; width: 30px; line-height: 30px; text-align: center; position: absolute; top: 0px; right: 0px; z-index: 9; cursor: pointer; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s;} .docs-details ul.docs-nav-sub .docs-item>i.fa{width: 30px; height: 30px; line-height: 30px;} .docs-details ul.docs-nav .docs-item>ul.docs-nav-sub ul.docs-nav-sub{height: 0px;} .docs-details ul.docs-nav .docs-item.open>i.fa{-webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); transform: rotateZ(90deg);} .docs-details ul.docs-nav .docs-item.active>i.fa{color: white;} .docs-details ul.docs-nav .docs-item:hover>i.fa{color: white;} .docs-details ul.docs-nav .docs-item>a:hover, .docs-details ul.docs-nav .docs-item.active>a{box-shadow: inset 5px 0 0 -3px #21b799; background: #23527c; color: white;} .docs-details ul.docs-nav .docs-item>ul.docs-nav-sub{background: #f2f2f2; padding: 0; list-style: none; margin: 0; height: 0px; overflow: hidden; -webkit-transition: height 0.35s; -moz-transition: height 0.35s; transition: height 0.35s;} .docs-details ul.docs-nav .docs-item.open>ul.docs-nav-sub{overflow: visible; height: auto !important;} ul.docs-nav-sub>.docs-item{min-height: 30px !important;} ul.docs-nav-sub>.docs-item>a{color: #666c75; padding-left: 25px !important;} ul.docs-nav-sub ul.docs-nav-sub>.docs-item>a{padding-left: 35px !important;} ul.docs-nav-sub ul.docs-nav-sub ul.docs-nav-sub>.docs-item>a{padding-left: 45px !important;} ul.docs-nav-sub>.docs-item.active>a, ul.docs-nav-sub>.docs-item>a:hover{color: white;} .docs-status{background: silver; border-color: silver; padding: 2px 6px;} .docs-nav .docs-status{position: absolute; width: 10px; height: 10px; left: 3px; top: 10px; border-radius: 5px;} ul.docs-nav-sub .docs-status{top: 10px;} .docs-status.docs-confirm{background: #5cb85c;} .docs-status.docs-approved{background: #337ab7;} .docs-draft>.docs-editable{background: silver !important;} .docs-confirm>.docs-editable{background: #5cb85c !important;} .docs-approved>.docs-editable{background: #337ab7 !important;} .popover-context{display: block;} .popover-context .popover-content{padding: 0px;} .popover-context.right{top: -5px; left: auto; right: -165px;} .popover-context.bottom{left: -58px; top: 36px;} .popover-context.right.category{top: 10px !important; left: 46px !important; right: auto !important;} .popover-context.right.category.category-section{top: -7px !important; left: 32px !important; right: auto !important;} .popover-context.right.category.category-category{top: 2px !important;} .popover-context.bottom.category{left: -65px; top: 24px;} .popover-context.right .arrow{left: -11px !important; top: 20px;} .docs-context{list-style: none; margin: 0; padding: 0; font-size: 14px; white-space: nowrap;} .docs-context .docs-context-item{padding: 0; margin: 0;} .docs-context .docs-context-item.dropdown{position: relative;} .docs-context .docs-context-item.dropdown .dropdown-menu{position: absolute; left: 100%; top: 0px;} .docs-context .docs-context-item.dropdown.open .dropdown-menu{display: block} .docs-context .docs-context-item.dropdown .dropdown-menu a{display: block} .docs-context .docs-context-item .fa{margin-right: 5px; text-align: center; width: 16px; right: 5px; position: absolute; top: 6px;} .docs-context .ui-menu-divider{border-top: 1px solid #ddd;} .docs-context .docs-context-item a{display: inline-block; line-height: 20px; padding: 3px 10px; min-width: 150px; position: relative; color: #21313a; cursor: pointer;} .docs-context .docs-context-item a:hover, .docs-context .docs-context-item a.active{background: #ddd; text-decoration: none; color: white;} .docs-context .docs-context-item[disabled] a{color: silver !important; background: white !important; cursor: default !important;} .docs-context-sep{height: 5px; margin-bottom: 5px; border-bottom: 1px solid #ddd;} .docs-action{position: relative; font-size: 24px; display: inline-block; float: right; vertical-align: middle;} .docs-action .docs-context{left: -150px; right: auto; top: 0px;} .docs-body-title{float: left; vertical-align: middle; margin: 0px;} .docs-body-desc{margin-bottom: 16px;} .docs-anchor-title{margin-top: 16px;} .docs-anchor-title a, .docs-anchor-title a:hover{color: inherit; text-decoration: none;} .docs-body .oe_social{background: #F5F5F5; padding: 5px 10px; border: 1px solid #DDD; line-height: 20px; margin-bottom: 16px;} .docs-body .oe_social>*{float: left !important; margin-right: 10px !important;} .docs-body .oe_social .clearfix{float: none !important; margin-right: 0px !important;} .docs-body .oe_social .oe_social_share{cursor: pointer; margin-left: 10px; font-size: 20px;} .docs-body-sep{margin-bottom: 16px;} .docs-tag{margin-right: 8px; margin-bottom: 8px;} .docs-tag-input input{background: transparent; color: white; border: none; box-shadow: none;} .docs-tag-input input::placeholder{color: white;} .docs-tag-editor .fa{margin-left: 3px; cursor: pointer;} .docs-tag-editor .fa:hover{color: brown;} .docs-info>span{margin-right: 16px; margin-bottom: 8px;} .docs-info>span, .docs-info>span>a{color: #777; font-size: 13px;} .editor_enable .oe_sep_docs.hidden{display: block !important;} .editor_enable [contenteditable='false']{opacity: 0.5; background: #f2f2f2;} #mask{position: absolute; top: 0px; left: 0px; height: 100%; width: 100%;} #mask .loading-warp{width: 30px;} @media ( max-width : 767px){.category-section .col-md-3 .docs-category.grid div.figure, .col-md-9.category-section .docs-category.grid div.figure, .col-md-8.category-section .docs-category.grid div.figure, .col-md-6.category-section .docs-category.grid div.figure, .col-md-4.category-section .docs-category.grid div.figure, .col-md-3.category-section .docs-category.grid div.figure{font-size: 14px;}.category-section .col-md-3 .docs-category.grid div.figure .caption, .col-md-9.category-section .docs-category.grid div.figure .caption, .col-md-8.category-section .docs-category.grid div.figure .caption, .col-md-6.category-section .docs-category.grid div.figure .caption, .col-md-4.category-section .docs-category.grid div.figure .caption, .col-md-3.category-section .docs-category.grid div.figure .caption{padding-left: 2em; padding-right: 2em;}.category-section .col-md-3 .docs-category.grid div.figure .caption h2, .col-md-9.category-section .docs-category.grid div.figure .caption h2, .col-md-8.category-section .docs-category.grid div.figure .caption h2, .col-md-6.category-section .docs-category.grid div.figure .caption h2, .col-md-4.category-section .docs-category.grid div.figure .caption h2, .col-md-3.category-section .docs-category.grid div.figure .caption h2{font-size: 30px;}.docs-details .docs-left{display: none;}.docs-details .docs-left{display: none;}.docs-details article.docs-body{width: 100%;}.docs-summary h2{font-size: 24px;}.navbar-nav.nav-subject{display: none;}} 

/* /to_website_docs_odoo/static/src/css/docs.css defined in bundle 'web.assets_frontend' */
ul.versions, ul.docs-versions{float: right; list-style: none; padding: 5px 0 0 0; margin: 0;} ul.versions>li>a{margin-left: 5px; display: inline-block; min-width: 30px; padding: 0 5px; height: 36px; line-height: 36px; vertical-align: initial; text-align: center; text-decoration: none; background: #e5e5e5; background: rgba(225, 225, 225, 0.5);} ul.versions>li>a:hover{background: #d5d5d5; background: rgba(205, 205, 205, 0.5);} ul.versions .dropdown-menu{right: 0px; left: auto; min-width: 100px;} .docs-anchors .docs-versions{margin-top: 8px;} .docs-versions, .docs-body .oe_social>.docs-versions{float: right !important; margin-right: 0px !important;} .docs-versions .dropdown-menu{max-width: 50px; min-width: 50px;} .docs-versions .dropdown-menu a{padding: 3px 10px; font-size: 12px;} .docs-details ul.docs-nav .docs-item>i.fa{color:#333333 !important;} 

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

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

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

/* /theme_tvtma/static/lib/curious_blue/_tvtma_style.scss defined in bundle 'web.assets_frontend' */
 body{font-family: "Roboto",Sans-serif; font-size: 14px; line-height: 1.42857143; color: #333;} a{color: #002E89;} .btn-primary{background-color: #337ab7; border-color: #337ab7;} .btn-primary:hover{color: #fff; background-color: #286090; border-color: #286090;} .bg-home{color: #fff; background: url(/theme_tvtma/static/lib/curious_blue/../../src/img/bg-odoo.png) no-repeat; background-size: cover; padding-bottom: 60px; position: relative;} span.dark-overlay{position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0, 46, 137, 0.7);} .banner-summary{margin-top: 30px;} .banner-title h2{color: #fff; font-size: 30px; font-weight: bold; line-height: 1.4; text-align: center;} .banner-summary p{font-size: 18px; color: #ededed;} .s_features{position: relative; padding: 50px 0;} .s_features .title_sf{font-weight: 700; font-size: 18px; color: #2f377f; line-height: 1.6; margin: 5px 0; text-align: center; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; height: 3em;} .s_features .o_default_snippet_text{min-height: 6em; margin: 0;} .s_call_to_action a.btn > i.fa-chevron-right{margin-left: 10px;} .blog-title{background: url(/theme_tvtma/static/lib/curious_blue/../../src/img/bg_title.png) center no-repeat; background-size: cover; background-attachment: fixed; padding-bottom: 60px; position: relative; padding-top: 60px; color: #fff;} .blog-title h1{font-size: 60px;} .blog-title .text-muted{color: #fff !important;} .form-search{width: 50%; margin: 10px auto; display: inline-block;} .form-search .form-group, .form-search .input-group{width: 100%;} .form-search .form-search-btn{cursor: pointer; background: #fff; border: none; border-bottom-right-radius: 3px; border-top-right-radius: 3px; border: 1px solid #ced4da; border-left: none; font-size: 23px; color: #898989; padding: 6px 15px;} .form-search .form-control{border-bottom-left-radius: 3px; border-top-left-radius: 3px; height: auto;} .box_erp{background: url(/theme_tvtma/static/lib/curious_blue/../../src/img/bg-box-erp.jpg) no-repeat; background-size: cover; background-attachment: fixed; padding-bottom: 60px; position: relative; padding-top: 60px;} .box_erp h3{color: #fff !important;} .intro_content{margin-bottom: 50px;} .intro_content h3{font-weight: 700; font-size: 30px; color: #002B80; margin: 10px 0; text-align: center; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; position: relative; height: 60px;} .intro_content h3:AFTER{content: ''; position: absolute; left: 50%; bottom: 0; width: 50px; margin-left: -25px; height: 1px; background: rgba(0, 46, 137, 0.9);} .intro_content p{color: #fff; font-size: 16px;} .s_features{color: #7c7c7c; font-size: 16px;} .img_block i{color: #C80016;} .item-project{text-align: center; color: #fff;} .item-project p{font-size: 18px;} .item-project h5{font-size: 50px; line-height: 1; font-weight: 300; margin-bottom: 5px;} .item-project .box_why{margin-top: -20px; margin-bottom: 30px; position: relative;} .block-title{width: 356px; font-size: 24px; height: 64px; line-height: 64px; margin: 5px 0 20px; color: #fff; text-align: center; position: relative;} .box_why .block-d{color: #7c7c7c; margin: 20px 0 15px; font-size: 16px; line-height: 20px;} .block-title:after, .block-title:before{position: absolute; content: ''; width: 130px; height: 45px;} .block-title:before{border-top: 1px solid #fff; border-left: 1px solid #fff; top: 0; left: 0;} .block-title:after{border-bottom: 1px solid #fff; border-right: 1px solid #fff; bottom: 0; right: 0;} .box_why{padding-top: 50px; padding-bottom: 50px;} .box_why .card{min-height: 404px; background: rgba(255, 255, 255, 0.9); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .box_why .card:hover{background: rgba(0, 46, 137, 0.9);} .box_why .card .card-title{padding: 10px 0 10px 0; font-size: 18px; line-height: 22px;} .box_why .card .card-title{color: #2f377f; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .box_why .card .card-icon{text-align: right; font-size: 38px; color: #2f377f; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .box_why .card:hover .card-text, .box_why .card:hover .card-title, .box_why .card:hover .card-icon{color: #fff;} .box_why .card .card-title span{font-weight: 700;} h3.block-title.info-color{color: rgba(0, 46, 137, 0.9);} h3.block-title.info-color:before{border-top: 1px solid rgba(0, 46, 137, 0.9); border-left: 1px solid rgba(0, 46, 137, 0.9);} h3.block-title.info-color:after{border-bottom: 1px solid rgba(0, 46, 137, 0.9); border-right: 1px solid rgba(0, 46, 137, 0.9);} .tvt_info p{color: #fff; font-size: 16px;} .box_tvt{position: relative; background: url(/theme_tvtma/static/lib/curious_blue/../../src/img/company_team.jpg) center center no-repeat; background-attachment: fixed; background-size: cover; padding-top: 100px; padding-bottom: 100px;} .bg-partner{background-color: #fff !important;} .bg-partner h3{margin: 5px auto;} .bg-partner .card-img-top{cursor: pointer; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out;} .bg-partner .card-img-top:hover{filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0);} #blog_right_column h4{position: relative; border-color: rgba(220, 220, 220, 0.8); border-bottom-width: 2px; border-bottom-style: solid; padding-bottom: 15px; margin-bottom: 20px; color: #0e0e0e; font-size: 17.5px; line-height: 1.25; -spacing: 1px;} #blog_right_column h4:after{content: ''; position: absolute; top: 100%; left: 0; width: 60px; border-bottom-width: 2px; border-bottom-style: solid;} .web-design{background: url(/theme_tvtma/static/lib/curious_blue/../../src/img/website-designer.jpg) no-repeat; background-attachment: fixed;} .web-design h1{color: #fff;} .web-design p{color: #fff; font-size: 16px;} .bg-gamma{background-color: #092F7A !important; color: #fff;} .card-title{font-weight: 700; font-size: 16px; color: #2f377f; line-height: 1.6; margin: 5px 0;} .card-text{color: #999;} #web-design-service{position: relative;} #web-design-service h3{color: #092F7A;} #web-design-service p{color: #777;} #aboutus-us{position: relative;} #aboutus-us svg{position: absolute; bottom: 0px; left: 0; width: 100%; height: 100%; transform: rotate(180deg);} #aboutus-us h1{color: #002B82;} .s_company_team h4{color: #163F93; font-weight: bold;} .about-title v h1{color: #fff; font-size: 24px; font-weight: bold;} .about-title h3{font-size: 18px; font-weight: 300; line-height: 24px; color: #f2f2f2; margin: 15px 0;} .bg_cover h2{font-size: 2.1875rem; font-weight: 600;} .s_company_team{background: #E9ECEF;} .bg_team_building .b-team-title p{font-size: 1.5rem;} .bg_team_building .b-team-title p span{font-weight: 600;} .bg_team_building img{border-radius: 15px;} #footer{color: #bcbec0; border-top: none !important; background: url(/theme_tvtma/static/lib/curious_blue/../../src/img/bg-footer.png) bottom right no-repeat #1e1d1d; padding-bottom: 30px; padding-top: 10px;} #footer .social .facebook{color: #3A559F;} #footer .social .youtube{color: #C9353D;} #footer .social .twitter{color: #1DA1F2;} #footer .social .linkedin{color: #0173AF;} #footer .social .googleplus{color: #DC4E41;} #footer .social .instagram{color: #C90080;} #footer .social .instagram{color: #C90080;} #footer a{color: #bcbec0;} #footer .footer_info h3{margin-top: 25px; margin-bottom: 15px; font-size: 14px; text-transform: uppercase;} #footer .footer_info p{margin: 0 0 9px;} #footer .footer_title{font-size: 14px; font-weight: 700; margin-top: 35px; margin-bottom: 20px;} #footer .menu_footer ul{margin: 0; padding: 0; list-style: none;} #footer .menu_footer ul li{display: block; margin-bottom: 10px;} #footer .menu_footer ul li a{font-size: 14px; font-weight: 300; display: block;} .navbar-light .navbar-nav .nav-item .dropdown-menu .dropdown-item{padding-top: 0.5rem; padding-bottom: 0.5rem;} .dropdown-item:hover, .dropdown-item:focus{color: #fff; background-color: rgba(51, 122, 183, 0.8);} .o_footer_copyright{color: #A0A0A0; background: #212121;} .footer-copyright-wrapper{display: inline-block;} .contact-page-map-wrapper{margin-bottom: -5px;} @media (min-width: 768px){.banner-title h2{font-size: 40px; line-height: 1.4; text-align: left;}.bg-home{padding-top: 60px;}.navbar-light, .bg-light{background: none !important;}.o_header_affix{border-bottom: 1px solid #e9ecef;}.o_header_affix .nav-link{color: #000 !important;}header .navbar-brand.logo img{height: 4rem;}#top_menu.navbar-nav{margin-left: auto !important;}.navbar-light .navbar-nav .nav-link{padding: 1.5rem 1rem !important; font-size: 14px; position: relative;}.navbar-light .navbar-nav .nav-link:before{position: absolute; content: ''; bottom: 0; left: 0; width: 100%; opacity: 0; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left; transform-origin: left; border-bottom: 2px solid #02308A; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;}.navbar-light .navbar-nav .nav-link:hover:before, .navbar-light .navbar-nav .nav-link.active:before, .navbar-light .navbar-nav .nav-item.active > .nav-link:before{opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1);}.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-item.active > .nav-link{color: #02308A; font-weight: bold;}.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{color: #002E89;}.navbar ul.nav > li.divider{height: auto;}.connect-line{width: 356px;}.navbar-light .navbar-nav .nav-item .dropdown-menu{padding: 0;}.navbar-light .navbar-nav .nav-item .dropdown-menu .dropdown-item{padding-top: 0.5rem; padding-bottom: 0.5rem;}footer ul.js_language_selector{margin-left: 20px;}} @media (max-width: 768px){.banner-summary{margin-top: 15px;}.banner-summary p{font-size: 14px;}.banner-title h2{font-size: 24px;}.btn:not(:disabled):not(.disabled){cursor: pointer;}.banner-summary a{line-height: 30px; margin: 15px auto;}.s_features{margin-top: 30px;}.item-user{float: none;}.erp-animate{text-align: center;}.erp-animate > div.clearfix{display: none;}.block-title{width: auto;}.box_why .card{min-height: auto;}.box_tvt .connect-line{margin-top: 20px;}.blog-title{padding-top: 20px; padding-bottom: 20px;}.blog-title .form-search{width: 100%;}.navbar-toggler{border: none; padding: 0;}#top_menu.navbar-nav{padding-top: 10px;}#top_menu.navbar-nav .nav-item{border-top: 1px solid rgba(0, 0, 0, 0.05);}#top_menu .dropdown-menu{background: none; border: none; padding: 0;}#top_menu .dropdown-menu .dropdown-item{padding-top: 0.5rem; padding-bottom: 0.5rem;}#top_menu .dropdown-menu .dropdown-item .dropdown-toggle{padding-bottom: 0;}} 

/* /theme_tvtma/static/src/scss/curious_blue_fix.scss defined in bundle 'web.assets_frontend' */
 

/* /to_theme_tvtma_blog/static/src/scss/style.scss defined in bundle 'web.assets_frontend' */
 .blog-title{background: url(/to_theme_tvtma_blog/static/src/scss/../img/bg_title.png) center no-repeat; background-size: cover; background-attachment: fixed; padding-bottom: 60px; position: relative; padding-top: 60px; color: #fff;} .blog-title h1{font-size: 60px;} .blog-title .text-muted{color: #fff !important;} .form-search{width: 50%; margin: 10px auto; display: inline-block;} .form-search .form-group, .form-search .input-group{width: 100%;} .form-search .form-search-btn{cursor: pointer; background: #fff; border: none; border-bottom-right-radius: 3px; border-top-right-radius: 3px; border: 1px solid #ced4da; border-left: none; font-size: 23px; color: #898989; padding: 6px 15px;} .form-search .form-control{border-bottom-left-radius: 3px; border-top-left-radius: 3px; height: auto;} @media (max-width: 768px){.blog-title{padding-top: 20px; padding-bottom: 20px;}.blog-title .form-search{width: 100%;}} 

/* /to_website_mega_menu/static/src/scss/mega_menu.scss defined in bundle 'web.assets_frontend' */
 .nav, .collapse, .dropup, .dropdown{position: static;} .container{position: relative;} .dropdown-menu-mega{padding: 12px 10px !important; position: fixed !important;} @media (max-width: 768px){.dropdown-menu-mega{position: static !important;}} @media (max-width: 768px){.dropdown-menu-mega .megamenu-content-item{padding-left: 5px; padding-right: 5px;}} .nav .dropdown-menu{left: auto !important; top: auto; right: auto; border-radius: 4px !important;} .nav .dropdown-menu .megamenu-content li a{text-decoration: none; padding: 3px 20px; font-weight: 400; font-size: 14px; line-height: 18px; color: #333; white-space: nowrap; display: block;} .nav .dropdown-menu .megamenu-content li.accordion-heading a{background-color: #777; text-transform: uppercase; font-size: 11px; font-weight: 700; color: #fff !important; text-shadow: none;} @media (max-width: 768px){.nav .dropdown-menu .megamenu-content li.accordion-heading a{color: #fff; text-transform: lowercase; background-color: inherit;}} @media (max-width: 768px){.nav .dropdown-menu .megamenu-content li.dropdown-submenu-li{display: none;}} .dropdown.yamm-fw .dropdown-menu{left: 0; right: 0;} .list-unstyled{list-style: 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_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 #337ab7;} .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: #337ab7; box-shadow: 0 0 0 0.1875rem white, 0 0 0 0.25rem rgba(51, 122, 183, 0.5);} .progress-wizard .progress-wizard-step.active .progress-wizard-steplabel{color: #212529; font-weight: bolder;} .progress-wizard .progress-wizard-step.complete .progress-wizard-dot{background: none; box-shadow: none;} .progress-wizard .progress-wizard-step.complete .progress-wizard-dot:after{position: absolute; top: -0.3125rem; left: -0.3125rem; bottom: auto; right: auto; width: 1.25rem; height: 1.25rem; border-radius: 100%; background: white; color: #28a745; text-align: center; line-height: 1; font-size: 1.25rem; font-family: FontAwesome; content: "\f058";} .progress-wizard .progress-wizard-step.complete .progress-wizard-steplabel{color: #28a745;} .progress-wizard .progress-wizard-step.complete:hover:not(.disabled) .progress-wizard-dot:after{color: #28a745;} .progress-wizard .progress-wizard-step.complete:hover:not(.disabled) .progress-wizard-steplabel{color: #212529;} .progress-wizard .progress-wizard-step.disabled{cursor: default;} table.js_cart_lines .td-img img{max-height: 64px;} 

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

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

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

/* /to_website_apps_store/static/src/css/apps_store.css defined in bundle 'web.assets_frontend' */
.app_submenu{background: white; border-bottom: 1px solid #e0e0e0;} .top_charts_title{font-weight: 300; line-height: 40px;} .module_app_top_cover{padding-bottom: 50%; width: 100%; border-radius: 2px 2px 0 0; position: relative; overflow: hidden; margin-bottom: 0; background: rgba(159, 191, 214, 1); background: -moz-linear-gradient(-45deg, rgba(159, 191, 214, 1) 0%, rgba(159, 191, 214, 1) 31%, rgba(208, 223, 232, 1) 97%, rgba(208, 223, 232, 1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(159, 191, 214, 1)), color-stop(31%, rgba(159, 191, 214, 1)), color-stop(97%, rgba(208, 223, 232, 1)), color-stop(100%, rgba(208, 223, 232, 1))); background: -webkit-linear-gradient(-45deg, rgba(159, 191, 214, 1) 0%, rgba(159, 191, 214, 1) 31%, rgba(208, 223, 232, 1) 97%, rgba(208, 223, 232, 1) 100%); background: -o-linear-gradient(-45deg, rgba(159, 191, 214, 1) 0%, rgba(159, 191, 214, 1) 31%, rgba(208, 223, 232, 1) 97%, rgba(208, 223, 232, 1) 100%); background: -ms-linear-gradient(-45deg, rgba(159, 191, 214, 1) 0%, rgba(159, 191, 214, 1) 31%, rgba(208, 223, 232, 1) 97%, rgba(208, 223, 232, 1) 100%); background: linear-gradient(135deg, rgba(159, 191, 214, 1) 0%, rgba(159, 191, 214, 1) 31%, rgba(208, 223, 232, 1) 97%, rgba(208, 223, 232, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fbfd6', endColorstr='#d0dfe8', GradientType=1); background-size: 100%;} .module_app_top_cover .module_summary{display: block; padding: 8% 15px; color: #fff; text-shadow: 0 1px 0 black; background: rgba(0, 0, 0, 0.6); z-index: 11; width: 100%; height: 100%; position: absolute; top: 100%; left: auto; bottom: auto; right: auto; -webkit-transition: top 0.3s; transition: top 0.3s; word-wrap: break-word;} .module_app_top_cover:hover .module_summary{top: 0;} .module_icon{position: absolute; width: 55px; height: 55px; display: block; top: 10px; border-radius: 5px; left: 10px; z-index: 10; background: white; overflow: hidden;} .module_app_top_cover .img-fluid{width: 100%; height: auto; position: absolute; top: 0; left: auto; bottom: auto; right: 0; z-index: 1;} .odoo_module_rating small{color: #282F33; margin-left: 5px;} .module_technical_specs .badge.disabled{background: #6f7071;} .module_technical_specs tr{border-bottom: 1px solid #dee2e6;} span.dependencies_list, a.dependending_list, a.dependencies_list{width: 100%; float: left;} .module_detail h1, .module_detail .module_price{font-size: 1.5rem;} .module_item a,.module_item a:hover, a.module_author{color: inherit; text-decoration: none;} .loempia_app_table a{text-decoration: none;} .module_item .card-body{min-height: 9.5rem;} .module_item h5{font-size: 0.9rem; font-weight: bold;} .module_item .module_author{font-size: 0.75rem; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 

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

/* /auth_oauth/static/src/scss/auth_oauth.scss defined in bundle 'web.assets_frontend' */
 .o_auth_oauth_providers .fa-facebook-square{color: #3b5998;} .o_auth_oauth_providers .fa-google-plus-square{color: #de564a;} .o_auth_oauth_providers .o_custom_icon{margin: 0 0.15em; width: 1em; height: 1em; border: 3px solid #875A7B; border-radius: 100%; transform: translateY(2px);} 

/* /project/static/src/scss/portal_rating.scss defined in bundle 'web.assets_frontend' */
 .o_portal_project_rating .thumbnail{height: 240px;} .o_portal_project_rating .o_top_partner_rating_image{height: 15px;} .o_portal_project_rating .o_top_partner_image{height: 30px; width: 30px;} .o_portal_project_rating .o_top_partner_feedback{word-wrap: break-word;} .o_portal_project_rating .o_vertical_separator{border-left: 1px solid #eeeeee;} .o_portal_project_rating .o_rating_progress{margin-bottom: 10px;} .o_portal_project_rating .o_rating_count{display: inline-block; min-width: 22px;} .o_portal_project_rating .o_smiley_no_padding_left{padding-left: 0;} .o_portal_project_rating .o_smiley_no_padding_right{padding-right: 0;} .o_portal_project_rating .o_lighter_smileys{opacity: 0.4;} 

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

/* /to_odoo_saas_website_sale/static/src/scss/style.scss defined in bundle 'web.assets_frontend' */
 .plan-price{font-size: 16px; border-bottom: 1px solid #EFEFEF; margin-bottom: 8px; padding: 5px 0;} .plan-feature{margin-bottom: 12px; font-size: 13px;} .plan-feature.term{margin-bottom: 5px;} .well{min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px;} .well-sm{padding: 9px; border-radius: 3px;} .line-through{text-decoration: line-through;} .panel-footer{padding: 10px 15px; background-color: #F5F5F5; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; margin-top: 10px;} .panel-footer .btn{padding: 10px 15px;} .plan-card{border-color: #bce8f1;} .plan-card .plan-header{color: #31708f; background-color: #d9edf7; border-color: #bce8f1;} .trial{border-color: #D6E9C6;} .trial .panel-footer{border-bottom: none;} .trial .plan-header{color: #468847; background-color: #DFF0D8;} .featured{border-color: #EED3D7;} .featured .plan-header{color: #B94A48; background-color: #F2DEDE; overflow: hidden;} .feature-lable{background: #04c; color: #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -17px; margin-right: -100px;} table.addons th{border-top: none;} table.addons tbody tr:hover{background-color: #f5f5f5;} table.addons tbody tr td{vertical-align: unset;}