body .modal#o_website_add_page_modal .modal-dialog ul li{display: block; opacity: 0; -webkit-animation: fadeInDownSmall 1s forwards; -o-animation: fadeInDownSmall 1s forwards; animation: fadeInDownSmall 1s forwards; margin: 2em 32px; padding: 0 15px;} body .modal#o_website_add_page_modal .modal-dialog ul li a{display: block; font-size: 34px; margin: auto; text-align: center;} body .modal#o_website_add_page_modal .modal-dialog ul li a i{width: 110px; height: 110px; border: 3px solid #434352; border-radius: 100%; line-height: 104px; background-color: #2C2C36; color: white; -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;} body .modal#o_website_add_page_modal .modal-dialog ul li a p{color: white; margin-top: 0.7em; font-size: 0.5em;} body .modal#o_website_add_page_modal .modal-dialog ul li a:hover, body .modal#o_website_add_page_modal .modal-dialog ul li a:focus{text-decoration: none;} body .modal#o_website_add_page_modal .modal-dialog ul li a:hover i, body .modal#o_website_add_page_modal .modal-dialog ul li a:focus i{border-color: #1cc1a9; box-shadow: 0 0 10px rgba(28, 193, 169, 0.46);} body .modal#o_website_add_page_modal ~ .modal-backdrop{opacity: 0.8;} body .modal.oe_seo_configuration li.oe_seo_preview_g{line-height: 1.2; font-size: small; font-family: arial, sans-serif;} body .modal.oe_seo_configuration li.oe_seo_preview_g h3{font-size: medium;} body .modal.oe_seo_configuration li.oe_seo_preview_g .r{margin: 0; font-size: 16px; font-style: normal; font-weight: normal; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap;} body .modal.oe_seo_configuration li.oe_seo_preview_g .r a{color: #1e0fbe; text-decoration: underline; text-transform: none;} body .modal.oe_seo_configuration li.oe_seo_preview_g .r a em{font-style: normal !important;} body .modal.oe_seo_configuration li.oe_seo_preview_g .s{color: #444; max-width: 42em;} body .modal.oe_seo_configuration li.oe_seo_preview_g li.oe_seo_preview_g, body .modal.oe_seo_configuration li.oe_seo_preview_g li.oe_seo_preview_g .st{line-height: 1.24;} body .modal.oe_seo_configuration li.oe_seo_preview_g li.oe_seo_preview_g .kv, body .modal.oe_seo_configuration li.oe_seo_preview_g li.oe_seo_preview_g .slp{display: block; margin-bottom: 1px;} body .modal.oe_seo_configuration li.oe_seo_preview_g li.oe_seo_preview_g .f{color: #666; margin-bottom: 1px;} body .modal.oe_seo_configuration li.oe_seo_preview_g li.oe_seo_preview_g .f cite{color: #006621; font-style: normal; font-size: 14px;} @media (min-width: 768px){body .modal.oe_seo_configuration .dl-horizontal dt{min-width: 160px; width: auto;}} .oe_login_form, .oe_signup_form, .oe_reset_password_form{max-width: 300px; position: relative; margin: 50px auto;} #theme_error{background: #ffc;} #theme_customize_modal{overflow: visible; z-index: 1020; display: block;} #theme_customize_modal .modal-dialog{position: absolute; top: 44px; left: auto; bottom: auto; right: 10px; width: auto; margin: 0; font-family: Roboto;} #theme_customize_modal .loading_backdrop{display: none;} #theme_customize_modal.loading .loading_backdrop{position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; background: black; opacity: 0.3; z-index: 1;} #theme_customize_modal label{display: block; text-align: center;} #theme_customize_modal label > div, #theme_customize_modal label > img{border: 1px solid #fff; line-height: 30px; font-size: 0.9em; margin: 2px 4px;} #theme_customize_modal label.checked > div, #theme_customize_modal label.checked > img{box-shadow: 2px 2px 3px #888; border: 1px solid #666;} #theme_customize_modal label img{width: 60px; height: 35px; margin: 2px; border: 1px solid rgba(136, 136, 136, 0.5);} #theme_customize_modal label input{display: none;} .o_ace_view_editor{font-family: Roboto, 'Montserrat', "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.42857143; color: #33363e; position: absolute; top: 34px; left: auto; bottom: 0; right: 0; position: fixed; z-index: 1001;} .o_ace_view_editor .text-muted{color: #999999;} .o_ace_view_editor .btn:not(.o_btn_preview){border-width: 1px; font-weight: normal; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 0;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary{color: white; background-color: #7c7bad; border-color: #6c6ba3; text-transform: uppercase;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus{color: white; background-color: #5f5e97; border-color: #373758;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover{color: white; background-color: #5f5e97; border-color: #515081;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary{color: white; background-color: #5f5e97; border-color: #515081;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus{color: white; background-color: #515081; border-color: #373758;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active{background-color: #7c7bad; border-color: #6c6ba3;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary .badge{color: #7c7bad; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus{color: white; background-color: #5f5e97; border-color: #373758;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover{color: white; background-color: #5f5e97; border-color: #515081;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary{color: white; background-color: #5f5e97; border-color: #515081;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus{color: white; background-color: #515081; border-color: #373758;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active{background-color: #7c7bad; border-color: #6c6ba3;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary .badge{color: #7c7bad; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default{color: #7c7bad; background-color: white; border-color: #d4d5d7; text-transform: uppercase;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.focus{color: #7c7bad; background-color: #e6e6e6; border-color: #92949a;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:hover{color: #7c7bad; background-color: #e6e6e6; border-color: #b4b6ba;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default{color: #7c7bad; background-color: #e6e6e6; border-color: #b4b6ba;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default.focus{color: #7c7bad; background-color: #d4d4d4; border-color: #92949a;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active{background-color: white; border-color: #d4d5d7;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default .badge{color: white; background-color: #7c7bad;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.focus{color: #7c7bad; background-color: #e6e6e6; border-color: #92949a;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:hover{color: #7c7bad; background-color: #e6e6e6; border-color: #b4b6ba;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default{color: #7c7bad; background-color: #e6e6e6; border-color: #b4b6ba;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default.focus{color: #7c7bad; background-color: #d4d4d4; border-color: #92949a;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active{background-color: white; border-color: #d4d5d7;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default .badge{color: white; background-color: #7c7bad;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active{background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link .badge{color: rgba(0, 0, 0, 0); background-color: #7c7bad;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active{background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link .badge{color: rgba(0, 0, 0, 0); background-color: #7c7bad;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success{color: white; background-color: #40ad67; border-color: #399a5c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{color: white; background-color: #328851; border-color: #173d25;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover{color: white; background-color: #328851; border-color: #296e41;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success{color: white; background-color: #328851; border-color: #296e41;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{color: white; background-color: #296e41; border-color: #173d25;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active{background-color: #40ad67; border-color: #399a5c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success .badge{color: #40ad67; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{color: white; background-color: #328851; border-color: #173d25;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover{color: white; background-color: #328851; border-color: #296e41;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success{color: white; background-color: #328851; border-color: #296e41;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{color: white; background-color: #296e41; border-color: #173d25;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active{background-color: #40ad67; border-color: #399a5c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success .badge{color: #40ad67; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: white; background-color: #6999a8; border-color: #5b8d9d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{color: white; background-color: #517e8d; border-color: #2c444c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover{color: white; background-color: #517e8d; border-color: #446a76;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: white; background-color: #517e8d; border-color: #446a76;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{color: white; background-color: #446a76; border-color: #2c444c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active{background-color: #6999a8; border-color: #5b8d9d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info .badge{color: #6999a8; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{color: white; background-color: #517e8d; border-color: #2c444c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover{color: white; background-color: #517e8d; border-color: #446a76;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: white; background-color: #517e8d; border-color: #446a76;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{color: white; background-color: #446a76; border-color: #2c444c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active{background-color: #6999a8; border-color: #5b8d9d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info .badge{color: #6999a8; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: white; background-color: #f0ad4e; border-color: #eea236;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{color: white; background-color: #ec971f; border-color: #985f0d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: white; background-color: #ec971f; border-color: #d58512;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: white; background-color: #ec971f; border-color: #d58512;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{color: white; background-color: #d58512; border-color: #985f0d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active{background-color: #f0ad4e; border-color: #eea236;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning .badge{color: #f0ad4e; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{color: white; background-color: #ec971f; border-color: #985f0d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: white; background-color: #ec971f; border-color: #d58512;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: white; background-color: #ec971f; border-color: #d58512;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{color: white; background-color: #d58512; border-color: #985f0d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active{background-color: #f0ad4e; border-color: #eea236;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning .badge{color: #f0ad4e; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: white; background-color: #e6586c; border-color: #e34258;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{color: white; background-color: #df2c45; border-color: #901527;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: white; background-color: #df2c45; border-color: #c91e36;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: white; background-color: #df2c45; border-color: #c91e36;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{color: white; background-color: #c91e36; border-color: #901527;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active{background-color: #e6586c; border-color: #e34258;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger .badge{color: #e6586c; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{color: white; background-color: #df2c45; border-color: #901527;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: white; background-color: #df2c45; border-color: #c91e36;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: white; background-color: #df2c45; border-color: #c91e36;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{color: white; background-color: #c91e36; border-color: #901527;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active{background-color: #e6586c; border-color: #e34258;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger .badge{color: #e6586c; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-lg{padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 0;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-sm{padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-xs{padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 0;} .o_ace_view_editor .form-control{height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border: 1px solid #d4d5d7; color: #555; background-color: #fff; border-radius: 0;} .tour .popover-navigation{margin-left: 13px; margin-bottom: 8px;} .css_published .btn-danger, .css_published .css_publish{display: none;} .css_unpublished .btn-success, .css_unpublished .css_unpublish{display: none;} [data-publish='off'] > *:not(.css_options){opacity: 0.5;} @media print{a[href]:after{content: initial;}} 

/* /website/static/src/less/website.wrapwrap.less defined in bundle 'web.assets_frontend' */
 #wrapwrap{position: relative; display: table; table-layout: fixed; width: 100%; height: 100%;} #wrapwrap > *{display: table-row;} #wrapwrap > main{height: 100%;} header a.navbar-brand.logo{padding: 0 15px;} header a.navbar-brand img{max-height: 35px; margin-top: 8px;} footer{background-color: #F8F8F8;} footer #footer{padding-top: 32px;} .o_hidden{display: none!important;} .o_text_overflow{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .o_div_text_overflow * > div{overflow: hidden; text-overflow: ellipsis;} .jumbotron{margin-bottom: 0;} .oe_img_bg{background-size: cover; background-repeat: no-repeat;} .oe_img_bg.o_bg_img_opt_contain{background-size: contain; background-position: center center;} .oe_img_bg.o_bg_img_opt_custom{background-size: auto;} .oe_img_bg.o_bg_img_opt_repeat{background-repeat: repeat;} .oe_img_bg.o_bg_img_opt_repeat_x{background-repeat: repeat-x;} .oe_img_bg.o_bg_img_opt_repeat_y{background-repeat: repeat-y;} ul{list-style-type: disc;} li > ul{list-style-type: circle;} li > * > li > ul{list-style-type: square;} li > * > li > * > li > ul{list-style-type: disc;} li > * > li > * > li > * > li > ul{list-style-type: circle;} li > * > li > * > li > * > li > * > li > ul{list-style-type: square;} li > * > li > * > li > * > li > * > li > * > li > ul{list-style-type: disc;} ol{list-style-type: decimal;} li > ol{list-style-type: lower-alpha;} li > * > li > ol{list-style-type: lower-greek;} li > * > li > * > li > ol{list-style-type: decimal;} li > * > li > * > li > * > li > ol{list-style-type: lower-alpha;} li > * > li > * > li > * > li > * > li > ol{list-style-type: lower-greek;} li > * > li > * > li > * > li > * > li > * > li > ol{list-style-type: decimal;} li > p{margin: 0;} font[style*='background'], font[class*='bg-']{padding: 0 2px;} hr{padding: 4px 0;} .o_ul_toggle_self, .o_ul_toggle_next{display: none;} .o_ul_folded .o_close{display: none!important;} .o_ul_folded .o_ul_toggle_self, .o_ul_folded .o_ul_toggle_next{display: inline-block; line-height: inherit; float: left; position: relative; margin-left: -1em; top: -0.15em; left: 0.2em; font-size: 1.4em; text-decoration: none;} .o_ul_folded .o_ul_toggle_self.o_open:before, .o_ul_folded .o_ul_toggle_next.o_open:before{content: "";} .o_ul_folded .o_ul_toggle_self:before, .o_ul_folded .o_ul_toggle_next:before{content: "";} .container{max-width: 100%;} .container .container{padding-left: 0; padding-right: 0; width: auto;} .navbar.navbar-static-top{margin-bottom: 0;} .navbar.navbar-static-top ul.nav > li.divider{margin-top: 15px; padding-top: 20px; border-right: 1px solid grey;} ul.nav-stacked > li > a{padding: 2px 15px;} [class^="col-md-"]{min-height: 24px;} ::-moz-selection{background: rgba(150, 150, 220, 0.3);} ::selection{background: rgba(150, 150, 220, 0.3);} .oe_demo{position: relative;} .oe_demo img{width: 100%;} .oe_demo div{position: absolute; top: auto; left: 0; bottom: 0; right: auto; background-color: rgba(0, 0, 0, 0.4); opacity: 0.85; width: 100%; padding: 7px; color: white; font-weight: bold;} .oe_demo div a{color: white;} .oe_search_box{padding-right: 23px;} .para_large{font-size: 120%;} .jumbotron .para_large p{font-size: 150%;} .readable{font-size: 120%; max-width: 700px; margin-left: auto; margin-right: auto;} .readable .container{padding-left: 0; padding-right: 0; width: auto;} .oe_dark{background-color: rgba(200, 200, 200, 0.14);} .oe_black{background-color: rgba(0, 0, 0, 0.9); color: white;} .oe_green{background-color: #169C78; color: white;} .oe_green .text-muted{color: #ddd;} .oe_blue_light{background-color: #41b6ab; color: white;} .oe_blue_light .text-muted{color: #ddd;} .oe_blue{background-color: #34495e; color: white;} .oe_orange{background-color: #f05442; color: white;} .oe_orange .text-muted{color: #ddd;} .oe_purple{background-color: #b163a3; color: white;} .oe_purple .text-muted{color: #ddd;} .oe_red{background-color: #9C1b31; color: white;} .oe_red .text-muted{color: #ddd;} .oe_none{background-color: #FFFFFF;} .oe_yellow{background-color: #A2A51B;} .oe_green{background-color: #149F2C;} 

/* /website/static/src/less/website.snippets.less defined in bundle 'web.assets_frontend' */
 .carousel, .parallax, .blockquote{overflow: hidden;} @media (max-width: 400px){section, .parallax, .row, .hr, .blockquote{height: auto !important;}} .s_text_block_image_fw .container{padding: 0 30px;} .s_text_block_image_fw .container > .row > div{padding: 30px;} .table_desc{margin: 0 0 20px 0; width: 100%; word-break: break-all; border: 1px solid #dddddd;} .table_heading{background-color: #f5f5f5; border: 1px solid #dddddd; color: #666666; font-size: 14px; padding: 4px;} table.table_desc tr td{text-align: left; padding: 5px; font-size: 13px;} table.table_desc tr td:first-child{width: 25%; font-weight: bold; border-bottom: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; border-left: none;} table.table_desc tr td:last-child{border-bottom: 1px solid #c9c9c9;} .s_comparisons .panel .list-group-item:not(.active){color: #666;} .s_references .img-thumbnail{border: none;} .o_image_floating{width: 40%; margin: 4px;} .o_image_floating div.o_container{position: relative;} .o_image_floating.o_margin_s{margin-bottom: 4px;} .o_image_floating.o_margin_s.pull-right{margin-left: 8px;} .o_image_floating.o_margin_s.pull-left{margin-right: 8px;} .o_image_floating.o_margin_m{margin-bottom: 8px;} .o_image_floating.o_margin_m.pull-right{margin-left: 12px;} .o_image_floating.o_margin_m.pull-left{margin-right: 12px;} .o_image_floating.o_margin_l{margin-bottom: 12px;} .o_image_floating.o_margin_l.pull-right{margin-left: 16px;} .o_image_floating.o_margin_l.pull-left{margin-right: 16px;} .o_image_floating.o_margin_xl{margin-bottom: 24px;} .o_image_floating.o_margin_xl.pull-right{margin-left: 32px;} .o_image_floating.o_margin_xl.pull-left{margin-right: 32px;} .carousel-inner{height: 100%;} .carousel-inner .item{height: 100%;} .carousel-inner .carousel-control{cursor: pointer;} .carousel-inner .carousel-control span{top: 50%; position: absolute; margin-top: -8px;} .carousel .carousel-control.left{left: -10px;} .carousel .carousel-control.left *{position: absolute; top: 50%; z-index: 5; right: 50%;} .carousel .carousel-control.right{right: -10px;} .carousel .carousel-control.right *{position: absolute; top: 50%; z-index: 5; left: 50%;} .quotecarousel{padding-bottom: 16px;} div.carousel .container > .carousel-caption{position: absolute; top: auto; left: 50%; bottom: auto; right: 50%; bottom: 20px;} div.carousel .container > .carousel-caption > div{position: absolute; text-align: left; padding: 20px; background: rgba(0, 0, 0, 0.4); bottom: 20px;} div.carousel .container > .carousel-image{position: absolute; top: 5%; left: auto; bottom: 5%; right: auto; max-height: 90%; margin: 0 auto;} div.carousel .container .item.text_image .container > .carousel-caption{left: 10%;} div.carousel .container .item.text_image .container > .carousel-caption > div{right: 50%; margin-right: -20%; max-width: 550px;} div.carousel .container .item.text_image .container > .carousel-image{right: 10%; left: 50%;} div.carousel .container .item.image_text .container > .carousel-caption{right: 10%;} div.carousel .container .item.image_text .container > .carousel-caption > div{left: 50%; margin-left: -20%; max-width: 550px;} div.carousel .container .item.image_text .container > .carousel-image{right: 50%; left: 10%;} div.carousel .container .item.text_only .container > .carousel-caption{left: 10%; right: 10%; top: 10%; bottom: auto;} div.carousel .container .item.text_only .container > .carousel-caption > div{text-align: center; background: transparent; bottom: auto; width: 100%;} div.carousel .container .item.text_only .container > .carousel-image{display: none !important;} .o_gallery.o_grid .img, .o_gallery.o_masonry .img{width: 100%;} .o_gallery.o_grid.o_spc-none div.row{margin: 0;} .o_gallery.o_grid.o_spc-none div.row *{padding: 0;} .o_gallery.o_grid.o_spc-small div.row{margin: 5px 0;} .o_gallery.o_grid.o_spc-small div.row *{padding: 0 5px;} .o_gallery.o_grid.o_spc-medium div.row{margin: 10px 0;} .o_gallery.o_grid.o_spc-medium div.row *{padding: 0 10px;} .o_gallery.o_grid.o_spc-big div.row{margin: 15px 0;} .o_gallery.o_grid.o_spc-big div.row *{padding: 0 15px;} .o_gallery.o_grid.size-auto .row{height: auto;} .o_gallery.o_grid.size-small .row{height: 100px;} .o_gallery.o_grid.size-medium .row{height: 250px;} .o_gallery.o_grid.size-big .row{height: 400px;} .o_gallery.o_grid.size-small img, .o_gallery.o_grid.size-medium img, .o_gallery.o_grid.size-big img{height: 100%;} .o_gallery.o_masonry.o_spc-none div.col{padding: 0;} .o_gallery.o_masonry.o_spc-none div.col > img{margin: 0 !important;} .o_gallery.o_masonry.o_spc-small div.col{padding: 0 5px;} .o_gallery.o_masonry.o_spc-small div.col > img{margin: 5px 0 !important;} .o_gallery.o_masonry.o_spc-medium div.col{padding: 0 10px;} .o_gallery.o_masonry.o_spc-medium div.col > img{margin: 10px 0 !important;} .o_gallery.o_masonry.o_spc-big div.col{padding: 0 15px;} .o_gallery.o_masonry.o_spc-big div.col > img{margin: 15px 0 !important;} .o_gallery.o_nomode.o_spc-none .img{padding: 0;} .o_gallery.o_nomode.o_spc-small .img{padding: 5px;} .o_gallery.o_nomode.o_spc-medium .img{padding: 10px;} .o_gallery.o_nomode.o_spc-big .img{padding: 15px;} .o_gallery.o_slideshow .carousel ul.carousel-indicators li{border: 1px solid #aaa;} .o_gallery.o_slideshow > .container{height: 100%;} .o_gallery .carousel-inner .item img{max-width: none;} .o_gallery.o_slideshow .carousel, .modal-body.o_slideshow .carousel{height: 100%;} .o_gallery.o_slideshow .carousel .item, .modal-body.o_slideshow .carousel .item{padding-bottom: 64px;} .o_gallery.o_slideshow .carousel img, .modal-body.o_slideshow .carousel img{max-height: 100%; max-width: 100%; margin: auto;} .o_gallery.o_slideshow .carousel ul.carousel-indicators, .modal-body.o_slideshow .carousel ul.carousel-indicators{display: block; height: auto; padding: 0; border-width: 0; position: absolute; bottom: 0;} .o_gallery.o_slideshow .carousel ul.carousel-indicators > *, .modal-body.o_slideshow .carousel ul.carousel-indicators > *{list-style-image: none; display: inline-block; width: 40px; height: 40px; margin: 0 0px 5px 5px; padding: 0; border: 1px solid #aaa; text-indent: initial; background-size: cover; background-color: #fff; border-radius: 0;} .o_gallery.o_slideshow .carousel ul.carousel-indicators > *:not(.active), .modal-body.o_slideshow .carousel ul.carousel-indicators > *:not(.active){opacity: 0.8; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");} .o_gallery.o_slideshow .carousel ul.carousel-indicators > *:first-child, .modal-body.o_slideshow .carousel ul.carousel-indicators > *:first-child{margin-left: 0;} .o_gallery.o_slideshow .carousel .carousel-control.right, .modal-body.o_slideshow .carousel .carousel-control.right, .o_gallery.o_slideshow .carousel .carousel-control.left, .modal-body.o_slideshow .carousel .carousel-control.left{background-image: none; background-color: transparent;} div.carousel .carousel-indicators li{box-shadow: 0 0 0 1px grey;} div.carousel .carousel-indicators li:hover:not(.active){background-color: rgba(255, 255, 255, 0.5);} div.carousel span.carousel-img img, div.carousel div.carousel-content{max-height: 95%; padding: 10px;} div.carousel .carousel-control{cursor: pointer;} .parallax{position: relative; z-index: 0;} .parallax .oe_structure > :first-child{margin-top: 32px;} .parallax .oe_structure > :last-child{margin-bottom: 32px;} .parallax > .s_parallax_bg{position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-attachment: scroll; pointer-events: none;} .parallax.s_parallax_is_fixed > .s_parallax_bg{background-attachment: fixed;} .s_parallax{min-height: 200px;} 

/* /website/static/src/less/website.zoomodoo.less defined in bundle 'web.assets_frontend' */
 .zoomodoo{position: relative; display: inline-block; *display: inline; *zoom: 1;} .zoomodoo img{vertical-align: bottom;} .zoomodoo-flyout{position: absolute; z-index: 100; overflow: hidden; background: #FFF;} .zoomodoo-hover .zoomodoo-flyout{top: 0; left: 0; width: 100%; height: 100%;} .zoomodoo-next .zoomodoo-flyout{top: 0; left: 100%; width: 100%; height: 100%; margin-left: 20px;} 

/* /website/static/src/less/bootstrap.extend.less defined in bundle 'web.assets_frontend' */
 .text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg{text-align: left;} .text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg{text-align: center;} .text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg{text-align: right;} .text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg{text-align: justify;} @media (max-width: 767px){.text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs{text-align: inherit;}.text-left-xs{text-align: left;}.text-center-xs{text-align: center;}.text-right-xs{text-align: right;}.text-justify-xs{text-align: justify;}} @media (min-width: 768px) and (max-width: 991px){.text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm{text-align: inherit;}.text-left-sm{text-align: left;}.text-center-sm{text-align: center;}.text-right-sm{text-align: right;}.text-justify-sm{text-align: justify;}} @media (min-width: 992px) and (max-width: 1199px){.text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md{text-align: inherit;}.text-left-md{text-align: left;}.text-center-md{text-align: center;}.text-right-md{text-align: right;}.text-justify-md{text-align: justify;}} @media (min-width: 1200px){.text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg{text-align: inherit;}.text-left-lg{text-align: left;}.text-center-lg{text-align: center;}.text-right-lg{text-align: right;}.text-justify-lg{text-align: justify;}} 

/* /website_portal/static/src/less/website_portal.less defined in bundle 'web.assets_frontend' */
 .o_my_status_table{text-align: right;} .o_my_status_table tr > :first-child{text-align: left;} .o_my_status_table tr th{text-align: center;} @media (max-width: 767px){.o_my_status_table{display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}} .o_my_home_content > .page-header > a:hover{text-decoration: none;} .portal-wrap table.table tr{word-wrap: break-word;} .search_panel_fixed_width{overflow: hidden; max-width: 125px; text-overflow: ellipsis; white-space: nowrap;} .oe_attachments .o_image_small{height: 40px; width: 50px;} 

/* /personal_center/static/src/css/reset_password.css defined in bundle 'web.assets_frontend' */
.change-page{position: relative;} .change-page::before{content: ''; width: 100%; height: 100%; display: block; z-index: -1; background-size: cover; -webkit-filter: blur(10px); filter: blur(10px); z-index: 1; position: absolute; top: 0; right: 0;} .change-page .container{z-index: 9; padding: 20px; position: relative;} .change-page .form-holder{width: 100%; border-radius: 5px; overflow: hidden; margin-bottom: 50px;} .change-page .form-holder .info, .change-page .form-holder .form{min-height: 70vh; padding: 40px; height: 100%; margin: 0;} .change-page .form-holder .cpo_reset_password_form{min-height: 35vh;} .change-page .form-holder div[class*='col-']{padding: 0;} .change-page .form-holder .info{background: rgba(74, 147, 253, 0.9); color: #fff;} .change-page .form-holder .info h1{font-size: 2.5em; font-weight: 600;} .change-page .form-holder .info p{font-weight: 300;} .change-page .form-holder .form .form-group{position: relative; margin-bottom: 20px;} .change-page .form-holder .form .content{width: 100%;} .change-page .form-holder .form form{width: 100%; max-width: 400px;} .change-page .form-holder .form form p.t-tips{color: #aaaaaa;} .change-page .form-holder .form form p.t-tips span{display: inline-block;} .change-page .form-holder .form #login, .change-page .form-holder .form #register{background-color: #ffffff!important;} .change-page .form-holder .form a.forgot-pass, .change-page .form-holder .form a.signup{font-size: 1em; color: #85b4f2; display: inline-block; margin-top: 5px; text-decoration: underline;} .change-page .form-holder .form small{color: #aaa;} .change-page .form-holder .form .terms-conditions label{cursor: pointer; color: #aaa; font-size: 14px;} .change-page .copyrights{width: 100%; z-index: 9999; position: absolute; bottom: 0; left: 0; color: #fff;} .change-page input.input-material{width: 100%; border: none; border-bottom: 1px solid #d2d2d2; padding: 10px 0;} .change-page input.input-material.is-invalid{border-color: #dc3545 !important;} .change-page input.input-material:focus{outline-style: none; border-bottom: 1px solid #4a93fd;} .change-page input.input-material ~ label{color: #aaa; position: absolute; top: 14px; left: 0; cursor: text; -webkit-transition: all 0.2s; transition: all 0.2s; font-weight: 300;} .change-page input.input-material ~ label.active{font-size: 14px; top: -15px; color: #4a93fd;} .change-page input.input-material.is-invalid ~ label{color: #dc3545;} .change-page input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px transparent inset !important; background-color:transparent; background-image: none; transition: background-color 50000s ease-in-out 0s;} @media (max-width: 991px){.change-page .info, .change-page .form{min-height: auto !important;}.change-page .info{padding-top: 100px !important; padding-bottom: 100px !important;}} .change-page .oe_login_buttons a.btn{display: none!important;} .password_hint{top: 41px; width: 100%; height: 100%; background-color: #ffffff;} .seePassword{position: absolute; right: 5px; top: 10px; color: #4a93fd; cursor: pointer;} .green{color: #6cda6a;} 

/* /website_cpo_sale/static/src/css/cpo_website_base.css defined in bundle 'web.assets_frontend' */
 .clearfix:after{content:""; height:0; line-height:0; display:block; visibility:hidden; clear:both} .clear{clear: both;} .cpo-mb64{margin-bottom: 64px;} body{font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft yahei", arial, "PingFangSC-Regular", sans-serif,"Helvetica Neue", Helvetica, Arial, sans-serif;} .tooltip.bottom .tooltip-arrow{border-bottom-color: #2e8bc3;} .tooltip.top .tooltip-arrow{border-bottom-color: #2e8bc3;} .tooltip.left .tooltip-arrow{border-bottom-color: #2e8bc3;} .tooltip.right .tooltip-arrow{border-bottom-color: #2e8bc3;} .tooltip-inner{background-color: #2e8bc3;} .clearfix{zoom:1;} .cpo-fw{font-weight: 600;} .cpo_lb_content{width: 100%;height: 352px;border: 1px solid #000000;margin: 50px auto;overflow: hidden;position: relative; margin: 0;padding: 0;} .cpo_lb{padding: 0;margin: 0;height: 352px;width: 500%;} .lb_item{width: 100%;height: 352px;float: left;padding: 0;margin: 0;list-style: none;} .lb_btn{position: absolute;left: 50%;bottom: 5%;z-index: 2;} .lb_btn li{width: 14px;height: 14px;border: 1px solid #ffffff;border-radius: 50%;text-align: center;line-height: 14px; float: left;list-style: none;margin: 0 2px;padding: 3px;color: #ffffff;cursor: pointer;} .lb_btn .li_ac{background: #000000;} .cpo_input_active{border-color: #2e8bc3!important;color: #2e8bc3;} .cpo_input_active:after{content: "";position: absolute;bottom: 0;right: 0;background: url(/website_cpo_sale/static/src/css/../images/cpo_pcb.png) no-repeat; width: 16px;height: 16px;background-size: 16px 16px;border-bottom-right-radius: 2px;} .pcb_need_btn_plus{width: 18px;height: 18px;display: inline-block;background-image: url("/website_cpo_sale/static/src/css/../images/jump_to_bottom.png"); background-size: 18px 18px;vertical-align: middle;margin-right: 5px;} .pcb_need_btn_less{width: 18px;height: 18px;display: inline-block;background-image: url("/website_cpo_sale/static/src/css/../images/jump_to_top.png"); background-size: 18px 18px;vertical-align: middle;margin-right: 5px;} .cpo-plus{width: 18px;height: 18px;display: inline-block;background-image: url("/website_cpo_sale/static/src/css/../images/jump_to_bottom.png"); background-size: 18px 18px;vertical-align: middle;margin-right: 5px;} .cpo-less{width: 18px;height: 18px;display: inline-block;background-image: url("/website_cpo_sale/static/src/css/../images/jump_to_top.png"); background-size: 18px 18px;vertical-align: middle;margin-right: 5px;} .btn-puls{position: relative;display: inline-block;width: 18px;height: 18px; background-image: url('/website_cpo_sale/static/src/css/../images/did_select.png');vertical-align: middle; background-size: 18px 18px;cursor: pointer;} .btn-less{position: relative;display: inline-block;width: 18px;height: 18px; background-image: url('/website_cpo_sale/static/src/css/../images/already_select.png');vertical-align: middle; background-size: 18px 18px;cursor: pointer;} .cpo-btn{text-align: center;padding: 2px 8px;} .cpo-title{margin: 0 auto;text-align: center;padding: 4px 0;} .cpo-btn{display: inline-block;vertical-align: middle;} .cpo-block{display: block!important;} .red{color: red;} .cpo-none{display: none!important;} .cpo-i-right{color: #2e8bc3;margin: 0 5px;} .cpo-confirm{border: 1px solid #FF0000;} .cpo-border-red{border: 1px solid #FF0000;} .cpo-margin{margin-bottom: 20px;} .cpo-circle-btn{width: 18px;height: 18px;display: inline-block;background: url("/website_cpo_sale/static/src/css/../images/tools_img/try_quantity_list.png") no-repeat; background-size: 18px 18px;vertical-align: middle;cursor: pointer;} .cpo-select{background: url("/website_cpo_sale/static/src/css/../images/tools_img/try_quantity.png") no-repeat;background-size: 18px 18px;} .cpo-pdl-0{padding-left: 0!important;} .cpo-tips{font-size: 15px;font-weight: 600;color: #2e8bc3;margin: 10px 0;} .cpo-full-redu{color: #ff0000;display: block;width: 100%;} .cpo-border-left{border-left: none!important;} .cpo-border-right{border-right: none!important;} .cpo-padding-i{padding: 0 3px;} .cpo-border-top-left{border-top-left-radius: 10px;} .cpo-border-top-right{border-top-right-radius: 10px;} .cpo-span{display: inline-block;} .cpo-p{margin: 0;} .cpo-check-input{display: inline-block;vertical-align: middle;width: 15px;height: 15px;margin: 0;} .cpo-group{position: relative;} .cpo-group .panel_img_size{position: absolute;right: 15px;top: -17px;} .cpo-group input{display: inline-block;line-height: 30px;} .cpo-group span{display: inline-block;line-height: 30px;} .cpo-group label{display: inline-block;line-height: 30px;font-size: 12px;padding-top: 0;margin: 0 10px 0 0; text-align: left!important;width: 180px;} .cpo-group .form-control{padding: 4px 12px;height: 30px;display: inline-block;} .cpo-group i.fa{color: #2e8bc3;} .cpo-group .cpo_input_quantity input{width: 100px;} .cpo-group span.cpo_span_unit{border-radius: 4px;width: 45px;display: inline-block;line-height: 28px;border: 1px solid #ccc;text-align: center; margin-left: 10px;position: relative;cursor: pointer;} .cpo-group .set_contetn{display: none;} .cpo-group input.set_pcs_qty{line-height: 28px;height: 30px;border-radius: 4px;text-align: center; margin-right: 5px;color: #666;} .cpo-group span.cpo_span_copper_input{border-radius: 0;display: inline-block;line-height: 28px;text-align: center; margin-left: -1px;position: relative;} .cpo-group a.cpo_input_active{border-color: #2e8bc3;color: #2e8bc3;} .cpo-group a.cpo_input_active:after{content: "";position: absolute;bottom: 0;right: 0;background: url(/website_cpo_sale/static/src/css/../images/cpo_pcb.png) no-repeat; width: 15px;height: 15px;background-size: 15px 15px;border-bottom-right-radius: 3px;} .square-false-btn{background: url("/website_cpo_sale/static/src/css/../images/tools_img/square-false.png")no-repeat;background-size: 18px 18px;cursor: pointer;} .square-true-btn{background: url("/website_cpo_sale/static/src/css/../images/tools_img/square-true.png")no-repeat;background-size: 18px 18px;cursor: pointer;} .cpo-row{margin-left: 0;margin-right: 0;position: relative;} .cpo-pd-r0{padding-right: 0;} .tooltip-inner{background-color: #4a93fd;} .tooltip.top .tooltip-arrow{border-top-color: #4a93fd;} img[data-action="zoom"]{cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in;} .zoom-img, .zoom-img-wrap{position: relative; z-index: 666; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} img.zoom-img{cursor: pointer; cursor: -webkit-zoom-out; cursor: -moz-zoom-out;} .zoom-overlay{z-index: 420; background: #fff; position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; filter: "alpha(opacity=0)"; opacity: 0; -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms;} .zoom-overlay-open .zoom-overlay{filter: "alpha(opacity=100)"; opacity: 1;} .zoom-overlay-open, .zoom-overlay-transitioning{cursor: default;} .owl-dots{height: 30px; position: absolute; bottom: 10px; width: 100%; text-align: center;} .owl-dots .owl-dot{display: inline-block;margin: 5px;width: 22px;height: 22px; background-color: #fff;border-radius: 50%;border: 2px solid #ffffff;} .owl-dots .active{background-color: yellow;} .owl-dots .owl-dot span{display: inline-block;} .row-m-0{margin: 0;} .row-p-0{padding: 0;} @keyframes button_scale{0%{transform: scale(1,1); -webkit-transform:scale(1,1) ; -moz-transform:scale(1,1) ; -ms-transform:scale(1,1) ;}50%{transform: scale(0.8,0.8); -webkit-transform:scale(0.8,0.8) ; -moz-transform:scale(0.8,0.8) ; -ms-transform:scale(0.8,0.8) ; opacity: 0.6;}100%{transform: scale(1,1); -webkit-transform:scale(1,1) ; -moz-transform:scale(1,1) ; -ms-transform:scale(1,1) ;}} @-webkit-keyframes button_scale{0%{transform: scale(1,1); -webkit-transform:scale(1,1) ;}50%{transform: scale(0.8,0.8); -webkit-transform:scale(0.8,0.8) ; opacity: 0.6;}100%{transform: scale(1,1); -webkit-transform:scale(1,1) ;}} @-moz-keyframes button_scale{0%{transform: scale(1,1); -moz-transform:scale(1,1) ;}50%{transform: scale(0.8,0.8); -moz-transform:scale(0.8,0.8) ; opacity: 0.6;}100%{transform: scale(1,1); -moz-transform:scale(1,1) ;}} @-ms-keyframes button_scale{0%{transform: scale(1,1); -moz-transform:scale(1,1) ;}50%{transform: scale(0.8,0.8); -moz-transform:scale(0.8,0.8) ; opacity: 0.6;}100%{transform: scale(1,1); -moz-transform:scale(1,1) ;}} @-webkit-keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInRight{-webkit-animation-name: slideInRight; animation-name: slideInRight; animation: slideInRight 1s; -webkit-animation: slideInRight 1s;} .h0{height: 0!important;} .mg-auto{margin: auto auto;} .m-0{margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0;} .p-0{padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0;} .mt-0{margin-top: 0} .mt-10{margin-top: 10px} .mt-12{margin-top: 12px} .mt-15{margin-top: 15px} .mt-20{margin-top: 20px} .mt-25{margin-top: 25px} .mt-30{margin-top: 30px} .mt-35{margin-top: 35px} .mt-37{margin-top: 37px} .mt-40{margin-top: 40px} .mt-45{margin-top: 45px} .mt-50{margin-top: 50px} .mt-55{margin-top: 55px} .mt-60{margin-top: 60px} .mt-65{margin-top: 65px} .mt-70{margin-top: 70px} .mt-75{margin-top: 75px} .mt-80{margin-top: 80px} .mt-84{margin-top: 84px} .mt-90{margin-top: 90px} .mt-95{margin-top: 95px} .mt-100{margin-top: 100px} .mt-110{margin-top: 110px} .mt-120{margin-top: 120px} .mt-130{margin-top: 130px} .mt-140{margin-top: 140px} .mt-160{margin-top: 160px} .mt-179{margin-top: 179px} .mt-150{margin-top: 150px} .mt-200{margin-top: 200px} .mt-290{margin-top: 290px} .mt-285{margin-top: 285px} .mt-280{margin-top: 280px} .mr-0{margin-right: 0px} .mr-10{margin-right: 10px} .mr-12{margin-right: 12px} .mr-15{margin-right: 15px} .mr-20{margin-right: 20px} .mr-30{margin-right: 30px} .mr-35{margin-right: 35px} .mr-40{margin-right: 40px} .mr-50{margin-right: 50px} .mr-60{margin-right: 60px} .mr-70{margin-right: 70px} .mr-80{margin-right: 80px} .mr-90{margin-right: 90px} .mr-100{margin-right: 100px} .mr-110{margin-right: 110px} .mr-120{margin-right: 120px} .mr-130{margin-right: 130px} .mr-140{margin-right: 140px} .mr-150{margin-right: 150px} .mr-170{margin-right: 170px} .mb-0{margin-bottom: 0} .mb-2{margin-bottom: 2px} .mb-5{margin-bottom: 5px!important;} .mb-10{margin-bottom: 10px} .mb-12{margin-bottom: 12px} .mb-15{margin-bottom: 15px} .mb-18{margin-bottom: 18px} .mb-28{margin-bottom: 28px} .mb-20{margin-bottom: 20px} .mb-22{margin-bottom: 22px} .mb-25{margin-bottom: 25px} .mb-30{margin-bottom: 30px} .mb-35{margin-bottom: 35px} .mb-40{margin-bottom: 40px} .mb-45{margin-bottom: 45px} .mb-50{margin-bottom: 50px} .mb-55{margin-bottom: 55px} .mb-60{margin-bottom: 60px} .mb-65{margin-bottom: 65px} .mb-70{margin-bottom: 70px} .mb-75{margin-bottom: 75px} .mb-80{margin-bottom: 80px} .mb-90{margin-bottom: 90px} .mb-100{margin-bottom: 100px} .mb-110{margin-bottom: 110px} .mb-120{margin-bottom: 120px} .mb-130{margin-bottom: 130px} .mb-140{margin-bottom: 140px} .mb-150{margin-bottom: 150px} .ml-0{margin-left: 0} .ml-10{margin-left: 10px} .ml-12{margin-left: 12px} .ml-15{margin-left: 15px} .ml-20{margin-left: 20px} .ml-18{margin-left: 18px} .ml-30{margin-left: 30px} .ml-40{margin-left: 40px} .ml-50{margin-left: 50px} .ml-60{margin-left: 60px} .ml-70{margin-left: 70px} .ml-75{margin-left: 75px} .ml-80{margin-left: 80px} .ml-90{margin-left: 90px} .ml-100{margin-left: 100px} .ml-110{margin-left: 110px} .ml-120{margin-left: 120px} .ml-125{margin-left: 125px} .ml-130{margin-left: 130px} .ml-140{margin-left: 140px} .ml-150{margin-left: 150px} .ml-285{margin-left: 285px} .pt-0{padding-top: 0} .pt-4{padding-top: 4px} .pt-10{padding-top: 10px} .pt-12{padding-top: 12px} .pt-15{padding-top: 15px} .pt-20{padding-top: 20px} .pt-25{padding-top: 25px} .pt-30{padding-top: 30px} .pt-35{padding-top: 35px} .pt-37{padding-top: 37px} .pt-40{padding-top: 40px} .pt-45{padding-top: 45px} .pt-50{padding-top: 50px} .pt-55{padding-top: 55px} .pt-58{padding-top: 58px} .pt-60{padding-top: 60px} .pt-65{padding-top: 65px} .pt-68{padding-top: 68px} .pt-70{padding-top: 70px} .pt-75{padding-top: 75px} .pt-80{padding-top: 80px} .pt-85{padding-top: 85px} .pt-95{padding-top: 95px} .pt-90{padding-top: 90px} .pt-97{padding-top: 97px} .pt-100{padding-top: 100px} .pt-95{padding-top: 95px} .pt-105{padding-top: 105px} .pt-110{padding-top: 110px} .pt-115{padding-top: 115px} .pt-120{padding-top: 120px} .pt-125{padding-top: 125px} .pt-130{padding-top: 130px} .pt-135{padding-top: 135px} .pt-140{padding-top: 140px} .pt-145{padding-top: 145px} .pt-150{padding-top: 150px} .pt-155{padding-top: 155px} .pt-160{padding-top: 160px} .pt-169{padding-top: 169px} .pt-172{padding-top: 172px} .pt-175{padding-top: 175px} .pt-170{padding-top: 170px} .pt-180{padding-top: 180px} .pt-190{padding-top: 190px} .pt-205{padding-top: 205px} .pt-200{padding-top: 200px} .pt-220{padding-top: 220px} .pt-210{padding-top: 210px} .pt-250{padding-top: 250px} .pt-290{padding-top: 290px} .pt-285{padding-top: 285px} .pt-280{padding-top: 280px} .pt-330{padding-top: 330px} .pt-345{padding-top: 345px} .pt-350{padding-top: 350px} .pt-335{padding-top: 335px} .pt-365{padding-top: 365px} .pt-355{padding-top: 355px} .pt-370{padding-top: 370px} .pt-380{padding-top: 380px} .pr-0{padding-right: 0} .pr-10{padding-right: 10px} .pr-15{padding-right: 15px} .pr-20{padding-right: 20px} .pr-30{padding-right: 30px} .pr-40{padding-right: 40px} .pr-50{padding-right: 50px} .pr-55{padding-right: 55px} .pr-60{padding-right: 60px} .pr-70{padding-right: 70px} .pr-80{padding-right: 80px} .pr-90{padding-right: 90px} .pr-100{padding-right: 100px} .pr-110{padding-right: 110px} .pr-120{padding-right: 120px} .pr-130{padding-right: 130px} .pr-140{padding-right: 140px} .pr-155{padding-right: 155px} .pr-155{padding-right: 155px} .pr-180{padding-right: 180px} .pr-195{padding-right: 195px} .pr-215{padding-right: 215px} .pb-0{padding-bottom: 0} .pb-5{padding-bottom: 5px} .pb-6{padding-bottom: 6px} .pb-10{padding-bottom: 10px} .pb-13{padding-bottom: 13px} .pb-15{padding-bottom: 15px} .pb-18{padding-bottom: 18px} .pb-20{padding-bottom: 20px} .pb-22{padding-bottom: 22px} .pb-25{padding-bottom: 25px} .pb-30{padding-bottom: 30px} .pb-35{padding-bottom: 35px} .pb-40{padding-bottom: 40px} .pb-45{padding-bottom: 45px} .pb-50{padding-bottom: 50px} .pb-55{padding-bottom: 55px} .pb-60{padding-bottom: 60px} .pb-65{padding-bottom: 65px} .pb-70{padding-bottom: 70px} .pb-75{padding-bottom: 75px} .pb-80{padding-bottom: 80px} .pb-85{padding-bottom: 85px} .pb-90{padding-bottom: 90px} .pb-95{padding-bottom: 95px} .pb-97{padding-bottom: 97px} .pb-100{padding-bottom: 100px} .pb-105{padding-bottom: 105px} .pb-107{padding-bottom: 107px} .pb-110{padding-bottom: 110px} .pb-115{padding-bottom: 115px} .pb-120{padding-bottom: 120px} .pb-125{padding-bottom: 125px} .pb-130{padding-bottom: 130px} .pb-135{padding-bottom: 135px} .pb-140{padding-bottom: 140px} .pb-145{padding-bottom: 145px} .pb-146{padding-bottom: 146px} .pb-150{padding-bottom: 150px} .pb-155{padding-bottom: 155px} .pb-160{padding-bottom: 160px} .pb-169{padding-bottom: 169px} .pb-178{padding-bottom: 178px} .pb-172{padding-bottom: 172px} .pb-180{padding-bottom: 180px} .pb-190{padding-bottom: 190px} .pb-210{padding-bottom: 210px} .pb-230{padding-bottom: 230px} .pb-212{padding-bottom: 212px} .pb-250{padding-bottom: 250px} .pb-258{padding-bottom: 258px} .pb-280{padding-bottom: 280px} .pb-210{padding-bottom: 210px} .pb-285{padding-bottom: 285px} .pb-290{padding-bottom: 290px} .pb-280{padding-bottom: 280px} .pb-285{padding-bottom: 285px} .pb-200{padding-bottom: 200px} .pb-220{padding-bottom: 220px} .pb-215{padding-bottom: 215px} .pb-295{padding-bottom: 295px} .pb-440{padding-bottom: 440px} .pb-450{padding-bottom: 450px} .pl-0{padding-left: 0} .pl-10{padding-left: 10px} .pl-15{padding-left: 15px} .pl-20{padding-left: 20px} .pl-30{padding-left: 30px} .pl-35{padding-left: 35px} .pl-40{padding-left: 40px} .pl-45{padding-left: 45px} .pl-50{padding-left: 50px} .pl-55{padding-left: 55px} .pl-60{padding-left: 60px} .pl-70{padding-left: 70px} .pl-80{padding-left: 80px} .pl-90{padding-left: 90px} .pl-100{padding-left: 100px} .pl-110{padding-left: 110px} .pl-120{padding-left: 120px} .pl-125{padding-left: 125px} .pl-130{padding-left: 130px} .pl-140{padding-left: 140px} .pl-140{padding-left: 140px} .pl-170{padding-left: 170px} .pl-155{padding-left: 155px} .pl-190{padding-left: 190px} .pl-195{padding-left: 195px} .ptb-0{padding: 0} .ptb-10{padding: 10px 0} .ptb-15{padding: 15px 0} .ptb-20{padding: 20px 0} .ptb-30{padding: 30px 0} .ptb-32{padding: 32px 0} .ptb-37{padding: 37px 0} .ptb-40{padding: 40px 0} .ptb-50{padding: 50px 0} .ptb-60{padding: 60px 0} .ptb-68{padding: 68px 0} .ptb-65{padding: 65px 0} .ptb-70{padding: 70px 0} .ptb-75{padding: 75px 0} .ptb-80{padding: 80px 0} .ptb-90{padding: 90px 0} .ptb-100{padding: 100px 0} .ptb-95{padding: 95px 0} .ptb-110{padding: 110px 0} .ptb-120{padding: 120px 0} .ptb-130{padding: 130px 0} .ptb-135{padding: 135px 0} .ptb-140{padding: 140px 0} .ptb-150{padding: 150px 0} .ptb-160{padding: 160px 0} .ptb-165{padding: 165px 0} .ptb-170{padding: 170px 0} .ptb-177{padding: 177px 0} .ptb-180{padding: 180px 0} .ptb-190{padding: 190px 0} .ptb-200{padding: 200px 0} .ptb-210{padding: 210px 0} .ptb-220{padding: 220px 0} .ptb-250{padding: 250px 0} .ptb-290{padding: 290px 0} .ptb-310{padding: 310px 0} .mtb-0{margin: 0} .mtb-10{margin: 10px 0} .mtb-15{margin: 15px 0} .mtb-20{margin: 20px 0} .mtb-30{margin: 30px 0} .mtb-40{margin: 40px 0} .mtb-50{margin: 50px 0} .mtb-60{margin: 60px 0} .mtb-70{margin: 70px 0} .mtb-80{margin: 80px 0} .mtb-90{margin: 90px 0} .mtb-100{margin: 100px 0} .mtb-110{margin: 110px 0} .mtb-120{margin: 120px 0} .mtb-130{margin: 130px 0} .mtb-140{margin: 140px 0} .mtb-150{margin: 150px 0;} .mtb-290{margin: 290px 0;} .white-bg{background: #fff;} .black-bg{background: #242424} .black-bg-2{background: #181818} .theme-bg{background: #4a93fd;} .gray-bg{background: #f8f9f9;} .blue-bg{background: #4FC1F0;} .default-bg{background: #50C1F0;} .pink-bg{background: #ffe8e8;} .transparent-bg{background: transparent;} @media (min-width: 1200px) and (max-width: 1500px){.slider-content-wrap p{margin: 0 0 30px;}.slider-height-2{min-height: 550px;}.slider-content-2 h1{font-size: 34px; margin: 20px 0 45px;}.video-title > h1{font-size: 37px; line-height: 51px; width: 53%;}} @media (min-width: 992px) and (max-width: 1199px){.main-menu ul li{padding-right: 35px;}.product-content{padding: 15px 20px 40px;}.single-testi-text > p{padding: 36px 15px 39px;}.blogpost-desc > h3{font-size: 20px;}.offer-content > h5{font-size: 34px;}.offer-area{background-position: 45% center;}.open-time.pr-30{padding: 0;}.social-icon li a{font-size: 17px; height: 34px; line-height: 32px; width: 34px;}.social-icon ul li{margin: 0 3px 10px 0;}.slider-content-wrap{padding: 35px 40px; max-width: 630px;}.slider-content-wrap h1{font-size: 34px; margin: 5px 0 8px;}.slider-content-wrap p{margin: 0 0 25px;}.slider-content-wrap h2{font-size: 36px;}.slider-height-2{min-height: 500px;}.slider-content-2 h1{font-size: 30px; margin: 15px 0 45px;}.single-menu-product-all{padding: 15px 10px;}.menu-product-content{margin-left: 15px;}.video-title > h1{font-size: 36px; line-height: 50px; width: 67%;}.deal-img{padding: 0 60px;}.deal-content > h2{font-size: 35px;}.single-service{padding: 45px 20px;}.single-count span{font-size: 15px;}.single-count h2{font-size: 30px;}.single-contact-info.mb-40{margin-bottom: 20px;}.single-contact-info.mb-35{margin-bottom: 15px;}.contact-info-wrap{margin: 19px 0 0;}} .mt-ng-120{margin-top: -120px;} @keyframes icon-bounce{0%, 100%{-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}25%{-moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);}50%{-moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}75%{-moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);}85%{-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}} @-webkit-keyframes icon-bounce{0%, 75%, 100%{-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}80%{-moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);}85%{-moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}90%{-moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);}95%{-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}} @-moz-keyframes icon-bounce{0%, 100%{-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}25%{-moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);}50%{-moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}75%{-moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);}85%{-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}} @-o-keyframes icon-bounce{0%, 100%{-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}25%{-moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);}50%{-moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}75%{-moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);}85%{-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}} .cpo-icon-bounce{-webkit-animation: icon-bounce 4s infinite; -moz-animation: icon-bounce 0.5s infinite; -o-animation: icon-bounce 0.5s infinite; animation: icon-bounce 0.5s infinite;} 

/* /website_cpo_sale/static/src/css/cpo_index_content.css defined in bundle 'web.assets_frontend' */
 ul{margin: 0;padding: 0;} .swiper-container{width: 100%;height: 100%;} .swiper-slide{text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} ul li{list-style: none;} #banner_bg{position: relative;height: 352px;} .banner_list{position: absolute;z-index: 1;width: 100%;} .banner_content{position: relative;z-index: 10;} .cpo_lb_content{width: 100%;height: 352px;overflow: hidden;position: relative;margin: 0;padding: 0;} .cpo_lb{padding: 0;margin: 0;height: 352px;width: 500%;} .lb_item{width: 100%;height: 352px;float: left;padding: 0;margin: 0;list-style: none;} .lb_btn{position: absolute;left: 50%;bottom: 0;z-index: 2;} .lb_btn li{width: 20px;height: 20px;border: 1px solid #ffffff;border-radius: 50%;text-align: center;line-height: 14px; float: left;list-style: none;margin: 0 2px;padding: 2px;color: #ffffff;cursor: pointer;} .lb_btn .li_ac{background: #2e8bc3;} .website_content .row_style{margin: 0;} .website_content .process_row{margin: 0;} .cpo_selete_quote_cont{margin: 0 auto;padding: 0;height: 87%;} .cpo_selete_quote_cont li{width: 100%;height: 100%;display: none;color: #fff;} .cpo_selete_quote_cont li.cpo_li_active{display: block;} .pcb_header{font-size: 18px; color: #ffffff; text-align: center;font-weight: bold;padding: 18px 0;font-family: Roboto-Regular,Roboto,Helvetica Neue,Helvetica,Tahoma,Arial,sans-serif;} .pcb_instant_quote{width: 90%;margin: 2px auto;} .pcb_instant_quote .pcb_line{width: 100%;height: 100%;overflow: hidden;margin: 2px auto 10px;} .pcb_instant_quote .pcb_line .pcb_pub_style{width: 50%;float: left;} .pcb_instant_quote .pcb_line .pcb_pub_style label{display: block;} .pcb_instant_quote .pcb_line .pcb_pub_style input{border: 1px solid #00b3ee;border-radius: 5px;line-height: 24px;color: #000;text-align: center;} .pcb_quantity input{padding-left: 10px;display: inline-block;width: 45%;} .pcb_layers input{width: 70%;} .pcb_thickness input{width: 70%;} .pcb_quantity select{display: inline-block;line-height: 25px;border: 1px solid #00b3ee;border-radius: 5px;padding: 4px 0;color: #000;} .pcb_dimensions input{width: 35%;display: inline-block;} .pcb_dimensions .cpo_operation{width: 5%;line-height: 30px;display: inline-block;text-align: center;} .pcb_instant_quote .pcba_label{display: block;} .pcba_quantity .pcba_quantity{width: 47%;padding-left: 10px;} .pcba_quantity .pcba_unit{width: 24%;} .pcba_dimensions input{width: 32%;} .pcba_dimensions .cpo_operation{width: 5%;line-height: 30px;display: inline-block;text-align: center;} .stencil_pub_style{width: 100%;padding: 5px 0;} .stencil_pub_style label{display: inline-block;width: 30%;height: 28px;line-height: 28px;} .stencil_pub_style input{display: inline-block;height: 28px;line-height: 28px;} .stencil_pub_style span{display: inline-block;height: 28px;line-height: 28px;} .stencil_pub_style select.stencil_thickness{display: inline-block;width: 45%;height: 28px;line-height: 28px;} .stencil_pub_style select.cpo_stencil_size{display: inline-block;width: 60%;height: 28px;line-height: 28px;padding: 2px 8px;} .electronic_search{display: block;border-radius: 5px;width: 52%;margin: 0 auto;padding: 5px 10px;border: 1px solid #00b3ee;color: #0c0c0c;} .pcb_pub_btn{width: 100%;margin: 10px auto 0;text-align: center;} .pcb_pub_btn .btn{display: inline-block;margin: 0 auto;color: #ffffff;} .step_process{margin: 0 auto;padding: 6px 0;} .step_process ul{margin: 0 auto;height: 70px;width: 82%;padding: 0;} .step_process ul li{float: left;list-style: none;} .step_process li .process_photo{width: 70px;height: 50px;float: left;display: inline-block;margin: 0 10px;} .step_process li .process_decoration{width: 24px;float: left;display: inline-block;height: 2px;margin-top: 25px;background: #2e8bc3;} .online_prompt{width: 100%;height: 50px;} .step_process li.online_quote .process_photo{background: url("/website_cpo_sale/static/src/css/../images/process/stepprocess_01.png") 16px 7px no-repeat;background-size: 36px 36px;} .step_process li.add_to_cart .process_photo{background: url("/website_cpo_sale/static/src/css/../images/process/stepprocess_03.png") 16px 7px no-repeat;background-size: 36px 36px;} .step_process li.review_order .process_photo{background: url("/website_cpo_sale/static/src/css/../images/process/stepprocess_05.png") 16px 7px no-repeat;background-size: 36px 36px;} .step_process li.billing_shipping .process_photo{background: url("/website_cpo_sale/static/src/css/../images/process/stepprocess_07.png") 16px 7px no-repeat;background-size: 36px 36px;} .step_process li.wait_confirm .process_photo{background: url("/website_cpo_sale/static/src/css/../images/process/stepprocess_09.png") 16px 7px no-repeat;background-size: 36px 36px;} .step_process li.delivery .process_photo{background: url("/website_cpo_sale/static/src/css/../images/process/stepprocess_11.png") 16px 7px no-repeat;background-size: 36px 36px;} .step_process li.confirmation .process_photo{background: url("/website_cpo_sale/static/src/css/../images/process/stepprocess_13.png") 16px 7px no-repeat;background-size: 36px 36px;} .website_news{background-color: #7ebfd5;color: #FFFFFF;height: 60px;} .website_news .news_left, .website_news .news_right{display: inline-block;float: left;height: 60px;vertical-align: top;margin-right: 10px;color: #0b090ab3;} .news_left{padding-right: 10px;border-right: 1px solid #FFF;} .news_right{min-width: 50%;position: relative;width: 70%;overflow: hidden;} .news_right ul{height: 200px;position: absolute;top: 0;left: 0;} .news_right ul li{height: 30px;line-height: 30px;overflow: hidden;} .news_right ul li a{color: #0b0a0a;cursor: pointer;width: 100%;} .news_right ul li span{height: 30px;display: inline-block;margin-right: 10px;} .website_news .news_title{margin: 5px;} .website_news .news_discription{margin: 0;} .cpo_about_us{position: relative;color: #0b090ab3;} .cpo_about_us h3{margin: 0;font-size: 16px;padding: 12px 0 5px 0;width: 86%;text-align: center;} .cpo_about_us p{height: 16px;line-height: 16px;margin-bottom: 0;width: 86%;text-overflow:ellipsis;overflow:hidden;text-indent: 2em;} .cpo_about_us .cpo_aboutus_more{position: absolute;right: 0;bottom: -8px;color: #FFF;font-weight: 600;padding: 2px 5px;cursor: pointer; color: #0b0a0a;} #cpo_news_content_all p{text-indent:2em;} #cpo_news_content_all img{display: block;width: 35%;margin: 10px auto;min-width: 35%;min-height: 100px;} .cpo_product_left{padding-top: 20px;} .cpo_product_left .left_pcba_title{font-size: 18px;margin-top: 5px;color: #2e8bc3;font-weight: 600;} .cpo_product_left .content_lb{max-width: 346px;height: 200px;border: 1px solid #000000;overflow: hidden;position: relative;padding: 0;} .cpo_product_right{padding-top: 20px;} .cpo_product_right .left_pcba_title{font-size: 18px;margin-top: 5px;color: #2e8bc3;font-weight: 600;} .cpo_product_right .content_lb{max-width: 346px;height: 200px;border: 1px solid #000000;overflow: hidden;position: relative;padding: 0;} .content_lb .cpo_click_lb{padding: 0;margin: 0;} .content_lb .lb_click_item{max-width: 346px;height: 200px;padding: 0;margin: 0;list-style: none;position: relative;} .content_lb .lb_click_item .product_desc{width: 100%;padding: 0;margin: 0 auto -20px;position: absolute;color: #FFFFFF;text-align: center; top: 60%;font-size: 16px;background-color: rgba(0,0,0,0.2);} .product_desc h4{width: 100%;margin: 0 0;padding: 5px 0;text-align: center;} .content_lb .btn{position: absolute;width: 20px;height: 30px;line-height: 30px;text-align: center; background-color: rgba(0,0,0,0.5);cursor: pointer;display: none;} .content_lb .btn i{position: absolute;cursor: pointer;color: #FFFFFF;} .btn_left{left: 0;top: 50%;margin-top: -15px;} .btn_right{right: 0;top: 50%;margin-top: -15px;} .btn_left i{left: 18%;top: 30%;} .btn_right i{left: 30%;top: 30%;} .cpo_product_description{overflow: hidden;} .product_left_title p{max-height: 160px;max-width: 155px;overflow: hidden;text-indent: 2em;} .multilayer_board{border-top: 2px solid #2e8bc3;margin-top: 20px;overflow: hidden;} .layer_board_box{padding: 0 0 10px;box-shadow: 1px 1px 2px #ddd;margin-top: 10px;} .layer_board_box:hover{background-color: rgba(211,211,211,0.25);box-shadow: 1px 1px 2px #ddd;} .cpo_layer_board{width: 99%;overflow: hidden;padding: 25px 12px 5px;} .layer_img_photo{width: 48%;display: inline-block;} .layer_img_layernum{width: 48%;display: inline-block;vertical-align: top;padding-left: 20px;} .layer_img_layernum .layer_num_qty{color: #2e8bc3;} .layer_img_layernum .layer_money_total{font-weight: 600;font-size: 16px;color: #FF0000;} .board_title img{width: 110px;height: 80px;display: block; margin: 0 auto 5px;} .board_title h3{margin: 10px auto;width: 100%;font-size: 18px;} .cpo_board_left{width: 49%;text-align: left;} .cpo_board_right{width: 49%;text-align: right;display: inline-block;} .product_price_total{width: 35%;background-color: #2e8bc3;margin: 14px auto 0;color: #FFFFFF;display: block;} .product_price_total:hover{color: #FFFFFF;} .complete_case{margin-top: 20px;overflow: hidden;} .complete_case_content{min-height: 154px;background-color: #E4E4E4;display: inline-block;margin: 4px 4px;padding: 10px 2px;} .complete_case_content p{max-height: 80px;overflow: hidden;} .case_left{width: 34%;display: inline-block;vertical-align: top;} .case_right{width: 64%;display: inline-block;} .case_left img{width: 90%;margin: 20px auto 10px;} .case_left a{display: block;width: 100%;font-weight: 600;text-align: center;} .case_right h4{color: #2e8bc3;} .cpo_order_content{margin: 20px 0 5px;overflow: hidden;} .cpo_order_people span{display: inline-block;line-height: 30px;} .cpo_order_people_title{margin: 0;background-color: #F5F5F5;color: #2e8bc3;} .cpo_order_people_content{position: relative;height: 210px;overflow: hidden;} .cpo_order_people_title span{font-weight: bold;} .cpo_order_people .people_date{width: 14%;} .cpo_order_people .people_name{width: 30%;} .cpo_order_people .people_qty{width: 18%;} .cpo_order_people .people_progress{width: 34%;} .select_from_title h3{margin: 0 0 10px;font-size: 19px;font-weight: 600;color: #2e8bc3;} .select_from_title ul li{line-height: 25px;} .select_from_title ul li i{color: #2e8bc3;} .select_from_title ul li span{display: inline-block;line-height: 25px;} .cpo_youtube_video{margin-bottom: 5px} .cpo_youtube_video a{cursor: pointer;} .cpo_sp_projects a{cursor: pointer;} .cpo_youtube_video img{width: 100%;height: 73px;} .cpo_sp_projects img{width: 100%;height: 185px;} .cpo_comment{margin: 2px 0;} .cpo_comment_content{width: 100%;display: inline-block;padding: 10px;cursor: pointer;margin: 10px 0;} .cpo_comment_content:hover{box-shadow: 0px 0px 16px #ddd;} .cpo_user_message{width: 30%;display: inline-block;} .cpo_user_view{width: 68%;display: inline-block;vertical-align: top;} .cpo_comment_view{margin-top: 10px;} .cpo_comment_view .cpo_view{background: url("/website_cpo_sale/static/src/css/../images/view_2.png");background-size: 16px 16px;} .cpo_user_message .cpo_user_tx{width: 80%;height: 20%;border-radius: 50%;display: inline-block;background-color: #2e8bc3;} .cpo_user_message .cpo_user_tx img{width: 100%;border-radius: 50%;} .cpo_comment_content .update_photo{padding: 8px 18px;width: 100%;} .cpo_comment_content .update_photo img{width: 100%;max-height: 109px;} .cpo_comment_view .cpo_view_qty{display: inline-block;min-width: 26%;vertical-align: middle;text-align: right;padding-right: 10px; font-weight: 600;color: #1296db;} .cpo_comment_view .cpo_view{display: inline-block;width: 16px;height: 16px;vertical-align: middle;} .cpo_comment_description{max-height: 30px;margin-top: 5px;} .cpo_comment_description p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} #cpo_quotations_list{position: absolute;z-index: 4;margin: auto;} .quote_ulBox{overflow: hidden;margin: 45px 0 0 0;} #cpo_quotations_list #swiper-box{background-color: rgba(255,255,255,0);} #cpo_quotations_list .swiper-slide{background-color: rgba(255,255,255,0);} .cpo-banner-line{text-align: center;color: #666666;font-size: 14px;border-radius: 10px;background-color: #ffffff; padding-bottom: 10px;border-top-left-radius: 0;border-top-right-radius: 0;min-height: 211px;} .cpo_selete_quote li{width: 33.333%;height: 40px;line-height: 40px;list-style: none;background-color: #FFFFFF;float: left;color: #666666; text-align: center;overflow: hidden;cursor: pointer;margin: 0;font-weight: bold;border-bottom: 4px solid #666666;} .cpo_selete_quote li.cpo_li_title_active{border-bottom: 4px solid #59c9e8;color: #59c9e8;} .cpo_selete_quote li.ac_hover{border-bottom: 4px solid #59c9e8;color: #59c9e8;} .pcb_pub_btn .btn i{margin-right: 5px;} .cpo-banner-line .pcb_line .pcb_pub_style .pcba_unit{width: 15%;padding: 0;text-align: center;border: none;} .cpo-banner-line .pcb_header{font-size: 18px;text-align: center;font-weight: bold;padding: 8px 0;color: #666666;margin: 0;} .cpo-banner-line .pcb_instant_quote{width: 100%;height: 100%;} .cpo-banner-line .pcb_line .pcb_pub_style label{display: block;} .cpo-banner-line .pcb_line .pcb_pub_style input{border: 1px solid #00b3ee;border-radius: 5px;line-height: 24px;color: #000;text-align: center;} .pcb_quantity input{padding-left: 10px;display: inline-block;width: 45%;} .pcb_layers input{width: 70%;} .pcb_thickness input{width: 70%;} .pcb_quantity select{display: inline-block;line-height: 25px;border: 1px solid #00b3ee;border-radius: 5px;padding: 4px 0;color: #000;} .pcb_dimensions input{width: 35%;display: inline-block;} .pcb_dimensions .cpo_operation{width: 5%;line-height: 30px;display: inline-block;text-align: center;} .pcb_instant_quote .pcba_label{display: block;} .pcba_quantity .pcba_quantity{width: 47%;padding-left: 10px;} .pcba_quantity .pcba_unit{width: 24%;} .pcba_dimensions input{width: 32%;} .pcba_dimensions .cpo_operation{width: 5%;line-height: 30px;display: inline-block;text-align: center;} .stencil_pub_style{width: 100%;padding: 2px 0;overflow: hidden;} .stencil_pub_style label{display: inline-block;width: 30%;height: 28px;line-height: 28px;float: left;} .stencil_pub_style input{display: inline-block;height: 28px;line-height: 28px;float: left;border: 1px solid #00b3ee;} .stencil_pub_style span{display: inline-block;height: 28px;line-height: 28px;float: left;margin-left: 10px;} .stencil_pub_style select.stencil_thickness{display: inline-block;width: 45%;height: 28px;line-height: 28px;border: 1px solid #00b3ee;float: left;padding: 2px 8px;} .stencil_pub_style select.cpo_stencil_size{display: inline-block;width: 60%;height: 28px;line-height: 28px;border: 1px solid #00b3ee;float: left;} .description-content{color: #facb59;padding: 25px 0;border-radius: 10px;} #swiper-box{height: 358px;} .swiper-container{width: 100%;height: 100%;font-size: 14px;} .swiper-slide{min-height: 358px; text-align: center; font-size: 18px; background: #59c9e8; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} #swiper-box .swiper-pagination-bullet{width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; color:#000; opacity: 1; background: rgba(0,0,0,0.2);} #swiper-box .swiper-pagination-bullet-active{color:#fff; background: #337ab7;} .description-content{height: 252px;margin-top: -15px;} .description-content h3{} .swiper_slide_one{background: url("/website_cpo_sale/static/src/css/../images/tools_img/banner_board_001.png")no-repeat;} .swiper_slide_two{background: url("/website_cpo_sale/static/src/css/../images/tools_img/banner_board_002.png")no-repeat;} .swiper_slide_three{background: url("/website_cpo_sale/static/src/css/../images/tools_img/banner_board_003.png")no-repeat;} .swiper_slide_four{background: url("/website_cpo_sale/static/src/css/../images/tools_img/banner_board_004.png")no-repeat;} #cpo_col_md_padding{min-width: 510px;} .description-content h2{padding: 0 10px;} .cpo_video_play{} .videoPlay{position: fixed;height: 100%;width: 100%;top: 0;left: 0;z-index: 999;background: rgba(0,0,0,0.5); text-align: center;vertical-align: middle;} #cpo_iframe{width: 652px;height: 319px;} .cpo_video_bg{width: 100%;height: 366px;margin-left: auto;margin-right: auto;position: relative; background-image: url("/website_cpo_sale/static/src/css/../images/tools_img/load_error.png");background-size: 100% 100%;} .cpo_video_bg .video_load{width: 100%;position: absolute;top: 0;left: 0;z-index: 5;height: 366px; background-image: url("/website_cpo_sale/static/src/css/../images/video/index_video.jpg");background-size: 100% 100%;} .cpo_video_bg .video_load .load_gif{background-image: url("/website_cpo_sale/static/src/css/../images/pcb_order_load.gif");width: 60px;height: 60px;display: block; background-size: 60px 60px;position: absolute;left: 50%;top: 50%;margin: -30px 0 0 -30px;} .cpo_video_bg .video_load .load_bf{background-image: url("/website_cpo_sale/static/src/css/../images/tools_img/bf.png");width: 80px;height: 80px;display: block; background-size: 80px 80px;position: absolute;left: 50%;top: 50%;margin: -40px 0 0 -40px;} .cpo_intro_h3{font-size: 20px;font-weight: 600;color: #fff;padding: 20px;text-align: center;line-height: 30px;} .cpo_intro_li{color: #fff;font-size: 16px;font-weight: 600;padding: 10px 15px;} .cpo_intro_li li{line-height: 30px;color: #F17843;font-size: 33px;text-align: center;text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;} .cpo_intro_h4{margin: 20px auto;text-align: center;} .cpo_video_bg .video-js .vjs-big-play-button{font-size: 2.5em; line-height: 2.3em; height: 2.5em; width: 2.5em; -webkit-border-radius: 2.5em; -moz-border-radius: 2.5em; border-radius: 50%; background-color: #73859f; background-color: rgba(115,133,159,.5); border-width: 0.15em; margin-top: -1.25em; margin-left: -1.75em;} .vjs-big-play-button .vjs-icon-placeholder{font-size: 1.63em;} .vjs-loading-spinner{font-size: 2.5em; width: 2em; height: 2em; border-radius: 1em; margin-top: -1em; margin-left: -1.5em;} .vjs-paused .vjs-big-play-button, .vjs-paused.vjs-has-started .vjs-big-play-button{display: block;} .video-js.vjs-playing .vjs-tech{pointer-events: auto;} .my-video-dimensions{width: 652px;height: 366px;} .video-js .vjs-play-progress::before{-moz-top: -1.99933333;} 

/* /website_cpo_sale/static/src/css/less/cpo_index.less defined in bundle 'web.assets_frontend' */
 .row-pl0{padding-left: 0 !important;} .row-pr0{padding-right: 0!important;} .row_pt0{padding-top: 0!important;} .row_pb0{padding-bottom: 0!important;} .no-padding{padding: 0 !important;} .no-padding-bottom{padding-bottom: 0 !important;} .no-padding-top{padding-top: 0 !important;} .no-margin{margin: 0 !important;} .no-margin-bottom{margin-bottom: 0 !important;} .no-margin-top{margin-top: 0 !important;} .mr5{margin-right: 5px;} .banner-left{display: flex; flex-flow: column;} .banner-left .ad-coupon{display: flex; justify-content: center; flex-flow: row wrap;} .banner-left .ad-coupon .cp-box{margin: 5px; text-decoration: none; border-radius: 10px; padding: 0 6px; text-align: left; background-color: rgba(255, 255, 255, 0.5);} .banner-left .ad-coupon .cp-box .cp-top{padding: 10px 0;} .banner-left .ad-coupon .cp-box .cp-top span{display: inline-block; vertical-align: top;} .banner-left .ad-coupon .cp-box .cp-top .cp-td{font-size: 20px; margin-top: 5px; color: #0a0a0a;} .banner-left .ad-coupon .cp-box .cp-top .cp-tm{font-size: 30px; margin-left: 5px; color: #ff6600;} .banner-left .ad-coupon .cp-box .cp-tt{margin-bottom: 12px; color: #2f2f2f; font-size: 16px; text-align: center;} .banner-left .ad-coupon .cp-box img{display: inline-block; width: 110px; height: 50px;} .banner-left .ad-coupon .cp-box:hover{cursor: pointer; width: 374px; background-color: rgba(255, 255, 255, 0.7);} .banner-left .ad-process{flex: 1; color: #ffffff; text-align: center; padding: 5px 10px;} .banner-left .ad-process .ad-img{width: 144px; height: 42px; background-image: url("/website_cpo_sale/static/src/images/banner/banner-paypal.png"); margin: auto;} .banner-left .ad-process .ad-content{display: flex; justify-content: center;} .banner-left .ad-process h1{font-size: 22px; font-weight: 600; margin: 28px 0 16px 0; color: #ffffff;} .banner-left .ad-process .ad-money{margin: 10px;} .banner-left .ad-process .ad-money span{display: inline-block; vertical-align: top;} .banner-left .ad-process .ad-money .m-title{font-size: 21px; margin-top: 14px;} .banner-left .ad-process .ad-money .m-digis{font-size: 40px; color: #ffffff; margin-left: 5px;} .banner-left .ad-process h4{font-weight: 600; margin-bottom: 10px;} .banner-left .ad-process p{font-weight: bold;} .cpo-advertise{padding: 15px; border-radius: 5px ;} .cp-box{display: flex; flex-flow: row wrap; justify-content: center; width: 374px; align-items: center;} #pcb_file_upload .modal-content{margin-top: 30%;} #pcb_file_upload .modal-content .modal-body{margin: 2%;} #pcb_file_upload .modal-content .modal-body input{display: none;} #pcb_file_upload .modal-content .modal-body .file_format{padding: 0; margin: 15px 40px 0; text-align: left;} #pcb_file_upload .modal-content .modal-body .file_format li{margin: 2px 0;} .pg-box .pg-item{margin-bottom: 5px;} .pg-box .pg-item .pg-name{display: inline-block; vertical-align: top; color: #ffffff;} .pg-box .pg-item .pg-name label{line-height: 26px; border: 1px solid #4a93fd; margin: 0 5px; padding: 0 10px; border-radius: 15px; cursor: pointer; background-color: #4a93fd; min-width: 112px;} .pg-box .pg-item .pg-name label i{margin-right: 2px;} .pg-box .pg-item .pg-outer{width: 70%; height: 26px; background: #e2e3e4; border: 1px solid #cccccc; border-radius: 15px; margin: 0 auto; display: inline-block; vertical-align: top;} .pg-box .pg-item .pg-outer .pg-bar{width: 0%; height: 24px; background: #76d66d; border-radius: 15px; position: relative;} .pg-box .pg-item .pg-outer .pg-bar .pg-text{color: #ffffff; position: absolute; margin: 0 10px; font-size: 18px; line-height: 24px;} .pg-box .pg-item .pg-status{display: block; line-height: 26px; margin: 5px auto;} #cpo-progress #progress{width: 70%; height: 30px; background: #2a8af8; border: 1px solid #cccccc; border-radius: 15px; margin: 0 auto; display: inline-block;} #cpo-progress #progress #bar{width: 0%; height: 28px; background: #76d66d; border-radius: 15px; position: relative;} #cpo-progress #progress #bar #text-progress{color: #ffffff; position: absolute; margin: 0 10px; font-size: 20px; line-height: 26px;} #cpo-progress span{display: block; line-height: 30px; vertical-align: top; font-size: 16px; font-weight: bold; margin: 15px 0 0;} .cpo_cart_line_content{display: flex; flex-wrap: wrap;} .cpo_cart_line_content .cart_flex{flex: 1; padding: 10px 15px;} .cpo_cart_line_content .cart_flex_left_top{font-size: 14px;} .cpo_cart_line_content .cart_flex_left_top span{margin-right: 8px;} .cpo_cart_line_content .cart_flex_left_top span i{margin-left: 5px; color: #4a93fd;} .cpo_cart_line_content .cpo_cart_order_line h3{margin-top: 0;} .cpo_cart_line_content .cpo_cart_order_line .js_cart_lines{margin-bottom: 0;} .cpo_cart_line_content .cpo_cart_order_line .js_cart_lines tr > th{font-weight: normal;} .cpo_cart_line_content .cpo_cart_order_line .table-striped > tbody > tr:nth-of-type(odd){background-color: #ffffff;} .cpo_cart_line_content .cpo_cart_order_line .cart-product strong{display: inline-block; max-width: 80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .oe_electron_js_upload{display: block; width: 80px; font-size: 12px; padding: 3px 10px; margin: 0 auto;} .shopping_cart_file .cart_file{display: flex;} .shopping_cart_file .cart_file .cart_file_line{display: inline-block; padding: 10px 0; text-align: left; width: 42%;} .shopping_cart_file .cart_file .cart_file_line form button{width: 24px; height: 20px; padding: 0 5px;} .shopping_cart_file .cart_file .cart_file_line .cart_file_value{font-size: 12px;} .shopping_cart_file .cart_file .cart_file_name{width: 58%;} .shopping_cart_file .cart_file .cart_file_title{width: 58%;} .shopping_cart_file .cart_file .cart_file_type form{display: inline-block; vertical-align: middle;} .shopping_cart_file .cart_file .cart_file_type span{font-size: 12px;} .shopping_cart_file .cart_file .cart_file_type .pcb_form_act{font-size: 12px;} .shopping_cart_file .cart_file .cart_file_type .pcb_form_act button#check_file_atta{width: auto; padding: 0 5px;} .shopping_cart_file .cart_file .cart_file_type .down_file_form a{font-size: 12px; width: 24px; height: 20px; padding: 0 5px;} .cpo-cart-ul .cc-li{border-bottom: 1px solid #4a93fd; padding-left: 8px; line-height: 30px;} .cpo-cart-ul .cc-li span{display: inline-block;} .cpo-cart-ul .cc-li .cc-name{min-width: 30%;} .cpo-cart-ul .cc-li-bt{border-bottom: none;} .cpo_cart_line_tips{font-size: 16px; font-weight: bold;} .cpo_cart_line_tips i{color: #ff1407; display: inline-block; padding: 0 0px; text-align: center; width: auto; margin-right: 10px;} .cpo_cart_line_detail .cart_show_hide_detail{width: auto; height: 30px; text-decoration: none; padding: 5px 15px 5px 20px; display: inline-block; margin-bottom: 1px; background-image: url("/website_cpo_sale/static/src/images/tools_img/show-btn.png"); background-size: 20px 20px; background-repeat: no-repeat; background-position: 0px 5px; color: #4a93fd;} .cpo_cart_line_detail .put-away{background-image: url("/website_cpo_sale/static/src/images/tools_img/put-away.png");} .cpo_cart_line_detail .cart_show_hide_detail:hover{border: 1px solid #4a93fd; border-radius: 5px; cursor: pointer;} .cpo_cart_line_detail .details_contents{display: none;} .cpo_po_number form{display: inline-block; vertical-align: top;} .cpo_po_number form input{width: 20%; border: 1px solid #CCCCCC; border-radius: 5px; padding: 3px 5px;} .cpo_po_number form a.btn{padding: 2px 10px; vertical-align: top; font-size: 12px; margin: 3px 0 0 5px;} .cpo_po_number form button.btn{padding: 0 10px; vertical-align: top; font-size: 12px;} .cpo_cart_line_btn form{display: inline-block; vertical-align: middle; margin-right: 10px;} .cpo_cart_line_btn form input{width: 20%; border: 1px solid #CCCCCC; border-radius: 5px; padding: 3px 5px;} .cpo_cart_line_btn form a{vertical-align: middle; font-size: 18px; color: #4a93fd; line-height: 20px;} .cpo_cart_line_btn form a:hover{color: #337ab7;} .cpo_cart_line_btn form button{padding: 0 10px; vertical-align: top; font-size: 14px;} .cpo_cart_line_btn .js_cpo_delete_product{height: 20px; line-height: 20px;} .number_box{text-align: center;} .number_box input{width: 50%; display: inline-block;} .number_box label{margin-right: 10px;} .select_order_box{text-align: center;} .select_order_box button{padding: 6px 25px; min-width: 90px; margin: 5px 10px;} .select_order_box p{font-weight: bold; font-size: 16px;} .ac-page{margin-top: 82px; background-color: #EEF5F9; border-top: 2px solid #EEF5F9;} .ac-page .container-fluid{width: 100%; padding: 0 30px;} .ac-page section{padding: 50px 0;} .ac-page section.eq-content-section{padding-top: 0;} .content-inner{position: relative; width: calc(100%); min-height: calc(100vh - 70px); padding-bottom: 60px;} .content-inner .active{width: calc(100% - 90px);} .content-inner header.ac-header{background: #fff; padding: 30px 20px; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); position: relative; z-index: 8;} .content-inner header.ac-header .cpo_customer_service{position: absolute; right: 0; top: 0px; border: 1px solid #fff; border-radius: 5px; padding: 0 5px; border-bottom: none;} .content-inner header.ac-header .cpo_customer_service .cs-left{float: left;} .content-inner header.ac-header .cpo_customer_service .cs-left img{width: 60px; height: 60px; border-radius: 50%; margin-top: 10px;} .content-inner header.ac-header .cpo_customer_service .cs-right{float: left;} .content-inner header.ac-header .cpo_customer_service .cs-right p{margin: 0 10px; line-height: 20px;} .content-inner header.ac-header .cpo_customer_service .cs-right p i{color: #4a93fd; margin-right: 5px; min-width: 14px;} .content-inner header.ac-header .container-fluid{width: 100%; padding: 0 30px;} .content-inner header.ac-header .container-fluid h2{font-size: 18px; font-weight: bold; margin: 0; display: inline-block;} .content-inner header.ac-header .container-fluid .menu-btn{width: 30px; display: inline-block;} section.dashboard-counts .icon, section.dashboard-paid .icon{width: 36px; height: 36px; line-height: 36px; text-align: center; min-width: 36px; max-width: 36px; border-radius: 50%; color: #4a93fd; display: inline-block;} section.dashboard-counts .icon i, section.dashboard-paid .icon i{font-size: 36px;} section.dashboard-counts .title, section.dashboard-paid .title{font-size: 1.1em; font-weight: 300; color: #777; margin: 0 auto; width: 100%; text-align: center; font-weight: bold;} section.dashboard-counts .number, section.dashboard-paid .number{font-size: 1.8em; font-weight: 300; margin: 0 5px; display: inline-block;} section.dashboard-counts .number strong, section.dashboard-paid .number strong{font-weight: 700; font-size: 36px;} section.dashboard-counts .row, section.dashboard-paid .row{padding: 30px 15px; margin: 0; display: flex; flex-wrap: wrap;} section.dashboard-paid .item-flex .item{flex: 1; border-right: 1px solid #eee; padding: 15px 0; flex-wrap: wrap;} section.dashboard-paid .item-flex .item .item-a{display: inline-block; text-align: center; width: 100%; color: #333333; text-decoration: none; outline: none;} section.dashboard-paid .item-flex .item .item-a .ni-details{max-width: 126px; margin: 0 auto; cursor: pointer;} section.dashboard-paid .item-flex .item .item-a .h4{width: 100%; padding: 0 30px; font-size: 20px; font-weight: bold;} section.dashboard-paid .item-flex .item .h4{width: 100%; padding: 0 30px; font-size: 20px; font-weight: bold;} section.dashboard-paid .item-flex .item:last-of-type{border-right: none;} section.dashboard-paid .item-flex .ni-active .item-a{color: #FF9900;} section.dashboard-paid .item-flex .ni-active .item-a .icon i{color: #FF9900;} section.dashboard-paid .item-flex .ni-active .item-a .title{color: #FF9900;} .item-flex .item{flex: 1; border-right: 1px solid #eee; padding: 15px 0; flex-wrap: wrap;} .item-flex .item .item-a{display: inline-block; text-align: center; width: 100%; color: #333333; text-decoration: none;} .item-flex .item .item-a .ni-details{max-width: 126px; margin: 0 auto; cursor: pointer;} .item-flex .item .item-a .h4{width: 100%; padding: 0 30px; font-size: 20px; font-weight: bold;} .item-flex .item .h4{width: 100%; padding: 0 30px; font-size: 20px; font-weight: bold;} .item-flex .item:last-of-type{border-right: none;} .item-flex .ni-active .item-a{color: #FF9900;} .item-flex .ni-active .item-a .icon i{color: #FF9900;} .item-flex .ni-active .item-a .title{color: #FF9900;} .mcd-all-address .item{margin: 10px 0; background-color: #ffffff;} .my_account_addres{padding: 15px 30px;} .my_account_addres button{background-color: #4a93fd; border: 1px solid #4a93fd; padding: 4px 10px; border-radius: 5px; color: #ffffff;} .my_account_addres button:hover{background-color: #3e7efd;} .my_account_addres .cd-content p{float: left; font-size: 16px; font-weight: bold; display: inline-block;} .my_account_addres .cd-content p span{display: inline-block; border-right: 1px solid #4a93fd; padding: 0 10px; color: #4a93fd; margin-right: 5px;} .my_account_addres p{font-size: 16px; font-weight: bold;} .my_account_addres p span{display: inline-block; padding: 0 10px; color: #4a93fd; margin-right: 5px;} .my_account_addres .cd-btns button.btn, .my_account_addres .cd-btns input.btn, .my_account_addres .cd-btns a.btn{border: 1px solid #5bb75b; background-color: #5bb75b; border-radius: 8px; outline-style: none; padding: 2px 10px; margin: 0 5px 0 0; color: #ffffff;} .my_account_addres .cd-btns button.delete-btn, .my_account_addres .cd-btns input.delete-btn, .my_account_addres .cd-btns a.delete-btn{background-color: #ff4846; border-color: #ff4846;} .card{background-color: #fff; border: 0 solid #eee; border-radius: 0; margin-bottom: 30px; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);} .card .card-header{padding: 1rem 1.25rem; background-color: #fff; border-bottom: 1px solid #eee;} .card .card-header h1, .card .card-header h2, .card .card-header h3, .card .card-header h4, .card .card-header h5, .card .card-header h6{margin: 0; font-weight: bold;} .card .card-header .h4-route{font-size: 14px; margin: 5px 0;} .card .card-header .h4-route a{font-size: 14px; font-weight: 200;} .card .card-header .h4-route .select-route-active{color: #0a0a0a; border: none; padding: 0; margin: 0; font-weight: 200;} .card .card-header .h4-route .select-route-mft-active{color: #0a0a0a; border: none; padding: 0; margin: 0; font-weight: 200;} .card .card-header:first-child{border-radius: 0 0 0 0;} .card .list-group:first-child .list-group-item:first-child{border-top-left-radius: 0; border-top-right-radius: 0;} .card .list-group:last-child .list-group-item:last-child{border-bottom-right-radius: 0; border-bottom-left-radius: 0;} .card .card-body{padding: 1.25rem;} .card .card-body #my_account_search{display: inline-block;} .card .card-body .search_back{vertical-align: top;} .card .card-body .cpo-paid-search{display: inline-block;} .pi-info{display: flex;} .pi-info .pi-info-left{width: 20%; text-align: center;} .pi-info .pi-info-left .pi-tx{border: 1px dashed #4a93fd; border-radius: 50%; width: 130px; height: 130px; text-align: center; display: inline-block; position: relative;} .pi-info .pi-info-left .pi-tx .pi-edit-tx{position: absolute; right: 0; top: -12px; font-size: 20px; color: #4a93fd; padding: 0 5px;} .pi-info .pi-info-left .pi-tx .pi-edit-tx #upload_avatar{position: absolute; top: 0; right: 0; width: 100%; height: 100%; opacity: 0;} .pi-info .pi-info-left .pi-tx img{width: 118px; height: 118px; display: inline-block; margin: 6px auto; border-radius: 50%;} .pi-info .pi-info-left .pi-name .h4{line-height: 30px;} .pi-info .pi-info-left .pi-name a.btn{font-size: 14px; padding: 0px 10px; text-align: center; color: #4a93fd;} .pi-info .pi-info-left .cpo-tz{margin: 10px auto;} .pi-info .pi-info-right{width: 70%; margin-left: 10%;} .pi-info .pi-info-right .pi-info-ul .pi-info-li{display: flex; margin: 10px 0; padding: 10px 10px 15px; background-color: #eef5f9;} .pi-info .pi-info-right .pi-info-ul .pi-info-li p{flex: 1; flex-wrap: wrap; font-size: 16px;} .pi-info .pi-info-right .pi-info-ul .pi-info-li p .pi-money{display: inline-block; padding: 10px 0 2px; text-decoration: none;} .pi-info .pi-info-right .pi-info-ul .pi-info-li p .pi-money i{margin: 0 5px; color: #40cf8e; font-size: 14px;} .pi-info .pi-info-right .pi-info-ul .pi-info-li p .pi-money input{font-size: 18px; font-weight: bold; border: none; outline: none; display: inline-block; max-width: 100px; color: #40cf8e; background-color: #eef5f9;} .pi-info .pi-info-right .pi-info-ul .pi-info-li p.pi-info-balance{width: 70%;} .pi-info .pi-info-right .pi-info-ul .pi-info-li p.pi-info-balance input{font-size: 36px; max-width: 40%;} .pi-info .pi-info-right .pi-info-ul .pi-info-li p.pi-info-balance i{font-size: 22px;} .pi-my-offer .pi-mo-ul{background-color: #eef5f9; padding: 10px 0;} .pi-my-offer .pi-mo-ul .pi-mo-li{line-height: 30px; text-align: left; font-size: 15px;} .pi-my-offer .pi-mo-ul .pi-mo-li a{display: inline-block; width: 100%; line-height: 30px; color: #333333; padding-left: 15px; text-decoration: none;} .pi-my-offer .pi-mo-ul .pi-mo-li a small{font-size: 14px; font-weight: 600; color: #40cf8e;} .pi-my-offer .pi-mo-ul .pi-mo-li a span{font-size: 14px; font-weight: 600; color: #ffffff; display: inline-block; padding: 0 4px; background-color: #f53d20; border-radius: 6px; line-height: 20px; color: #fff;} .pi-my-offer .pi-mo-ul .pi-mo-li a:hover{background-color: #4a93fd; color: #ffffff;} .pi-my-offer .pi-mo-ul .pi-mo-li a:hover small{color: #FF9900;} .cpo-od-ul .cpo-od-li{line-height: 30px; padding: 2px 5px; box-shadow: 0px 1px 10px #ddd; margin: 0 2px 10px 2px;} .cpo-od-ul .cpo-od-li .od-li-content{display: flex; flex-direction: row; border-bottom: 1px solid #dddddd;} .cpo-od-ul .cpo-od-li .od-li-content .od-li-span{flex: 1; flex-wrap: wrap; padding: 2px 8px;} .cpo-od-ul .cpo-od-li .od-li-content .od-product{text-align: left;} .cpo-od-ul .cpo-od-li .od-li-content .od-orders{text-align: left;} .cpo-od-ul .cpo-od-li .od-li-content .od-message{max-width: 50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .cpo-od-ul .cpo-od-li .od-li-content .od-qty{text-align: center;} .cpo-od-ul .cpo-od-li .od-li-content .od-total{text-align: left;} .cpo-od-ul .cpo-od-li .od-li-content .od-status{text-align: left; color: #4a93fd;} .cpo-od-ul .cpo-od-li .od-li-content a{color: #4a93fd;} .cpo-od-ul .cpo-od-li .od-li-content2{border-bottom: none;} .cpo-od-ul .cpo-od-li .od-li-content-active{color: #a09f9f;} .cpo-od-ul .cpo-od-li .od-li-content-active span a{color: #a09f9f;} .cpo-od-ul .cpo-od-li .od-details{font-size: 12px;} .cpo-od-ul .cpo-od-li .od-details .od-dt-advan{display: inline-block; vertical-align: top;} .cpo-od-ul .cpo-od-li .od-details .od-dt-advan img{width: 70px; height: 70px; margin: 10px 10px; display: inline-block; border-radius: 50%;} .cpo-od-ul .cpo-od-li .od-details .od-dt-content{display: inline-block; vertical-align: top; max-width: 80%;} .cpo-od-ul .cpo-od-li .od-details .od-dt-content p{margin: 0;} .cpo-od-ul .cpo-od-li .od-details .od-dt-content p span{padding: 2px 8px; display: inline-block;} .cpo-od-ul .cpo-od-li .od-details .od-dt-content p span i{color: #4a93fd;} .cpo-od-ul .cpo-od-li .od-details .od-dt-content p span a.btn{padding: 0 5px; text-decoration: none;} .cpo-od-ul .cpo-od-li .od-details .od-dt-content p span.cpo-order-eq{position: relative;} .cpo-od-ul .cpo-od-li .od-details .od-dt-content p span.cpo-order-eq a{padding: 0 8px;} .cpo-od-ul .cpo-od-li .od-details .od-dt-content p span.cpo-order-eq span.qty{padding: 0 7px; background-color: #f53d20; border-radius: 50%; color: #fff; left: 100%; margin-left: -18px; top: -15px; position: absolute; display: inline-block; line-height: 22px;} .cpo-od-ul .cpo-od-li .od-details .od-dt-content div form{display: inline-block; padding: 5px 10px; line-height: 22px; font-size: 14px;} .cpo-od-ul .cpo-od-li .od-details .od-dt-content div form .btn{padding: 0 10px; line-height: 19px; font-size: 12px; margin-right: 15px;} .cpo-od-ul .cpo-od-li .od-details .od-dt-content div form span.description{font-weight: bold;} .cpo-od-ul .od-li-title{font-weight: 600; border-bottom: 2px solid #dddddd; font-size: 16px; box-shadow: none; background-color: #fff;} .cpo-od-ul .od-li-title .od-li-content{border-bottom: none;} #home_order_details_Modal .modal-dialog{width: 60%;} #home_order_details_Modal .order-details-data .odd-li{display: flex; flex-wrap: wrap; border-bottom: 1px solid #4a93fd; padding: 8px 5px;} #home_order_details_Modal .order-details-data .odd-li div{flex: 1;} #home_order_details_Modal .order-details-data .odd-li div .odd-li-k{padding-right: 5px;} #home_order_details_Modal .order-details-data .odd-li div .odd-li-v{padding-left: 5px;} #home_order_qe_Modal .modal-dialog{width: 50%;} #cpo_eq_form_data .eq-form-group{width: 30%; display: inline-block;} #cpo_eq_form_data .eq-form-group span{display: inline-block; vertical-align: middle; margin: 5px 2px;} #cpo_eq_form_data .sugges_content{overflow: hidden; font-size: 14px; border: 1px solid #ddd; padding: 5px 10px; border-radius: 5px; margin-top: 5px;} #cpo_eq_form_data .sugges_content p{line-height: 30px;} #cpo_eq_form_data .sugges_content p img{width: 100px!important; height: 100px; display: inline-block; margin: 0 5px; cursor: url("/website_cpo_sale/static/src/images/tools_img/fd.png"), auto;} #cpo_eq_form_data .sugges_content p span{display: inline-block; line-height: 30px;} #cpo_eq_form_data img{width: 100px!important; height: 100px; display: inline-block; margin: 0 5px; cursor: url("/website_cpo_sale/static/src/images/tools_img/fd.png"), auto;} #cpo_eq_form_data .reply_content{border: 1px solid #ddd; border-radius: 5px; padding: 5px 10px 5px; margin: 10px 0;} #cpo_eq_form_data .reply_content p{line-height: 30px; margin: 0;} #cpo_eq_form_data .reply_content p img{width: 100%!important; height: 100px; display: inline-block; margin: 0 5px; cursor: url("/website_cpo_sale/static/src/images/tools_img/fd.png"), auto;} #cpo_eq_form_data .reply_content img{width: 100%!important; height: 100px; display: inline-block; margin: 0 5px; cursor: url("/website_cpo_sale/static/src/images/tools_img/fd.png"), auto;} #cpo_eq_form_data .reply_upload{position: relative; text-align: center; border: 1px solid #40cf8e; border-radius: 5px; background-color: #40cf8e; color: #ffffff; font-weight: bold;} #cpo_eq_form_data .reply_upload .upload_file{position: absolute; top: 0; left: 0; width: 100%; line-height: 30px; opacity: 0;} #cpo_eq_form_data .reply_img{padding: 5px;} #cpo_eq_form_data .reply_img img{margin: 5px; width: 32%; max-height: 200px; cursor: pointer;} .cpo_eq_datatable input[type="search"], .cpo-message input[type="search"]{border: 1px solid #ddd; border-radius: 5px; line-height: 28px;} .cpo_eq_datatable .cpo_eq_list_tabel .od-active, .cpo-message .cpo_eq_list_tabel .od-active{color: #a09f9f;} .cpo_eq_datatable .cpo_eq_list_tabel .od-active a, .cpo-message .cpo_eq_list_tabel .od-active a{color: #a09f9f;} .cpo_eq_datatable .cpo_message_tabel a, .cpo-message .cpo_message_tabel a{color: #4a93fd; max-width: 414px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; text-decoration: underline; vertical-align: middle;} .cpo_eq_datatable .cpo_message_tabel a i.fa-volume-up, .cpo-message .cpo_message_tabel a i.fa-volume-up{color: #ffe06e;} .cpo_eq_datatable .cpo_message_tabel .od-active, .cpo-message .cpo_message_tabel .od-active{color: #a09f9f;} .cpo_eq_datatable .cpo_message_tabel .od-active a, .cpo-message .cpo_message_tabel .od-active a{color: #a09f9f; max-width: 414px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block;} .cpo_eq_datatable .cpo_message_tabel .od-active a i.fa-volume-up, .cpo-message .cpo_message_tabel .od-active a i.fa-volume-up{color: #a09f9f;} .cpo_eq_datatable .dataTables_wrapper .dataTables_paginate .paginate_button, .cpo-message .dataTables_wrapper .dataTables_paginate .paginate_button{padding: 0.2em 1em;} .cpo_eq_datatable .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .cpo-message .dataTables_wrapper .dataTables_paginate .paginate_button:hover{background-color: #4a93fd;} .cpo_eq_datatable .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .cpo-message .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background-color: #4a93fd;} .cpo-message .h4{text-align: center; margin: 15px 0;} .cpo-message .cpo-od-ul{max-height: 600px;} .cpo-message .cpo-od-ul .cpo-od-li{line-height: 25px; padding: 10px 5px; vertical-align: middle;} .cpo-message .cpo-od-ul .cpo-od-li .od-li-content{border-bottom: none;} .cpo-message .cpo-od-ul .cpo-od-li .od-li-content .od-orders a{white-space: nowrap; display: inline-block; vertical-align: middle; line-height: 28px; text-overflow: ellipsis; max-width: 89%; overflow: hidden; cursor: pointer; text-decoration: underline;} .cpo-message .cpo-od-ul .cpo-od-li .od-li-content .od-orders img{display: inline-block; width: 24px; height: 24px;} .cpo_message_section .sellar-info{flex: 1;} .cpo_message_section .sellar-info .sellar-img{display: inline-block; vertical-align: top;} .cpo_message_section .sellar-info .sellar-img img{width: 60px; height: 60px; display: inline-block; border-radius: 50%;} .cpo_message_section .sellar-info .sellar-io{display: inline-block; vertical-align: top; margin-left: 15px;} .cpo_message_section .sellar-info .sellar-io .io-name{display: inline-block; padding: 5px 0;} .cpo_message_section .sellar-info .sellar-io .io-descr{display: inline-block; padding: 5px 10px; background-color: #3fcf8e; border-radius: 5px; color: #ffffff;} .cpo_message_section .sellar-contaus{flex: 1; text-align: right;} #cpo_eq_form_data .form-group label{vertical-align: top; margin: 5px 2px; padding: 0 5px; max-width: 60%; text-align: center; overflow: hidden; white-space: nowrap;} #cpo_eq_form_data .form-group .reply-content{max-width: 50%; background-color: #4a93fd; box-sizing: border-box; position: relative; display: inline-block; border-radius: 5px; padding: 8px 10px; color: #fff; margin: 10px 15px;} #cpo_eq_form_data .form-group .reply-content .content-box{display: inline-block; max-height: 120px; overflow: hidden; word-wrap: break-word; word-break: break-all; vertical-align: middle;} #cpo_eq_form_data .form-group .reply-content .content-box .reply-span{display: inline-block; vertical-align: middle;} #cpo_eq_form_data .form-group .reply-content .content-box .reply-span p{margin: 0;} #cpo_eq_form_data .form-group .reply-content a.reply-dt{padding: 0 8px; background-color: #ffffff; color: #000000;} #cpo_eq_form_data .form-group .reply-content a.reply-dt:hover{color: #4a93fd !important;} #cpo_eq_form_data .form-group .user_reply_content{min-height: 150px; border: 1px solid #ddd; border-radius: 5px; word-wrap: break-word; word-break: break-all; max-width: 100%; padding: 5px;} #cpo_eq_form_data .form-group .user_reply_content div{width: 100%; overflow: hidden; word-wrap: break-word; word-break: break-all;} #cpo_eq_form_data .form-group .user_reply_content img{width: 100%; max-height: 100px; display: block; cursor: url("/website_cpo_sale/static/src/images/tools_img/fd.png"), auto;} #cpo_eq_form_data .form-group .user_reply_content .img-reply{padding: 5px 10px;} #cpo_eq_form_data .form-msg-left{text-align: left;} #cpo_eq_form_data .form-msg-left .reply-content::before{content: ""; position: absolute; top: 12px; right: 100%; width: 0; height: 0; border-top: 5px solid transparent; border-right: 10px solid #4a93fd; border-bottom: 5px solid transparent;} #cpo_eq_form_data .form-msg-right{text-align: right;} #cpo_eq_form_data .form-msg-right .reply-content{background-color: #3fcf8e; color: #0a0a0a; text-align: left;} #cpo_eq_form_data .form-msg-right .reply-content::after{content: ""; position: absolute; top: 12px; right: -10px; width: 0; height: 0; border-top: 5px solid transparent; border-left: 10px solid #3fcf8e; border-bottom: 5px solid transparent;} #cpo_message_form .message_content{min-height: 150px; border: 1px solid #ddd; border-radius: 5px; word-wrap: break-word; word-break: break-all; max-width: 100%; padding: 5px;} #cpo_message_form .message_content div{width: 100%; overflow: hidden; word-wrap: break-word; word-break: break-all;} #cpo_message_form .message_content img{width: 100%; max-height: 100px; display: block; cursor: url("/website_cpo_sale/static/src/images/tools_img/fd.png"), auto;} #cpo_message_form .message_content .img-reply{padding: 5px 10px;} #cpo_message_form .reply_upload{position: relative; text-align: center; border: 1px solid #40cf8e; border-radius: 5px; background-color: #40cf8e; color: #ffffff; font-weight: bold;} #cpo_message_form .reply_upload #msg_upload_file{position: absolute; top: 0; left: 0; width: 100%; line-height: 30px; opacity: 0;} #cpo_message_content_form .form-group label{vertical-align: top; margin: 5px 2px; padding: 0; max-width: 25%; text-align: center; overflow: hidden; white-space: nowrap; font-size: 12px; font-weight: 100;} #cpo_message_content_form .form-group label img.img-ava{width: 50px; height: 50px; display: block; margin: 0 auto; border-radius: 50%;} #cpo_message_content_form .form-group .message-content{max-width: 74%; background-color: #dde6da; box-sizing: border-box; position: relative; display: inline-block; border-radius: 5px; padding: 8px 10px; color: #0a0a0a; margin: 10px 15px;} #cpo_message_content_form .form-group .message-content div{width: 100%; overflow: hidden; word-wrap: break-word; word-break: break-all;} #cpo_message_content_form .form-group .message-content img{width: 100%; max-height: 100px; display: block; cursor: url("/website_cpo_sale/static/src/images/tools_img/fd.png"), auto;} #cpo_message_content_form .form-group .message-content .img-reply{padding: 5px 10px;} #cpo_message_content_form .form-group .message-content span a{color: #000000; text-decoration: underline;} #cpo_message_content_form .form-group .message-content .content-box{display: inline-block; max-height: 120px; overflow: hidden; word-wrap: break-word; word-break: break-all; vertical-align: middle;} #cpo_message_content_form .form-group .message-content .content-box .reply-span{display: inline-block; line-height: 24px; vertical-align: middle;} #cpo_message_content_form .form-group .message-content .content-box .reply-span p{margin: 0;} #cpo_message_content_form .form-group .message-content a.reply-dt{padding: 0 8px; background-color: #ffffff; color: #000000;} #cpo_message_content_form .form-group .message-content a.reply-dt:hover{color: #4a93fd !important;} #cpo_message_content_form .form-msg-left{text-align: left;} #cpo_message_content_form .form-msg-left .message-content::before{content: ""; position: absolute; top: 12px; right: 100%; width: 0; height: 0; border-top: 5px solid transparent; border-right: 10px solid #dde6da; border-bottom: 5px solid transparent;} #cpo_message_content_form .form-msg-right{text-align: right;} #cpo_message_content_form .form-msg-right .message-content{background-color: #3fcf8e; color: #0a0a0a; text-align: left;} #cpo_message_content_form .form-msg-right .message-content::after{content: ""; position: absolute; top: 12px; right: -10px; width: 0; height: 0; border-top: 5px solid transparent; border-left: 10px solid #3fcf8e; border-bottom: 5px solid transparent;} .cpo-tz{padding: 0 15px;} .cpo-tz .cpo-timezones{height: 26px; padding: 0 2px;} .cpo_help{position: fixed; right: 5px; top: 40%; background-color: #3fcf8e; z-index: 9; border: 1px solid #3fcf8e; border-radius: 15px;} .cpo_help .help-content{padding: 10px 10px; display: flex; flex-direction: column;} .cpo_help .help-content a{flex: 1; border: 2px solid #fff; border-radius: 50%; padding: 10px; font-size: 20px; width: 44px; text-decoration: none; height: 44px; display: inherit; margin: 5px 0; text-align: center; cursor: pointer; color: #fff; position: relative;} .cpo_help .help-content a .tips-content{position: absolute; background-color: rgba(255, 255, 255, 0); top: 5px; right: 40px; white-space: nowrap; padding-right: 25px; display: none;} .cpo_help .help-content a i{width: 20px; height: 20px; display: inline-block;} .cpo_help .help-content a .help-tips{background-color: #3fcf8e; color: #000; font-size: 16px; padding: 5px 12px; border-radius: 2px; color: #ffffff; position: relative;} .cpo_help .help-content a .help-tips span{display: inline-block; position: absolute; height: 32px; width: 20px; right: -11px; top: 0; background-image: url("/website_cpo_sale/static/src/images/tools_img/cpo_icons_right.png"); background-repeat: no-repeat;} .cpo_help .help-content a .cpo_send_message{position: absolute; width: 44px; height: 44px; background-color: rgba(255, 255, 255, 0); border-radius: 50%; top: -2px; left: -2px;} .cpo_help .help-content a:hover{border-color: #4a93fd; color: #4a93fd;} .cpo_help .help-content .open_im_livechar{display: none;} .cpo_help .help-content .open_im_livechar .o_livechat_button{position: absolute; min-width: 44px!important; height: 44px; border-radius: 50%; top: -2px; left: -2px;} .cpo_help .help-close{position: absolute; left: 50%; width: 36px; margin-left: -18px;} .cpo_help .help-close span.help-line{width: 2px; background-color: #3fcf8e; display: block; margin: 0 auto; height: 30px;} .cpo_help .help-close a.btn{width: 36px; height: 36px; text-align: center; line-height: 36px; padding: 0; border-radius: 50%; background-color: #3fcf8e; color: #fff; border-color: #3fcf8e;} .cpo_help .help-close a.btn i{font-size: 18px;} .cpo_help .help-close a:hover{color: #4a93fd;} .cpo_help .help-show{width: 46px; height: 46px; position: absolute; left: -24px; top: 50%; background-color: #3fcf8e; display: none; border-radius: 50%; line-height: 46px; font-size: 26px; color: #fff; cursor: pointer; padding-left: 2px;} .cpo_help_hide{width: 0; right: -2px;} section.dashboard-coupons .item-flex .item{max-width: 400px;} section.dashboard-coupons .item-flex .item .cp-details{margin: 5px 10px; border: 1px solid #4a93fd; width: 100%; border-radius: 5px;} section.dashboard-coupons .item-flex .item .cp-details .cp-money{padding: 5px 20px; background-color: #4a93fd; color: #ffffff; text-align: center; border-bottom: 1px dashed #000;} section.dashboard-coupons .item-flex .item .cp-details .cp-money .number{font-size: 30px; display: inline-block;} section.dashboard-coupons .item-flex .item .cp-details .cp-money .icon{display: inline-block;} section.dashboard-coupons .item-flex .item .cp-details .title{font-size: 12px;} section.dashboard-coupons .item-flex .item .cp-details .title p{padding: 4px 0 4px 5px; margin: 0;} section.dashboard-coupons .item-flex .item .cp-details .title p a{display: inline-block; width: 50%; margin: 0 auto; padding: 2px 10px;} section.dashboard-coupons .item-flex .item .cp-details .cp-logo{text-align: center; border-top: 1px dashed #000; padding: 5px 0;} section.dashboard-coupons .item-flex .item .cp-details .cp-logo img{width: 65%; margin: 0 auto; display: inline-block;} section.cpo_message_section .item-flex{background-color: #dde6da; margin: 0;} @keyframes dash{0%{stroke-dasharray: 1, 200; stroke-dashoffset: 0; -webkit-stroke-dasharray: 1, 200; -webkit-stroke-dashoffset: 0; -ms-stroke-dasharray: 1, 200; -ms-stroke-dashoffset: 0;}50%{stroke-dasharray: 130, 200; stroke-dashoffset: -50; -webkit-stroke-dasharray: 130, 200; -webkit-stroke-dashoffset: -50; -ms-stroke-dasharray: 130, 200; -ms-stroke-dashoffset: -50;}100%{stroke-dasharray: 130, 200; stroke-dashoffset: -188; -webkit-stroke-dasharray: 130, 200; -webkit-stroke-dashoffset: -188; -ms-stroke-dasharray: 130, 200; -ms-stroke-dashoffset: -188;}} @keyframes rotate{0%{transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg);}100%{transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg);}} .svg_loading{position: fixed; height: 100%; width: 100%; z-index: 999999; top: 0; left: 0; background-color: rgba(95, 95, 95, 0.8); display: none;} .svg_loading .svg_loading_content{position: absolute; left: 50%; top: 50%; margin: -50px 0 0 -50px;} .svg_loading .load{width: 100px; height: 100px; animation: rotate 2s linear infinite;} .svg_loading .load .loading{stroke: #359dda; stroke-width: 5; fill: none; animation: dash 1.5s linear infinite;} body .o_chat_window .o_chat_header{background-color: #4a93fd; font-size: 14px; padding: 10px 20px;} body .o_chat_window .o_chat_header .o_chat_window_close:hover{background-color: #359dda;} body .o_chat_window .o_chat_composer #cpo_send_message{background-color: #4a93fd; width: 100%; padding: 4px 0px; color: #fff; font-size: 16px; font-weight: bold; border: 1px solid #4a93fd;} #my_upload_05 form select{width: 96%; display: inline-block;} .pop-ups{position: fixed; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; z-index: 1000; display: none;} .pop-ups .pop-ups-content{border-radius: 5px; width: 18%; background-color: #fff; margin: 20% auto 0;} .pop-ups .pop-ups-content h3{margin: 0; padding: 10px 0; text-align: center; border-bottom: 1px solid #cccccc;} .pop-ups .pop-ups-content .pop-content{padding: 15px 10px; text-align: center; line-height: 28px;} .pop-ups .pop-ups-btn{padding: 5px; border-top: 1px solid #ccc; text-align: center;} .pop-ups .pop-ups-btn input[type="button"]{color: #ffffff; outline-style: none; background-color: #4a93fd; border: 1px solid #4a93fd; margin: 0 auto; display: inline-block; padding: 5px 10px; border-radius: 5px; cursor: pointer;} .pop-ups .pop-ups-btn input[type="button"]:hover{background-color: #518de7;} .outerdiv_style{position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); z-index: 999; width: 100%; height: 100%; display: none;} .outerdiv_style img{cursor: url("/website_cpo_sale/static/src/images/tools_img/sx.png"), auto;} #pcb_login_signup .login-page .container .form-holder{margin-bottom: 0;} #pcb_login_signup .login-page .container .form-holder .oe_login_form{margin: 20px auto; max-width: 360px; font-size: 18px;} #pcb_login_signup .login-page .container .form-holder .oe_login_form .form-group{position: relative;} .stamp{width: 387px; height: 110px; padding: 0 5px; margin-bottom: 50px; position: relative; overflow: hidden;} .stamp *{padding: 0; margin: 0; list-style: none; font-family: "Microsoft YaHei", 'Source Code Pro', Menlo, Consolas, Monaco, monospace;} .stamp .par{float: left; padding: 7px 5px; width: 220px!important; border-right: 2px dashed rgba(255, 255, 255, 0.3); text-align: left; background-color: #3aadf3;} .stamp .par p{color: #fff; font-size: 14px; line-height: 18px; height: 36px;} .stamp .par .sign{font-size: 26px;} .stamp .par sub{position: relative; top: -5px; color: rgba(255, 255, 255, 0.8);} .stamp .par span{font-size: 32px; color: #fff; margin-right: 5px; line-height: 46px;} .stamp .copy{display: inline-block; padding: 21px 14px; width: 156px!important; vertical-align: text-bottom; font-size: 30px; color: #ffffff; text-align: center; line-height: initial; background-color: #3aadf3;} .stamp i{position: absolute; left: 20%; top: 45px; height: 190px; width: 390px; background-color: rgba(255, 255, 255, 0.2); transform: rotate(-30deg);} .stamp:before{content: ''; position: absolute; top: 0; bottom: 0; left: 10px; right: 10px; z-index: -1;} .stamp:after{content: ''; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.5); z-index: -2;} .stamp-box{width: 386px; background: #50ADD3; background: radial-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 4px, #50ADD3 4px); background-size: 12px 8px; background-position: -5px 10px; display: inline-block;} .stamp-box .copy{padding: 5px 6px 10px 12px; font-size: 16px;} .stamp-box .copy p{font-size: 14px; margin-top: 5px; margin-bottom: 8px;} .stamp-box .copy a{background-color: rgba(255, 255, 255, 0.3); color: #fff; font-size: 14px; text-decoration: none!important; padding: 2px 10px; border-radius: 3px; display: block; cursor: pointer; border: 1px solid #fff;} .stamp-box:before{background-color: #50ADD3; left: 5px; right: 5px;} .partner-logo{margin: 0 auto;} .partner-logo img{margin: 10px;} .green{color: #1eb753;} 

/* /website_cpo_sale/static/src/css/plugins/plugins.css defined in bundle 'web.assets_frontend' */
 .mfp-bg{top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8;} .mfp-wrap{top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden;} .mfp-container{text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box;} .mfp-container:before{content: ''; display: inline-block; height: 100%; vertical-align: middle;} .mfp-align-top .mfp-container:before{display: none;} .mfp-content{position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045;} .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{width: 100%; cursor: auto;} .mfp-ajax-cur{cursor: progress;} .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out;} .mfp-zoom{cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in;} .mfp-auto-cursor .mfp-content{cursor: auto;} .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter{-webkit-user-select: none; -moz-user-select: none; user-select: none;} .mfp-loading.mfp-figure{display: none;} .mfp-hide{display: none !important;} .mfp-preloader{color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044;} .mfp-preloader a{color: #CCC;} .mfp-preloader a:hover{color: #FFF;} .mfp-s-ready .mfp-preloader{display: none;} .mfp-s-error .mfp-content{display: none;} button.mfp-close, button.mfp-arrow{overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation;} button::-moz-focus-inner{padding: 0; border: 0;} .mfp-close{width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace;} .mfp-close:hover, .mfp-close:focus{opacity: 1;} .mfp-close:active{top: 1px;} .mfp-close-btn-in .mfp-close{color: #333;} .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%;} .mfp-counter{position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap;} .mfp-arrow{position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent;} .mfp-arrow:active{margin-top: -54px;} .mfp-arrow:hover, .mfp-arrow:focus{opacity: 1;} .mfp-arrow:before, .mfp-arrow:after{content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent;} .mfp-arrow:after{border-top-width: 13px; border-bottom-width: 13px; top: 8px;} .mfp-arrow:before{border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7;} .mfp-arrow-left{left: 0;} .mfp-arrow-left:after{border-right: 17px solid #FFF; margin-left: 31px;} .mfp-arrow-left:before{margin-left: 25px; border-right: 27px solid #3F3F3F;} .mfp-arrow-right{right: 0;} .mfp-arrow-right:after{border-left: 17px solid #FFF; margin-left: 39px;} .mfp-arrow-right:before{border-left: 27px solid #3F3F3F;} .mfp-iframe-holder{padding-top: 40px; padding-bottom: 40px;} .mfp-iframe-holder .mfp-content{line-height: 0; width: 100%; max-width: 900px;} .mfp-iframe-holder .mfp-close{top: -40px;} .mfp-iframe-scaler{width: 100%; height: 0; overflow: hidden; padding-top: 56.25%;} .mfp-iframe-scaler iframe{position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000;} img.mfp-img{width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto;} .mfp-figure{line-height: 0;} .mfp-figure:after{content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444;} .mfp-figure small{color: #BDBDBD; display: block; font-size: 12px; line-height: 14px;} .mfp-figure figure{margin: 0;} .mfp-bottom-bar{margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto;} .mfp-title{text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px;} .mfp-image-holder .mfp-content{max-width: 100%;} .mfp-gallery .mfp-image-holder .mfp-figure{cursor: pointer;} @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left: 0; padding-right: 0;}.mfp-img-mobile img.mfp-img{padding: 0;}.mfp-img-mobile .mfp-figure:after{top: 0; bottom: 0;}.mfp-img-mobile .mfp-figure small{display: inline; margin-left: 5px;}.mfp-img-mobile .mfp-bottom-bar{background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box;}.mfp-img-mobile .mfp-bottom-bar:empty{padding: 0;}.mfp-img-mobile .mfp-counter{right: 5px; top: 3px;}.mfp-img-mobile .mfp-close{top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0;}} @media all and (max-width: 900px){.mfp-arrow{-webkit-transform: scale(0.75); transform: scale(0.75);}.mfp-arrow-left{-webkit-transform-origin: 0; transform-origin: 0;}.mfp-arrow-right{-webkit-transform-origin: 100%; transform-origin: 100%;}.mfp-container{padding-left: 6px; padding-right: 6px;}} .animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .animated.infinite{-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .animated.hinge{-webkit-animation-duration: 2s; animation-duration: 2s;} .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut{-webkit-animation-duration: .75s; animation-duration: .75s;} @-webkit-keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}40%, 43%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);}90%{-webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0);}} @keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}40%, 43%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);}90%{-webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0);}} .bounce{-webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom;} @-webkit-keyframes flash{from, 50%, to{opacity: 1;}25%, 75%{opacity: 0;}} @keyframes flash{from, 50%, to{opacity: 1;}25%, 75%{opacity: 0;}} .flash{-webkit-animation-name: flash; animation-name: flash;} @-webkit-keyframes pulse{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes pulse{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .pulse{-webkit-animation-name: pulse; animation-name: pulse;} @-webkit-keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}65%{-webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1);}75%{-webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}65%{-webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1);}75%{-webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .rubberBand{-webkit-animation-name: rubberBand; animation-name: rubberBand;} @-webkit-keyframes shake{from, to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}} @keyframes shake{from, to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}} .shake{-webkit-animation-name: shake; animation-name: shake;} @-webkit-keyframes headShake{0%{-webkit-transform: translateX(0); transform: translateX(0);}6.5%{-webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg);}18.5%{-webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg);}31.5%{-webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg);}43.5%{-webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg);}50%{-webkit-transform: translateX(0); transform: translateX(0);}} @keyframes headShake{0%{-webkit-transform: translateX(0); transform: translateX(0);}6.5%{-webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg);}18.5%{-webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg);}31.5%{-webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg);}43.5%{-webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg);}50%{-webkit-transform: translateX(0); transform: translateX(0);}} .headShake{-webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake;} @-webkit-keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);}40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);}80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);}to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}} @keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);}40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);}80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);}to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}} .swing{-webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;} @-webkit-keyframes tada{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes tada{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .tada{-webkit-animation-name: tada; animation-name: tada;} @-webkit-keyframes wobble{from{-webkit-transform: none; transform: none;}15%{-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}30%{-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}45%{-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}60%{-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}75%{-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}to{-webkit-transform: none; transform: none;}} @keyframes wobble{from{-webkit-transform: none; transform: none;}15%{-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}30%{-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}45%{-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}60%{-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}75%{-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}to{-webkit-transform: none; transform: none;}} .wobble{-webkit-animation-name: wobble; animation-name: wobble;} @-webkit-keyframes jello{from, 11.1%, to{-webkit-transform: none; transform: none;}22.2%{-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);}33.3%{-webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);}44.4%{-webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg);}55.5%{-webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg);}66.6%{-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7%{-webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg);}88.8%{-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}} @keyframes jello{from, 11.1%, to{-webkit-transform: none; transform: none;}22.2%{-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);}33.3%{-webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);}44.4%{-webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg);}55.5%{-webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg);}66.6%{-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7%{-webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg);}88.8%{-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}} .jello{-webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center;} @-webkit-keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97);}to{opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97);}to{opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .bounceIn{-webkit-animation-name: bounceIn; animation-name: bounceIn;} @-webkit-keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);}75%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}90%{-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);}to{-webkit-transform: none; transform: none;}} @keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);}75%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}90%{-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);}to{-webkit-transform: none; transform: none;}} .bounceInDown{-webkit-animation-name: bounceInDown; animation-name: bounceInDown;} @-webkit-keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);}75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}to{-webkit-transform: none; transform: none;}} @keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);}75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}to{-webkit-transform: none; transform: none;}} .bounceInLeft{-webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;} @-webkit-keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);}75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);}to{-webkit-transform: none; transform: none;}} @keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);}75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);}to{-webkit-transform: none; transform: none;}} .bounceInRight{-webkit-animation-name: bounceInRight; animation-name: bounceInRight;} @-webkit-keyframes bounceInUp{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}from{opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}75%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}90%{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes bounceInUp{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}from{opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}75%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}90%{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .bounceInUp{-webkit-animation-name: bounceInUp; animation-name: bounceInUp;} @-webkit-keyframes bounceOut{20%{-webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9);}50%, 55%{opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}to{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}} @keyframes bounceOut{20%{-webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9);}50%, 55%{opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}to{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}} .bounceOut{-webkit-animation-name: bounceOut; animation-name: bounceOut;} @-webkit-keyframes bounceOutDown{20%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} @keyframes bounceOutDown{20%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} .bounceOutDown{-webkit-animation-name: bounceOutDown; animation-name: bounceOutDown;} @-webkit-keyframes bounceOutLeft{20%{opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} @keyframes bounceOutLeft{20%{opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} .bounceOutLeft{-webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft;} @-webkit-keyframes bounceOutRight{20%{opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} @keyframes bounceOutRight{20%{opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} .bounceOutRight{-webkit-animation-name: bounceOutRight; animation-name: bounceOutRight;} @-webkit-keyframes bounceOutUp{20%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} @keyframes bounceOutUp{20%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} .bounceOutUp{-webkit-animation-name: bounceOutUp; animation-name: bounceOutUp;} @-webkit-keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}} @keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}} .fadeIn{-webkit-animation-name: fadeIn; animation-name: fadeIn;} @-webkit-keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;} @-webkit-keyframes fadeInDownBig{from{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInDownBig{from{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInDownBig{-webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig;} @-webkit-keyframes fadeInLeft{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInLeft{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInLeft{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;} @-webkit-keyframes fadeInLeftBig{from{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInLeftBig{from{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInLeftBig{-webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig;} @-webkit-keyframes fadeInRight{from{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInRight{from{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInRight{-webkit-animation-name: fadeInRight; animation-name: fadeInRight;} @-webkit-keyframes fadeInRightBig{from{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInRightBig{from{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInRightBig{-webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig;} @-webkit-keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInUp{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;} @-webkit-keyframes fadeInUpBig{from{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInUpBig{from{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInUpBig{-webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig;} @-webkit-keyframes fadeOut{from{opacity: 1;}to{opacity: 0;}} @keyframes fadeOut{from{opacity: 1;}to{opacity: 0;}} .fadeOut{-webkit-animation-name: fadeOut; animation-name: fadeOut;} @-webkit-keyframes fadeOutDown{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} @keyframes fadeOutDown{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} .fadeOutDown{-webkit-animation-name: fadeOutDown; animation-name: fadeOutDown;} @-webkit-keyframes fadeOutDownBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} @keyframes fadeOutDownBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} .fadeOutDownBig{-webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig;} @-webkit-keyframes fadeOutLeft{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} @keyframes fadeOutLeft{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} .fadeOutLeft{-webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft;} @-webkit-keyframes fadeOutLeftBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} @keyframes fadeOutLeftBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} .fadeOutLeftBig{-webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig;} @-webkit-keyframes fadeOutRight{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} @keyframes fadeOutRight{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} .fadeOutRight{-webkit-animation-name: fadeOutRight; animation-name: fadeOutRight;} @-webkit-keyframes fadeOutRightBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} @keyframes fadeOutRightBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} .fadeOutRightBig{-webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig;} @-webkit-keyframes fadeOutUp{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} @keyframes fadeOutUp{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} .fadeOutUp{-webkit-animation-name: fadeOutUp; animation-name: fadeOutUp;} @-webkit-keyframes fadeOutUpBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} @keyframes fadeOutUpBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} .fadeOutUpBig{-webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig;} @-webkit-keyframes flip{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}40%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}50%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}80%{-webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}to{-webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}} @keyframes flip{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}40%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}50%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}80%{-webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}to{-webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}} .animated.flip{-webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip;} @-webkit-keyframes flipInX{from{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}} @keyframes flipInX{from{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}} .flipInX{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX;} @-webkit-keyframes flipInY{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}} @keyframes flipInY{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}} .flipInY{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY;} @-webkit-keyframes flipOutX{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;}} @keyframes flipOutX{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;}} .flipOutX{-webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important;} @-webkit-keyframes flipOutY{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0;}} @keyframes flipOutY{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0;}} .flipOutY{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY;} @-webkit-keyframes lightSpeedIn{from{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;}60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;}80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;}to{-webkit-transform: none; transform: none; opacity: 1;}} @keyframes lightSpeedIn{from{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;}60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;}80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;}to{-webkit-transform: none; transform: none; opacity: 1;}} .lightSpeedIn{-webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;} @-webkit-keyframes lightSpeedOut{from{opacity: 1;}to{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;}} @keyframes lightSpeedOut{from{opacity: 1;}to{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;}} .lightSpeedOut{-webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} @-webkit-keyframes rotateIn{from{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateIn{from{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;}} .rotateIn{-webkit-animation-name: rotateIn; animation-name: rotateIn;} @-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}} .rotateInDownLeft{-webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft;} @-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}} .rotateInDownRight{-webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight;} @-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}} .rotateInUpLeft{-webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft;} @-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}} .rotateInUpRight{-webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight;} @-webkit-keyframes rotateOut{from{-webkit-transform-origin: center; transform-origin: center; opacity: 1;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0;}} @keyframes rotateOut{from{-webkit-transform-origin: center; transform-origin: center; opacity: 1;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0;}} .rotateOut{-webkit-animation-name: rotateOut; animation-name: rotateOut;} @-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}} @keyframes rotateOutDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}} .rotateOutDownLeft{-webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft;} @-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} @keyframes rotateOutDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} .rotateOutDownRight{-webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight;} @-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} @keyframes rotateOutUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} .rotateOutUpLeft{-webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft;} @-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;}} @keyframes rotateOutUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;}} .rotateOutUpRight{-webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight;} @-webkit-keyframes hinge{0%{-webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}20%, 60%{-webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}40%, 80%{-webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;}to{-webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0;}} @keyframes hinge{0%{-webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}20%, 60%{-webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}40%, 80%{-webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;}to{-webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0;}} .hinge{-webkit-animation-name: hinge; animation-name: hinge;} @-webkit-keyframes rollIn{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes rollIn{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}to{opacity: 1; -webkit-transform: none; transform: none;}} .rollIn{-webkit-animation-name: rollIn; animation-name: rollIn;} @-webkit-keyframes rollOut{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}} @keyframes rollOut{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}} .rollOut{-webkit-animation-name: rollOut; animation-name: rollOut;} @-webkit-keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}50%{opacity: 1;}} @keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}50%{opacity: 1;}} .zoomIn{-webkit-animation-name: zoomIn; animation-name: zoomIn;} @-webkit-keyframes zoomInDown{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}} @keyframes zoomInDown{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}} .zoomInDown{-webkit-animation-name: zoomInDown; animation-name: zoomInDown;} @-webkit-keyframes zoomInLeft{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}} @keyframes zoomInLeft{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}} .zoomInLeft{-webkit-animation-name: zoomInLeft; animation-name: zoomInLeft;} @-webkit-keyframes zoomInRight{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}} @keyframes zoomInRight{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}} .zoomInRight{-webkit-animation-name: zoomInRight; animation-name: zoomInRight;} @-webkit-keyframes zoomInUp{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}} @keyframes zoomInUp{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}} .zoomInUp{-webkit-animation-name: zoomInUp; animation-name: zoomInUp;} @-webkit-keyframes zoomOut{from{opacity: 1;}50%{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}to{opacity: 0;}} @keyframes zoomOut{from{opacity: 1;}50%{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}to{opacity: 0;}} .zoomOut{-webkit-animation-name: zoomOut; animation-name: zoomOut;} @-webkit-keyframes zoomOutDown{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}to{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}} @keyframes zoomOutDown{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}to{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}} .zoomOutDown{-webkit-animation-name: zoomOutDown; animation-name: zoomOutDown;} @-webkit-keyframes zoomOutLeft{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;}} @keyframes zoomOutLeft{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;}} .zoomOutLeft{-webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft;} @-webkit-keyframes zoomOutRight{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;}} @keyframes zoomOutRight{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;}} .zoomOutRight{-webkit-animation-name: zoomOutRight; animation-name: zoomOutRight;} @-webkit-keyframes zoomOutUp{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}to{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}} @keyframes zoomOutUp{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}to{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}} .zoomOutUp{-webkit-animation-name: zoomOutUp; animation-name: zoomOutUp;} @-webkit-keyframes slideInDown{from{-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInDown{from{-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInDown{-webkit-animation-name: slideInDown; animation-name: slideInDown;} @-webkit-keyframes slideInLeft{from{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInLeft{from{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInLeft{-webkit-animation-name: slideInLeft; animation-name: slideInLeft;} @-webkit-keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInRight{-webkit-animation-name: slideInRight; animation-name: slideInRight;} @-webkit-keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInUp{-webkit-animation-name: slideInUp; animation-name: slideInUp;} @-webkit-keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} @keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} .slideOutDown{-webkit-animation-name: slideOutDown; animation-name: slideOutDown;} @-webkit-keyframes slideOutLeft{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} @keyframes slideOutLeft{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} .slideOutLeft{-webkit-animation-name: slideOutLeft; animation-name: slideOutLeft;} @-webkit-keyframes slideOutRight{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} @keyframes slideOutRight{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} .slideOutRight{-webkit-animation-name: slideOutRight; animation-name: slideOutRight;} @-webkit-keyframes slideOutUp{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} @keyframes slideOutUp{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} .slideOutUp{-webkit-animation-name: slideOutUp; animation-name: slideOutUp;} .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{display:none;width:100%;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%} .owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none} .no-js .owl-carousel,.owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .animated{animation-duration:1s;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{animation-name:fadeOut} @keyframes fadeOut{0%{opacity:1}100%{opacity:0}} .owl-height{transition:height .5s ease-in-out} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/website_cpo_sale/static/src/css/plugins/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease} .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)} .owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} a.meanmenu-reveal{display:none} .mean-container .mean-bar{background: inherit; float: left; min-height: 0; position: relative; width: 100%; z-index: 1;} .mean-container a.meanmenu-reveal{color: #333; cursor: pointer; display: block; float: right; font-size: 1px; font-weight: 700; height: 22px; line-height: 22px; padding: 4px 5px; position: absolute; right: 0; text-decoration: none; top: -65px; width: 18px;} .mean-container a.meanmenu-reveal span{display:block;background:#333;height:2px;margin-top:3px} .mean-container .mean-nav{float:left;width:100%;background:transparent} .mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none} .mean-container .mean-nav ul li{background: #f8f8f8 none repeat scroll 0 0; float: left; position: relative; width: 100%; border-top: 1px solid#ddd;} .mean-container .mean-nav ul li a{background: #f8f8f8 none repeat scroll 0 0; color: #666666; display: block; float: left; font-size: 12px; margin: 0; padding: 1em 5%; text-align: left; text-decoration: none; text-transform: uppercase; width: 90%; font-weight: bold;} .mobile-menu-area{} .mean-container .mean-nav ul li li a{border-top: 1px solid rgba(255, 255, 255, 0.25); opacity: 0.75; padding: 1em 10%; text-shadow: none !important; visibility: visible; width: 80%; font-weight: normal; text-transform: capitalize; color: #444;} .mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0} .mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%} .mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%} .mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%} .mean-container .mean-nav ul li a:hover{background: #f8f8f8 none repeat scroll 0 0; color: #f6ab4b;} .mean-container .mean-nav ul li a.mean-expand{width:26px; height: 15px; margin-top: 1px; padding: 6px 12px !important; text-align:center; position:absolute; right:0;top:0; z-index:2; font-weight:700; background:rgba(255,255,255,.1); border:0!important; background: #F8F8F8;} .mean-container .mean-nav ul li a.mean-expand:hover{background: #f8f8f8;} .mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both} .mean-nav .wrapper{width:100%;padding:0;margin:0} .mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} .mean-remove{display:none!important} .mean-container .mean-bar::after{color: #333; content: inherit; font-size: 21px; font-weight: 700; left: 5%; position: absolute; top: 13px;} .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:none} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)} .slick-track{position:relative;top:0;left:0;display:block} .slick-track:before,.slick-track:after{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left;height:100%;min-height:1px} [dir='rtl'] .slick-slide{float:right} .slick-slide img{display:block} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none} 

/* /website_cpo_sale/static/src/css/combo.select.css defined in bundle 'web.assets_frontend' */
 .combo-select{position: relative; max-width: 400px; margin-bottom: 15px; font: 100% Helvetica, Arial, Sans-serif; border: 1px #ccc solid; border-radius: 3px;} .combo-select .combo-input{margin-bottom: 0;} .combo-input{-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; text-overflow: ellipsis; white-space: nowrap; border: none; width: 100%; box-sizing: border-box; padding: 12px; padding-right: 60px; border-radius: 3px;} .combo-input:focus{outline: none;} .combo-arrow{position: absolute; right: 0; top: 0; height: 100%; cursor: pointer; text-align: center; font-size: 14px; width: 40px; font-size: 12px; color: #999999;} .combo-arrow:before{content: " "; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #cccccc; display: block; width: 0; height: 0; top: 0; right: 15px; bottom: 0; position: absolute; margin: auto 0;} .combo-open .combo-arrow{border-color: #51A7E8;} .combo-open .combo-arrow:before{border-top: none; border-bottom: 5px solid #cccccc;} .combo-focus{box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); border-color: #51A7E8;} .combo-focus input{border-color: #51A7E8;} .combo-select select{position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; -webkit-appearance: none; opacity: 0;} @media only screen and (min-width: 960px){.combo-select select{left: -1px; top: -1px; width: 0; height: 0; margin: 0;}} .option-selected{background-color: #eee;} .option-hover{background-color: #006eab; color: #fff;} .option-item{cursor: pointer; border-bottom: 1px #e3e3e3 solid;} .option-item:hover{background-color: #006eab; color: #fff;} .option-item:last-child{border-bottom: none;} .option-group{cursor: text; font-weight: 600; background: #e1e1e1; border: 1px #ccc solid; border-width: 1px 0;} .option-disabled{opacity: 0.5;} .combo-dropdown{position: absolute; z-index: 1; top: 100%; left: 0; min-width: 100%; max-width: 300px; max-height: 300px; margin: 0; padding: 0; display: none; overflow-y: auto; background: #fff; border: 1px solid #999999; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); box-sizing: border-box;} .combo-dropdown li{list-style: none; padding: 8px 1em; margin: 0;} .combo-open .combo-dropdown{display: block;} .combo-marker{text-decoration: underline;} 

/* /website_cpo_sale/static/src/css/animate.css defined in bundle 'web.assets_frontend' */
 .animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .animated.infinite{-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} @-webkit-keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-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-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);}90%{-webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0);}} @keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-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-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);}90%{-webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0);}} .bounce{-webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom;} @-webkit-keyframes flash{from, 50%, to{opacity: 1;}25%, 75%{opacity: 0;}} @keyframes flash{from, 50%, to{opacity: 1;}25%, 75%{opacity: 0;}} .flash{-webkit-animation-name: flash; animation-name: flash;} @-webkit-keyframes pulse{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes pulse{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .pulse{-webkit-animation-name: pulse; animation-name: pulse;} @-webkit-keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}65%{-webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);}75%{-webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}65%{-webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);}75%{-webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .rubberBand{-webkit-animation-name: rubberBand; animation-name: rubberBand;} @-webkit-keyframes shake{from, to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}} @keyframes shake{from, to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}} .shake{-webkit-animation-name: shake; animation-name: shake;} @-webkit-keyframes headShake{0%{-webkit-transform: translateX(0); transform: translateX(0);}6.5%{-webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg);}18.5%{-webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg);}31.5%{-webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg);}43.5%{-webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg);}50%{-webkit-transform: translateX(0); transform: translateX(0);}} @keyframes headShake{0%{-webkit-transform: translateX(0); transform: translateX(0);}6.5%{-webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg);}18.5%{-webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg);}31.5%{-webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg);}43.5%{-webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg);}50%{-webkit-transform: translateX(0); transform: translateX(0);}} .headShake{-webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake;} @-webkit-keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);}40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);}80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);}to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}} @keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);}40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);}80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);}to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}} .swing{-webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;} @-webkit-keyframes tada{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes tada{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .tada{-webkit-animation-name: tada; animation-name: tada;} @-webkit-keyframes wobble{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}15%{-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}30%{-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}45%{-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}60%{-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}75%{-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes wobble{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}15%{-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}30%{-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}45%{-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}60%{-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}75%{-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .wobble{-webkit-animation-name: wobble; animation-name: wobble;} @-webkit-keyframes jello{from, 11.1%, to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}22.2%{-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);}33.3%{-webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);}44.4%{-webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg);}55.5%{-webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg);}66.6%{-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7%{-webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg);}88.8%{-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}} @keyframes jello{from, 11.1%, to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}22.2%{-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);}33.3%{-webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);}44.4%{-webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg);}55.5%{-webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg);}66.6%{-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7%{-webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg);}88.8%{-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}} .jello{-webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center;} @-webkit-keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97);}to{opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97);}to{opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .bounceIn{-webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn;} @-webkit-keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);}75%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}90%{-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);}75%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}90%{-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .bounceInDown{-webkit-animation-name: bounceInDown; animation-name: bounceInDown;} @-webkit-keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);}75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);}75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .bounceInLeft{-webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;} @-webkit-keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);}75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);}75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .bounceInRight{-webkit-animation-name: bounceInRight; animation-name: bounceInRight;} @-webkit-keyframes bounceInUp{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from{opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}75%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}90%{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes bounceInUp{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from{opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}75%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}90%{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .bounceInUp{-webkit-animation-name: bounceInUp; animation-name: bounceInUp;} @-webkit-keyframes bounceOut{20%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);}50%, 55%{opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}to{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}} @keyframes bounceOut{20%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);}50%, 55%{opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}to{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}} .bounceOut{-webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut;} @-webkit-keyframes bounceOutDown{20%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} @keyframes bounceOutDown{20%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} .bounceOutDown{-webkit-animation-name: bounceOutDown; animation-name: bounceOutDown;} @-webkit-keyframes bounceOutLeft{20%{opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} @keyframes bounceOutLeft{20%{opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} .bounceOutLeft{-webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft;} @-webkit-keyframes bounceOutRight{20%{opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} @keyframes bounceOutRight{20%{opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} .bounceOutRight{-webkit-animation-name: bounceOutRight; animation-name: bounceOutRight;} @-webkit-keyframes bounceOutUp{20%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} @keyframes bounceOutUp{20%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} .bounceOutUp{-webkit-animation-name: bounceOutUp; animation-name: bounceOutUp;} @-webkit-keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}} @keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}} .fadeIn{-webkit-animation-name: fadeIn; animation-name: fadeIn;} @-webkit-keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;} @-webkit-keyframes fadeInDownBig{from{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInDownBig{from{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .fadeInDownBig{-webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig;} @-webkit-keyframes fadeInLeft{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInLeft{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .fadeInLeft{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;} @-webkit-keyframes fadeInLeftBig{from{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInLeftBig{from{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .fadeInLeftBig{-webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig;} @-webkit-keyframes fadeInRight{from{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInRight{from{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .fadeInRight{-webkit-animation-name: fadeInRight; animation-name: fadeInRight;} @-webkit-keyframes fadeInRightBig{from{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInRightBig{from{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .fadeInRightBig{-webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig;} @-webkit-keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .fadeInUp{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;} @-webkit-keyframes fadeInUpBig{from{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInUpBig{from{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .fadeInUpBig{-webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig;} @-webkit-keyframes fadeOut{from{opacity: 1;}to{opacity: 0;}} @keyframes fadeOut{from{opacity: 1;}to{opacity: 0;}} .fadeOut{-webkit-animation-name: fadeOut; animation-name: fadeOut;} @-webkit-keyframes fadeOutDown{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} @keyframes fadeOutDown{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} .fadeOutDown{-webkit-animation-name: fadeOutDown; animation-name: fadeOutDown;} @-webkit-keyframes fadeOutDownBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} @keyframes fadeOutDownBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} .fadeOutDownBig{-webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig;} @-webkit-keyframes fadeOutLeft{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} @keyframes fadeOutLeft{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} .fadeOutLeft{-webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft;} @-webkit-keyframes fadeOutLeftBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} @keyframes fadeOutLeftBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} .fadeOutLeftBig{-webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig;} @-webkit-keyframes fadeOutRight{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} @keyframes fadeOutRight{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} .fadeOutRight{-webkit-animation-name: fadeOutRight; animation-name: fadeOutRight;} @-webkit-keyframes fadeOutRightBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} @keyframes fadeOutRightBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} .fadeOutRightBig{-webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig;} @-webkit-keyframes fadeOutUp{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} @keyframes fadeOutUp{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} .fadeOutUp{-webkit-animation-name: fadeOutUp; animation-name: fadeOutUp;} @-webkit-keyframes fadeOutUpBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} @keyframes fadeOutUpBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} .fadeOutUpBig{-webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig;} @-webkit-keyframes flip{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}40%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}50%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}80%{-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}to{-webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}} @keyframes flip{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}40%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}50%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}80%{-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}to{-webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}} .animated.flip{-webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip;} @-webkit-keyframes flipInX{from{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}} @keyframes flipInX{from{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}} .flipInX{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX;} @-webkit-keyframes flipInY{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}} @keyframes flipInY{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}} .flipInY{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY;} @-webkit-keyframes flipOutX{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;}} @keyframes flipOutX{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;}} .flipOutX{-webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important;} @-webkit-keyframes flipOutY{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0;}} @keyframes flipOutY{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0;}} .flipOutY{-webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY;} @-webkit-keyframes lightSpeedIn{from{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;}60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;}80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} @keyframes lightSpeedIn{from{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;}60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;}80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} .lightSpeedIn{-webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;} @-webkit-keyframes lightSpeedOut{from{opacity: 1;}to{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;}} @keyframes lightSpeedOut{from{opacity: 1;}to{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;}} .lightSpeedOut{-webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} @-webkit-keyframes rotateIn{from{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} @keyframes rotateIn{from{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} .rotateIn{-webkit-animation-name: rotateIn; animation-name: rotateIn;} @-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} @keyframes rotateInDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} .rotateInDownLeft{-webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft;} @-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} @keyframes rotateInDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} .rotateInDownRight{-webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight;} @-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} @keyframes rotateInUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} .rotateInUpLeft{-webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft;} @-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} @keyframes rotateInUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} .rotateInUpRight{-webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight;} @-webkit-keyframes rotateOut{from{-webkit-transform-origin: center; transform-origin: center; opacity: 1;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0;}} @keyframes rotateOut{from{-webkit-transform-origin: center; transform-origin: center; opacity: 1;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0;}} .rotateOut{-webkit-animation-name: rotateOut; animation-name: rotateOut;} @-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}} @keyframes rotateOutDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}} .rotateOutDownLeft{-webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft;} @-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} @keyframes rotateOutDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} .rotateOutDownRight{-webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight;} @-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} @keyframes rotateOutUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} .rotateOutUpLeft{-webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft;} @-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;}} @keyframes rotateOutUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;}} .rotateOutUpRight{-webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight;} @-webkit-keyframes hinge{0%{-webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}20%, 60%{-webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}40%, 80%{-webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;}to{-webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0;}} @keyframes hinge{0%{-webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}20%, 60%{-webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}40%, 80%{-webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;}to{-webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0;}} .hinge{-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge;} @-webkit-keyframes jackInTheBox{from{opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom;}50%{-webkit-transform: rotate(-10deg); transform: rotate(-10deg);}70%{-webkit-transform: rotate(3deg); transform: rotate(3deg);}to{opacity: 1; -webkit-transform: scale(1); transform: scale(1);}} @keyframes jackInTheBox{from{opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom;}50%{-webkit-transform: rotate(-10deg); transform: rotate(-10deg);}70%{-webkit-transform: rotate(3deg); transform: rotate(3deg);}to{opacity: 1; -webkit-transform: scale(1); transform: scale(1);}} .jackInTheBox{-webkit-animation-name: jackInTheBox; animation-name: jackInTheBox;} @-webkit-keyframes rollIn{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes rollIn{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .rollIn{-webkit-animation-name: rollIn; animation-name: rollIn;} @-webkit-keyframes rollOut{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}} @keyframes rollOut{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}} .rollOut{-webkit-animation-name: rollOut; animation-name: rollOut;} @-webkit-keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}50%{opacity: 1;}} @keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}50%{opacity: 1;}} .zoomIn{-webkit-animation-name: zoomIn; animation-name: zoomIn;} @-webkit-keyframes zoomInDown{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInDown{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInDown{-webkit-animation-name: zoomInDown; animation-name: zoomInDown;} @-webkit-keyframes zoomInLeft{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInLeft{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInLeft{-webkit-animation-name: zoomInLeft; animation-name: zoomInLeft;} @-webkit-keyframes zoomInRight{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInRight{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInRight{-webkit-animation-name: zoomInRight; animation-name: zoomInRight;} @-webkit-keyframes zoomInUp{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInUp{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInUp{-webkit-animation-name: zoomInUp; animation-name: zoomInUp;} @-webkit-keyframes zoomOut{from{opacity: 1;}50%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}to{opacity: 0;}} @keyframes zoomOut{from{opacity: 1;}50%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}to{opacity: 0;}} .zoomOut{-webkit-animation-name: zoomOut; animation-name: zoomOut;} @-webkit-keyframes zoomOutDown{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomOutDown{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomOutDown{-webkit-animation-name: zoomOutDown; animation-name: zoomOutDown;} @-webkit-keyframes zoomOutLeft{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;}} @keyframes zoomOutLeft{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;}} .zoomOutLeft{-webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft;} @-webkit-keyframes zoomOutRight{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;}} @keyframes zoomOutRight{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;}} .zoomOutRight{-webkit-animation-name: zoomOutRight; animation-name: zoomOutRight;} @-webkit-keyframes zoomOutUp{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomOutUp{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomOutUp{-webkit-animation-name: zoomOutUp; animation-name: zoomOutUp;} @-webkit-keyframes slideInDown{from{-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInDown{from{-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInDown{-webkit-animation-name: slideInDown; animation-name: slideInDown;} @-webkit-keyframes slideInLeft{from{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInLeft{from{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInLeft{-webkit-animation-name: slideInLeft; animation-name: slideInLeft;} @-webkit-keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInRight{-webkit-animation-name: slideInRight; animation-name: slideInRight;} @-webkit-keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInUp{-webkit-animation-name: slideInUp; animation-name: slideInUp;} @-webkit-keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} @keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} .slideOutDown{-webkit-animation-name: slideOutDown; animation-name: slideOutDown;} @-webkit-keyframes slideOutLeft{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} @keyframes slideOutLeft{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} .slideOutLeft{-webkit-animation-name: slideOutLeft; animation-name: slideOutLeft;} @-webkit-keyframes slideOutRight{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} @keyframes slideOutRight{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} .slideOutRight{-webkit-animation-name: slideOutRight; animation-name: slideOutRight;} @-webkit-keyframes slideOutUp{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} @keyframes slideOutUp{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} .slideOutUp{-webkit-animation-name: slideOutUp; animation-name: slideOutUp;} 

/* /website_cpo_sale/static/src/css/drag-test.css defined in bundle 'web.assets_frontend' */
.modal{top: 23% !important;} .modal-backdrop{display: none;} .verBox{width:100%; text-align:center; top:0; opacity:1; transition:all 0.8s;} .slider-btn{position:absolute;width:44px;height:44px;left:0;top:-7px;z-index:12;cursor:pointer;background-image:url(/website_cpo_sale/static/src/images/sprite.3.2.0.png);background-position:0 -84px;transition:inherit} .ver-tips{position:absolute;left:0;bottom:-22px;background:rgba(255,255,255,.9);height:22px;line-height:22px;font-size:12px;width:100%;margin:0;text-align:left;padding:0 8px;transition:all .4s} .slider-tips{bottom:0} .ver-tips i{display:inline-block;width:22px;height:22px;vertical-align:top;background-image:url(/website_cpo_sale/static/src/images/sprite.3.2.0.png);background-position:-4px -1229px} .ver-tips span{display:inline-block;vertical-align:top;line-height:22px;color:#455} .active-tips{display:block} .hidden{display:none} .re-btn{position:absolute;left:0;bottom:0;height:28px;padding:0 16px} .re-btn a{display:inline-block;width:14px;height:14px;margin:7px 0;background-image:url(/website_cpo_sale/static/src/images/sprite.3.2.0.png);background-position:0 -1179px;cursor:pointer} .re-btn a:hover{background-position:0 -1193px} 

/* /website_cpo_sale/static/src/css/cpo_sale.css defined in bundle 'web.assets_frontend' */
 @font-face{font-family: 'Raleway'; font-style: normal; font-weight: 700; font-display: swap; src: url('/website_cpo_sale/static/src/fonts/raleway-700.woff2') format('woff2');} @font-face{font-family: 'Raleway'; font-style: normal; font-weight: 800; font-display: swap; src: url('/website_cpo_sale/static/src/fonts/raleway-800.woff2') format('woff2');} @keyframes myCartAnimate{from{margin-top: 3px;}to{margin-bottom: 3px;}} @-moz-keyframes myCartAnimate{from{margin-top: 3px;}to{margin-bottom: 3px;}} @-webkit-keyframes myCartAnimate{from{margin-top: 3px;}to{margin-bottom: 3px;}} @-o-keyframes myCartAnimate{from{margin-top: 3px;}to{margin-bottom: 3px;}} @keyframes checkBomBtn{from{opacity: 1;}to{opacity: 0.5;}} @-moz-keyframes checkBomBtn{from{opacity: 1;}to{opacity: 0.5;}} @-webkit-keyframes checkBomBtn{from{opacity: 1;}to{opacity: 0.5;}} @keyframes animate_left{0%{left: 0;}50%{left: -25%;}100%{left: -50%;}} @-moz-keyframes animate_left{0%{left: 0;}50%{left: -25%;}90%{left: -50%;}} @-webkit-keyframes animate_left{0%{left: 0;}50%{left: -25%;}90%{left: -50%;}} @-o-keyframes checkBomBtn{from{opacity: 1;}to{opacity: 0.5;}} .cpo-notification{position: relative; overflow: hidden; box-shadow: 0 1px 8px #270808; position: relative; z-index: 2; background-color: #f7f7f7;} .cpo-natifi-gd{overflow: hidden;} .natifi-all{position: relative;} .natifi-cont{position: relative;overflow: hidden;padding-bottom: 10px;font-weight: bold;} .natifi-cont h4{font-weight: bold;font-size: 12px;margin: 10px 0 0 0;} .cpo-text-tt{display: inline-block;margin-right: 10px;} .natifi-cont>a{overflow: hidden; display: inline-block; width: 100%;cursor: pointer; text-decoration: cornflowerblue;} .natifi-close{position: absolute;width: 30px;height: 30px;top: 50%;right: 0;margin-top: -10px;cursor: pointer; text-align: center;} .cpo-natifi-content{font-size: 12px;line-height: 22px;margin: 0px 0;display: inline-block;max-width: 100%; font-weight: 100;} .cpo-natifi-content b{color: #3fcf8e;} #cpo-text-cont{position: relative;width: 100%; display: inline-block;vertical-align: top;overflow: hidden;} #cpo-text-cont a{text-decoration: underline;font-size: 12px;vertical-align: top;line-height: 22px; margin-left: 15px;} .cpo-natifi-date{font-size: 12px;text-align: right;padding-right: 40px;display: inline-block;float: right;} .natifi-author{display: inline-block;text-align: left;font-weight: normal;width: 100%;} .all_natification{margin: 50px auto;} .all-ntfc li{margin: 20px 10px;} .all-ntfc h3{text-align: center;margin-bottom: 20px;font-weight: bold;} .all-ntfc p{line-height: 22px;font-weight: bold;} .all-ntfc b{color: #3fcf8e;} .all-ntfc h5{text-align: right; font-size: 16px; font-weight: 600;} .all-ntfc h5 .all-ntfc-make{display: inline-block;min-width: 24%;text-align: left;margin: 4px 0;} .terms_conditions{width: 100%; position: fixed; bottom: 2px; left: 0; border-top: 1px solid #DDDDDD; background-color: rgba(0, 0, 0, 0.8); z-index: 2000;} .conditions_content{position: relative;width: 90%;margin: auto;padding: 10px 0;} .conditions_content p{font-size: 16px; color: #ffffff; width: 90%;} .terms_conditions_btn{position: absolute; right: 0; top: 20%;} .preloader{background: #ffffff url("/website_cpo_sale/static/src/css/../images/tools_img/loader.gif") no-repeat center center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999;} #wrapwrap>header{width: 100%;background-color: rgba(255,255,255,0);display: block;} .oe_website_login_container{margin-top: 81px;} .oe_website_sale{margin-top: 100px;} .o_website_portal{margin-top: 100px!important;} .oe_empty{margin-top: 100px;} .oe_structure>.row{margin-top: 110px;} #wrap .oe_structure h1.mt32{margin-top: 110px !important;} #wrapwrap header.stick{animation: 700ms ease-in-out 0s normal none 1 running fadeInDown; background-color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#ffffff); border-bottom: 0 solid #4a90e2; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04); position: fixed; top: 0; width: 100%; z-index: 999;} #wrapwrap header.stick>.navbar{background-color: #ffffff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#ffffff); border-bottom: 2px solid #ff6b35;} header .navbar .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{margin-left: 0;} header .navbar{margin-bottom:0px;position: fixed;width: 100%; background-color: #0a1628; border: none; border-bottom: 1px solid rgba(255,255,255,0.08); transition: background-color 0.3s ease, box-shadow 0.3s ease;} header .navbar .navbar-inverse{background-color: transparent; border:none;} header .navbar .navbar-inverse .navbar-brand h1{color: #0A0A0A; text-transform: uppercase; font-size: 30px; font-weight: 600;} header .navbar .navbar-brand{height:inherit; padding:24px 0 0;} header .navbar .navbar-nav>li>a{padding: 30px 10px; color: #ffffff; font-size: 16px; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.3);} header .navbar-inverse .navbar-nav > li > a:focus{color: #ffffff;} header .navbar .navbar-inverse .navbar-nav>.active>a, header .navbar .navbar-inverse .navbar-nav>.active>a:focus, header .navbar .navbar-inverse .navbar-nav>.active>a:hover{color: #ffffff; background-color: rgba(255,255,255,0);} header.stick .navbar .navbar-nav>li>a, header.stick .navbar-inverse .navbar-nav > li > a:focus{color: #333333; text-shadow: none;} header .navbar-header{width: 30%; float: left;} header a.navbar-brand img{height: 80px;padding: 2px 0;max-height: 100%;margin-top: 0;} header .navbar-default .navbar-collapse{width: 70%; float: right;} header .navbar-nav{float: right;} header .navbar a{padding: 0 0 10px;} header .navbar-collapse a::after{position: absolute; top: 94%; left: 0; width: 100%; height: 1px; background: #c4d4b7; content: ''; opacity: 0; -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px);} header .navbar li.active a::after, header .navbar a:hover::after{height: 5px; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px);} header .navbar-default .navbar-nav > .active > a, header .navbar-default .navbar-nav > .active > a:hover, header .navbar-default .navbar-nav > .active > a:focus{color: #ffffff; background-color: rgba(255,255,255,0);} header.stick .navbar-default .navbar-nav > .active > a, header.stick .navbar-default .navbar-nav > .active > a:hover, header.stick .navbar-default .navbar-nav > .active > a:focus{color: #333333; background-color: rgba(255,255,255,0);} .navbar.navbar-static-top ul.nav > li.divider{margin-top: 30px;} #wrapwrap .dropdown-menu > li > a{text-transform: uppercase; color: #212121; font-size: 13px; font-weight: 600; padding: .8em 0;} header .navbar-nav > li > .dropdown-menu{border-radius: 0; background: #ffffff; text-align: center; padding: 0; border: none; width: 100%;} header .navbar-default .navbar-nav > .open > a, header .navbar-default .navbar-nav > .open > a:hover, header .navbar-default .navbar-nav > .open > a:focus{color: #ffffff; background-color: transparent;} header.stick .navbar-default .navbar-nav > .open > a, header.stick .navbar-default .navbar-nav > .open > a:hover, header.stick .navbar-default .navbar-nav > .open > a:focus{color: #333; background-color: #fff;} .stick .logo a img.logo-normal{display: none;} .stick .logo a img.logo-sticky{display: block;} .cpo_order_content input.cpo-submit:hover{background-color: #20cddb;border-color: #20cddb;} .footer-area a{color: #ffffff;} .footer-area a:hover{color: #4a93fd;} .footer-title > h4{color: #fff; font-size: 18px; font-weight: 700; margin: 0; text-transform: uppercase;} .footer-title a .footer-logo{width: 140px;} .footer-about > p{color: #fff;margin: 0;font-size: 12px;} .cpo-company-cont .cont-info-content{margin-left: 0;} .cpo-online-box .single-footer-cont-info{margin-bottom: 6px;} .single-footer-cont-info{} .social-icon{margin-top: 10px;margin-bottom: 10px;} .social-icon ul li{display: inline-block; list-style: outside none none; margin: 0 8px 10px 0;} .social-icon ul.cpo-social-logo li{margin: 0;padding: 4px 3px;} .social-icon ul.cpo-social-logo li img{height: 40px;} .social-icon ul.cpo-express-logo li{margin: 0;padding: 4px 3px;} .social-icon li a{border-radius: 50px; color: #fff; display: inline-block; font-size: 18px; height: 38px; line-height: 36px; text-align: center; width: 38px;} .social-icon li .standard-logo{width: 38px;height: 38px;background-color: #ffffff;} .social-icon li .standard-logo img{width: 38px;height: 38px;} .social-icon li a.facebook{background-color: #3c5b9b; border: 2px solid #3c5b9b;} .social-icon li a.twitter{background-color: #40c1df; border: 2px solid #40c1df;} .social-icon li a.instagram{background-color: #46a174; border: 2px solid #46a174;} .social-icon li a.youtube{background-color: #ed3c32; border: 2px solid #ed3c32;} .social-icon li a.rss{background-color: #eb8314; border: 2px solid #eb8314;} .social-icon li a.dribbble{background-color: #c72982; border: 2px solid #c72982;} .social-icon li a.dribbble:hover{background-color: #fff; border: 2px solid #fff; color: #c72982;} .social-icon li a.rss:hover{background-color: #fff; border: 2px solid #fff; color: #eb8314;} .social-icon li a.youtube:hover{background-color: #fff; border: 2px solid #fff; color: #ed3c32;} .social-icon li a.instagram:hover{background-color: #fff; border: 2px solid #fff; color: #46a174;} .social-icon li a.twitter:hover{background-color: #fff; border: 2px solid #fff; color: #40c1df;} .social-icon li a.facebook:hover{background-color: #fff; border: 2px solid #fff; color: #3c5b9b;} .footer-map{margin: 12px 0 20px;} .footer-map > a{color: #ffffff; font-weight: 500; font-size: 16px;} .footer-map > a:hover{color: #4a93fd;} .footer-map > a i{font-size: 20px; margin-right: 9px;} .single-footer-cont-info{display: flex; margin-bottom: 10px;} .single-footer-cont-info:last-child{display: flex; margin-bottom: 16px;} .cont-info-content > p{color: #fff; margin: 0;} .cont-info-icon i{color: #fff; font-size: 18px;} .cont-info-content{margin-left: 15px; margin-top: -5px;} .cont-info-content > a{color: #fff; display: block; margin-bottom: 6px;} .cont-info-content > a:hover{color: #4a93fd;} .open-time ul li{color: #fff; font-size: 14px; list-style: outside none none; margin-bottom: 7px;} .open-time ul li span{float: left;display: inline-block;margin-top: 4px;} .open-time ul li:last-child{margin-bottom: 0px;} .newsletter-style > p{color: #fff; margin: 0 0 20px;} .subscribe-form form input{background: #fff none repeat scroll 0 0; border: medium none; color: #242424; padding: 2px 10px;} .subscribe-form form input::-webkit-input-placeholder{color: #242424; opacity: 1;} .subscribe-form form input::-moz-placeholder{color: #242424; opacity: 1;} .subscribe-form form .clear input{background: #4a93fd none repeat scroll 0 0; border: medium none; color: #fff; font-size: 13px; font-weight: 600; height: 40px; padding: 2px 15px; text-transform: uppercase; width: auto; cursor: pointer;} .subscribe-form form .clear input:hover{background: #fff none repeat scroll 0 0; color: #242424;} .clear{margin-top: 18px;} .copyright > p{color: #fff; margin: 0;} .copyright > p a{color: #fff;} .copyright > p a:hover{color: #4a93fd; text-decoration: underline;} .footer-area .text-muted{color: #ffffff;font-size: 16px;font-weight: 400;} .cpo_col_pcba_md8{border-right: 1px solid #4a93fd;} .copyright .text-muted{line-height: 68px;} #xiangdao{width: 100%;margin: 100px auto 0;height: 75px;} #xiangdao ul{width: 100%;box-shadow: none;display: flex;flex-wrap: wrap;} #xiangdao ul li{text-align: center;flex: 1;white-space: nowrap;} .slider-content{padding-right: 0;padding-left: 0;} .slider-content-wrap{background: rgb(255, 255, 255) none repeat scroll 0 0; padding: 40px 30px 10px; text-align: center; max-width: 480px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff);} .cpo_slider_content_right .slider-content-wrap{float: right;} .cpo_slider_content_left .slider-content-wrap{float: left;} .cpo_index_title{padding-right: 5px;padding-left: 5px; background: none;} .cpo_index_title h1{font-size: 36px!important;font-weight: 700;color: #ffffff; font-family: 'Raleway', sans-serif; text-shadow: 1px 1px 10px #717165;} .cpo_index_title h4{font-size: 25px;font-weight: 600;text-shadow: 1px 1px 10px #717165;color: #ffffff;width: 94%; margin: auto auto;line-height: 40px;font-family: 'Raleway', sans-serif;} .slider-content-wrap h2, .slider-content-2 h2{font-family: 'Raleway', sans-serif; font-size: 36px; margin: 0px; text-transform: capitalize;} .slider-content-wrap h2 span{color: #4a93fd;} .slider-content-wrap h1, .slider-content-2 h1{font-size: 40px; font-weight: bold; margin: 10px 0 13px;} .slider-content-wrap h1 span{color: #ffffff;display: inline-block;text-align: left; margin: 5px 0;width: 100%;} .slider-btn a{background-color: #4a93fd; color: #fff; display: inline-block; font-weight: 600; line-height: 1; padding: 16px 30px; text-transform: uppercase;} .slider-btn a:hover{background-color: #242424; color: #fff;} .slider-content-wrap p{font-size: 18px; margin: 0 0 40px;} .slider-area{position: relative; overflow: hidden;background-color: #4a93fd;} .slider-active .cpo_bg_svg{width: 100%;height: 100%;position: absolute; top: 0;left: 0;} .slider-area .index-quotation-from{position: relative;width: 100%;z-index: 9;margin-top: -24px;top: 25%;} .cpo_index_quo_con{position: relative;} .cpo-slider-content{position: absolute;left: 10%; top: 100%;} .slider-active.owl-carousel .owl-nav div{background-color: #4a93fd; border: 1px solid #4a93fd; color: #fff; font-size: 28px; height: 44px; left: 15px; line-height: 40px; opacity: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); transition: all 0.3s ease 0s; width: 44px;} .slider-active.owl-carousel .owl-nav div:hover{background-color: #242424; border: 1px solid #242424;} .slider-active.owl-carousel .owl-nav div.owl-next{left: auto; right: 15px; z-index: 10 !important; pointer-events: all !important;} .slider-area:hover .slider-active.owl-carousel .owl-nav div{opacity: 1;} .height-100vh{height: 90vh;} .height-75vh{height: 74vh;} .height-82vh{height: 82vh;} .owl-item .slider-content *{-webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .owl-item.active .slider-content *{} .owl-item.active .slider-animated-1 h2{-webkit-animation-delay: 1.0s; animation-delay: 1.0s; -webkit-animation-name: zoomIn; animation-name: zoomIn;} .owl-item.active .slider-animated-1 p{-webkit-animation-delay: 1.9s; animation-delay: 1.9s; -webkit-animation-name: zoomIn; animation-name: zoomIn;} .owl-item.active .slider-animated-1 a{-webkit-animation-delay: 2.0s; animation-delay: 2.0s; -webkit-animation-name: zoomIn; animation-name: zoomIn;} .owl-item.active .slider-content-wrap.slider-animated-1{-webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-name: zoomIn; animation-name: zoomIn;} .header-position{background: #ffffff;} .main-menu ul li a{color: #000000;} .cpo-home-input{display: inline-block;padding: 4px 12px;font-size: 1.6rem;float: left;height: 34px;line-height: 34px;} .cpo-home-input:focus{background: #ffffff;border: 1px solid #1d82ff;} .cpo-w88{width: 88%;} .reverse{background: #f2f2f2;-webkit-transition: .3s all ease;-o-transition: .3s all ease; transition: .3s all ease;border-color: #f2f2f2;} .cpo_quo_unit{display: inline-block;float: left;line-height: 32px;padding: 0 4px;font-size: 18px;} .cpo_board{width: 41%;} input.cpo-submit{width: 60%;margin: 0 auto 10px;background-color: rgb(74, 147, 253); border-color: rgb(74, 147, 253);height: 34px;line-height: 20px;border-radius: 10px;font-size: 18px;} .cpo-quo-tt{display: flex; overflow: hidden;} .quo-tt-ls{flex: 1; padding: 4px 0; text-align: center; line-height: 30px; font-size: 18px; font-weight: 600; flex: 0 0 auto; width: calc(100%/3); float: left; cursor: pointer; color: #333333;} .quo-tt-ls:hover{background: #4a93fd; color: #ffffff !important;} .quo-tt-ls:hover h4{color: #ffffff !important;} .quo-tt-ls>h4{line-height: 30px;font-size: 18px;padding: 0;font-weight: 600;margin: 0;color: inherit;} svg path{fill: url(/website_cpo_sale/static/src/css/#SVGID_5_);} .generate_special_documents{width: 25%;margin: 0 auto 18px; text-align: center;display: none;padding: 20px 10px; border: 1px dashed #4a93fd;} .generate_special_documents p{margin: 15px 0 10px; font-size: 14px; color: #f80308; font-weight: 600;} .generate_special_documents .gsd_tips{display: none; margin: 5px 0 15px; animation: cpo_flicker 1000ms; -webkit-animation: cpo_flicker 1000ms;} #create_special_order_modal .modal-dialog{margin-top: 15%;} #create_special_order_modal .special-error{color: red; font-size: 14px; font-weight: 600; margin: 20px 0 0 0; display: none;} #create_special_order_modal .special-success{color: #49ea64; font-size: 14px; font-weight: 600; margin: 20px 0 0 0; display: none;} .quo-tt-active{color: #ffffff !important; background-color: #4a93fd;} .quo-tt-active h4{color: #ffffff !important;} .cop-video-img img{max-width: 570px;} .align-items-center{-ms-flex-align: center!important; align-items: center!important;} .justify-content-center{-ms-flex-pack: center!important; justify-content: center!important;} .d-flex{display: -ms-flexbox!important; display: flex!important;} .cpo-slider-area-slider1{background-color: #4a93fd;} .section-title > h2{display: inline-block; font-family: 'Raleway', sans-serif; font-size: 36px; margin-bottom: 12px; padding-bottom: 17px; position: relative; text-transform: capitalize;} .section-title > h2::before{background-color: #4a93fd; bottom: 0; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 100px;} .section-title > h1{display: inline-block; font-family: 'Raleway', sans-serif; font-size: 36px; margin-bottom: 12px; padding-bottom: 17px; position: relative; text-transform: capitalize;} .section-title > h1::before{background-color: #4a93fd; bottom: 0; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 100px;} .cpo-process{display: flex;flex-wrap: wrap;} .cpo-process .single-process{padding: 15px;border-radius: 5px;} .cpo-process .single-process:hover{background-color: #f5faff;} .process-img{position: relative; margin-bottom: 24px;} .process-img img{width: 100%;} span.processpost-time-date{background: #4a93fd none repeat scroll 0 0; border-radius: 100%; color: #fff; display: inline-block; font-size: 15px; font-weight: 700; height: 62px; left: 15px; position: absolute; text-align: center; text-transform: uppercase; top: 15px; vertical-align: top; width: 62px;} span.processpost-time-date span.date{display: block; font-size: 18px; font-weight: 700; line-height: 22px; margin-bottom: 2px; padding: 8px 0 2px; position: relative;} span.processpost-time-date span.date::after{background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0; bottom: 0; content: ""; height: 1px; left: 50%; margin-left: -15px; position: absolute; width: 30px;} .processpost-desc > h1{font-size: 20px; font-weight: 600; margin: 0; text-transform: capitalize;} .processpost-desc > h1:hover{color: #4a93fd;} .processpost-desc > p{margin: 11px 0 16px;height: 80px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;} .processpost-desc a.readmore{color: #4a93fd; display: inline-block; font-size: 13px; font-weight: 700; line-height: 20px; text-transform: uppercase;} .processpost-desc a.readmore:hover{color: #242424;} .processpost-desc a.readmore::before{content: ""; display: inline-block; font-family: FontAwesome; font-size: 13px; margin-right: 7px; vertical-align: top;} .cpo-video-title>h2{font-size: 25px;} #movie_process .modal-dialog, #movie_company .modal-dialog{width: 866px;} .about-logo{width: 100%;background-color: #ffffff;box-shadow: 0px 0px 5px #dddddd;overflow: hidden;margin: 0;} .cpo-flex-box{display: flex;flex-wrap: wrap;overflow: hidden;} .cpo-flex-item{flex: 1;padding: 40px 15px;float: left;width: 25%;min-width: 150px;} .cpo-flex-item .img{} .about-logo-bt{text-align: center;line-height: 40px;color: #4a93fd;font-size: 16px;font-weight: bold; padding: 40px 15px 40px 0;margin-bottom: 0;} .package-package{display: flex;flex-wrap: wrap;} .package-package .package-item{flex: 1;margin: 0 10px;} .pack-price-box img{max-width: 130px;margin: auto;} .package-package p{font-size: 16px; font-weight: 400; line-height: 26px; color: #242424; margin-bottom: 15px; font-family: inherit;} .package-content{padding: 15px 10px 30px;min-height: 220px;} .package-content h4{font-size: 20px; font-weight: 600; margin-bottom: 10px; text-transform: capitalize;} .package-content span{color: #4a93fd; font-size: 22px; font-weight: bold;} .package-style-wrap{background-color: #fff;} .package-content > p{margin: 0 0 10px;} .popular-package{position: relative;} .popular-bg-img{bottom: 0; position: absolute; right: 0; width: 313px;} .popular-bg-img > img{width: 100%;} .pack-btn-con{text-align: center;padding-bottom: 20px;} .menu-package-img{flex: 0 0 100px;} .menu-package-img > img{width: 100%;} .menu-tab-wrap{text-align: center;} .menu-tab-list.nav.text-center{background-color: #fff; box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); display: inline-block; padding: 20px 30px;} .menu-tab-list a{color: #242424; display: inline-block; font-weight: 600; padding: 0 20px; text-transform: uppercase;} .menu-tab-list a.active{color: #4a93fd;} .single-menu-package{align-items: center; background-color: #ffffff; border: 1px solid #f1f1f1; display: flex; padding: 0;} .menu-package-content{margin-left: 25px; width: 100%;} .menu-title-price{border-bottom: 1px dashed #cccccc; display: flex; justify-content: space-between; margin: 0 0 7px; padding: 0 0 10px;} .menu-title h4{color: #242424; font-size: 16px; font-weight: bold; margin-bottom: 2px; text-transform: capitalize;} .menu-title h4 a:hover{color: #4a93fd;} .menu-price span{color: #4a93fd; font-size: 22px; font-weight: 600; line-height: 1;} .menu-package-content > p{margin: 0;} .cpo-box-sd-5{box-shadow: 0px 0px 5px #ddd;} .index-quote-box{box-shadow: 0px 0px 10px #ddd; border-radius: 10px;} .cpo-video-company{position: relative;background-image: url("/website_cpo_sale/static/src/css/../images/video/index_video.jpg"); background-size: 100% 320px;padding: 85px 0;} .cpo-video-process{position: relative;background-image: url("/website_cpo_sale/static/src/css/../images/video/process-video.jpg"); background-size: 100% 320px;padding: 85px 0;} .play-sec{height: 150px; width: 150px; margin: 0px auto; position: relative; text-align: center;} .play-sec a{transform: translate(8%, 6%); -ms-transform: translate(8%, 6%); top: 29%; left: 31%; position: absolute; z-index: 9; cursor: pointer;} .play-sec a img{border-radius: 100%; width: 50px;} .cop-video-img{box-shadow: 1px 1px 10px #4a93fd;} .cop-video-img .play-sec::before{content: ''; height: 100%; width: 100%; animation: rotating 20s linear infinite; display: block; border: dashed 1px #4a93fd; position: absolute; border-radius: 100%; z-index: 3;} .cop-video-img .play-sec::after{content: ''; height: 60%; width: 60%; animation: rotating_reverse 20s linear infinite; display: block; border: dashed 1px #4a93fd; position: absolute; border-radius: 100%; z-index: 4; margin: 20%;} .rotating{-webkit-animation: rotating 15s linear infinite; -moz-animation: rotating 15s linear infinite; -ms-animation: rotating 15s linear infinite; -o-animation: rotating 15s linear infinite; animation: rotating 15s linear infinite;} @-webkit-keyframes rotating{from{-webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}to{-webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}} @keyframes rotating{from{-ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}to{-ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}} .rotating-reverse{-webkit-animation: rotating_reverse 15s linear infinite; -moz-animation: rotating_reverse 15s linear infinite; -ms-animation: rotating_reverse 15s linear infinite; -o-animation: rotating_reverse 15s linear infinite; animation: rotating_reverse 15s linear infinite;} @-webkit-keyframes rotating_reverse{from{-webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}to{-webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg);}} @keyframes rotating_reverse{from{-ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}to{-ms-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg);}} .rays{height: 40px; width: 40px; border-radius: 50%; background-color: rgba(255,255,255,0); position: relative; -webkit-transition: height .25s ease, width .25s ease; transition: height .25s ease, width .25s ease; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; top: -25px; left: 50%;} .rays:before, .rays:after{content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: solid 1px rgba(47, 147, 253, 0.3); background-color: rgba(74, 147, 253, 0.4);} .rays:before{-webkit-animation: ripple 2s linear infinite; animation: ripple 2s linear infinite;} .rays:after{-webkit-animation: ripple 2s linear 1s infinite; animation: ripple 2s linear 1s infinite;} .rays:hover:before, .rays:hover:after{-webkit-animation: none; animation: none;} @-webkit-keyframes ripple{0%{-webkit-transform: scale(0.5);}75%{-webkit-transform: scale(1); opacity: 1;}100%{-webkit-transform: scale(1.5); opacity: 0;}} @keyframes ripple{0%{transform: scale(0.5);}75%{transform: scale(1); opacity: 1;}100%{transform: scale(1.5); opacity: 0;}} .single-testi-text{padding-bottom: 40px;overflow: hidden;} .slick-slide{margin: 0 15px;outline: none;} .slick-track{overflow: hidden;} .single-testi-text > p{border: 1px solid #e7e7e7; font-size: 15px; line-height: 26px; margin: 0; padding: 36px 20px 39px; position: relative; background-color: #fff; min-height: 210px; height: auto;} .single-testi-text.slick-current > p{border: 2px solid #4a93fd;} .single-testi-text.slick-current > p::after{background: #fff none repeat scroll 0 0; border-color: #4a93fd currentcolor currentcolor #4a93fd; border-radius: 3px 0 0; border-style: solid none none solid; border-width: 2px medium medium 2px; bottom: -14px; content: ""; height: 25px; left: 50%; margin-left: -13px; position: absolute; transform: rotate(225deg); width: 25px;} .slick-prev{position: absolute;left: -6%;top: 30%;width: 6%; background-color: #4a93fd;outline: none;border: 1px solid #4a93fd; padding: 5px 2px;border-radius: 5px;color: #fff;display: none;} .slick-next{position: absolute;right: -6%;top: 30%;width: 6%; background-color: #4a93fd;outline: none;border: 1px solid #4a93fd; padding: 5px 2px;border-radius: 5px;color: #fff;display: none;} .slick-prev:hover{background-color: #4382de;} .slick-next:hover{background-color: #4382de;} .slick-slide img{border: 1px solid #eeeeee; border-radius: 50px; display: inline-block; max-width: 350px; max-height: 250px;} .single-testi-img > h3{font-size: 20px; font-weight: 600; margin: 18px 0 10px; text-transform: capitalize;} .single-testi-img > h1{font-size: 20px; font-weight: 600; margin: 18px 0 10px; text-transform: capitalize;} .single-testi-img > h5{font-size: 14px; text-transform: capitalize; margin: 0;} .cpo-product-lb{width: 100%;overflow: hidden;overflow: hidden;} .cpo-product-item{width: 100%;float: left;display: none;} .cpo-pd-item{padding: 2rem;display: inline-block;border-radius: 12px;min-height: 342px; vertical-align: top;} .cpo-product-img{width: 65%;margin-right: 4rem;padding: 0;} .cpo-product-img img{border-radius: 12px;width: 100%;} .cpo-product-desc-one{width: 30%;background-color: #4a93fd;color: #ffffff;} .cpo-product-desc-one span{line-height: 26px;font-size: 16px;} .cpo-product-desc-two{width: 20%;} .cpo-product-an ul{width: 90%;margin: auto auto; overflow: hidden;} .cpo-product-an ul li{float: left;padding: 10px 15px;margin: 35px 10px;position: relative; cursor: pointer;white-space: nowrap;} .cpo-product-an ul li:hover{color: #007aff;} .cpo-product-an ul li span.cpo-select-up{width: 20px;height: 20px;position: absolute;top: -20px;left: 50%; margin-left: -10px;background-image: url("/website_cpo_sale/static/src/css/../images/process/select_up.png"); background-size: 20px 20px;} .pd-an-active{color: #007aff;} .brand-logo-active.owl-carousel .owl-item img{display: inline-block; width: auto;} .single-brand-logo{text-align: center;} .cpo_contas_title{background-color: rgba(255,255,255,0)!important;color: #000;width: 100%;text-align: center;} .cpo_content_row{padding-bottom: 30px;} .order-nav-ul{display: -webkit-flex; display: flex;justify-content: center; width: 90%;margin: 0 auto;text-align: center;} .order-nav-li{flex: 1;text-align: center;height: 50px;color: #b9bdbf;margin: 10px;cursor: pointer; font-size: 16px;font-weight: bold;line-height: 50px;border-radius: 30px;border: 1px solid #ddd; position: relative;} .pcba_pack_nav .order-nav-ul{width: 100%;} .pcba_pack_nav .order-nav-ul .order-nav-active a{padding-left: 25px;} .order-nav-li a{color: #8b8b8b;width: 100%;height: 50px;display: inline-block;border-radius: 30px;text-decoration: none;} .order-nav-active{border: 1px solid #4a93fd;color: #4a93fd;background: url("/website_cpo_sale/static/src/css/../images/tools_img/list_select.png") no-repeat 10px 10px;} .order-nav-active a{color: #4a93fd;} .process-box{display: -webkit-flex; display: flex;justify-content: center;padding-bottom: 10px;} .process-item{width: 200px;height: 50px;color: #b9bdbf;margin: 10px;cursor: pointer;text-align: center; font-size: 16px;font-weight: bold;line-height: 50px;border-radius: 30px;border: 1px solid #ddd; position: relative;} .process-active{border: 1px solid #4a93fd;color: #4a93fd;} .process-icon{display: inline-block;width: 30px;height: 30px;background: url("/website_cpo_sale/static/src/css/../images/tools_img/list_select.png"); position: absolute;left: 5px;top: 50%;margin-top: -15px;} .quo-content-ul .quo-li{display: none; height: 100%; margin-bottom: 20px;} .quo-content-ul .quo-active{display: block;} .hdi_layers{height: 100%!important;} .cpo-bd-l1{border-left: 1px solid #dddddd;} .cpo-box .hdi-p{margin: 6px 0 0 0;display: inline-block;width: 48%;} .cpo-box .cpo_hdi_layers .cpo-box-input{width: 26%;text-align: center;padding: 2px;} .cpo-box .hdi-span{display: inline-block;width: 5%;text-align: center;font-weight: 600;} .cpo-box .hdi-span i{display: inline-block;vertical-align: middle;width: 80%;border-bottom: 2px solid #ccc;} .cpo-box .cpo_hdi_layers{height: 100%;} .hdi-i-r{display: inline-block; vertical-align: middle;} .cpo_flex_rigid_remark{width: 100%; padding: 5px 8px;} .cpo-box-tips{padding: 0;margin: 0;} .cpo-fg-line{font-size: 18px;font-weight: bold;margin: 10px auto 20px;border-bottom: 1px dashed #ddd; padding-bottom: 5px;} #cpo_need_pcb_board .pcb_need_btn_plus{width: 18px;height: 18px;display: inline-block;background-image: url("/website_cpo_sale/static/src/css/../images/jump_to_bottom.png"); background-size: 18px 18px;vertical-align: middle;margin-right: 5px;} #cpo_need_pcb_board .pcb_need_btn_less{width: 18px;height: 18px;display: inline-block;background-image: url("/website_cpo_sale/static/src/css/../images/jump_to_top.png"); background-size: 18px 18px;vertical-align: middle;margin-right: 5px;} #cpo_need_pcb_board .need_pcb_noselete_btn{position: relative;display: inline-block;width: 18px;height: 18px;background-image: url("/website_cpo_sale/static/src/css/../images/did_select.png"); background-size: 18px 18px;cursor: pointer;vertical-align: middle;margin-left: 10px;} #cpo_need_pcb_board .need_pcb_selete_btn{position: relative;display: inline-block;width: 18px;height: 18px;background-image: url("/website_cpo_sale/static/src/css/../images/already_select.png"); background-size: 18px 18px;cursor: pointer;vertical-align: middle;margin-left: 10px;} .cpo_pcb_requirements{display: none;overflow: hidden;padding-top: 20px;} .panel_img_size{top: -8px;} .special-group{width: 100%;text-align: left;margin: 20px 0;font-size: 16px;font-weight: bold;} .pcb_need_special_btn{margin: 0 auto;padding: 3px 12px;border-color: #4a93fd;background-color: #4a93fd;} .pcb_need_special_btn:hover{background-color: #4382de;color: #ffffff;} #pcb_need{width: 20%;margin: 0 auto;padding: 3px 12px;background-color: #4a93fd;border-color: #4a93fd;} #pcb_need:hover{background-color: #4382de;color: #0c0c0c;} .cpo_pcb_special{display: none;} #cpo_calcula_title{padding: 0 15px; position: -webkit-sticky; position: sticky; top: 70px; max-height: calc(100vh - 90px); overflow-y: auto; overflow-x: hidden;} #cpo_calcula_title::-webkit-scrollbar{width: 4px;} #cpo_calcula_title::-webkit-scrollbar-thumb{background: #ddd; border-radius: 2px;} .cpo_calcula_title{position: fixed;max-width: 390px;top: 5px;z-index: 9;background-color: #ffffff; padding-left: 15px;padding-right: 15px;min-width: 390px;} .cpo_price_reminder{font-size: 14px;color: #2e8bc3;text-align: center;} .cpo_try_quantity_title{border: 1px solid #4a93fd;border-radius: 4px;background-color: #4a93fd;margin-bottom: 0; padding: 2px 0 2px 40px;font-weight: 600;color: #ffffff;} .cpo_try_quantity_title span{width: 40%;display: inline-block;text-align: center;} .cpo_quantity_content{background-color: #f8f8f8;padding: 5px 2px;margin-bottom: 10px;} .cpo_quantiry_line{position: relative;padding-left: 40px;height: 28px;cursor: pointer;background-color: #f8f8f8;} .cpo_quantity_select{background-color: #fff;} .cpo_try_quantity{margin-bottom: 0;} .cpo_quantiry_line .cpo_try_icon{display: inline-block;width: 24px;height: 24px;position: absolute;left: 7px;top: 2px; background-image: url("/website_cpo_sale/static/src/css/../images/tools_img/try_quantity_list.png");background-size: 24px 24px;} .cpo_quantiry_line .cpo_try_select_icon{display: inline-block;width: 24px;height: 24px;position: absolute;left: 7px;top: 2px; background-image: url("/website_cpo_sale/static/src/css/../images/tools_img/try_quantity.png");background-size: 24px 24px;} .cpo_quantiry_line span{width: 40%;display: inline-block;text-align: center;line-height: 28px;} .cpo_expedited_title{border: 1px solid #4a93fd;border-radius: 4px;background-color: #4a93fd;margin-bottom: 0; padding: 2px 0 2px 40px;font-weight: 600;color: #ffffff;} .cpo_expedited_title span{width: 40%;display: inline-block;text-align: center;} .cpo_country{height: 30px;margin-bottom: 10px;} .cpo_order_express_message{max-width: 60px;} .cpo_country select{border: 1px solid #ccc;border-radius: 4px;height: 30px;line-height: 30px;padding-right: 5px;padding-left: 5px;font-size: 12px;} .cpo_country_list select{border-top-right-radius: 0;border-bottom-right-radius: 0;max-width: 296px;} .cpo_order_express_message select{border-top-left-radius: 0px;border-bottom-left-radius: 0px;margin-left: -1px;} .cpo_country_list{max-width: 270px;height: 30px;padding:0;position:relative;} .cpo_country_list input{width: 268px;height: 28px;line-height: 28px;} .combo-dropdown li{list-style: none;padding: 5px 1px 5px 5px;margin: 0;} .combo-select .combo-input{text-align: left!important;padding: 0 0 0 12px;text-overflow: unset;} .cpo_cost_fee input{display: inline-block;width: 50%;line-height: 28px;border: none;padding-left: 5px;outline: none;} .cpo_assembly_cost{width: 100%;margin: 0 0;} .cpo_assembly_cost .cpo_cost_span{display: inline-block;width: 49%;height: 30px;line-height: 30px;} .cpo_assembly_cost .cpo_cost_fee{display: inline-block;width: 49%;height: 30px;line-height: 30px;text-align: right;color: #dd000c; padding-left: 20px;} .cpo_assembly_cost .cpo_cost_fee i{font-style: normal;} .cpo_jig_cost_box{display: none;} .cpo_special_cost_box{display: none;} .cpo_pcb_fee_box{position: relative;display: none;} .cpo_delivery_period{display: none;} .cpo_assembly_cost .discount_price{text-decoration: line-through;} .team-img-icon > img{width: 100%;max-width: 270px;} .single-team{box-shadow: 0 3px 5px rgba(85, 85, 85, 0.2); position: relative;} .team-social-icon{bottom: 0; left: 0; opacity: 0; padding: 12px 0; position: absolute; right: 0; text-align: center; transition: all 0.5s ease 0s; z-index: 99; background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; transform: scaleY(0);} .single-team:hover .team-social-icon{opacity: 1; transform: scaleY(1);} .team-social-icon ul li{display: inline-block; margin: 0 6px; list-style: none;} .team-social-icon li a{border-radius: 50px; color: #fff; display: inline-block; font-size: 18px; height: 38px; line-height: 36px; text-align: center; width: 38px;} .team-social-icon li a.facebook{background-color: #3c5b9b; border: 2px solid #3c5b9b;} .team-social-icon li a.twitter{background-color: #40c1df; border: 2px solid #40c1df;} .team-social-icon li a.instagram{background-color: #c619b8; border: 2px solid #c619b8;} .team-social-icon li a.facebook:hover{background-color: #fff; border: 2px solid #fff; color: #3c5b9b;} .quotation-social-icon li a.twitter:hover{background-color: #fff; border: 2px solid #fff; color: #40c1df;} .quotation-social-icon li a.instagram:hover{background-color: #fff; border: 2px solid #fff; color: #c619b8;} .quotation-info{padding: 20px 10px;} .quotation-info h3{color: #242424; font-size: 16px; font-weight: 600; margin-bottom: 2px; text-transform: capitalize;} .quotation-info > a.btn{font-size: 18px;font-weight: 600;margin-top: 10px;} .single-quotation{border-radius: 10px; box-shadow: 0 4px 18px rgba(0,0,0,.10); overflow: hidden; transition: transform .25s ease, box-shadow .25s ease; background: #fff;} .single-quotation:hover{transform: translateY(-4px); box-shadow: 0 8px 28px rgba(0,0,0,.16);} .quotation-img-icon{overflow: hidden; position: relative; background: #f8f9fa;} .quotation-img-icon img{display: block; width: 100%; height: 220px; object-fit: cover; object-position: center;} .quotation-content-discr{position: absolute;left: 0;top: 0;width: 100%; overflow: hidden;} .pcba-material-box{overflow: hidden;min-height: 122px;} .cpo_choose_pcba{display: flex; gap: 24px;} .cpo_choose_item{flex: 1;} .option-hover:hover{background-color: #339999;} .option-hover{background-color: #339999;} .cpo_pcb_all_fee{position: absolute;bottom: 100%;left: 0;border-radius: 5px;border: 1px solid #cccccc; width: 100%;background-color: #fff;display: none;z-index: 9;} .cpo_pcb_all_fee ul{border-radius: 5px;} .cpo_pcb_all_fee ul li{font-size: 12px;} .cpo_pcb_all_fee .ul_span{width: 49%;display: inline-block;padding-left: 15px;} .cpo_pcb_all_fee .ul_span_cost{width: 49%;display: inline-block;text-align: center;line-height: 20px;} .cpo_pcb_all_fee .ul_span_cost i{margin-right: 10px;} .cpo_pcb_all_fee .ul_span_cost input{margin-right: 10px;line-height: 20px;} .pcba_order_fee{position: relative;} .cpo_pcba_all_fee{position: absolute;top: -100%;left: 0;background-color: #fff;border: 1px solid #ddd; width: 100%;border-radius: 10px;padding: 0 10px;display: none;z-index: 9;} .cpo_pcba_all_fee ul{padding: 0 20px;} .cpo_pcba_all_fee ul li{border-bottom: 1px solid #4a93fd;} .cpo_pcba_all_fee ul li .ul_span{display: inline-block;width: 60%;} .cpo_pcba_all_fee ul li input{width: 24%;} .cpo_calculation{margin: 10px auto;display: inherit;width: 80%;background-color: #4a93fd;border-color: #4a93fd;} .cpo_calculation:hover{background-color: #339999;border-color: #ffffff;} .cpo_calculation i{margin-right: 10px;} .cpo_step_next{text-align: center; padding: 10px 0 8px; position: sticky; bottom: 0; background: #f8fafc; border-top: 1px solid #e8ecf0; z-index: 2;} .pcba_calculation_results #step_next{width: 50%;} #step_next{display: none; margin: 5px auto; width: 88%; background-color: #ff6600; border-color: #ff6600; font-size: 16px; font-weight: 600; padding: 8px 0;} .board_price{position: relative;cursor: pointer;} .gold_finger_line{margin-bottom: 5px;} .gold_finger_line input{display: inline-block;line-height: 30px;height: 30px;width: 20%;border-radius: 4px;border: 1px solid #ccc; text-align: center;} .gold_finger_line select{display: inline-block;line-height: 30px;height: 30px;width: 20%;border-radius: 4px;border: 1px solid #ccc; text-align: center;text-align-last: center;} .cpo_gold_finger_request{display: none;} .cpo_immersion_gold_request{display: none;} .order_page_ad{position: relative;overflow: hidden;} .page-close-btn{position: absolute; right: 6px;top: 2px;color: #2e8bc3;cursor: pointer;} .order-page-content{overflow: hidden;display: block;cursor: pointer;} .order-page-content .ad-title{margin: 0;} .order-page-content img{width: 100%;} .cpo-data-line{display: flex;flex-wrap: wrap;width: 100%;} .cpo-data-content{flex: 1;padding: 10px 0;border-bottom: 1px solid #4a93fd;} .detail-data-name{display: inline-block;width: 70%;vertical-align: middle;border-right: 1px solid #4a93fd; padding-left: 10px;} .detail-data-value{display: inline-block;vertical-align: middle;} .cpo-order-detailed .pcba_details_data{margin-bottom: 10px;} .cpo-order-detailed .special_line{width: 49%;font-size: 12px;float: left;} .cpo-order-detailed .special_line label{width: 55%;} .cpo-order-detailed .special_line span{margin-right: 0;display: inline-block;font-size: 12px;} .cpo-order-detailed .special_line input{width: 32%;height: 30px;display: inline-block;outline: none;border: none;text-align: center; box-shadow: none;background-color: #fff;padding: 5px 2px;} .cpo-order-detailed .cpo-big-line{width: 100%;position: relative;border-bottom: 1px solid #4a93fd; padding: 2px 0;} .cpo-order-detailed .cpo-big-line label{width: 35%;font-size: 12px;} .cpo-order-detailed .cpo-big-line input.form-control{width: 49%;height: 30px;display: inline-block;outline: none;border: none;text-align: center; box-shadow: none;background-color: #fff;padding: 5px 2px;} .order_confirm_button{width: 100%;margin: 15px auto;text-align: center;} .show_pcb_info{width: 25%;} .cpo-fee{padding: 0 50px;margin-bottom: 25px;} .cpo-fee .cpo-big-line label{font-size: 14px;width: 49%;padding-left: 30px;} .cpo-fee .cpo-control{font-size: 14px;width: 49%;padding-left: 30px;display: inline-block;} .cpo-fee .cpo-big-line input.form-control{width: 35%;text-align: left;outline: none;border: none;text-align: left; box-shadow: none;background-color: #fff;display: inline-block;} .cpo_pcb_fee_line{position: relative;} .pcb_other_fee{position: absolute;left: 50%;top: 30px;background-color: #fff;width: 68%;border: 1px solid #ccc; padding: 0 15px;border-radius: 4px;z-index: 99;} .cpo-mid-line{height: 25px;line-height: 25px;} .pcb_information_content{display: none;padding-top: 2px;} .pcb_special_request_content{display: none;padding-top: 2px;} #pcb_quo{position: relative;} .cpo-order-detailed table tr th{background-color: #4a93fd; text-align: center;} .check_all_data_btn{position: relative;display: inline-block;width: 20px;height: 20px; background-image: url("/website_cpo_sale/static/src/css/../images/did_select.png");background-size: 20px 20px; cursor: pointer;} .check_all_data_name{vertical-align: middle;margin-left: 8px;font-weight: bold;} .check_data{width: 70%;margin: 10px 0;padding: 8px 0 8px 10px;border-radius: 10px;text-align: left;} .check_data .check_all_data_btn{vertical-align: middle;} a.check_data_active:after{content: ""; position: absolute; bottom: 0; right: 0; width: 20px; height: 20px; background-image: url("/website_cpo_sale/static/src/css/../images/already_select.png"); background-size: 20px 20px; cursor: pointer;} .panel_img_size img{width: 240px;height: 79px;} .show_pcb_special{width: 40%;margin: 0 auto;} .cpo-coupon-box{width: 240px;height: 90px;margin: 5px 0;background-size: 100% 100%; background-image: url("/website_cpo_sale/static/src/css/../images/tools_img/coupon-01.png");padding: 8px 20px; float: left;} .cpo-coupon-content{width: 100%;border: 2px solid #ffffff;height: 76px;position: relative;} .cpo-coupon-line{height: 100%;width: 80%;float: left;} .coupon-money{padding-left: 20px;} .cpo-coupon-btn{height: 100%;width: 20%;float: left; background-image: url("/website_cpo_sale/static/src/css/../images/tools_img/coupon-btn.png"); background-size: 100% 100%;border-left: 2px solid #fff; cursor: pointer;} .cpo-coupon-order{height: 100%;width: 20%;float: left; background-image: url("/website_cpo_sale/static/src/css/../images/tools_img/coupon-go-order.png"); background-size: 100% 100%;border-left: 2px solid #fff; cursor: pointer;} .cpo-coupon-money{font-size: 38px;font-weight: 600;color: #ffffff;display: inline-block; text-align: center;} .cpo-coupon-currency{font-size: 20px;font-weight: 600;color: #ffffff;} .coupon-date{margin-left: 2px;} .coupon-date i{color: #ffffff;} .coupon-date span{font-size: 12px;display: inline-block;color: #ffffff;} .cpo-coupon-receive{position: absolute;top: 0;left: 0;width: 100%;height: 100%; background-image: url("/website_cpo_sale/static/src/css/../images/tools_img/coupon-receive.png"); background-size: 100% 100%;border-radius: 15px;} .coupon-btn{margin: 10px auto 0;width: 140px;background-color: #fff;color: #000;display: block; text-align: center;border-radius: 4px;padding: 4px 0;cursor: pointer;text-decoration:none;} #select_coupon_usable{display: inline-block;width: 18px;height: 18px;vertical-align: middle;margin: 0;} .coupon_usable_line{text-align: left;} .coupon_usable_content{display: inline-block; vertical-align: middle;font-size: 16px;line-height: 20px;} .coupon_usable_content .cpo-font-color{color: #FF0000} .full_amount{font-weight: 600;color: #FF0000;} .full_amount em{margin: 0 5px;font-style:normal;font-size: 14px;} .full_condition span{font-weight: 600;color: #FF0000;} .full_condition span em{margin: 0 5px;font-style:normal;} .cpo_success_order{margin: 10px 0;font-size: 18px;font-weight: 600;} .cpo_go_to_page{margin: 20px 0;font-size: 16px;font-weight: 600;color: #2e8bc3;} .cpo_update_file{text-align: center;padding: 0 0 10px 0;} .cpo_file_line{display: inline-block;vertical-align: top;text-align: center;padding: 10px;} .cpo_file_line p{margin: 0;color: #4e3f3f;padding: 5px 0;} .cpoFileError{color: #ff0000;} .cpo_file{position: relative;display: inline-block;border-radius: 4px;background: #4a93fd;border-color: #4a93fd; padding: 4px 12px; overflow: hidden;color: #ffffff;text-decoration: none;text-indent: 0;line-height: 20px;} .cpo_file input{position: absolute;font-size: 100px;right: 0;top: 0;opacity: 0;} .cpo_file:hover{background-color: #4382de;border-color: #4382de;color: #ffffff;text-decoration: none;cursor: pointer;} .cpo_file .fa-arrow-up{margin: 0 5px 0 0;} #down_file_form{display: inline-block;} #cpo_ele_cart_att .table form.form-inline{vertical-align: middle;} .generated_order_upload{text-align: center;} .generated_order_upload .order_upload_btn{display: inline-block;position: relative;border: 1px solid #4a93fd;border-radius: 4px; padding: 4px 5px;overflow: hidden;text-align: center;vertical-align: middle;color: #ffffff; text-decoration: none!important;background-color: #4a93fd;} .generated_order_upload .order_upload_file{display: inline-block;position: absolute;top: 0;right: 0;width: 100%;height: 100%;opacity: 0;} .generated_order_upload .order_upload_btn:hover{background-color: #4382de;border-color: #4382de;color: #fff;text-decoration: none;cursor: pointer;} #cpo_ele_cart_att table tbody tr button.cpo_delete_file{padding: 0 6px;color: #2e8bc3;} .cpo_down_file{padding: 2px 8px;color: #2e8bc3;} #check_file_atta{animation:radius 3s infinite;-webkit-animation:button_scale 4s infinite;} .btn-primary{background-color: #4a93fd;border-color: #4a93fd;color: #ffffff;} .btn-primary:hover{background-color: #4382de;border-color: #4382de;color: #ffffff;} .btn:hover{background-color: #4382de;border-color: #4382de;color: #ffffff!important;} .cpo-small-nav{text-align: center;background-color: #f8f8f8;padding: 15px 0;} .cpo-nav-fixed{position: fixed;width: 100%;z-index: 99;top: 35%;left: 0;} .cpo-small-nav li{display: inline-block;background-color: #fff;border-radius: 4px;} .cpo-small-nav li a{display: inline-block;vertical-align: top;text-decoration: none;padding: 8px 12px; background-color: rgba(0,0,0,0.5);color: #fff;font-size: 16px;font-weight: 600;cursor: pointer;} .cpo-small-nav li a:hover{display: inline-block;vertical-align: top;text-decoration: none; background-color: #2e8bc3;color: #fff;} .cpo-small-nav li a span{display: inline-block;width: 180px;height: 30px;left: 30px;position: absolute;left: 0;top: 50%;margin-top: -15px; color: #fdfdfd;font-size: 16px;font-weight: 600;} .cpo-small-nav>li>a.cpo-stencil-a{background: #2e8bc3;color: #fff;} .cpo-small-nav .cpo-close{display: inline-block;color: #2e8bc3;width: 25px;height: 25px;vertical-align: top; background: url("/website_cpo_sale/static/src/css/../images/tools_img/close.png") no-repeat;background-size: 25px 25px;} .cpo-nav-un{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;max-width: 100px;display: inline-block; vertical-align: middle;} #my_invoices_account{overflow: hidden;position: relative;} .cpo_invoice_load{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(255,255,255,0.6);z-index: 9;} .cpo_invoice_load .invoice_load_gif{display:inline-block;width: 60px;height: 60px;position: absolute;left: 50%;top: 50%; margin: -40px 0 0 -40px;background-image: url("/website_cpo_sale/static/src/css/../images/pcb_order_load.gif");background-size: 60px 60px;} #cpo_get_invoice_ids .invoice_checkbox{display: inline-block;margin: 0 2px 0 0;width: 15px;height: 15px;vertical-align: middle;} .cpo-invoice-checkall span{vertical-align: middle;font-weight: 600;} .cpo-invoice-checkall .cpo-check-input{margin: 0;} .cpo-price .cpo-price-name{font-weight: 600;text-align: right;min-width: 110px;} .cpo-price .cpo-price-amount{font-weight: 600;text-align: right;min-width: 80px;} #cpo_invoice_pay{margin: 10px 15px;padding: 1px 12px;} .page-header .order_upload_btn{display: inline-block;position: relative;border: 1px solid #337ab7;border-radius: 4px;padding: 4px 5px; overflow: hidden;text-align: center;vertical-align: middle;text-decoration: none!important;} .page-header .order_upload_file{display: inline-block;position: absolute;top: 0;right: 0;width: 100%;height: 100%;opacity: 0;} .page-header .order_upload_btn:hover{background: #337ab7;color: #fff;text-decoration: none;cursor: pointer;} .cpo_express_title{border: 1px solid #ccc;} .cpo_express_title .cpo_express_li{font-size: 16px;font-weight: bold;height: 40px;line-height: 40px;text-align: center;cursor: pointer;} .cpo_express_title .cpo_express_active{background-color: #E7E7E7;} .cpo_order_btn_a{font-size: 16px;font-weight: 600;} .cpo_hand_right{margin-right: 5px;} .cpo_order_btn_a:hover{border: 1px solid #1a1717;} .cpo_sub_success{min-height: 150px;} .cpo_success_photo{height: 50px;width: 50px;position: absolute;left: 50%;top: 50%;margin: -25px 0 0 -25px; background: url("/website_cpo_sale/static/src/css/../images/tools_img/submit_success.png") no-repeat;background-size: 100% 100%;} #confirm_order_table td{padding: 1px 10px;} #confirm_order_table .generated_order_upload .order_upload_btn{height: 26px;line-height: 26px;padding: 0 4px;margin: 4px 0;} #confirm_order_table .generated_order_upload .order_upload_file{height: 26px;line-height: 26px;} #confirm_order_table .cpo_delete_file{padding: 0 4px;} #cart_products .confirm_td4{padding-top: 0px;margin-top: -1px;} #cpo_delivery_methods{margin-bottom: 12px;} #cpo_delivery_methods .methods_chinapcbone{font-size: 14px;font-weight: 600;display: inline-block;margin-right: 5px;overflow: hidden; vertical-align: top;} .methods_chinapcbone .mc-title{display: inline-block;padding-top: 6px;} #cpo_delivery_methods .cpo-circle-btn{width: 22px;height: 22px;background-size: 22px 22px;} #cpo_delivery_methods .cpo-select{width: 22px;height: 22px;} #cpo_delivery_methods .methods_select{display: inline-block;margin: 5px 2px;} #cpo_delivery_methods .methods_exepress{padding: 1px 4px;height: 26px;} #cpo_delivery_methods #tracking_number{display: none;} .o_website_portal .navbar{min-height: 34px;background-color: #ffffff;border: 1px solid #ffffff;margin-bottom: 40px;margin-top: 30px;} .o_website_portal .navbar-header{width: 100%;background-color: #4a93fd;border-color: #4a93fd;} .o_website_portal .navbar-brand{float: left;padding: 5px 15px;font-size: 16px;line-height: 20px;height: 34px; font-weight: bold;} .o_website_portal .navbar-default .navbar-nav > li > a{height: 40px;padding: 5px 25px;line-height: 30px;background-color: #ffffff;color: #0c0c0c; position: relative;} .o_website_portal .navbar-default .navbar-nav > li > a::after{position: absolute; top: 94%; left: 0; width: 100%; height: 1px; background:#4a93fd; content: ''; opacity: 0; -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px);} .o_website_portal .navbar-default .navbar-nav > .active > a::after, .o_website_portal .navbar-default .navbar-nav > li > a:hover::after{height: 5px; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px);} .o_website_portal .navbar-default .navbar-nav > .active > a, .o_website_portal .navbar-default .navbar-nav > .active > a:hover, .o_website_portal .navbar-default .navbar-nav > .active > a:focus{border-bottom: 2px solid #4a93fd;font-weight: bold;color: #4a93fd;background-color: #ffffff;} .o_website_portal .navbar-header .my_home_nav_brand{color: #ffffff;background-color: #4a93fd;line-height: 24px;} .o_website_portal .navbar-nav{width: 100%;background-color: #ffffff;} #cpo_my_home_account .panel-group .dataTables_paginate{padding: 5px 0 10px 0;} #cpo_my_home_account .panel-body{padding: 0 0 0 0;} #cpo_my_home_account .panel-title{font-weight: bold;color: #ffffff;padding: 2px 0;} #cpo_my_home_account .panel-default > .panel-heading{color: #f8f8f8;background-color: #4a93fd;border-color: #4a93fd;padding: 2px 15px;} #cpo_my_home_account .panel-heading{cursor: pointer;} #order_in_manufact .panel-group .dataTables_paginate{padding: 5px 0 10px 0;} #order_in_manufact .panel-body{padding: 0 0 0 0;} #order_in_manufact .panel-title{font-weight: bold;color: #ffffff;padding: 2px 0;} #order_in_manufact .panel-default > .panel-heading{color: #f8f8f8;background-color: #4a93fd;border-color: #4a93fd;padding: 2px 15px;} #order_in_manufact .panel-heading{cursor: pointer;} #cpo_express_no .panel-default > .panel-heading{font-weight: bold;color: #ffffff;} #cpo_express_no .panel-title{font-weight: bold;color: #ffffff;padding: 2px 0;} #cpo_express_no .panel-default > .panel-heading{color: #f8f8f8;background-color: #4a93fd;border-color: #4a93fd;padding: 2px 15px;} #cpo_express_no .panel-group .dataTables_paginate{padding: 5px 0 10px 0;} #bom_order_detail .table .active{background-color: #ffffff!important;} .cpo_address_order_title{line-height: 24px;color: #23527c;cursor: pointer;} .orders_vertical_align .col-md-1{padding: 0;} .get_express_table .cpo-td-padding{padding: 2px 0;} .my_home_nav_brand:hover{background-color: #666} .cpo_pcb_container .panel_img_size{top: -18px;right: 10px;} .cpo-ps-rl{position: relative; display: inline-block; cursor: pointer;} .cpo-box-panel{display: none;} .cpo-ps-rl .cpo-box-radio{width: 18px;height: 18px;display: inline-block;vertical-align: top;cursor: pointer; background: url("/website_cpo_sale/static/src/css/../images/tools_img/try_quantity_list.png") no-repeat; background-size: 18px 18px;} .cpo-ps-rl .cpo-radio-select{background: url("/website_cpo_sale/static/src/css/../images/tools_img/try_quantity.png") no-repeat;background-size: 18px 18px;} .box-mr-5{margin-left: 5px;} .cpo-box{width: 100%;height: 50px;border-top: 1px solid #dddddd;position: relative;} .cpo-box .cpo-box-title{position: absolute;padding: 0 15px 0 5px;background: #ffffff;left: 5px;top: -10px; font-weight: bold;} .cpo-box .cpo-box-content{width: 100%;margin: 15px 0 0 0;} .cpo-box .cpo-box-input{display: inline-block;border: 1px solid #dddddd;border-radius: 5px;height: 30px;line-height: 30px; box-shadow: none;padding: 2px 10px;width: 35%;} .cpo-box .cpo-box-select{display: inline-block;border: 1px solid #dddddd;border-radius: 5px;height: 30px;line-height: 30px; min-width: 35%;padding: 2px 5px;} .cpo-box .cpo-box-input[disabled], .cpo-box .cpo-box-select[disabled]{cursor: not-allowed;background-color: #eeeeee;opacity: 1;} .cpo-box .cpo-box-length{width: 30%;} .cpo-box .cpo-box-width{width: 30%;} .cpo-box .cpo-box-color{display: inline-block;width: 20px;height: 20px;line-height: 20px!important;border-radius: 50%; vertical-align: middle;border: 1px solid #BDBDBD;font-size: 12px;text-align: center;} .cpo-box .sm-default{background-color: Green;} .cpo-box .cl-default{background-color: Yellow;} .cpo-box .sk-default{background-color: White;} .cpo_pcb_special .cpo-box .cpo-box-title{font-size: 12px;left: 0;padding: 0 2px 0 0;} .cpo_pcb_special .cpo-box .cpo-box-input{width: 70%;} .cpo_pcb_special .cpo-box .cpo-box-select{width: 70%;} .cpo-box-content textarea{width: 100%;} #cpo_website_ele_cart_order{border: 1px solid #BDBDBD; padding: 10px; margin-bottom: 10px; border-radius: 5px;} .ele_cart_check_box_root{position: relative;} .ele_cart_check_box_root .ele_cart_check_box{position: relative; text-align: center;} .ele_cart_check_box_root .ele_cart_check_box input{width: 20px; height: 20px; text-align: center;} .jumbotron{background: url('/website_cpo_sale/static/src/css/../images/banner_1.jpg')} .bg-black-25{background-color: rgba(0, 0, 0, 0.1);} #ele_quote{background-color: #ffffff; padding: 10px; margin: 0 12.25%;} #ele_quote .text-primary{color: #000; font-weight: 600;} #ele_table{margin-top: 30px; padding: 10px;} #cpo_need_pcb_modal{margin-top: 100px;} .mat-time{position: relative;height: 110px;width: 100%;background-color: #ffffff;} .mat-time span{display: inline-block;line-height: 25px;font-size: 16px; font-weight: 600;background-color: #ffffff;} .mat-time .cpo-mat-discr{margin-top: 30px;} .mat-time a.btn{line-height: 25px;float: right;padding: 2px 10px;position: absolute; bottom: 15px;right: 35%;} .mat-data-show{position: relative;overflow: hidden;height: 50px;width: 100%;} .cpo-mt-100{position: relative;overflow: hidden;height: 110px;} .cpo-material-dt{position: relative;margin: 0 0;padding: 0 0;} .cpo-material-box{bottom: 0;left: 0;width: 100%;overflow: hidden;z-index: 9; background-color: rgba(255,255,255,0.5);margin: 0; padding: 25px 0 0px;} .cpo-material-centent{padding: 0px 15px;} .cpo-material-centent ul li{line-height: 24px;} .cpo-material-centent ul li a{color: #000000;} .material-content-all{margin: 150px auto;} .show_content ul li{padding: 10px 2px;border-bottom: 1px solid #4a93fd;} .show_content h5{font-size: 16px;font-weight: bold;margin: 25px 0 30px;} .show_content .material-name{font-weight: 600;} .cpo_all_coupon_content{background-image: url('/website_cpo_sale/static/src/css/../images/banner_1.jpg'); margin-top: 82px;} #cpo_receive_coupon{padding: 50px 10px;} .register_new_user{position: fixed;width: 100%;height: 100%;top: 0;background-color: rgba(0,0,0,.5); left: 0;z-index: 1001;} .redister_content{width: 28%;height: 450px;margin: 8% auto 0;background-size: 100% 100%; position: relative;background-color: #fff;} .register-tips{overflow: hidden;} .register-login{text-align: center;font-size: 32px;margin: 100px auto 10px;padding: 0 15px;} .go-register-login{margin: 25px auto 10px;text-align: center;font-size: 22px;padding: 0 15px;} .redister-btn-box{position: absolute;bottom: 6%; left: 4px;width: 100%;text-align: center;} .cpo-go-regis{display: inline-block;width: 58%;color: #4a93fd; margin: 10px auto 20px;text-align: center;font-size: 18px;} .cpo-go-login{display: inline-block;width: 74%;height: 72px;margin: 0 auto 22px; border-radius: 35px;background-color: #4a93fd;color: #ffffff; line-height: 72px;font-size: 30px;font-weight: 600;text-decoration: none!important;} .cpo-go-login:hover{color: #e8e9ea;} .register-go-home{position: absolute;top: 20px;right: 20px;background-color: #4a93fd; color: #fff;padding: 5px 15px;border: 1px solid #4a93fd;border-radius: 10px; font-size: 18px;font-weight: 600;} .register-go-home:hover{color: #e8e9ea;} #ele_table .ele_enter{position: relative; padding-right: 0;} #ele_table .ele_enter span{position: absolute; top: 0; right: 0;} #ele_table .ele_enter .pcb_sele_special{position: relative;} #ele_table #cpo_select_value{width:79.5%; height: 24px; line-height: 24px; color: #555555; font-size: 14px; position:absolute; top: 5px; left: 28px; border: none!important; outline-style: none; -ms-outline: 0; padding-left: 1px; margin-left: -2px;} .ele_enter .form-control{padding-right: 6px;} #ele_table .ele_pcb_wh input{display: inline-block; width: 76px;} #ele_table .ele_pcb_wh i{display: inline-block; width: 16px; height: 34px; text-align: center; padding: 0; margin: 0 auto; font-size: 25px; line-height: 34px; vertical-align: bottom; color: #000000;} #ele_table .ele_pcb_wh span{display: inline-block; padding-right: 0;} #ele_table_right{margin-top: 30px; padding: 10px;} #ele_table .cpo_submit .submit{margin: 0 auto; background-color: #337AB7;} #ele_result i{font-style: normal;} #ele_table label{text-align: left; font-size: 12px;} #ele_table input{margin: 0;} #ele_table i{color: #E21918; padding: 6px 5px 6px 0;} #ele_table span{margin: 0; padding: 6px 12px 6px 0;} #ele_table .cpo_submit .submit{margin: 0 auto; background-color: #27AE61;} #click_details{margin: 0 auto; display: none;} #tab_title{padding-left: 10px;font-size: 16px;font-weight: 600;color: #FFFFFF;background-color: #4a93fd;} #tab_title span{font-size: 12px;color: #FFFFFF;} .cpo-pcba-pack-tips #tab_title span{font-size: 14px;color: #000266;} #ele_table table tr td .dw{padding-left: 5px; margin-left: 5px;} #sele_btn input{text-align: center; padding: 6px 12px 6px 12px; border-radius: 5px; outline-style: none; border: 1px solid #4E4E4D; background-color: #ffffff;} #sele_btn .in_active{color: #27AE61; border: 1px solid #27AE61;} #jisuan_one{font-size: 13px;} #jisuan_one table td{padding: 4px;} #jisuan_one table input{outline-style: none; border: none; max-width: 100px; margin: auto auto; background: none; text-align: center;} #jisuan_one table td{vertical-align: middle;} #jisuan_one table a{text-direction: none; padding-right: 10px;} #jisuan_one table a:hover{text-decoration: none;} #jisuan_one table i{font-weight: 600; font-size: 16px; padding-right: 5px; color: #000000;} #pcb_details{display: block!important;} #pcb_details .form-group{margin-bottom: 0;} #pcb_details button{font-size: 12px; padding: 0;} #pcb_details tr{border: none;} #pcb_details th{text-align: center;background-color: #4a93fa;font-size: 16px;} #pcb_details table i{font-weight: 600; font-size: 16px; color: #000000; font-style: normal; padding-right: 5px;} .cpo_check_excel_set{margin-bottom: 20px; margin-right: 38px;} .cpo_express_inf{margin-bottom: 20px; line-height: 24px;} #cpo_detail_result{margin-top: 20px;} #cpo_detail_result span{display: inline-block; width: 100px; height: 16px; line-height: 16px; text-align: left;} #cpo_detail_result span i{display: inline-block; float: left; vertical-align: top; margin-top: 1px; font-style: normal; color: #0c0c0c;} .special-tips{font-size: 14px;margin: 10px 5px;color: #020202;} #pcb_form_act{display: inline-block;margin-left: 10px;vertical-align: middle;} #pcb_form_act #check_file_atta{padding: 2px 12px;} #content_table .cpo_error_reminder{text-align: center; margin-top: 10px; font-weight: bold; color: #ff1010;} #check_banner{position: relative;} .cpo_select_font{font-family: "Microsoft YaHei", "SimSun", '\5b8b\4f53', sans-serif; border-bottom: 2px solid #BDBDBD; padding: 10px; height: 100px; margin-bottom: 20px;} #express_pro{line-height: 24px; margin: 15px 0 0 15px; float: left;} #express_pro span{font-size: 14px; font-weight: 600; line-height: 24px;} #express_pro select{display: inline-block; width: 179px; padding: 5px 10px; text-align: center; margin-left: 5px; border-radius: 5px; outline-style: none; border: 1px solid #BDBDBD;} #express_num{font-size: 14px; font-weight: 600; line-height: 24px; padding: 0; margin: 15px 15px 0 15px; float: left;} #express_num p{text-align: left;} #cpo_ele_excel_table_content{margin: 0 auto;} #express_num input{margin-left: 10px; padding: 2px 0 2px 5px; border-radius: 5px; border: 1px solid #BDBDBD;} #cpo_confirm_back_bom{position: absolute; right: 10%;} .confirm_bom_supply{margin-right: 25px; text-decoration: none; border-radius: 5px; border: 1px solid #BDBDBD; background-color: #F8F8FF; padding: 8px 18px; font-weight: bold; color: #000; float: left;} #express_btn_a{border-radius: 5px; border: 1px solid #BDBDBD; background-color: #F8F8FF; padding: 8px 18px; font-weight: bold; color: #000; float: right;} #express_btn_a a{color: #000; text-decoration: none;} #express_btn_a a:hover{background-color: #FFFFFF; color: #0E76A8;} #express_btn button{border-radius: 5px; border: 1px solid #BDBDBD; background-color: #F8F8FF; padding: 8px 18px; font-weight: bold; color: #000;} #express_btn button:hover{background-color: #FFFFFF; color: #0E76A8;} #select_nav .cpo_nav_content{height: 100%; width: 100%; margin: 0 auto;} #pcb_sale_quotation_line .col-md-1, #pcb_sale_quotation_line .col-xs-1{padding-right: 0; padding-left: 0;} .mt64{margin-top: 30px!important;} .cpo_about_pcba .cpo_span_about_pcba{display: inline-block; text-indent: 2em;} #express_btn #cpo_back_bom_supply:hover{background-color: #FFFFFF; color: #0E76A8;} #select_nav .select_cont{width: 80%; margin: 0 auto; height: 65px;} #select_nav{padding: 0; margin: 0;} #select_nav .select_item{padding: 0; float: left;} #select_nav .select_item i{color: #db0700; display: inline-block; padding-top: 2px; width: 10px; height: 32px; font-size: 18px; font-weight: bold; vertical-align: middle; line-height: 32px; margin-rigth: 5px;} #select_nav .select_item input{float: right;} #select_nav .select_item p{font-weight: bold;} #select_nav .select_item select{display: inline-block; width: 135px; margin-left: 10px;} #cpo_ele_excel_table_content{font-size: 14px; margin-bottom: 30px;} #content_table table td{text-align: center; padding: 8px 20px;} #content_table table td select{border: none; outline-style: none;} #content_table table td select option{padding: 5px 0;} .cpo_check_red_error{border: 1px solid red;} .get_express_table .get_order_num{color: #000000; text-decoration: none; margin: auto;} .get_express_table .get_order_num:hover{color:#337ab7; cursor: pointer;} .get_express_table .get_order_num i{margin-right: 5px;} #express_order_detail .cpo_titel_express{font-weight: bold; margin-bottom: 0;} #modal_express .express_conter{display: inline-block; float: right; width: 200px; line-height: 50px;} #modal_express .express_conter input{margin-top: 9px;} #modal_express .express_conter select{margin-top: 9px;} #modal_express .form_express{width: 350px; margin: 0 auto; height: 50px; line-height: 50px;} #modal_express .form_express i{color: #db0700; margin-right: 10px;} .express_ul{margin: 0; padding: 0;} .express_ul li{height: 30px; list-style: none; padding: 0; border-bottom: 1px dashed #6B6464; margin-top: -1px;} .express_ul li p.cpo_express_ul_p{display: inline-block; float: left; line-height: 24px;} .cpo-ml20{margin-left: 20px;} .express_ul li a{float: right; line-height: 24px; visibility:hidden;} .express_ul .cpo_provider_name{margin-left: 5px;} .express_ul .cpo_provider_no{margin-left: 10px;} #cpo_calculate_tatol #cpo_fixed{position: relative;} #cpo_calculate_tatol .cpo_all_checked{position: absolute; top: 10px; left: 10px;} #cpo_calculate_tatol .cpo_all_checked input{width: 20px;height: 20px;margin-top: 0;} #cpo_calculate_tatol .cpo_all_checked label{vertical-align: top; margin-left: 10px;} .js_cpo_delete_product{width: auto;height: 30px;display: inline-block;line-height: 30px;font-size: 18px; color: #4a93fd;} #cpo_calculate_tatol.calculate_tatol{position:fixed!important; width:100%; left: 0; bottom: 0px; background-color: #E5E5E5; z-index: 99; margin:0 auto;} #cpo_ele_cart_att .btn{position: relative;} #cpo_ele_cart_att .cpo_hint_file_upload{font-weight: bold;} #cpo_ele_cart_att .cpo_hint_i_upload{font-weight: bold;vertical-align: middle;font-style: normal; color: #ff1010;font-size: 25px;display: inline-block;height: 22px; line-height: 30px;margin-rigth: 10px;margin-right: 3px;} #ele_result .e_test_class{display: none;} #create_price_compar{margin-left: 20px;} .cpo_price_com{margin-top: 10px;} #cpo_price_compar_com{display: none;} #cpo_price_compar_com table{margin-bottom: 0;} #cpo_price_compar_com table th{text-align: center; font-size: 12px;} #cpo_price_compar_com input{width: 100%; border: none; outline-style: none; text-align: center;} #cpo_price_compar_com .cpo_price_p{height: 34px; margin-bottom: 0;} #cpo_create_compar{margin: 4px auto;} #cpo_close_compar{margin: 4px auto;} #cpo_price_compar_com span{margin: auto auto; display: inline-block; text-align: center;} #cpo_price_compar_com table td{text-align: center;} #cpo_price_compar_com table td i{font-style: normal; display: inline-block; padding-right: 5px; font-weight: bold;} #bom_order_detail_row{margin-left: 0; margin-right: 0;} #bom_order_detail_row .cpo_text_right{font-size: 18px; font-weight: bold;} #bom_order_detail_row .cpo_text_right span{color: #337ab7; margin-left: 10px;} #get_express_table > tbody > tr > td{text-align: center;}