.oe_msg_attachment a img.oe_attachment_embedded{display: block; position: relative; margin: 0 0 0 10px; width: 100px; height: 80px; border-radius: 1px; border: solid 3px #FFF; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19);} .oe_msg_attachment a div.oe_attachment_name{display: inline-block; max-width: 100%; padding: 1px 3px; margin-top: 2px; margin-bottom: 5px; background: #F4F5FA; overflow: hidden; color: #4c4c4c; text-shadow: none; border-radius: 3px; word-wrap: break-word;} 

/* /website_sale/static/src/scss/website_sale_frontend.scss defined in bundle 'web.assets_frontend' */
 .progress-wizard{margin-top: 15px; padding: 0 15px;} @media (min-width: 768px){.progress-wizard{padding: 0;}} .progress-wizard .progress-wizard-step{position: relative;} @media (min-width: 768px){.progress-wizard .progress-wizard-step{margin-top: 0.8125rem; float: left; width: 33.33333333%;}.o_wizard_has_extra_step + .progress-wizard .progress-wizard-step{width: 25%;}} @media (max-width: 767.98px){.progress-wizard .progress-wizard-step.disabled, .progress-wizard .progress-wizard-step.complete{display: none;}} .progress-wizard .progress-wizard-step .progress-wizard-dot{width: 0.625rem; height: 0.625rem; position: relative; display: inline-block; background-color: white; border-radius: 50%; box-shadow: 0 0 0 0.125rem #e9ecef;} @media (min-width: 768px){.progress-wizard .progress-wizard-step .progress-wizard-dot{position: absolute; top: auto; left: 50%; bottom: auto; right: auto; margin: -0.375rem 0 0 -0.3125rem;}} .progress-wizard .progress-wizard-step .progress-wizard-steplabel{color: #6c757d; margin: 5px 0 5px 5px; font-size: 0.875rem; display: inline-block;} @media (min-width: 768px){.progress-wizard .progress-wizard-step .progress-wizard-steplabel{display: block; margin: 1rem 0 20px 0;}} @media (max-width: 767.98px){.progress-wizard .progress-wizard-step .progress-wizard-steplabel{margin-left: -15px; font-size: 24px;}} .progress-wizard .progress-wizard-step .progress-wizard-bar{height: 0.125rem; background-color: #e9ecef;} .progress-wizard .progress-wizard-step.active .progress-wizard-dot{animation: fadeIn 1s ease 0s 1 normal none running; background: #0072FA; box-shadow: 0 0 0 0.1875rem white, 0 0 0 0.25rem rgba(0, 114, 250, 0.5);} .progress-wizard .progress-wizard-step.active .progress-wizard-steplabel{color: #fff; font-weight: bolder;} .progress-wizard .progress-wizard-step.complete .progress-wizard-dot{background: none; box-shadow: none;} .progress-wizard .progress-wizard-step.complete .progress-wizard-dot:after{position: absolute; top: -0.3125rem; left: -0.3125rem; bottom: auto; right: auto; width: 1.25rem; height: 1.25rem; border-radius: 100%; background: white; color: #66B57C; text-align: center; line-height: 1; font-size: 1.25rem; font-family: FontAwesome; content: "\f058";} .progress-wizard .progress-wizard-step.complete .progress-wizard-steplabel{color: #66B57C;} .progress-wizard .progress-wizard-step.complete:hover:not(.disabled) .progress-wizard-dot:after{color: #66B57C;} .progress-wizard .progress-wizard-step.complete:hover:not(.disabled) .progress-wizard-steplabel{color: #fff;} .progress-wizard .progress-wizard-step.disabled{cursor: default;} table.js_cart_lines .td-img img{max-height: 64px;} 

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

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

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

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

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

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

/* /nakivo_calculator/static/src/css/jquery-ui.css defined in bundle 'web.assets_frontend' */
 .ui-helper-hidden{display: none;} .ui-helper-hidden-accessible{border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} .ui-helper-reset{margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;} .ui-helper-clearfix:before, .ui-helper-clearfix:after{content: ""; display: table; border-collapse: collapse;} .ui-helper-clearfix:after{clear: both;} .ui-helper-zfix{width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0);} .ui-front{z-index: 100;} .ui-state-disabled{cursor: default !important; pointer-events: none;} .ui-icon{display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;} .ui-widget-icon-block{left: 50%; margin-left: -8px; display: block;} .ui-widget-overlay{position: fixed; top: 0; left: 0; width: 100%; height: 100%;} .ui-slider{position: relative; text-align: left;} .ui-slider .ui-slider-handle{position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none;} .ui-slider .ui-slider-range{position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0;} .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range{filter: inherit;} .ui-slider-horizontal .ui-slider-handle{top: -.3em; margin-left: -.6em;} .ui-slider-horizontal .ui-slider-range{top: 0; height: 100%;} .ui-slider-horizontal .ui-slider-range-min{left: 0;} .ui-slider-horizontal .ui-slider-range-max{right: 0;} .ui-slider-vertical{width: .8em; height: 100px;} .ui-slider-vertical .ui-slider-handle{left: -.3em; margin-left: 0; margin-bottom: -.6em;} .ui-slider-vertical .ui-slider-range{left: 0; width: 100%;} .ui-slider-vertical .ui-slider-range-min{bottom: 0;} .ui-slider-vertical .ui-slider-range-max{top: 0;} .ui-widget{font-family: Arial,Helvetica,sans-serif; font-size: 1em;} .ui-widget .ui-widget{font-size: 1em;} .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family: Arial,Helvetica,sans-serif; font-size: 1em;} .ui-widget.ui-widget-content{border: 1px solid #c5c5c5;} .ui-widget-content{border: 1px solid #dddddd; background: #ffffff; color: #333333;} .ui-widget-content a{color: #333333;} .ui-widget-header{border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold;} .ui-widget-header a{color: #333333;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545;} .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button{color: #454545; text-decoration: none;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b;} .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus{color: #2b2b2b; text-decoration: none;} .ui-visual-focus{box-shadow: 0 0 3px 1px rgb(94, 158, 214);} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff;} .ui-icon-background, .ui-state-active .ui-icon-background{border: #003eff; background-color: #ffffff;} .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color: #ffffff; text-decoration: none;} .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{border: 1px solid #dad55e; background: #fffa90; color: #777620;} .ui-state-checked{border: 1px solid #dad55e; background: #fffa90;} .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a{color: #777620;} .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error{border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f;} .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a{color: #5f3f3f;} .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text{color: #5f3f3f;} .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary{font-weight: bold;} .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary{opacity: .7; filter:Alpha(Opacity=70); font-weight: normal;} .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{opacity: .35; filter:Alpha(Opacity=35); background-image: none;} .ui-state-disabled .ui-icon{filter:Alpha(Opacity=35);} .ui-icon{width: 16px; height: 16px;} .ui-icon, .ui-widget-content .ui-icon{background-image: url("/nakivo_calculator/static/src/css/images/ui-icons_444444_256x240.png");} .ui-widget-header .ui-icon{background-image: url("/nakivo_calculator/static/src/css/images/ui-icons_444444_256x240.png");} .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon{background-image: url("/nakivo_calculator/static/src/css/images/ui-icons_555555_256x240.png");} .ui-state-active .ui-icon, .ui-button:active .ui-icon{background-image: url("/nakivo_calculator/static/src/css/images/ui-icons_ffffff_256x240.png");} .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon{background-image: url("/nakivo_calculator/static/src/css/images/ui-icons_777620_256x240.png");} .ui-state-error .ui-icon, .ui-state-error-text .ui-icon{background-image: url("/nakivo_calculator/static/src/css/images/ui-icons_cc0000_256x240.png");} .ui-button .ui-icon{background-image: url("/nakivo_calculator/static/src/css/images/ui-icons_777777_256x240.png");} .ui-icon-blank{background-position: 16px 16px;} .ui-icon-caret-1-n{background-position: 0 0;} .ui-icon-caret-1-ne{background-position: -16px 0;} .ui-icon-caret-1-e{background-position: -32px 0;} .ui-icon-caret-1-se{background-position: -48px 0;} .ui-icon-caret-1-s{background-position: -65px 0;} .ui-icon-caret-1-sw{background-position: -80px 0;} .ui-icon-caret-1-w{background-position: -96px 0;} .ui-icon-caret-1-nw{background-position: -112px 0;} .ui-icon-caret-2-n-s{background-position: -128px 0;} .ui-icon-caret-2-e-w{background-position: -144px 0;} .ui-icon-triangle-1-n{background-position: 0 -16px;} .ui-icon-triangle-1-ne{background-position: -16px -16px;} .ui-icon-triangle-1-e{background-position: -32px -16px;} .ui-icon-triangle-1-se{background-position: -48px -16px;} .ui-icon-triangle-1-s{background-position: -65px -16px;} .ui-icon-triangle-1-sw{background-position: -80px -16px;} .ui-icon-triangle-1-w{background-position: -96px -16px;} .ui-icon-triangle-1-nw{background-position: -112px -16px;} .ui-icon-triangle-2-n-s{background-position: -128px -16px;} .ui-icon-triangle-2-e-w{background-position: -144px -16px;} .ui-icon-arrow-1-n{background-position: 0 -32px;} .ui-icon-arrow-1-ne{background-position: -16px -32px;} .ui-icon-arrow-1-e{background-position: -32px -32px;} .ui-icon-arrow-1-se{background-position: -48px -32px;} .ui-icon-arrow-1-s{background-position: -65px -32px;} .ui-icon-arrow-1-sw{background-position: -80px -32px;} .ui-icon-arrow-1-w{background-position: -96px -32px;} .ui-icon-arrow-1-nw{background-position: -112px -32px;} .ui-icon-arrow-2-n-s{background-position: -128px -32px;} .ui-icon-arrow-2-ne-sw{background-position: -144px -32px;} .ui-icon-arrow-2-e-w{background-position: -160px -32px;} .ui-icon-arrow-2-se-nw{background-position: -176px -32px;} .ui-icon-arrowstop-1-n{background-position: -192px -32px;} .ui-icon-arrowstop-1-e{background-position: -208px -32px;} .ui-icon-arrowstop-1-s{background-position: -224px -32px;} .ui-icon-arrowstop-1-w{background-position: -240px -32px;} .ui-icon-arrowthick-1-n{background-position: 1px -48px;} .ui-icon-arrowthick-1-ne{background-position: -16px -48px;} .ui-icon-arrowthick-1-e{background-position: -32px -48px;} .ui-icon-arrowthick-1-se{background-position: -48px -48px;} .ui-icon-arrowthick-1-s{background-position: -64px -48px;} .ui-icon-arrowthick-1-sw{background-position: -80px -48px;} .ui-icon-arrowthick-1-w{background-position: -96px -48px;} .ui-icon-arrowthick-1-nw{background-position: -112px -48px;} .ui-icon-arrowthick-2-n-s{background-position: -128px -48px;} .ui-icon-arrowthick-2-ne-sw{background-position: -144px -48px;} .ui-icon-arrowthick-2-e-w{background-position: -160px -48px;} .ui-icon-arrowthick-2-se-nw{background-position: -176px -48px;} .ui-icon-arrowthickstop-1-n{background-position: -192px -48px;} .ui-icon-arrowthickstop-1-e{background-position: -208px -48px;} .ui-icon-arrowthickstop-1-s{background-position: -224px -48px;} .ui-icon-arrowthickstop-1-w{background-position: -240px -48px;} .ui-icon-arrowreturnthick-1-w{background-position: 0 -64px;} .ui-icon-arrowreturnthick-1-n{background-position: -16px -64px;} .ui-icon-arrowreturnthick-1-e{background-position: -32px -64px;} .ui-icon-arrowreturnthick-1-s{background-position: -48px -64px;} .ui-icon-arrowreturn-1-w{background-position: -64px -64px;} .ui-icon-arrowreturn-1-n{background-position: -80px -64px;} .ui-icon-arrowreturn-1-e{background-position: -96px -64px;} .ui-icon-arrowreturn-1-s{background-position: -112px -64px;} .ui-icon-arrowrefresh-1-w{background-position: -128px -64px;} .ui-icon-arrowrefresh-1-n{background-position: -144px -64px;} .ui-icon-arrowrefresh-1-e{background-position: -160px -64px;} .ui-icon-arrowrefresh-1-s{background-position: -176px -64px;} .ui-icon-arrow-4{background-position: 0 -80px;} .ui-icon-arrow-4-diag{background-position: -16px -80px;} .ui-icon-extlink{background-position: -32px -80px;} .ui-icon-newwin{background-position: -48px -80px;} .ui-icon-refresh{background-position: -64px -80px;} .ui-icon-shuffle{background-position: -80px -80px;} .ui-icon-transfer-e-w{background-position: -96px -80px;} .ui-icon-transferthick-e-w{background-position: -112px -80px;} .ui-icon-folder-collapsed{background-position: 0 -96px;} .ui-icon-folder-open{background-position: -16px -96px;} .ui-icon-document{background-position: -32px -96px;} .ui-icon-document-b{background-position: -48px -96px;} .ui-icon-note{background-position: -64px -96px;} .ui-icon-mail-closed{background-position: -80px -96px;} .ui-icon-mail-open{background-position: -96px -96px;} .ui-icon-suitcase{background-position: -112px -96px;} .ui-icon-comment{background-position: -128px -96px;} .ui-icon-person{background-position: -144px -96px;} .ui-icon-print{background-position: -160px -96px;} .ui-icon-trash{background-position: -176px -96px;} .ui-icon-locked{background-position: -192px -96px;} .ui-icon-unlocked{background-position: -208px -96px;} .ui-icon-bookmark{background-position: -224px -96px;} .ui-icon-tag{background-position: -240px -96px;} .ui-icon-home{background-position: 0 -112px;} .ui-icon-flag{background-position: -16px -112px;} .ui-icon-calendar{background-position: -32px -112px;} .ui-icon-cart{background-position: -48px -112px;} .ui-icon-pencil{background-position: -64px -112px;} .ui-icon-clock{background-position: -80px -112px;} .ui-icon-disk{background-position: -96px -112px;} .ui-icon-calculator{background-position: -112px -112px;} .ui-icon-zoomin{background-position: -128px -112px;} .ui-icon-zoomout{background-position: -144px -112px;} .ui-icon-search{background-position: -160px -112px;} .ui-icon-wrench{background-position: -176px -112px;} .ui-icon-gear{background-position: -192px -112px;} .ui-icon-heart{background-position: -208px -112px;} .ui-icon-star{background-position: -224px -112px;} .ui-icon-link{background-position: -240px -112px;} .ui-icon-cancel{background-position: 0 -128px;} .ui-icon-plus{background-position: -16px -128px;} .ui-icon-plusthick{background-position: -32px -128px;} .ui-icon-minus{background-position: -48px -128px;} .ui-icon-minusthick{background-position: -64px -128px;} .ui-icon-close{background-position: -80px -128px;} .ui-icon-closethick{background-position: -96px -128px;} .ui-icon-key{background-position: -112px -128px;} .ui-icon-lightbulb{background-position: -128px -128px;} .ui-icon-scissors{background-position: -144px -128px;} .ui-icon-clipboard{background-position: -160px -128px;} .ui-icon-copy{background-position: -176px -128px;} .ui-icon-contact{background-position: -192px -128px;} .ui-icon-image{background-position: -208px -128px;} .ui-icon-video{background-position: -224px -128px;} .ui-icon-script{background-position: -240px -128px;} .ui-icon-alert{background-position: 0 -144px;} .ui-icon-info{background-position: -16px -144px;} .ui-icon-notice{background-position: -32px -144px;} .ui-icon-help{background-position: -48px -144px;} .ui-icon-check{background-position: -64px -144px;} .ui-icon-bullet{background-position: -80px -144px;} .ui-icon-radio-on{background-position: -96px -144px;} .ui-icon-radio-off{background-position: -112px -144px;} .ui-icon-pin-w{background-position: -128px -144px;} .ui-icon-pin-s{background-position: -144px -144px;} .ui-icon-play{background-position: 0 -160px;} .ui-icon-pause{background-position: -16px -160px;} .ui-icon-seek-next{background-position: -32px -160px;} .ui-icon-seek-prev{background-position: -48px -160px;} .ui-icon-seek-end{background-position: -64px -160px;} .ui-icon-seek-start{background-position: -80px -160px;} .ui-icon-seek-first{background-position: -80px -160px;} .ui-icon-stop{background-position: -96px -160px;} .ui-icon-eject{background-position: -112px -160px;} .ui-icon-volume-off{background-position: -128px -160px;} .ui-icon-volume-on{background-position: -144px -160px;} .ui-icon-power{background-position: 0 -176px;} .ui-icon-signal-diag{background-position: -16px -176px;} .ui-icon-signal{background-position: -32px -176px;} .ui-icon-battery-0{background-position: -48px -176px;} .ui-icon-battery-1{background-position: -64px -176px;} .ui-icon-battery-2{background-position: -80px -176px;} .ui-icon-battery-3{background-position: -96px -176px;} .ui-icon-circle-plus{background-position: 0 -192px;} .ui-icon-circle-minus{background-position: -16px -192px;} .ui-icon-circle-close{background-position: -32px -192px;} .ui-icon-circle-triangle-e{background-position: -48px -192px;} .ui-icon-circle-triangle-s{background-position: -64px -192px;} .ui-icon-circle-triangle-w{background-position: -80px -192px;} .ui-icon-circle-triangle-n{background-position: -96px -192px;} .ui-icon-circle-arrow-e{background-position: -112px -192px;} .ui-icon-circle-arrow-s{background-position: -128px -192px;} .ui-icon-circle-arrow-w{background-position: -144px -192px;} .ui-icon-circle-arrow-n{background-position: -160px -192px;} .ui-icon-circle-zoomin{background-position: -176px -192px;} .ui-icon-circle-zoomout{background-position: -192px -192px;} .ui-icon-circle-check{background-position: -208px -192px;} .ui-icon-circlesmall-plus{background-position: 0 -208px;} .ui-icon-circlesmall-minus{background-position: -16px -208px;} .ui-icon-circlesmall-close{background-position: -32px -208px;} .ui-icon-squaresmall-plus{background-position: -48px -208px;} .ui-icon-squaresmall-minus{background-position: -64px -208px;} .ui-icon-squaresmall-close{background-position: -80px -208px;} .ui-icon-grip-dotted-vertical{background-position: 0 -224px;} .ui-icon-grip-dotted-horizontal{background-position: -16px -224px;} .ui-icon-grip-solid-vertical{background-position: -32px -224px;} .ui-icon-grip-solid-horizontal{background-position: -48px -224px;} .ui-icon-gripsmall-diagonal-se{background-position: -64px -224px;} .ui-icon-grip-diagonal-se{background-position: -80px -224px;} .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{border-top-left-radius: 3px;} .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{border-top-right-radius: 3px;} .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{border-bottom-left-radius: 3px;} .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{border-bottom-right-radius: 3px;} .ui-widget-overlay{background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30);} .ui-widget-shadow{-webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666;} 

/* /nakivo_calculator/static/src/css/calculator.css defined in bundle 'web.assets_frontend' */
.form-center{margin: auto;} .form-wrapper-calc{position: relative} .form-wrapper-calc .arrow-calc ul{text-align: center; display: block; margin-top: 16px; padding-inline-start: 0px;} .form-wrapper-calc .arrow-calc ul li{display: inline; text-align: center} .form-wrapper-calc .arrow-calc ul li a{display: inline} .form-wrapper-calc .arrow-calc ul li a span{display: inline-block; height: 15px; width: 8px; background-repeat: no-repeat; background-size: cover} .form-wrapper-calc .arrow-calc ul li a span.arrow-left-calc{background-image: url(/nakivo_calculator/static/src/images/arrow-left-calc.svg); margin-right: 26px} .form-wrapper-calc .arrow-calc ul li a span.arrow-left-calc.active, .form-wrapper-calc .arrow-calc ul li a span.arrow-left-calc:hover{background-image: url(/nakivo_calculator/static/src/images/arrow-left-calc-a.svg)} .form-wrapper-calc .arrow-calc ul li a span.arrow-right-calc{background-image: url(/nakivo_calculator/static/src/images/arrow-right-calc.svg)} .form-wrapper-calc .arrow-calc ul li a span.arrow-right-calc.active, .form-wrapper-calc .arrow-calc ul li a span.arrow-right-calc:hover{background-image: url(/nakivo_calculator/static/src/images/arrow-right-calc-a.svg)} .form-wrapper-calc .select-wrap{position: relative; background: white; display: block; height: 34px; border-radius: 4px} .form-wrapper-calc .select-wrap select{background: transparent} .form-wrapper-calc .select-wrap .arrow-blue{position: absolute; right: 16px; top: 11px; background-image: url(/nakivo_calculator/static/src/images/arrow-left-calc-a.svg); height: 14px; width: 10px; background-repeat: no-repeat; transform: rotate(-90deg); display: block} .form-wrapper-calc .select-wrap .arrow-blue:hover{cursor: pointer} #form1-calc, #form2-calc, #form3-calc, #form4-calc, #form5-calc, #form6-calc{max-width: 380px; min-height: 640px; background-color: #0095F5; color: #fff; padding: 30px; text-align: center;} #form1-calc .perpetual-wrap div, #form1-calc .perpetual-wrap input, #form2-calc .perpetual-wrap div, #form2-calc .perpetual-wrap input, #form3-calc .perpetual-wrap div, #form3-calc .perpetual-wrap input, #form4-calc .perpetual-wrap div, #form4-calc .perpetual-wrap input, #form5-calc .perpetual-wrap div, #form5-calc .perpetual-wrap input, #form6-calc .perpetual-wrap div, #form6-calc .perpetual-wrap input{margin-bottom: 19px} #form1-calc .green_button, #form2-calc .green_button, #form3-calc .green_button, #form4-calc .green_button, #form5-calc .green_button, #form6-calc .green_button{background: #75BA25; border-radius: 4px; border-width: 0; height: 50px; font-weight: 600; font-size: 15px; line-height: normal; text-align: center; width: 100%; color: #fff !important} #form1-calc .ui-widget.ui-widget-content, #form2-calc .ui-widget.ui-widget-content, #form3-calc .ui-widget.ui-widget-content, #form4-calc .ui-widget.ui-widget-content, #form5-calc .ui-widget.ui-widget-content, #form6-calc .ui-widget.ui-widget-content{border: 1px solid #66BFF9} #form1-calc .subtitle-block, #form1-calc .sub_bottom_title, #form2-calc .subtitle-block, #form2-calc .sub_bottom_title, #form3-calc .subtitle-block, #form3-calc .sub_bottom_title, #form4-calc .subtitle-block, #form4-calc .sub_bottom_title, #form5-calc .subtitle-block, #form5-calc .sub_bottom_title, #form6-calc .subtitle-block, #form6-calc .sub_bottom_title{font-style: normal; font-weight: normal; font-size: 14px; color: #FFFFFF; text-align: center} #form1-calc .subtitle-block a, #form1-calc .sub_bottom_title a, #form2-calc .subtitle-block a, #form2-calc .sub_bottom_title a, #form3-calc .subtitle-block a, #form3-calc .sub_bottom_title a, #form4-calc .subtitle-block a, #form4-calc .sub_bottom_title a, #form5-calc .subtitle-block a, #form5-calc .sub_bottom_title a, #form6-calc .subtitle-block a, #form6-calc .sub_bottom_title a{text-decoration: underline; color: #FFFFFF} #form1-calc .sub_bottom_title, #form2-calc .sub_bottom_title, #form3-calc .sub_bottom_title, #form4-calc .sub_bottom_title, #form5-calc .sub_bottom_title, #form6-calc .sub_bottom_title{font-weight: bold; font-size: 16px; text-align: center; margin-bottom: 0} #form1-calc ul.sub-currency-switch, #form1-calc ul.per-currency-switch, #form2-calc ul.sub-currency-switch, #form2-calc ul.per-currency-switch, #form3-calc ul.sub-currency-switch, #form3-calc ul.per-currency-switch, #form4-calc ul.sub-currency-switch, #form4-calc ul.per-currency-switch, #form5-calc ul.sub-currency-switch, #form5-calc ul.per-currency-switch, #form6-calc ul.sub-currency-switch, #form6-calc ul.per-currency-switch{margin-top: 11px; display: flex; justify-content: center; padding-inline-start: 0px;} #form1-calc ul.sub-currency-switch li, #form1-calc ul.per-currency-switch li, #form2-calc ul.sub-currency-switch li, #form2-calc ul.per-currency-switch li, #form3-calc ul.sub-currency-switch li, #form3-calc ul.per-currency-switch li, #form4-calc ul.sub-currency-switch li, #form4-calc ul.per-currency-switch li, #form5-calc ul.sub-currency-switch li, #form5-calc ul.per-currency-switch li, #form6-calc ul.sub-currency-switch li, #form6-calc ul.per-currency-switch li{display: inline} #form1-calc ul.sub-currency-switch li a, #form1-calc ul.per-currency-switch li a, #form2-calc ul.sub-currency-switch li a, #form2-calc ul.per-currency-switch li a, #form3-calc ul.sub-currency-switch li a, #form3-calc ul.per-currency-switch li a, #form4-calc ul.sub-currency-switch li a, #form4-calc ul.per-currency-switch li a, #form5-calc ul.sub-currency-switch li a, #form5-calc ul.per-currency-switch li a, #form6-calc ul.sub-currency-switch li a, #form6-calc ul.per-currency-switch li a{display: inline} #form1-calc ul.sub-currency-switch li a .currency-pic, #form1-calc ul.per-currency-switch li a .currency-pic, #form2-calc ul.sub-currency-switch li a .currency-pic, #form2-calc ul.per-currency-switch li a .currency-pic, #form3-calc ul.sub-currency-switch li a .currency-pic, #form3-calc ul.per-currency-switch li a .currency-pic, #form4-calc ul.sub-currency-switch li a .currency-pic, #form4-calc ul.per-currency-switch li a .currency-pic, #form5-calc ul.sub-currency-switch li a .currency-pic, #form5-calc ul.per-currency-switch li a .currency-pic, #form6-calc ul.sub-currency-switch li a .currency-pic, #form6-calc ul.per-currency-switch li a .currency-pic{display: inline-block; height: 21px; width: 21px; background-position: 50% 50%; background-repeat: no-repeat; background-color: rgba(255, 255, 255, 0.4); border-radius: 2px; margin-left: 4px; margin-right: 4px;} #form1-calc ul.sub-currency-switch li a .currency-pic:hover, #form1-calc ul.per-currency-switch li a .currency-pic:hover, #form2-calc ul.sub-currency-switch li a .currency-pic:hover, #form2-calc ul.per-currency-switch li a .currency-pic:hover, #form3-calc ul.sub-currency-switch li a .currency-pic:hover, #form3-calc ul.per-currency-switch li a .currency-pic:hover, #form4-calc ul.sub-currency-switch li a .currency-pic:hover, #form4-calc ul.per-currency-switch li a .currency-pic:hover, #form5-calc ul.sub-currency-switch li a .currency-pic:hover, #form5-calc ul.per-currency-switch li a .currency-pic:hover, #form6-calc ul.sub-currency-switch li a .currency-pic:hover, #form6-calc ul.per-currency-switch li a .currency-pic:hover{background: rgba(255, 255, 255, 0.2); background-position: 50% 50%; background-repeat: no-repeat} #form1-calc ul.sub-currency-switch li a .dollar, #form1-calc ul.per-currency-switch li a .dollar, #form2-calc ul.sub-currency-switch li a .dollar, #form2-calc ul.per-currency-switch li a .dollar, #form3-calc ul.sub-currency-switch li a .dollar, #form3-calc ul.per-currency-switch li a .dollar, #form4-calc ul.sub-currency-switch li a .dollar, #form4-calc ul.per-currency-switch li a .dollar, #form5-calc ul.sub-currency-switch li a .dollar, #form5-calc ul.per-currency-switch li a .dollar, #form6-calc ul.sub-currency-switch li a .dollar, #form6-calc ul.per-currency-switch li a .dollar{background-image: url(/nakivo_calculator/static/src/images/dollar-white.svg)} #form1-calc ul.sub-currency-switch li a .dollar:hover, #form1-calc ul.per-currency-switch li a .dollar:hover, #form2-calc ul.sub-currency-switch li a .dollar:hover, #form2-calc ul.per-currency-switch li a .dollar:hover, #form3-calc ul.sub-currency-switch li a .dollar:hover, #form3-calc ul.per-currency-switch li a .dollar:hover, #form4-calc ul.sub-currency-switch li a .dollar:hover, #form4-calc ul.per-currency-switch li a .dollar:hover, #form5-calc ul.sub-currency-switch li a .dollar:hover, #form5-calc ul.per-currency-switch li a .dollar:hover, #form6-calc ul.sub-currency-switch li a .dollar:hover, #form6-calc ul.per-currency-switch li a .dollar:hover{background-image: url(/nakivo_calculator/static/src/images/dollar-blue.svg)} #form1-calc ul.sub-currency-switch li a .dollar.active, #form1-calc ul.per-currency-switch li a .dollar.active, #form2-calc ul.sub-currency-switch li a .dollar.active, #form2-calc ul.per-currency-switch li a .dollar.active, #form3-calc ul.sub-currency-switch li a .dollar.active, #form3-calc ul.per-currency-switch li a .dollar.active, #form4-calc ul.sub-currency-switch li a .dollar.active, #form4-calc ul.per-currency-switch li a .dollar.active, #form5-calc ul.sub-currency-switch li a .dollar.active, #form5-calc ul.per-currency-switch li a .dollar.active, #form6-calc ul.sub-currency-switch li a .dollar.active, #form6-calc ul.per-currency-switch li a .dollar.active{background-image: url(/nakivo_calculator/static/src/images/dollar-blue.svg)} #form1-calc ul.sub-currency-switch li a .euro, #form1-calc ul.per-currency-switch li a .euro, #form2-calc ul.sub-currency-switch li a .euro, #form2-calc ul.per-currency-switch li a .euro, #form3-calc ul.sub-currency-switch li a .euro, #form3-calc ul.per-currency-switch li a .euro, #form4-calc ul.sub-currency-switch li a .euro, #form4-calc ul.per-currency-switch li a .euro, #form5-calc ul.sub-currency-switch li a .euro, #form5-calc ul.per-currency-switch li a .euro, #form6-calc ul.sub-currency-switch li a .euro, #form6-calc ul.per-currency-switch li a .euro{background-image: url(/nakivo_calculator/static/src/images/euro-white.svg)} #form1-calc ul.sub-currency-switch li a .euro:hover, #form1-calc ul.per-currency-switch li a .euro:hover, #form2-calc ul.sub-currency-switch li a .euro:hover, #form2-calc ul.per-currency-switch li a .euro:hover, #form3-calc ul.sub-currency-switch li a .euro:hover, #form3-calc ul.per-currency-switch li a .euro:hover, #form4-calc ul.sub-currency-switch li a .euro:hover, #form4-calc ul.per-currency-switch li a .euro:hover, #form5-calc ul.sub-currency-switch li a .euro:hover, #form5-calc ul.per-currency-switch li a .euro:hover, #form6-calc ul.sub-currency-switch li a .euro:hover, #form6-calc ul.per-currency-switch li a .euro:hover{background-image: url(/nakivo_calculator/static/src/images/euro-blue.svg)} #form1-calc ul.sub-currency-switch li a .euro.active, #form1-calc ul.per-currency-switch li a .euro.active, #form2-calc ul.sub-currency-switch li a .euro.active, #form2-calc ul.per-currency-switch li a .euro.active, #form3-calc ul.sub-currency-switch li a .euro.active, #form3-calc ul.per-currency-switch li a .euro.active, #form4-calc ul.sub-currency-switch li a .euro.active, #form4-calc ul.per-currency-switch li a .euro.active, #form5-calc ul.sub-currency-switch li a .euro.active, #form5-calc ul.per-currency-switch li a .euro.active, #form6-calc ul.sub-currency-switch li a .euro.active, #form6-calc ul.per-currency-switch li a .euro.active{background-image: url(/nakivo_calculator/static/src/images/euro-blue.svg)} #form1-calc ul.sub-currency-switch li a .frank, #form1-calc ul.per-currency-switch li a .frank, #form2-calc ul.sub-currency-switch li a .frank, #form2-calc ul.per-currency-switch li a .frank, #form3-calc ul.sub-currency-switch li a .frank, #form3-calc ul.per-currency-switch li a .frank, #form4-calc ul.sub-currency-switch li a .frank, #form4-calc ul.per-currency-switch li a .frank, #form5-calc ul.sub-currency-switch li a .frank, #form5-calc ul.per-currency-switch li a .frank, #form6-calc ul.sub-currency-switch li a .frank, #form6-calc ul.per-currency-switch li a .frank{background-image: url(/nakivo_calculator/static/src/images/frank-white.svg)} #form1-calc ul.sub-currency-switch li a .frank:hover, #form1-calc ul.per-currency-switch li a .frank:hover, #form2-calc ul.sub-currency-switch li a .frank:hover, #form2-calc ul.per-currency-switch li a .frank:hover, #form3-calc ul.sub-currency-switch li a .frank:hover, #form3-calc ul.per-currency-switch li a .frank:hover, #form4-calc ul.sub-currency-switch li a .frank:hover, #form4-calc ul.per-currency-switch li a .frank:hover, #form5-calc ul.sub-currency-switch li a .frank:hover, #form5-calc ul.per-currency-switch li a .frank:hover, #form6-calc ul.sub-currency-switch li a .frank:hover, #form6-calc ul.per-currency-switch li a .frank:hover{background-image: url(/nakivo_calculator/static/src/images/frank-blue.svg)} #form1-calc ul.sub-currency-switch li a .frank.active, #form1-calc ul.per-currency-switch li a .frank.active, #form2-calc ul.sub-currency-switch li a .frank.active, #form2-calc ul.per-currency-switch li a .frank.active, #form3-calc ul.sub-currency-switch li a .frank.active, #form3-calc ul.per-currency-switch li a .frank.active, #form4-calc ul.sub-currency-switch li a .frank.active, #form4-calc ul.per-currency-switch li a .frank.active, #form5-calc ul.sub-currency-switch li a .frank.active, #form5-calc ul.per-currency-switch li a .frank.active, #form6-calc ul.sub-currency-switch li a .frank.active, #form6-calc ul.per-currency-switch li a .frank.active{background-image: url(/nakivo_calculator/static/src/images/frank-blue.svg)} #form1-calc ul.sub-currency-switch li a .pound, #form1-calc ul.per-currency-switch li a .pound, #form2-calc ul.sub-currency-switch li a .pound, #form2-calc ul.per-currency-switch li a .pound, #form3-calc ul.sub-currency-switch li a .pound, #form3-calc ul.per-currency-switch li a .pound, #form4-calc ul.sub-currency-switch li a .pound, #form4-calc ul.per-currency-switch li a .pound, #form5-calc ul.sub-currency-switch li a .pound, #form5-calc ul.per-currency-switch li a .pound, #form6-calc ul.sub-currency-switch li a .pound, #form6-calc ul.per-currency-switch li a .pound{background-image: url(/nakivo_calculator/static/src/images/pound-white.svg)} #form1-calc ul.sub-currency-switch li a .pound:hover, #form1-calc ul.per-currency-switch li a .pound:hover, #form2-calc ul.sub-currency-switch li a .pound:hover, #form2-calc ul.per-currency-switch li a .pound:hover, #form3-calc ul.sub-currency-switch li a .pound:hover, #form3-calc ul.per-currency-switch li a .pound:hover, #form4-calc ul.sub-currency-switch li a .pound:hover, #form4-calc ul.per-currency-switch li a .pound:hover, #form5-calc ul.sub-currency-switch li a .pound:hover, #form5-calc ul.per-currency-switch li a .pound:hover, #form6-calc ul.sub-currency-switch li a .pound:hover, #form6-calc ul.per-currency-switch li a .pound:hover{background-image: url(/nakivo_calculator/static/src/images/pound-blue.svg)} #form1-calc ul.sub-currency-switch li a .pound.active, #form1-calc ul.per-currency-switch li a .pound.active, #form2-calc ul.sub-currency-switch li a .pound.active, #form2-calc ul.per-currency-switch li a .pound.active, #form3-calc ul.sub-currency-switch li a .pound.active, #form3-calc ul.per-currency-switch li a .pound.active, #form4-calc ul.sub-currency-switch li a .pound.active, #form4-calc ul.per-currency-switch li a .pound.active, #form5-calc ul.sub-currency-switch li a .pound.active, #form5-calc ul.per-currency-switch li a .pound.active, #form6-calc ul.sub-currency-switch li a .pound.active, #form6-calc ul.per-currency-switch li a .pound.active{background-image: url(/nakivo_calculator/static/src/images/pound-blue.svg)} #form1-calc ul.sub-currency-switch li a .active, #form1-calc ul.per-currency-switch li a .active, #form2-calc ul.sub-currency-switch li a .active, #form2-calc ul.per-currency-switch li a .active, #form3-calc ul.sub-currency-switch li a .active, #form3-calc ul.per-currency-switch li a .active, #form4-calc ul.sub-currency-switch li a .active, #form4-calc ul.per-currency-switch li a .active, #form5-calc ul.sub-currency-switch li a .active, #form5-calc ul.per-currency-switch li a .active, #form6-calc ul.sub-currency-switch li a .active, #form6-calc ul.per-currency-switch li a .active{background: rgba(255, 255, 255, 0.2); background-position: 50% 50%; background-repeat: no-repeat} #form1-calc p.title-scale, #form2-calc p.title-scale, #form3-calc p.title-scale, #form4-calc p.title-scale, #form5-calc p.title-scale, #form6-calc p.title-scale{font-weight: bold; font-size: 12px; line-height: normal; text-align: center; letter-spacing: -0.1px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 34px; margin-top: 26px} #form1-calc p.price-sub-title, #form2-calc p.price-sub-title, #form3-calc p.price-sub-title, #form4-calc p.price-sub-title, #form5-calc p.price-sub-title, #form6-calc p.price-sub-title{margin-bottom: 4px} #form1-calc .price-sub-wrap, #form2-calc .price-sub-wrap, #form3-calc .price-sub-wrap, #form4-calc .price-sub-wrap, #form5-calc .price-sub-wrap, #form6-calc .price-sub-wrap{background: #F7F8FA; border-radius: 4px; height: 50px; width: 100%; position: relative; display: block} #form1-calc .price-sub-wrap .sub-price, #form2-calc .price-sub-wrap .sub-price, #form3-calc .price-sub-wrap .sub-price, #form4-calc .price-sub-wrap .sub-price, #form5-calc .price-sub-wrap .sub-price, #form6-calc .price-sub-wrap .sub-price{display: block; text-align: center; line-height: 52px} #form1-calc .price-sub-wrap .sub-price .span-price, #form2-calc .price-sub-wrap .sub-price .span-price, #form3-calc .price-sub-wrap .sub-price .span-price, #form4-calc .price-sub-wrap .sub-price .span-price, #form5-calc .price-sub-wrap .sub-price .span-price, #form6-calc .price-sub-wrap .sub-price .span-price{font-weight: 600; font-size: 26px; text-align: center; color: #202020; display: inline} #form1-calc .price-sub-wrap #sub-discount, #form2-calc .price-sub-wrap #sub-discount, #form3-calc .price-sub-wrap #sub-discount, #form4-calc .price-sub-wrap #sub-discount, #form5-calc .price-sub-wrap #sub-discount, #form6-calc .price-sub-wrap #sub-discount{font-weight: bold; font-size: 14px; line-height: normal; color: #FFFFFF; position: absolute; padding: 4px; background-color: #75BA25; display: inline; top: 15px; left: 15px; text-align: center; width: 40px; border-radius: 5px} #form1-calc .price-sub-wrap .sub-full-price-wrap, #form2-calc .price-sub-wrap .sub-full-price-wrap, #form3-calc .price-sub-wrap .sub-full-price-wrap, #form4-calc .price-sub-wrap .sub-full-price-wrap, #form5-calc .price-sub-wrap .sub-full-price-wrap, #form6-calc .price-sub-wrap .sub-full-price-wrap{position: absolute; top: 17px; right: 7px; width: 49px; text-align: right; display: flex} #form1-calc .price-sub-wrap .sub-full-price-wrap .line-wrap, #form2-calc .price-sub-wrap .sub-full-price-wrap .line-wrap, #form3-calc .price-sub-wrap .sub-full-price-wrap .line-wrap, #form4-calc .price-sub-wrap .sub-full-price-wrap .line-wrap, #form5-calc .price-sub-wrap .sub-full-price-wrap .line-wrap, #form6-calc .price-sub-wrap .sub-full-price-wrap .line-wrap{position: relative} #form1-calc .price-sub-wrap .sub-full-price-wrap .line-wrap #sub-full-currency, #form1-calc .price-sub-wrap .sub-full-price-wrap .line-wrap #sub-full-price, #form2-calc .price-sub-wrap .sub-full-price-wrap .line-wrap #sub-full-currency, #form2-calc .price-sub-wrap .sub-full-price-wrap .line-wrap #sub-full-price, #form3-calc .price-sub-wrap .sub-full-price-wrap .line-wrap #sub-full-currency, #form3-calc .price-sub-wrap .sub-full-price-wrap .line-wrap #sub-full-price, #form4-calc .price-sub-wrap .sub-full-price-wrap .line-wrap #sub-full-currency, #form4-calc .price-sub-wrap .sub-full-price-wrap .line-wrap #sub-full-price, #form5-calc .price-sub-wrap .sub-full-price-wrap .line-wrap #sub-full-currency, #form5-calc .price-sub-wrap .sub-full-price-wrap .line-wrap #sub-full-price, #form6-calc .price-sub-wrap .sub-full-price-wrap .line-wrap #sub-full-currency, #form6-calc .price-sub-wrap .sub-full-price-wrap .line-wrap #sub-full-price{font-size: 12px; line-height: normal; text-align: right; color: #202020; display: inline} #form1-calc .price-sub-wrap .sub-full-price-wrap .line-wrap .line, #form2-calc .price-sub-wrap .sub-full-price-wrap .line-wrap .line, #form3-calc .price-sub-wrap .sub-full-price-wrap .line-wrap .line, #form4-calc .price-sub-wrap .sub-full-price-wrap .line-wrap .line, #form5-calc .price-sub-wrap .sub-full-price-wrap .line-wrap .line, #form6-calc .price-sub-wrap .sub-full-price-wrap .line-wrap .line{position: absolute; height: 1px; width: 100%; background-color: red; top: 12px} #form1-calc .ui-slider .ui-slider-handle, #form2-calc .ui-slider .ui-slider-handle, #form3-calc .ui-slider .ui-slider-handle, #form4-calc .ui-slider .ui-slider-handle, #form5-calc .ui-slider .ui-slider-handle, #form6-calc .ui-slider .ui-slider-handle{display: inline-block; height: 13px; width: 13px; border-radius: 30px; background-color: #fff; z-index: 10; top: -7px; margin-left: -8px} #form1-calc .ui-slider .ui-state-active, #form1-calc .ui-slider .ui-state-hover, #form2-calc .ui-slider .ui-state-active, #form2-calc .ui-slider .ui-state-hover, #form3-calc .ui-slider .ui-state-active, #form3-calc .ui-slider .ui-state-hover, #form4-calc .ui-slider .ui-state-active, #form4-calc .ui-slider .ui-state-hover, #form5-calc .ui-slider .ui-state-active, #form5-calc .ui-slider .ui-state-hover, #form6-calc .ui-slider .ui-state-active, #form6-calc .ui-slider .ui-state-hover{border-color: #c5c5c5 !important} #form1-calc .ui-slider .scale-text, #form2-calc .ui-slider .scale-text, #form3-calc .ui-slider .scale-text, #form4-calc .ui-slider .scale-text, #form5-calc .ui-slider .scale-text, #form6-calc .ui-slider .scale-text{font-size: 14px; color: #66BFF9; top: -31px; position: absolute; display: inline-block; margin-left: -8px; display: none} #form1-calc .ui-slider .scale-line, #form2-calc .ui-slider .scale-line, #form3-calc .ui-slider .scale-line, #form4-calc .ui-slider .scale-line, #form5-calc .ui-slider .scale-line, #form6-calc .ui-slider .scale-line{position: absolute; width: 10px; height: 0px; top: -2px; border: 2px solid #66BFF9; transform: rotate(90deg); margin-left: -6px} #form1-calc .ui-slider .show, #form1-calc .ui-slider .active, #form2-calc .ui-slider .show, #form2-calc .ui-slider .active, #form3-calc .ui-slider .show, #form3-calc .ui-slider .active, #form4-calc .ui-slider .show, #form4-calc .ui-slider .active, #form5-calc .ui-slider .show, #form5-calc .ui-slider .active, #form6-calc .ui-slider .show, #form6-calc .ui-slider .active{display: block} #form1-calc .ui-slider .active, #form2-calc .ui-slider .active, #form3-calc .ui-slider .active, #form4-calc .ui-slider .active, #form5-calc .ui-slider .active, #form6-calc .ui-slider .active{color: #fff} #form1-calc > .c-title, #form2-calc > .c-title, #form3-calc > .c-title, #form4-calc > .c-title, #form5-calc > .c-title, #form6-calc > .c-title{font-weight: bold; font-size: 20px !important; line-height: 17px; text-align: center; letter-spacing: -0.1px; margin-bottom: 29px} #form1-calc .item, #form2-calc .item, #form3-calc .item, #form4-calc .item, #form5-calc .item, #form6-calc .item{background: rgba(241, 245, 249, 0.2); border-radius: 4px; padding: 48px 30px; margin-bottom: 24px} #form1-calc .item:last-child, #form2-calc .item:last-child, #form3-calc .item:last-child, #form4-calc .item:last-child, #form5-calc .item:last-child, #form6-calc .item:last-child{margin-bottom: 0} #form1-calc .item:hover, #form2-calc .item:hover, #form3-calc .item:hover, #form4-calc .item:hover, #form5-calc .item:hover, #form6-calc .item:hover{transform: none} #form1-calc .item a, #form2-calc .item a, #form3-calc .item a, #form4-calc .item a, #form5-calc .item a, #form6-calc .item a{color: #fff; text-decoration: underline; white-space: nowrap} #form1-calc .item > p.c-title, #form2-calc .item > p.c-title, #form3-calc .item > p.c-title, #form4-calc .item > p.c-title, #form5-calc .item > p.c-title, #form6-calc .item > p.c-title{font-weight: bold; font-size: 16px !important; line-height: 16px; text-align: center; letter-spacing: -0.1px; font-weight: bold} #form1-calc .item .subtitle, #form2-calc .item .subtitle, #form3-calc .item .subtitle, #form4-calc .item .subtitle, #form5-calc .item .subtitle, #form6-calc .item .subtitle{font-weight: normal; font-size: 14px; line-height: normal; text-align: center; letter-spacing: -0.1px} #form1-calc .item > button, #form2-calc .item > button, #form3-calc .item > button, #form4-calc .item > button, #form5-calc .item > button, #form6-calc .item > button{background: #75BA25; border-radius: 4px; border: 1px solid #75BA25; color: #fff; font-weight: 600; font-size: 15px; padding: 6px 12px; display: inline-block; max-width: 140px} #form4-calc .perpetual-wrap{margin-bottom: 8px} #form4-calc .green_button{margin-top: 26px; margin-bottom: 26px} #form1-calc{padding: 50px} #form1-calc .item{margin-bottom: 49px; padding: 31px 30px 31px} #form1-calc .item > p.c-title{font-size: 18px !important; margin-bottom: 37px} #form1-calc .item .subtitle{margin-bottom: 36px} .control{display: block; position: relative; padding-left: 30px; margin-bottom: 5px; padding-top: 3px; cursor: pointer; font-size: 16px} .control input{position: absolute; z-index: -1; opacity: 0} .control_indicator{position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background: #fff; border: 1px solid #0095F5; border-radius: 3px} .control-radio .control_indicator{border-radius: 2px} .control:hover input ~ .control_indicator, .control input:focus ~ .control_indicator{background: #fff} .control input:checked ~ .control_indicator{background: #fff} .control:hover input:not([disabled]):checked ~ .control_indicator, .control input:checked:focus ~ .control_indicator{background: #fff} .control input:disabled ~ .control_indicator{background: #e6e6e6; opacity: 0.6; pointer-events: none} .control_indicator:after{box-sizing: unset; content: ''; position: absolute; display: none} .control input:checked ~ .control_indicator:after{display: block} .control-checkbox .control_indicator:after{left: 7px; top: 3px; width: 4px; height: 8px; border: solid #0095F5; border-width: 0 2px 2px 0; transform: rotate(45deg)} .control-checkbox input:disabled ~ .control_indicator:after{border-color: #7b7b7b} .control-group label, .control-group a{text-align: left; position: relative; padding: 3px 0 3px 32px; cursor: pointer; width: initial; line-height: 18px; font-size: 12px; color: #FFFFFF; font-weight: 400} .control-group a{text-decoration: underline; padding-left: 0} #form5-calc{min-height: 640px; position: relative} #form5-calc .item p.subtitle{line-height: 28px; margin-bottom: 0} .soc{text-align: center; margin: 0 auto; position: absolute; bottom: 26px; left: 0} .soc .nk3-social-ico{display: inline} .soc .nk3-social-ico a i{font-size: 20px; color: #fff; opacity: .7} .super-checkbox{display: flex} @keyframes scaleAnimation{0%{opacity: 0; transform: scale(1.5)}100%{opacity: 1; transform: scale(1)}} @keyframes drawCircle{0%{stroke-dashoffset: 151px}100%{stroke-dashoffset: 0}} @keyframes drawCheck{0%{stroke-dashoffset: 36px}100%{stroke-dashoffset: 0}} @keyframes fadeOut{0%{opacity: 1}100%{opacity: 0}} @keyframes fadeIn{0%{opacity: 0}100%{opacity: 1}} #successAnimationCircle{stroke-dasharray: 151px, 151px; stroke: #FFF} #successAnimationCheck{stroke-dasharray: 36px, 36px; stroke: #FFF} #successAnimationResult{fill: #FFF; opacity: 0} #successAnimation.animated{animation: 1s ease-out 0s 1 both scaleAnimation} #successAnimation.animated #successAnimationCircle{animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCircle, 0.3s linear 0.9s 1 both fadeOut} #successAnimation.animated #successAnimationCheck{animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCheck, 0.3s linear 0.9s 1 both fadeOut} #successAnimation.animated #successAnimationResult{animation: 0.3s linear 0.9s both fadeIn} #super-checkbox-hide{display: none} .tooltip-inner{background: #F1F5F9; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); border-radius: 2px; color: rgba(0, 0, 0, 0.8); font-weight: 100} .tooltip.top .tooltip-arrow{border-top-color: #F1F5F9} .control_indicator.error{border: 1px solid red} #form5-calc > .c-title{margin-bottom: 29px} .radio-wrap .control{display: inline; position: relative; padding-left: 21px; margin-bottom: 5px; padding-top: 3px; cursor: pointer; font-size: 18px; font-weight: 100; line-height: 31px; margin-right: 51px} .radio-wrap .control:last-child{margin-right: 0} .radio-wrap .control input{position: absolute; z-index: -1; opacity: 0} .radio-wrap .control_indicator{position: absolute; top: 9px; left: 0; height: 13px; width: 13px; background: #ffffff; border: 1px solid #0095F5} .radio-wrap .control-radio .control_indicator{border-radius: 50%} .radio-wrap .control:hover input ~ .control_indicator, .radio-wrap .control input:focus ~ .control_indicator{background: #ffffff} .radio-wrap .control input:checked ~ .control_indicator{background: #ffffff} .radio-wrap .control:hover input:not([disabled]):checked ~ .control_indicator, .radio-wrap .control input:checked:focus ~ .control_indicator{background: #ffffff} .radio-wrap .control input:disabled ~ .control_indicator{background: #ffffff; opacity: 0.6; pointer-events: none} .radio-wrap .control_indicator:after{box-sizing: unset; content: ''; position: absolute; display: none} .radio-wrap .control input:checked ~ .control_indicator:after{display: block} .radio-wrap .control-radio .control_indicator:after{left: 2px; top: 2px; height: 7px; width: 7px; border-radius: 50%; background: #0095f5} .radio-wrap .control-radio input:disabled ~ .control_indicator:after{background: #ffffff} #form6-calc p.title-scale{margin-top: 45px; margin-bottom: 8px} #form6-calc p.price-sub-title{margin-top: 67px} #form6-calc .price-sub-wrap{margin-bottom: 46px} @media all and (max-width: 640px){.hold, .media-c td{text-align: center}} .floater-container.wufoo{margin: 0 4% 0 0; width: 60% !important; padding: 0} @media (min-width: 1200px){.container{max-width: 1300px;}} .calculator-select{background-color: #fff; cursor: pointer; background-image: url(/nakivo_calculator/static/src/images/ddown.png); background-repeat: no-repeat; background-position: 98% 50%; opacity: 0.95} .calculator-select::-ms-expand{display: none} #sub_license, #per_license, #per_support{-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none} .title-item{font-weight: bold; font-size: 12px; line-height: normal; text-align: center; letter-spacing: -0.1px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 34px;} .arrow-clear{text-decoration: none!important;} .c_title{font-size: 38px; color: rgba(0, 0, 0, 0.8); margin-bottom: 40px;} .title--small{font-size: 28px; font-weight: bold; margin-bottom: 20px;} @media (max-width: 991px){.c_title{text-align: center; margin-bottom: 20px;}} @media (max-width: 767px){.c_title{font-size: 28px;}.title--small{font-size: 24px;}} .c-content{color: rgba(0, 0, 0, 0.8); font-size: 18px; line-height: 32px;} @media (max-width: 767px){.c-content{font-size: 16px;}} .c-content p{margin-bottom: 12px;} .c-content ul{list-style-type: none; padding-left: 60px; margin: 20px 0;} @media (max-width: 767px){.c-content ul{padding-left: 30px;}} .c-content ul li{margin-bottom: 20px;} .c-content a{color: #0097F4; text-decoration: underline;} .c-content a:hover{text-decoration: none;} .c-section{padding: 50px 0 35px;} .c-section--bg{background: linear-gradient(270deg, #F2F5FF 0%, #F8FAFF 53.65%, #F2F5FF 102%);} .c-item{max-width: 290px;} @media (max-width: 991px){.c-item{margin: 0 auto 20px;}} .c-item__img{display: flex; justify-content: center; align-items: flex-end; height: 66px; margin-top: 20px; margin-bottom: 20px;} .c-item__desc{font-size: 18px; line-height: 28px; text-align: center;} 

/* /nakivo_shop/static/src/scss/utils/_mixins.scss defined in bundle 'web.assets_frontend' */
 

/* /nakivo_shop/static/src/scss/base/_base.scss defined in bundle 'web.assets_frontend' */
 *{box-sizing: border-box;} *::before, *::after{box-sizing: border-box;} html, body{height: 100%;} body{font-family: "Arial", sans-serif; font-size: 17px; font-weight: 400; position: relative; min-width: 320px; min-height: 1px; line-height: 1.5; color: #000; word-break: break-word; overflow-x: hidden;} a{color: #000; text-decoration: none; transition: .2s ease;} img{max-width: 100%; height: auto; max-height: 100%;} ul{list-style-type: none; margin: 0; padding: 0;} 

/* /nakivo_shop/static/src/scss/base/_buttons.scss defined in bundle 'web.assets_frontend' */
 .button-wrapper{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex;} .button{position: relative; min-width: 160px; width: auto; height: 48px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; justify-content: center; align-items: center; border: none; border-radius: 8px; background: linear-gradient(90deg, #66B57C 0%, #91CAA1 100%); font-size: 11px; font-weight: bold; color: #fff; text-align: center; text-transform: uppercase; padding: 0 30px; cursor: pointer; transition: .2s ease;} .button:focus{outline: 0; box-shadow: 0 0 10px #66B57C;} .button:disabled{cursor: default; background: #C5D2DF; opacity: .6; z-index: -1;} .button--back{color: #476E9A; background: linear-gradient(180deg, #fff 0%, #F7F9FC 100%); border: 1px solid #D9E1EB;} .button--back:focus{outline: 0; box-shadow: 0 0 10px #D9E1EB;} .button--left-pd{padding-left: 50px;} .button--large{min-width: 240px;} .button--pd-large{padding: 0 40px;} .button__img{position: absolute; top: 50%; right: 20px; transform: translateY(-50%);} .button__img--left{right: auto; left: 20px;} .p-button{position: relative; min-width: 144px; width: auto; height: 40px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; justify-content: center; align-items: center; border: none; border-radius: 8px; font-size: 11px; font-weight: bold; color: #fff; background-color: #0072FA; text-align: center; text-transform: uppercase; padding: 0 30px; cursor: pointer; transition: .2s ease; outline: none;} .p-button:hover{background-color: #0066e1;} .p-button:focus{outline: none;} 

/* /nakivo_shop/static/src/scss/base/_helpers.scss defined in bundle 'web.assets_frontend' */
 .h-img-fit img{display: block; width: 100%; height: 100%; object-fit: cover;} .h-align-center{text-align: center;} .h-hidden{display: none !important;} .h-color-danger{color: #FA0800;} .h-bold{font-weight: bold;} .h-shadow{background: #fff; border-radius: 12px; box-shadow: 0 16px 40px rgba(8, 0, 64, 0.16);} .h-sticky{position: sticky; top: 46px;} 

/* /nakivo_shop/static/src/scss/base/_section.scss defined in bundle 'web.assets_frontend' */
 .section{position: relative; padding: 35px 0;} 

/* /nakivo_shop/static/src/scss/base/_typography.scss defined in bundle 'web.assets_frontend' */
 h1, h2, h3, h4{font-weight: normal; margin: 0 0 15px;} h1{font-size: 28px;} h2{font-size: 21px;} h3{font-size: 17px;} h4{font-size: 14px;} .title{margin-bottom: 25px;} .title--mb{margin-bottom: 15px;} .title--no-mb{margin-bottom: 0;} .title--large{font-size: 24px;} .tagline{margin: 0 0 50px;} 

/* /nakivo_shop/static/src/scss/blocks/forms/_p-form.scss defined in bundle 'web.assets_frontend' */
 .p-form__item{margin-bottom: 40px;} @media (max-width: 585px){.p-form__item{margin-bottom: 30px;}} .p-form__item--mb-0{margin-bottom: 0;} .p-form__item--mb{margin-bottom: 15px;} @media (max-width: 585px){.p-form__item--mb{margin-bottom: 15px;}} .p-form__item--mb-middle{margin-bottom: 25px;} .p-form__item--mb-large{margin-bottom: 40px;} @media (max-width: 585px){.p-form__item--mb-large{margin-bottom: 50px;}} @media (max-width: 991px){.p-form__item--mb-md{margin-bottom: 30px;}} .p-form__item--end{text-align: right;} @media (max-width: 991px){.p-form__item--end{text-align: center;}} .p-form__row{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; align-items: flex-end; margin: 0 -15px;} .p-form__col{width: 170px; margin: 0 15px;} @media (max-width: 480px){.p-form__col{width: 100%;}} .p-form__col--auto{width: auto; flex-grow: 1;} @media (max-width: 767px){.p-form__col--auto{width: 100%;}} .p-form__col--50{width: calc(50% - 30px);} @media (max-width: 585px){.p-form__col--50{width: 100%;}} .p-form__group{position: relative; padding-bottom: 25px;} .p-form__group.disabled{color: #A5B8CE; cursor: default;} .p-form__group.disabled .p-form__field{color: #A5B8CE; background: #F2F5FA; border-color: #C5D2DF;} .p-form__group-note{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; position: absolute; left: 0; bottom: 0; font-size: 11px; color: #A5B8CE; padding-left: 5px;} .p-form__group-note::before{content: ''; width: 14px; height: 14px; border-radius: 50%; background: url(/nakivo_shop/static/src/scss/blocks/forms/../img/icons/status-info.svg) no-repeat center; margin-right: 6px;} .p-form__label{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; align-items: center; margin-bottom: 8px;} .p-form__label-txt{font-size: 13px; margin-right: 6px;} .p-form__label-txt--large{font-size: 21px;} .p-form__field{width: 100%; height: 48px; font-size: 17px; border: 1px solid #D9E1EB; border-radius: 8px; background: linear-gradient(180deg, #F7F9FC 10.42%, #fff 17.71%); outline: 0; padding: 12px; transition: .2s ease;} .p-form__field:focus{border-color: #66AAFC; box-shadow: 0 0 6px #0072FA;} .p-form__field--small{height: 40px; font-size: 14px;} .p-form__field--large, .p-form__field--middle-large{display: block; min-width: 100%; max-width: 100%; resize: vertical;} .p-form__field--large{min-height: 120px;} .p-form__field--middle-large{min-height: 96px;} .p-form__field.error{border: 2px solid #FA0800; color: #FA0800;} .p-form__field.error:focus{border-color: #FA0800; box-shadow: 0 0 6px #FA0800;} 

/* /nakivo_shop/static/src/scss/blocks/forms/_p-radio-circle.scss defined in bundle 'web.assets_frontend' */
 .p-radio-circle__item{margin-bottom: 15px;} @media (max-width: 991px){.p-radio-circle__item{margin-bottom: 10px;}} .p-radio-circle__item:last-child{margin-bottom: 0;} .p-radio-circle__label{position: relative; font-size: 14px; padding-left: 30px; cursor: pointer;} .p-radio-circle__label::before, .p-radio-circle__label::after{content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #D9E1EB; margin-top: -1px; transition: .2s ease;} .p-radio-circle__label::after{top: 4px; left: 5px; width: 8px; height: 8px; margin-top: 0; border: none; background-color: #fff; opacity: 0;} .p-radio-circle__label:hover::before{border-color: #94c5ff; background-color: #fafcff;} .p-radio-circle__label--large{font-size: 17px;} .p-radio-circle__label--large::before{width: 20px; height: 20px;} .p-radio-circle__label--large::after{top: 5px; left: 6px;} .p-radio-circle input{position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .p-radio-circle input:checked + .p-radio-circle__label::before{background-color: #0072FA; border-color: #0072FA;} .p-radio-circle input:checked + .p-radio-circle__label::after{opacity: 1;} 

/* /nakivo_shop/static/src/scss/blocks/forms/_p-radio-sq.scss defined in bundle 'web.assets_frontend' */
 .p-radio-sq{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -10px -20px;} .p-radio-sq__item{margin: 0 10px 10px;} .p-radio-sq__button{position: relative; width: 120px; height: 120px;} @media (max-width: 767px){.p-radio-sq__button{width: 70px; height: 70px;}} .p-radio-sq__label{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #E7EBF1; border-radius: 8px; background-color: #fff; background-repeat: no-repeat; background-position: center; cursor: pointer; transition: .2s ease;} .p-radio-sq__label:hover{border-color: #C5D2DF;} .p-radio-sq__label--h{background-image: url(/nakivo_shop/static/src/scss/blocks/forms/../img/icons/happy.svg);} .p-radio-sq__label--n{background-image: url(/nakivo_shop/static/src/scss/blocks/forms/../img/icons/neutral.svg);} .p-radio-sq__label--s{background-image: url(/nakivo_shop/static/src/scss/blocks/forms/../img/icons/sad.svg);} .p-radio-sq input{position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .p-radio-sq input:checked + .p-radio-sq__label--h{border-color: #259194; background-color: #F2FFFF;} .p-radio-sq input:checked + .p-radio-sq__label--n{border-color: #D38252; background-color: #FFF7F2;} .p-radio-sq input:checked + .p-radio-sq__label--s{border-color: #C66363; background-color: #FFF2F2;} .p-radio-sq input.error + .p-radio-sq__label{border-color: #FA0800; box-shadow: 0 0 0 1px #FA0800;} 

/* /nakivo_shop/static/src/scss/blocks/forms/_p-radio.scss defined in bundle 'web.assets_frontend' */
 .p-radio{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; min-width: 220px; height: 48px;} .p-radio__in{width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; border: 1px solid #D9E1EB; border-radius: 8px; background: linear-gradient(180deg, #fff 0%, #F7F9FC 100%); padding: 3px;} .p-radio__item{flex-basis: 0; flex-grow: 1; max-width: 100%;} .p-radio__item--pull-right{margin-left: 50%;} .p-radio__button{height: 100%; border-radius: 4px;} .p-radio__label{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border-radius: 4px; padding: 15px 20px; font-size: 11px; font-weight: bold; text-align: center; text-transform: uppercase; white-space: nowrap; cursor: pointer; background: transparent; z-index: 1;} @media (max-width: 585px){.p-radio__label{padding: 10px;}} .p-radio__label::after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 4px; background: linear-gradient(270deg, #66AAFC 0%, #0D79FA 100%); opacity: 0; transition: opacity .1s ease; z-index: -1;} .p-radio__label--small{padding: 8px 10px;} .p-radio__note{font-size: 9px; text-align: center; padding: 7px;} .p-radio__note a{color: #0072FA; text-decoration: underline;} .p-radio__note a:hover{text-decoration: none;} .p-radio input{position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .p-radio input:checked + .p-radio__label{color: #fff;} .p-radio input:checked + .p-radio__label::after{opacity: 1;} .p-radio input:disabled + .p-radio__label{opacity: .6; cursor: default;} .p-radio input.error + .p-radio__label{box-shadow: 0 0 0 2px #FA0800;} 

/* /nakivo_shop/static/src/scss/blocks/forms/_p-range.scss defined in bundle 'web.assets_frontend' */
 .p-range{padding: 0 23px 20px; border-radius: 12px; border: 1px solid #EEEEEE;} @media (max-width: 585px){.p-range{padding: 0 14px 20px;}} .p-range__pips{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; padding: 28px 0 42px;} @media (max-width: 585px){.p-range__pips{padding-top: 20px;}} .p-range__pips-item{-webkit-box-flex: 1; -webkit-flex: 1 1 0; flex: 1 1 0; position: absolute; top: 0; font-size: 14px; padding: 15px 0;} @media (max-width: 585px){.p-range__pips-item{font-size: 11px;}} .p-range__pips-item:nth-child(2){left: 33.333%; transform: translateX(-50%);} .p-range__pips-item:nth-child(3){left: 66.666%; transform: translateX(-50%);} .p-range__pips-item:last-child{right: 0;} .p-range__pips-item--rec{height: calc(100% + 8px); font-weight: bold; color: #fff; text-align: center; background: linear-gradient(0deg, #FA8500 22.47%, #FCB666 100%); padding: 10px 8px; margin-top: -8px; border-radius: 0 4px 4px 4px;} @media (max-width: 585px){.p-range__pips-item--rec{padding: 10px 5px;}} .p-range__pips-item--rec::before{content: ''; position: absolute; top: 0; left: -16px; width: 17px; height: 8px; background: url(/nakivo_shop/static/src/scss/blocks/forms/../img/icons/corner-range.svg) no-repeat center;} .p-range__pips-item-desc{font-size: 9px; text-transform: uppercase;} @media (max-width: 585px){.p-range__pips-item-desc{font-size: 8px;}} .p-range__pips-rec{font-size: 9px; text-transform: uppercase;} @media (max-width: 585px){.p-range__pips-rec{font-size: 8px;}} .p-range__pips--sec .p-range__pips-item:nth-child(2){left: 25%;} .p-range__pips--sec .p-range__pips-item:nth-child(3){left: 50%;} .p-range__pips--sec .p-range__pips-item:nth-child(4){left: 75%; transform: translateX(-50%);} .p-range .noUi-horizontal .noUi-handle{width: 20px; height: 20px; border-radius: 50%;} .p-range .noUi-horizontal{width: 100%; height: 4px; background-color: #C5D2DF; border-radius: 0; cursor: pointer;} .p-range .noUi-target{margin: -20px 0 10px; border: none; box-shadow: none;} .p-range .noUi-handle:after, .p-range .noUi-handle:before{display: none;} .p-range .noUi-horizontal .noUi-handle{top: -8px; right: -10px; border: none; border-radius: 4px; background: linear-gradient(270deg, #0D79FA 0%, #66AAFC 100%); box-shadow: none; cursor: pointer; outline: 0;} .p-range .noUi-touch-area{background: url(/nakivo_shop/static/src/scss/blocks/forms/../img/icons/lines.svg) no-repeat center;} .p-range .noUi-pips-horizontal{height: 100%; top: -3px; padding: 0;} .p-range .noUi-marker-horizontal.noUi-marker{width: 2px; height: 10px; background-color: #C5D2DF;} .p-range .noUi-value-horizontal{transform: translate(-50%, -100%) !important;} .p-range .noUi-origin{width: 10%;} 

/* /nakivo_shop/static/src/scss/blocks/forms/_p-search.scss defined in bundle 'web.assets_frontend' */
 .p-search{width: 200px; height: 32px; padding: 5px 20px; border-radius: 8px; border: 1px solid #D9E1EB; background: linear-gradient(180deg, #FFFFFF 0%, #F7F9FC 100%);} .p-search__form{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .p-search__input{flex-grow: 1; max-width: 120px; border: none; outline: 0;} .p-search__input::-webkit-input-placeholder{color: #91A8C2; font-style: normal; font-size: 14px;} .p-search__input:-moz-placeholder{color: #91A8C2; font-style: normal; font-size: 14px;} .p-search__input::-moz-placeholder{color: #91A8C2; font-style: normal; font-size: 14px;} .p-search__input:-ms-input-placeholder{color: #91A8C2; font-style: normal; font-size: 14px;} .p-search__submit{flex-shrink: 0; width: 18px; height: 18px; border: none; background: url(/nakivo_shop/static/src/scss/blocks/forms/../img/icons/search.svg) no-repeat center; padding: 0; margin-right: 15px; cursor: pointer;} 

/* /nakivo_shop/static/src/scss/blocks/_det.scss defined in bundle 'web.assets_frontend' */
 .det{border: 1px solid #66AAFC; border-radius: 8px; background-color: #e3effe;} .det__top{font-size: 17px; color: #0072FA; padding: 15px; border-bottom: 1px solid #66AAFC; text-align: center;} .det__bottom{color: #476E9A; padding: 15px;} .det__table{width: 100%; border-collapse: collapse;} .det__table tr:last-child td{padding-bottom: 0;} .det__table td{text-align: left; vertical-align: top; padding-right: 5px; padding-bottom: 10px;} .det__table td:last-child{max-width: 70px; text-align: right; padding-right: 0;} 

/* /nakivo_shop/static/src/scss/blocks/forms/_form.scss defined in bundle 'web.assets_frontend' */
 .form__item{margin-bottom: 40px;} @media (max-width: 585px){.form__item{margin-bottom: 30px;}} .form__item--mb-0{margin-bottom: 0;} .form__item--mb{margin-bottom: 15px;} .form__item--mb-middle{margin-bottom: 25px;} .form__item--mb-large{margin-bottom: 55px;} @media (max-width: 585px){.form__item--mb-large{margin-bottom: 50px;}} @media (max-width: 991px){.form__item--mb-md{margin-bottom: 30px;}} .form__item--end{text-align: right;} @media (max-width: 991px){.form__item--end{text-align: center;}} .form__row{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -15px;} .form__col{width: 170px; margin: 0 15px;} @media (max-width: 480px){.form__col{width: 100%;}} .form__col--auto{width: auto; flex-grow: 1;} @media (max-width: 767px){.form__col--auto{width: 100%;}} .form__col--50{width: calc(50% - 30px);} @media (max-width: 585px){.form__col--50{width: 100%;}} .form__group{position: relative; padding-bottom: 25px;} .form__group.disabled{color: #A5B8CE; cursor: default;} .form__group.disabled .form__field{color: #A5B8CE; background: #F2F5FA; border-color: #C5D2DF;} .form__group-note{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; position: absolute; left: 0; bottom: 0; font-size: 11px; color: #A5B8CE; padding-left: 5px;} .form__group-note::before{content: ''; width: 14px; height: 14px; border-radius: 50%; background: url(/nakivo_shop/static/src/img/icons/status-info.svg) no-repeat center; margin-right: 6px;} .form__label{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; align-items: center; margin-bottom: 8px;} .form__label-txt{font-size: 13px; margin-right: 6px;} .form__label-txt--large{font-size: 21px;} .form__field{width: 100%; height: 48px; border: 1px solid #D9E1EB; border-radius: 8px; background: linear-gradient(180deg, #F7F9FC 10.42%, #fff 17.71%); outline: 0; padding: 12px; transition: .2s ease;} .form__field:focus{border-color: #66AAFC; box-shadow: 0 0 6px #0072FA;} .form__field--small{height: 40px; font-size: 14px;} .form__field.error{border: 2px solid #FA0800; color: #FA0800;} .form__field.error:focus{border-color: #FA0800; box-shadow: 0 0 6px #FA0800;} 

/* /nakivo_shop/static/src/scss/blocks/forms/_radio.scss defined in bundle 'web.assets_frontend' */
 .radio{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;} .radio__in{width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; border: 1px solid #D9E1EB; border-radius: 8px; background: linear-gradient(180deg, #fff 0%, #F7F9FC 100%); padding: 3px;} .radio__item{flex-basis: 0; flex-grow: 1; max-width: 100%;} .radio__item--pull-right{margin-left: 50%;} .radio__button{height: 100%; border-radius: 4px;} .radio__label{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border-radius: 4px; padding: 15px 20px; font-size: 11px; font-weight: bold; text-align: center; text-transform: uppercase; cursor: pointer; background: transparent; z-index: 1;} @media (max-width: 585px){.radio__label{padding: 10px;}} .radio__label::after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 4px; background: linear-gradient(270deg, #66AAFC 0%, #0D79FA 100%); opacity: 0; transition: opacity .1s ease; z-index: -1;} .radio__label--small{padding: 8px 10px;} .radio__note{font-size: 9px; text-align: center; padding: 7px;} .radio__note a{color: #0072FA; text-decoration: underline;} .radio__note a:hover{text-decoration: none;} .radio input{position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .radio input:checked + .radio__label{color: #fff;} .radio input:checked + .radio__label::after{opacity: 1;} .radio input:disabled + .radio__label{opacity: .6; cursor: default;} .radio input.error + .radio__label{box-shadow: 0 0 0 2px #FA0800;} 

/* /nakivo_shop/static/src/scss/blocks/forms/_radio-circle.scss defined in bundle 'web.assets_frontend' */
 .radio-circle{margin-bottom: 15px;} .radio-circle__item{margin-bottom: 15px;} @media (max-width: 991px){.radio-circle__item{margin-bottom: 10px;}} .radio-circle__item:last-child{margin-bottom: 0;} .radio-circle__label{position: relative; font-size: 14px; padding-left: 30px; cursor: pointer;} .radio-circle__label::before, .radio-circle__label::after{content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #D9E1EB; margin-top: -1px; transition: .2s ease;} .radio-circle__label::after{top: 4px; left: 5px; width: 8px; height: 8px; margin-top: 0; border: none; background-color: #fff; opacity: 0;} .radio-circle input{position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .radio-circle input:checked + .radio-circle__label::before{background-color: #0072FA; border-color: #0072FA;} .radio-circle input:checked + .radio-circle__label::after{opacity: 1;} 

/* /nakivo_shop/static/src/scss/blocks/forms/_radio-ed.scss defined in bundle 'web.assets_frontend' */
 .radio-ed{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -7px;} .radio-ed__item{-webkit-box-flex: 1; -webkit-flex: 1 1 0; flex: 1 1 0; position: relative; max-width: 117px; margin: 0 7px;} @media (max-width: 480px){.radio-ed__item{max-width: 135px;}} .radio-ed__button{position: relative; min-width: 115px; height: 168px;} .radio-ed__label{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #D9E1EB; border-radius: 12px; background: linear-gradient(180deg, #fff 0%, #F7F9FC 100%); font-size: 14px; font-weight: bold; padding: 15px; text-align: center; cursor: pointer; transition: .2s ease;} .radio-ed__label:hover{border-color: transparent; background-color: #fff; box-shadow: 0 0 12px #0072FA;} .radio-ed__hint{position: absolute; right: 8px; bottom: 8px;} .radio-ed input{position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .radio-ed input:checked + .radio-ed__label{color: #fff; background: url(/nakivo_shop/static/src/img/bg/bg-radio.svg) no-repeat center; background-size: cover;} .radio-ed input:checked + .radio-ed__label:hover{border-color: #D9E1EB; box-shadow: none;} .radio-ed input:checked:disabled + .radio-ed__label{color: #fff; background: url(/nakivo_shop/static/src/img/bg/bg-radio.svg) no-repeat center; background-size: cover; opacity: .6;} .radio-ed input:disabled + .radio-ed__label{color: #C5D2DF; background: #F2F5FA; border-color: #C5D2DF; cursor: default;} .radio-ed input:disabled + .radio-ed__label:hover{box-shadow: none;} .radio-ed input.error + .radio-ed__label{box-shadow: 0 0 0 2px #FA0800;} .radio-ed input.error + .radio-ed__label:hover{box-shadow: 0 0 0 2px #FA0800;} 

/* /nakivo_shop/static/src/scss/blocks/forms/_range.scss defined in bundle 'web.assets_frontend' */
 .range{padding: 12px 23px; border-radius: 12px; background-color: #F2F5FA;} @media (max-width: 585px){.range{padding: 12px 14px;}} .range__pips{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; padding-top: 28px;} @media (max-width: 585px){.range__pips{padding-top: 20px;}} .range__pips-item{-webkit-box-flex: 1; -webkit-flex: 1 1 0; flex: 1 1 0; position: absolute; top: 0; font-size: 14px;} @media (max-width: 585px){.range__pips-item{font-size: 11px;}} .range__pips-item:nth-child(2){left: 25%; transform: translateX(-50%);} .range__pips-item:nth-child(3){left: 50%; transform: translateX(-50%);} .range__pips-item:nth-child(4){left: 75%; transform: translateX(-50%);} .range__pips-item:last-child{right: 0;} .range .noUi-horizontal .noUi-handle{width: 20px; height: 20px; border-radius: 50%;} .range .noUi-horizontal{width: 100%; height: 4px; background-color: #C5D2DF; border-radius: 0; cursor: pointer;} .range .noUi-target{margin: 10px 0; border: none; box-shadow: none;} .range .noUi-handle:after, .range .noUi-handle:before{display: none;} .range .noUi-horizontal .noUi-handle{top: -8px; right: -10px; border: none; border-radius: 4px; background: linear-gradient(270deg, #66AAFC 0%, #0D79FA 100%); box-shadow: none; cursor: pointer; outline: 0;} .range .noUi-touch-area{background: url(/nakivo_shop/static/src/img/icons/lines.svg) no-repeat center;} .range .noUi-pips-horizontal{height: 100%; top: -3px; padding: 0;} .range .noUi-marker-horizontal.noUi-marker{width: 2px; height: 10px; background-color: #C5D2DF;} .range .noUi-value-horizontal{transform: translate(-50%, -100%) !important;} 

/* /nakivo_shop/static/src/scss/blocks/forms/_search-form.scss defined in bundle 'web.assets_frontend' */
 .search-form{width: 100%; max-width: 624px;} .search-form__in{position: relative; width: 100%;} .search-form__field{width: 100%; height: 56px; background-color: rgba(0, 0, 0, 0.4); border-radius: 5px; border: none; font-size: 14px; color: #000; padding: 0 60px 0 20px; margin-right: 24px; transition: .15s ease;} .search-form__field::-webkit-input-placeholder{color: rgba(0, 0, 0, 0.8); font-style: italic; font-size: 14px;} .search-form__field:-moz-placeholder{color: rgba(0, 0, 0, 0.8); font-style: italic; font-size: 14px;} .search-form__field::-moz-placeholder{color: rgba(0, 0, 0, 0.8); font-style: italic; font-size: 14px;} .search-form__field:-ms-input-placeholder{color: rgba(0, 0, 0, 0.8); font-style: italic; font-size: 14px;} .search-form__field:focus{outline: 0; color: #476E9A; background-color: #000;} .search-form__field:focus + .search-form__btn{background: transparent url(/nakivo_shop/static/src/img/icons/search-hover.svg) no-repeat center;} .search-form__field:focus + .search-form__btn--small{background-size: 30px;} .search-form__field--small{height: 40px; padding: 0 40px 0 15px;} .search-form__field--small::-webkit-input-placeholder{color: rgba(0, 0, 0, 0.8); font-style: italic; font-size: 12px;} .search-form__field--small:-moz-placeholder{color: rgba(0, 0, 0, 0.8); font-style: italic; font-size: 12px;} .search-form__field--small::-moz-placeholder{color: rgba(0, 0, 0, 0.8); font-style: italic; font-size: 12px;} .search-form__field--small:-ms-input-placeholder{color: rgba(0, 0, 0, 0.8); font-style: italic; font-size: 12px;} .search-form__btn{position: absolute; top: 0; right: 0; width: 60px; height: 100%; border: none; border-radius: 5px; background: transparent url(/nakivo_shop/static/src/img/icons/search.svg) no-repeat center; cursor: pointer;} .search-form__btn--small{width: 40px; background-size: 30px;} 

/* /nakivo_shop/static/src/scss/blocks/_aside.scss defined in bundle 'web.assets_frontend' */
 .aside{font-size: 13px; padding: 30px; border-radius: 12px; box-shadow: 0 16px 40px rgba(8, 0, 64, 0.14);} .aside__item{margin-bottom: 25px;} .aside__item:last-of-type{margin-bottom: 0;} .aside__txt{font-size: 24px; line-height: 1.3;} .aside__txt--small{font-size: 14px;} .aside__txt--large{font-size: 28px;} .aside__txt-dis{color: #FA0800; font-weight: bold;} 

/* /nakivo_shop/static/src/scss/blocks/_burger.scss defined in bundle 'web.assets_frontend' */
 .burger{display: none; position: fixed; top: 15px; right: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: space-between; width: 30px; height: 20px; cursor: pointer; z-index: 1000;} @media (max-width: 991px){.burger{display: -webkit-box; display: -webkit-flex; display: flex;}} .burger__line{width: 100%; height: 4px; background-color: #000; box-shadow: 0 0 3px #fff;} 

/* /nakivo_shop/static/src/scss/blocks/_card.scss defined in bundle 'web.assets_frontend' */
 .credit-card{max-width: 384px; border-radius: 16px; background: url(/nakivo_shop/static/src/img/bg/bg-card.svg) no-repeat center; padding: 0.75rem;} @media (max-width: 585px){.credit-card{background-size: cover; padding: 30px 15px 15px;}} .credit-card__label{font-size: 11px; margin-bottom: 10px;} .credit-card__row{display: -webkit-box; display: -webkit-flex; display: flex; margin: 0 -8px;} .credit-card__col{width: calc(50% - 16px); margin: 0 8px;} 

/* /nakivo_shop/static/src/scss/blocks/_contact.scss defined in bundle 'web.assets_frontend' */
 .contact{position: relative; padding: 24px 84px 30px 24px;} @media (max-width: 767px){.contact{padding: 24px 70px 30px 15px;}} .contact__title{font-size: 21px; margin-bottom: 25px;} .contact__more{position: absolute; top: 24px; right: 24px;} @media (max-width: 767px){.contact__more{top: 15px; right: 15px;}} 

/* /nakivo_shop/static/src/scss/blocks/_contact-info.scss defined in bundle 'web.assets_frontend' */
 .contact-info{display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 15px;} .contact-info:last-of-type{margin-bottom: 0;} .contact-info__ico{flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; margin-right: 20px;} @media (max-width: 585px){.contact-info__ico{margin-right: 10px;}} .contact-info__txt{font-size: 14px;} 

/* /nakivo_shop/static/src/scss/blocks/_contacts.scss defined in bundle 'web.assets_frontend' */
 .contacts{display: -webkit-box; display: -webkit-flex; display: flex; padding: 20px 40px; margin: 0 -15px;} @media (max-width: 585px){.contacts{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center;}} .contacts__item{flex-grow: 1; margin: 0 15px;} @media (max-width: 585px){.contacts__item{max-width: 100%; text-align: center;}} .contacts__item--small{max-width: 180px;} .contacts__title{font-size: 16px; font-weight: bold;} .contacts__list{font-size: 14px; margin-bottom: 20px;} 

/* /nakivo_shop/static/src/scss/blocks/_dropdown-c.scss defined in bundle 'web.assets_frontend' */
 .dropdown-c{position: relative; display: inline-block; cursor: pointer;} .dropdown-c.opened{background-color: #fff; border-radius: 5px 5px 0 0;} .dropdown-c--select{display: block; height: 48px; border-radius: 8px;} .dropdown-c--more{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border: 1px solid #D9E1EB; border-radius: 8px; background: linear-gradient(180deg, #fff 0%, #F7F9FC 100%);} .dropdown-c--more.opened{border-radius: 8px;} .dropdown-c__title{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; position: relative; height: 100%;} .dropdown-c__title::after{content: ''; width: 6px; height: 4px; background: url(/nakivo_shop/static/src/img/icons/arrow-down.svg) no-repeat center; margin-left: 10px; transition: transform .2s ease;} .dropdown-c__title.opened{color: #000;} .dropdown-c__title.opened::after{transform-origin: center; transform: rotate(-180deg);} .dropdown-c__title--select{border: 1px solid #D9E1EB; background: linear-gradient(180deg, #FFFFFF 0%, #F7F9FC 100%); border-radius: 8px; padding: 14px;} .dropdown-c__title--select::after{width: 8px; height: 6px; margin-left: auto; background: url(/nakivo_shop/static/src/img/icons/arrow-down-large.svg) no-repeat center;} .dropdown-c__title--select img{margin-right: 14px;} .dropdown-c__title--more::after{display: none;} .dropdown-c__list{position: absolute; top: calc(100% + 10px); left: 0; width: 100%; min-width: 160px; background-color: #fff; border-radius: 10px; padding: 8px; text-align: left; box-shadow: 0 3px 12px rgba(32, 32, 32, 0.19); overflow: auto; z-index: 1;} .dropdown-c__list--right{left: auto; right: 0;} .dropdown-c__list--large{min-width: 240px;} @media (max-width: 767px){.dropdown-c__list--large{min-width: auto;}} .dropdown-c__list--overflow{overflow: visible;} .dropdown-c__list--sub{top: -6px; left: calc(100% + 23px);} .dropdown-c__list--sub.bottom{top: calc(100% + 10px); left: 0;} .dropdown-c__list-in{max-height: 200px;} .dropdown-c__item{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; list-style-image: url(data:0); font-size: 14px; padding: 6px 10px; border-radius: 6px; transition: color, background-color .2s ease;} .dropdown-c__item:first-child{padding-top: 5px;} .dropdown-c__item:last-child{padding-bottom: 5px;} .dropdown-c__item:hover{background-color: #f4f6f9;} .dropdown-c__item img{max-width: 21px; max-height: 15px; margin-right: 14px; margin-bottom: 2px;} .dropdown-c__item__txt{width: 100%; color: #000; overflow: hidden;} 

/* /nakivo_shop/static/src/scss/blocks/_footer.scss defined in bundle 'web.assets_frontend' */
 .footer{color: #fff; background-color: #001D40; padding: 50px 0;} .footer a{color: #fff;} .footer__top{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; margin: 0 -15px 60px;} @media (max-width: 991px){.footer__top{justify-content: center; margin-bottom: 40px;}} .footer__left{width: 100%; max-width: 500px; padding-top: 20px; margin: 0 15px;} @media (max-width: 991px){.footer__left{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; text-align: center;}} .footer__left p{margin: 0;} .footer__right{width: 100%; max-width: 550px; background-color: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 12px; margin: 0 15px;} .footer__item{font-size: 14px; margin-bottom: 40px;} @media (max-width: 991px){.footer__item{margin-bottom: 30px;}} .footer__item--mb{margin-bottom: 0;} @media (max-width: 991px){.footer__item--mb{margin-bottom: 15px;}.footer__item--mb:last-of-type{margin-bottom: 0;}} .footer__bottom{width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between;} @media (max-width: 991px){.footer__bottom{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center;}} .footer__opacity{opacity: .37;} .footer__txt{font-size: 11px;} 

/* /nakivo_shop/static/src/scss/blocks/_header.scss defined in bundle 'web.assets_frontend' */
 .header{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; margin: 0 -15px 30px; padding: 40px 0;} @media (max-width: 991px){.header{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 15px 0;}} .header__item{margin: 0 15px;} @media (max-width: 991px){.header__item{margin-bottom: 15px;}} @media (max-width: 991px){.header__item--middle{margin-bottom: 0;}} 

/* /nakivo_shop/static/src/scss/blocks/_hint.scss defined in bundle 'web.assets_frontend' */
 .hint{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; justify-content: center; align-items: center; width: 14px; height: 14px; border-radius: 50%; background: #66B57C url(/nakivo_shop/static/src/img/icons/question.svg) no-repeat center; cursor: pointer;} 

/* /nakivo_shop/static/src/scss/blocks/_hr.scss defined in bundle 'web.assets_frontend' */
 .hr{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 100%; height: 1px; background-color: #eaeef4;} .hr--large{height: 4px;} .hr__txt{font-size: 21px; line-height: 1; background-color: #fff; padding: 0 8px;} 

/* /nakivo_shop/static/src/scss/blocks/_logo.scss defined in bundle 'web.assets_frontend' */
 .logo{max-width: 168px;} .logo img{display: block;} 

/* /nakivo_shop/static/src/scss/blocks/_menu.scss defined in bundle 'web.assets_frontend' */
 .menu{display: -webkit-box; display: -webkit-flex; display: flex;} @media (max-width: 991px){.menu{position: fixed; top: 0; left: 0; width: 100%; height: auto; max-height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; background-color: #fff; padding: 10px 0; border-bottom: 1px solid #D9E1EB; transform: translateX(100%); transition: transform .2s ease; overflow-y: auto; z-index: 100;}} .menu.open{transform: translateX(0);} .menu li{margin-right: 40px;} @media (max-width: 1199px){.menu li{margin-right: 15px;}} @media (max-width: 991px){.menu li{margin-right: 0;}} .menu li:last-child{margin-right: 0;} .menu a{display: block; font-size: 13px; color: #000; padding: 5px 0; text-align: center;} .menu a.active, .menu a:hover{color: #FA8500;} @media (max-width: 991px){.menu a{padding: 7px 0;}} .menu--secondary a{color: #fff;} .menu--secondary a.active, .menu--secondary a:hover{color: #0072FA;} 

/* /nakivo_shop/static/src/scss/blocks/_order.scss defined in bundle 'web.assets_frontend' */
 .order__top{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding: 30px 24px;} @media (max-width: 585px){.order__top{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; text-align: center;}} .order__title{margin: 0;} .order__title--large{font-size: 21px;} .order__img{flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 77px; height: 88px; margin-left: 10px; margin-right: 30px;} @media (max-width: 585px){.order__img{margin: 0 0 15px;}} .order__desc{max-width: 500px; font-size: 14px; margin: 10px 0 0;} .order__table-wrap{overflow-x: auto;} .order__table{width: 100%; border-collapse: collapse;} .order__table tr:first-child{text-transform: uppercase; background: #F2F5FA;} .order__table tr:first-child td{font-size: 11px; color: #476E9A; padding-top: 8px; padding-bottom: 8px; border: none; white-space: nowrap;} .order__table td{min-width: 73px; max-width: 500px; font-size: 14px; padding: 20px 20px; text-align: right; border-bottom: 1px solid #D9E1EB;} @media (max-width: 767px){.order__table td{min-width: auto; padding: 20px 10px;}} .order__table td:first-child{min-width: 200px; text-align: left; padding-left: 24px;} .order__table td:last-child{padding-right: 24px;} .order__table td.order__table-col{min-width: 85px;} .order__bottom{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; margin: 0 -15px; padding: 15px 24px;} @media (max-width: 585px){.order__bottom{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding-top: 25px;}} .order__bottom-contacts{flex-grow: 1; margin: 0 15px;} @media (max-width: 585px){.order__bottom-contacts{margin-bottom: 20px;}} .order__bottom-sum{max-width: 240px; margin: 0 15px; font-size: 14px; text-align: right;} @media (max-width: 585px){.order__bottom-sum{text-align: center;}} .order__total{font-size: 24px; margin: 5px 0;} 

/* /nakivo_shop/static/src/scss/blocks/_pay.scss defined in bundle 'web.assets_frontend' */
 .pay{height: 335px; padding: 50px 60px;} @media (max-width: 991px){.pay{height: auto; padding: 50px 30px;}} @media (max-width: 585px){.pay{padding: 30px 15px;}} .pay__row{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: center; height: 100%; margin: 0 -15px;} @media (max-width: 991px){.pay__row{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}} .pay__col{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: flex-start; width: calc(50% - 30px); margin: 0 15px;} @media (max-width: 991px){.pay__col{width: calc(100% - 30px); align-items: center;}} .pay__col--end{-webkit-box-pack: end; justify-content: flex-end; align-items: flex-end;} @media (max-width: 991px){.pay__col--end{align-items: center;}} .pay__title{font-size: 21px;} .pay__desc{margin: 0;} @media (max-width: 991px){.pay__desc{text-align: center; margin-bottom: 30px;}} 

/* /nakivo_shop/static/src/scss/blocks/_social.scss defined in bundle 'web.assets_frontend' */
 .social{display: -webkit-box; display: -webkit-flex; display: flex; margin: 0 -7px;} .social__item{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: flex-end; width: 20px; height: 16px; margin: 0 7px;} .social__item--fb:hover svg rect{fill: #fff;} .social__item--fb:hover svg path{fill: #3C5A98;} .social__item--tw:hover svg path{fill: #29A6DE;} .social__item--in:hover svg rect{fill: #fff;} .social__item--in:hover svg path{fill: #1D86BD;} .social__item--yt:hover svg rect{fill: #fff;} .social__item--yt:hover svg path{fill: #CC332B;} .social img{display: block;} .social svg rect, .social svg path{transition: .2s ease;} 

/* /nakivo_shop/static/src/scss/blocks/_stage.scss defined in bundle 'web.assets_frontend' */
 .stage{padding: 22px 16px; background: url(/nakivo_shop/static/src/img/bg/bg-stage.svg) no-repeat center; background-size: cover;} .stage__in{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;} @media (max-width: 585px){.stage__in{align-items: flex-start;}} .stage__item{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; align-items: center; max-width: 232px;} @media (max-width: 767px){.stage__item{max-width: 132px;}} @media (max-width: 585px){.stage__item{max-width: 102px;}} .stage__item:first-child .stage__num::before{display: none;} .stage__item:last-child .stage__num::after{display: none;} .stage__item--current .stage__num{color: #000; background-color: #fff; box-shadow: inset 0 0 0 2px #0072FA;} .stage__item--current .stage__num::before, .stage__item--current .stage__num::after{background-color: #fff;} .stage__item--current .stage__title{color: #000;} .stage__item--done .stage__num{color: transparent; background: #0072FA url(/nakivo_shop/static/src/img/icons/check.svg) no-repeat center;} .stage__item--done .stage__num::before, .stage__item--done .stage__num::after{background-color: #0072FA;} .stage__item--done .stage__title{color: #0072FA;} .stage__num{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 50%; color: #fff; background-color: #C5D2DF; font-size: 14px; margin: 0 100px 10px;} @media (max-width: 767px){.stage__num{margin-left: 50px; margin-right: 50px;}} @media (max-width: 585px){.stage__num{margin-left: 35px; margin-right: 35px;}} .stage__num::before, .stage__num::after{content: ''; position: absolute; top: calc(50% - 1px); left: -100px; width: 100px; height: 2px; background-color: #C5D2DF;} @media (max-width: 767px){.stage__num::before, .stage__num::after{left: -50px; width: 50px;}} @media (max-width: 585px){.stage__num::before, .stage__num::after{left: -35px; width: 35px;}} .stage__num::after{left: 100%;} @media (max-width: 767px){.stage__num::after{left: 100%;}} @media (max-width: 585px){.stage__num::after{left: 100%;}} .stage__title{font-size: 11px; font-weight: bold; color: #C5D2DF; text-transform: uppercase; text-align: center;} 

/* /nakivo_shop/static/src/scss/blocks/_tooltip.scss defined in bundle 'web.assets_frontend' */
 .tooltip_shop{position: fixed; color: #fff; background-color: #202020; font-size: 14px; padding: 8px 15px; border-radius: 8px; white-space: nowrap; z-index: 10;} .tooltip_shop__triangle{content: ''; position: absolute; top: 100%; left: calc(50% - 4px); width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #202020;} .tooltip_shop.bottom .tooltip_shop__triangle{top: -4px; transform: rotate(180deg);} .tooltip_shop.left{border-bottom-left-radius: 4px;} .tooltip_shop.left .tooltip_shop__triangle{left: 3px;} .tooltip_shop.right{border-bottom-right-radius: 4px;} .tooltip_shop.right .tooltip_shop__triangle{left: auto; right: 3px;} .tooltip_shop.bottom.left{border-top-left-radius: 4px; border-bottom-left-radius: 8px;} .tooltip_shop.bottom.right{border-top-right-radius: 4px; border-bottom-right-radius: 8px;} 

/* /nakivo_shop/static/src/scss/blocks/_user.scss defined in bundle 'web.assets_frontend' */
 .user{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .user__ico{flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 50%; background-color: #D9EAFE; margin-right: 10px;} .user__info{font-size: 13px;} 

/* /nakivo_shop/static/src/scss/blocks/_warning.scss defined in bundle 'web.assets_frontend' */
 .warning{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; background-color: #FBFCD9; border: 1px solid #eff363; border-radius: 8px; padding: 10px; text-align: left;} .warning a{text-decoration: underline;} .warning a:hover{text-decoration: none;} .warning--info{background-color: #e3effe; border-color: #b1d4fd; color: #0072FA;} .warning--info a{color: #0072FA;} .warning--error{background-color: #ffcecc; border-color: #ff4d48; color: #FA0800; padding-right: 50px;} @media (max-width: 585px){.warning--error{padding-right: 35px;}} .warning--error a{color: #FA0800;} .warning--error-light{background-color: #fff5f5;} .warning--padding{padding-right: 20px;} .warning__ico{flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 22px; height: 22px; margin-right: 10px;} .warning__ico img{display: block;} .warning__title{font-size: 16px; font-weight: bold;} .warning__txt{font-size: 14px;} .warning__close{flex-shrink: 0; position: absolute; top: 15px; right: 15px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 12px; height: 12px; cursor: pointer;} .warning a{color: #0072FA; text-decoration: underline;} 

/* /nakivo_shop/static/src/scss/blocks/_p-table-sec.scss defined in bundle 'web.assets_frontend' */
 .p-table-sec{padding: 0 30px 30px; background-color: #fff; border-radius: 20px; box-shadow: 0 5px 24px 0 rgba(0, 0, 0, 0.1);} @media (max-width: 1199px){.p-table-sec{padding: 0 15px 30px;}} .p-table-sec__table-wrap{overflow-x: auto;} .p-table-sec__table{width: 100%; border-collapse: collapse;} .p-table-sec__table tr:first-child td{padding: 22px 20px;} .p-table-sec__table tr:first-child td:first-child{padding: 0; text-transform: uppercase;} @media (max-width: 1199px){.p-table-sec__table tr:first-child td{padding: 20px 10px;}.p-table-sec__table tr:first-child td:first-child{padding: 0;}} .p-table-sec__table tr:first-child td div{padding: 0;} .p-table-sec__table tr td{text-align: center; line-height: 1.15; border-bottom: 1px solid #ECECEC;} .p-table-sec__table tr td div{min-width: 127px; min-height: 45px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; padding: 5px 0;} .p-table-sec__table tr td:first-child{max-width: 100%; text-align: left; text-wrap: balance; padding: 0; white-space: normal;} .p-table-sec__table tr td:first-child div{min-width: 180px; -webkit-box-pack: start; justify-content: flex-start;} .p-table-sec__table tr td:last-child{padding-left: 20px; padding-right: 0;} @media (max-width: 1199px){.p-table-sec__table tr td:last-child{padding-left: 10px;}} .p-table-sec__table img{display: block; margin: auto;} .p-table-sec__table a{color: #0072FA; text-decoration: underline;} .p-table-sec__table a:hover{text-decoration: none;} .p-table-sec__table p{margin: 0;} 

/* /nakivo_shop/static/src/scss/layout/_layout.scss defined in bundle 'web.assets_frontend' */
 .l-base{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap;} .l-wrapper{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; flex: 1 0 auto;} .l-container{position: relative; width: 100%; max-width: 1200px; padding: 0 15px; margin: 0 auto;} .l-container--narrow{max-width: 1000px;} .l-main{padding: 80px 0;} @media (max-width: 585px){.l-main{padding: 50px 0;}} .l-main__wrapper{margin-bottom: 60px;} .l-main__row{display: -webkit-box; display: -webkit-flex; display: flex; margin: 0 -15px;} @media (max-width: 991px){.l-main__row{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center;}} .l-main__col{margin: 0 15px;} .l-main__col--content{flex-grow: 1; max-width: 840px; padding-right: 70px;} @media (max-width: 1199px){.l-main__col--content{padding-right: 0;}} @media (max-width: 991px){.l-main__col--content{width: calc(100% - 30px); max-width: 100%;}} .l-main__col--aside{width: 100%; max-width: 300px;} @media (max-width: 991px){.l-main__col--aside{margin-bottom: 60px;}} .l-main__col--mb{margin-bottom: 0;} @media (max-width: 991px){.l-main__col--mb{margin-bottom: 0;}} .l-main__col--50{width: 50%;} @media (max-width: 991px){.l-main__col--50{width: 100%; text-align: center;}} .l-contacts{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -10px -20px;} .l-contacts__item{width: calc(50% - 20px); margin: 0 10px 20px;} @media (max-width: 767px){.l-contacts__item{width: calc(100% - 20px);}} .l-contacts__item--top{width: calc(100% - 20px);} 

/* /nakivo_shop/static/src/scss/custom.scss defined in bundle 'web.assets_frontend' */
 .o_payment_form label{margin-top: 0 !important;} .row a{text-decoration: none;} .nakivo_flag{width: 32px; height: 32px; background: url(/nakivo_shop/static/src/img/country-flag.png) no-repeat; margin-right: 10px;} 

/* /nakivo_shop/static/src/css/main.min.css defined in bundle 'web.assets_frontend' */
 html{line-height: 1.15; -webkit-text-size-adjust: 100%} body{margin: 0} details, main{display: block} h1{font-size: 2em; margin: .67em 0} hr{box-sizing: content-box; height: 0; overflow: visible} code, kbd, pre, samp{font-family: monospace, monospace; font-size: 1em} a{background-color: transparent} abbr[title]{border-bottom: none; -webkit-text-decoration: underline dotted; text-decoration: underline dotted} b, strong{font-weight: bolder} small{font-size: 80%} sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline} sub{bottom: -.25em} sup{top: -.5em} img{border-style: none} button, input, optgroup, select, textarea{font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0} button, input{overflow: visible} button, select{text-transform: none} [type=button], [type=reset], [type=submit], button{-webkit-appearance: button} [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner{border-style: none; padding: 0} [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring{outline: 1px dotted ButtonText} fieldset{padding: .35em .75em .625em} legend{color: inherit; display: table; max-width: 100%; white-space: normal} progress{vertical-align: baseline} textarea{overflow: auto} [type=checkbox], [type=radio], legend{box-sizing: border-box; padding: 0} [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button{height: auto} [type=search]{-webkit-appearance: textfield; outline-offset: -2px} [type=search]::-webkit-search-decoration{-webkit-appearance: none} ::-webkit-file-upload-button{-webkit-appearance: button; font: inherit} summary{display: list-item} [hidden], template{display: none} @-webkit-keyframes fade{0%{opacity: 0}to{opacity: 1}} @keyframes fade{0%{opacity: 0}to{opacity: 1}} .noUi-target, .noUi-target *{-webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; box-sizing: border-box} .noUi-target{position: relative} .noUi-base, .noUi-connects{width: 100%; height: 100%; position: relative; z-index: 1} .noUi-connects{overflow: hidden; z-index: 0} .noUi-connect, .noUi-origin{will-change: transform; position: absolute; z-index: 1; top: 0; right: 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; transform-style: flat} .noUi-connect{height: 100%; width: 100%} .noUi-origin{height: 10%; width: 10%} .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left: 0; right: auto} .noUi-vertical .noUi-origin{width: 0} .noUi-horizontal .noUi-origin{height: 0} .noUi-handle{-webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute} .noUi-touch-area{height: 100%; width: 100%} .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin{transition: transform .3s} .noUi-state-drag *{cursor: inherit!important} .noUi-horizontal{height: 18px} .noUi-horizontal .noUi-handle{width: 34px; height: 28px; right: -17px; top: -6px} .noUi-vertical{width: 18px} .noUi-vertical .noUi-handle{width: 28px; height: 34px; right: -6px; top: -17px} .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left: -17px; right: auto} .noUi-target{background: #fafafa; border-radius: 4px; border: 1px solid #d3d3d3; box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb} .noUi-connects{border-radius: 3px} .noUi-connect{background: #3fb8af} .noUi-draggable{cursor: ew-resize} .noUi-vertical .noUi-draggable{cursor: ns-resize} .noUi-handle{border: 1px solid #d9d9d9; border-radius: 3px; background: #fff; cursor: default; box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb} .noUi-active{box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb} .noUi-handle:after, .noUi-handle:before{content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #e8e7e6; top: 6px} .noUi-handle:before{left: 14px} .noUi-handle:after{left: 17px} .noUi-vertical .noUi-handle:after{width: 14px; height: 1px; left: 6px} .noUi-vertical .noUi-handle:before{width: 14px; height: 1px; left: 6px; top: 14px} .noUi-vertical .noUi-handle:after{top: 17px} [disabled] .noUi-connect{background: #b8b8b8} [disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target{cursor: not-allowed} *, .noUi-pips, .noUi-pips *, ::after, ::before{box-sizing: border-box} .noUi-pips{position: absolute; color: #999} .noUi-value{position: absolute; white-space: nowrap; text-align: center} .noUi-value-sub{color: #ccc; font-size: 10px} .noUi-marker{position: absolute; background: #ccc} .noUi-marker-large, .noUi-marker-sub{background: #aaa} .noUi-pips-horizontal{padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%} .noUi-value-horizontal{transform: translate(-50%, 50%)} .noUi-rtl .noUi-value-horizontal{transform: translate(50%, 50%)} .noUi-marker-horizontal.noUi-marker{margin-left: -1px; width: 2px; height: 5px} .noUi-marker-horizontal.noUi-marker-sub{height: 10px} .noUi-marker-horizontal.noUi-marker-large{height: 15px} .noUi-pips-vertical{padding: 0 10px; height: 100%; top: 0; left: 100%} .noUi-value-vertical{transform: translate(0, -50%); padding-left: 25px} .noUi-rtl .noUi-value-vertical{transform: translate(0, 50%)} .noUi-marker-vertical.noUi-marker{width: 5px; height: 2px; margin-top: -1px} .noUi-marker-vertical.noUi-marker-sub{width: 10px} .noUi-marker-vertical.noUi-marker-large{width: 15px} .noUi-tooltip{display: block; position: absolute; border: 1px solid #d9d9d9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap} .noUi-horizontal .noUi-tooltip{transform: translate(-50%, 0); left: 50%; bottom: 120%} .noUi-vertical .noUi-tooltip{transform: translate(0, -50%); top: 50%; right: 120%} .noUi-horizontal .noUi-origin>.noUi-tooltip{transform: translate(50%, 0); left: auto; bottom: 10px} .noUi-vertical .noUi-origin>.noUi-tooltip{transform: translate(0, -18px); top: auto; right: 28px} body, html{height: 100%} a, body{color: #000} body{font-family: "Arial", sans-serif; font-weight: 400; position: relative; min-width: 320px; min-height: 1px; line-height: 1.5; word-break: break-word; overflow-x: hidden} body.overflow-hidden{overflow: hidden} a{text-decoration: none; transition: .2s ease} img{max-width: 100%; height: auto; max-height: 100%} ul{list-style-type: none; margin: 0; padding: 0} h1, h2, h3, h4{line-height: 1.2; margin: 0 0 25px} body, h4{font-size: 14px} h4{margin: 0 0 15px} h1{font-size: 48px} h2{font-size: 21px} h3{font-size: 17px} .title{font-size: 28px} .title--mb{margin-bottom: 80px} .title--mb-middle{margin-bottom: 60px} .tagline, .title--small{font-size: 17px} .tagline{margin: 0 0 5px} .tagline--small{font-size: 14px} .tagline--width{max-width: 500px; margin: 0 auto 5px} .tagline--width-large{max-width: 700px; margin: 0 auto 5px} .tagline--width-small{max-width: 400px; margin: 0 auto 5px} .tagline--mb{margin-bottom: 50px} .tagline--mb-large{margin-bottom: 70px} .p-button, .section{position: relative; padding: 35px 0} .p-button{min-width: 144px; width: auto; height: 40px; display: inline-flex; justify-content: center; align-items: center; border: 0; border-radius: 8px; font-size: 11px; font-weight: 700; color: #fff; background-color: #66b57c; text-align: center; text-transform: uppercase; padding: 0 30px; cursor: pointer; transition: .2s ease} .p-button:hover{background-color: #55ad6d} .p-button:disabled{cursor: default; background: #c5d2df; opacity: .6} .p-button--back{color: #476e9a; background: linear-gradient(180deg, #fff 0, #f7f9fc 100%); border: 1px solid #d9e1eb} .p-button--back:focus{outline: 0; box-shadow: 0 0 10px #d9e1eb} .p-button--sec{background: linear-gradient(270deg, #489bff 0, #0072fa 100%)} .p-button--large{min-width: 160px; height: 48px} .p-button--largest{width: 100%; max-width: 320px} .p-button--square{min-width: auto; width: 48px; height: 48px; padding: 0} .p-button--small{height: 32px; font-size: 11px; padding: 5px 8px; text-transform: none} .p-button--nowrap{white-space: nowrap} .p-button__img{position: absolute; top: 50%; right: 20px; transform: translateY(-50%)} .p-button__img--left{right: auto; left: 20px} .p-button--pl{padding-left: 45px} .p-button--capitalize{text-transform: capitalize} .p-button--normal{text-transform: none} .p-button--width{min-width: 120px} .h-img-fit img{display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover} .h-align-center{text-align: center} .h-align-right{text-align: right} .h-hidden{display: none!important} .h-color-secondary, .h-color-secondary a{color: #fff} .h-bold{font-weight: 700} .h-shadow{background: #fff; border-radius: 12px; box-shadow: 0 16px 40px rgba(8, 0, 64, .16)} .h-mb{margin-bottom: 20px} .h-mb-large{margin-bottom: 85px} .l-base{display: flex; flex-flow: column nowrap} .l-wrapper{position: relative; display: flex; flex-direction: column; flex: 1 0 auto; background-repeat: no-repeat; background-position: center; background-size: cover} .l-wrapper--bg-main{background-image: url(/nakivo_shop/static/src/css/../img/bg/bg-main.svg)} .l-container{position: relative; width: 100%; max-width: 1200px; padding: 0 15px; margin: 0 auto} .l-container--small{max-width: 1000px} .l-main{height: 100%; display: flex; flex-direction: column; padding: 60px 0} .l-main--center{justify-content: center} .l-main--bg{background: url(/nakivo_shop/static/src/css/../img/bg/bg-inner.svg) no-repeat center; background-size: cover} .l-main__row{display: flex; margin: 0 -15px} .l-main__col{margin: 0 15px} .l-main__col--50{width: 50%} .l-row{display: flex; flex-flow: row wrap; justify-content: center; margin: 0 -15px -30px} .l-row--start{justify-content: flex-start} .l-col{flex-basis: 0; flex-grow: 1; max-width: 100%; margin: 0 15px 30px} .l-col--half{flex-basis: calc(50% - 30px); flex-grow: 0} .l-col--auto{flex-basis: auto} .l-col--end{display: flex; justify-content: flex-end} .l-col--center{display: flex; flex-direction: column; justify-content: center} .l-acc{display: flex; margin: 0 -20px -40px} .l-acc__main{flex-grow: 1; margin: 0 20px 40px} .l-acc__aside{flex-shrink: 0; width: 360px; margin: 0 20px 40px} .l-title{position: relative; padding: 0 63px} .l-title--large-padding{padding: 0 170px} .l-title__button{flex-shrink: 0; position: absolute; left: 0; top: 0; width: 48px; height: 48px} .l-title__button--large{width: 160px; height: auto} .l-title__txt{padding-top: 8px} .l-btn{display: flex; flex-flow: row wrap; margin: 0 -8px} .l-btn--end{justify-content: flex-end} .l-btn__col{margin: 0 8px} .header{padding: 20px 0; background-color: #fff; box-shadow: 0 1px 8px rgba(8, 0, 64, .08)} .header--main{padding: 40px 0; background-color: transparent; box-shadow: none} .header__in{display: flex; flex-flow: row wrap; align-items: center; margin: 0 -15px} .header__item, .menu li{margin: 0 15px} .header__item--middle{margin-left: auto} .header__menu.open{transform: translateX(0)} .logo{max-width: 160px} .logo img, .menu a, .shadow img{display: block} .menu{display: flex; flex-flow: row wrap; margin: 0 -15px} .menu a{font-size: 14px} .menu a:hover{color: #0072fa} .menu--main{margin: 0 -20px; text-transform: uppercase} .menu--main li{margin: 0 20px} .menu--main a{font-size: 11px; color: #fff} .form{width: 100%; background-color: #fff; border-radius: 20px;} .form__title{font-size: 21px; text-align: center} .form__group{position: relative; padding-bottom: 15px} .form__group--mb{margin-bottom: 10px} .form__group--mb-large{margin-bottom: 25px} .form__label{display: flex; flex-flow: row wrap; align-items: center; font-size: 12px; margin-bottom: 8px} .form__field{width: 100%; height: 40px; font-size: 14px; border: 1px solid #d9e1eb; border-radius: 8px; outline: 0; padding: 12px; transition: .2s ease} .form__field::-webkit-input-placeholder{color: #91a8c2; font-style: normal; font-size: 14px} .form__field:-moz-placeholder, .form__field::-moz-placeholder{color: #91a8c2; font-style: normal; font-size: 14px} .form__field:-ms-input-placeholder{color: #91a8c2; font-style: normal; font-size: 14px} .form__submit{width: 100%; height: 40px} .form__link{font-size: 12px; color: #91a8c2} .burger{display: none; position: fixed; top: 15px; right: 15px; flex-direction: column; justify-content: space-between; width: 30px; height: 20px; cursor: pointer; z-index: 1000} .burger__line{width: 100%; height: 4px; background-color: #000; box-shadow: 0 0 3px #fff} .prog{display: flex; flex-flow: row wrap; justify-content: center; margin: 0 -24px -70px; padding-top: 45px} .prog__item{flex-basis: 0; flex-grow: 1; max-width: 100%; margin: 0 24px 70px; background: #fff; border-radius: 20px; box-shadow: 0 5px 24px rgba(0, 0, 0, .1); padding: 30px} .prog__top{margin: -70px 0 40px; text-align: center} .prog__item-in{min-height: 147px; margin-bottom: 25px} .prog__item-in:last-of-type{margin-bottom: 0} .list{margin-bottom: 15px; text-align: left} .list li{position: relative; padding-left: 15px; margin-bottom: 12px; line-height: 1.2} .list li::before{content: ''; position: absolute; top: 6px; left: 0; width: 6px; height: 6px; background-color: #0072fa; border-radius: 50%} .list--check{margin-bottom: 25px} .list--check li{padding-left: 35px; margin-bottom: 18px} .list--check li::before{top: -1px; width: 16px; height: 16px; background: url(/nakivo_shop/static/src/css/../img/icons/check.svg) no-repeat center} .pr{display: flex; flex-flow: row wrap; justify-content: center; margin: 0 -20px -40px} .pr__item{margin: 0 20px 40px; text-align: center} .pr__in, .pr__top{display: flex; justify-content: center; align-items: center} .pr__top{width: 160px; height: 160px; background: #fff; border-radius: 20px; box-shadow: 0 5px 24px rgba(0, 0, 0, .1)} .pr__in{width: 72px; height: 72px; background: linear-gradient(180deg, #d9eafe 0, rgba(217, 234, 254, .15) 100%); border-radius: 50%; padding: 10px} .pr__bottom{margin-top: 30px} .shadow{display: flex; justify-content: center; align-items: center; max-width: 968px; min-height: 60px; margin: auto} .prom{max-width: 530px; margin: 0 auto 20px; padding-top: 60px; text-align: center} .prom__ico{max-width: 60px; margin: 0 auto 25px; text-align: center} .prom__ico img{display: block; margin: auto} .prom__title{margin-bottom: 15px} .p-radio__note a, .prom__desc a{color: #0072fa; text-decoration: underline} .prom__desc a:hover{text-decoration: none} .res{display: flex; flex-flow: row wrap; margin: 0 -15px -30px} .res--center{justify-content: center} .res__item{display: flex; width: calc(50% - 30px); margin: 0 15px 30px; background: #fff; border-radius: 20px; box-shadow: 0 5px 24px rgba(0, 0, 0, .1); padding: 24px} .res__item--4{width: calc(33.333333% - 30px)} .res__img, .res__item--align-center{align-items: center} .res__img{flex-shrink: 0; display: flex; justify-content: center; width: 72px; height: 72px; border-radius: 50%; background: linear-gradient(180deg, #d9eafe 0, rgba(217, 234, 254, .15) 100%); margin-right: 24px; padding: 10px} .res__content{display: flex; flex-direction: column} .res__title{margin-bottom: 10px} .res__desc{margin: 0 0 10px} .res__link{color: #0072fa; margin-top: auto} .p-vid{background: #fff; box-shadow: 0 5px 24px rgba(0, 0, 0, .1); border-radius: 20px; padding: 12px} .p-vid__media{position: relative; height: 0; padding-bottom: 56.25%; border-radius: 12px; overflow: hidden} .p-modal__iframe iframe, .p-vid__media iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%} .p-vid__title{font-size: 17px; font-weight: 700; padding: 12px} .tech{display: flex; background: #fff; box-shadow: 0 5px 24px rgba(0, 0, 0, .1); border-radius: 20px; padding: 28px 40px} .tech__content{flex-grow: 1; padding: 12px 0; margin-right: 15px} .tech__media{flex-shrink: 0; width: 100%; max-width: 470px; margin-left: 15px} .p-list{border-radius: 12px; border: 1px solid #d9e1eb; background-color: #fff} .p-list__item{display: flex; align-items: center; padding: 32px; border-bottom: 1px solid #d9e1eb} .p-list__item:last-child{border: 0} .p-list__item:hover .p-list__icon svg path{fill: #0072fa} .p-list__item:hover .p-list__txt{color: #000} .p-list__icon{flex-shrink: 0; width: 24px; height: 24px; margin-right: 24px} .p-list__icon svg path, .p-list__txt{transition: .2s ease} .p-list__txt{font-size: 17px; font-weight: 700; color: #50759f; margin-right: 24px} .p-list__count{display: flex; justify-content: center; align-items: center; font-size: 12px; font-weight: 700; line-height: 1; color: #476e9a; background-color: #e1eaf5; padding: 4px 9px; border-radius: 12px; margin-left: auto} .p-info{background: #fff; box-shadow: 0 8px 32px rgba(0, 114, 250, .1); border-radius: 12px; padding: 32px} .p-info--sec{box-shadow: none} .p-info__item{margin-bottom: 40px} .p-info__item--mb{margin-bottom: 15px} .p-info__user{display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; border-radius: 50%; margin-top: -72px; margin-bottom: 32px} .p-info__title-wrap{position: relative; display: flex; align-items: center; border-bottom: 1px solid #d9e1eb; padding-bottom: 8px; margin-bottom: 20px} .p-info__title{color: #476e9a; font-size: 12px; text-transform: uppercase; margin-bottom: 0} .p-info__title--mb{margin-bottom: 8px} .p-info__title--normal{text-transform: none} .p-info__title-sec{font-size: 21px; margin: 0 0 20px} .p-info__title-icon{flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 8px; border: 1px solid #d9e1eb; margin-left: auto} .p-info__highlight{font-size: 12px; font-weight: 700; color: #fff; background-color: #0072fa; border-radius: 12px; padding: 1px 5px} .p-info__table td{padding: 6px 20px} .p-info__table td:first-child{padding-left: 0} .p-info__table td:last-child{padding-right: 0} .p-contact__txt a:hover{color: #476e9a} .p-contact{display: flex; margin-bottom: 20px} .p-contact__icon{flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; margin-right: 17px} .p-contact__txt{font-size: 14px} .p-form__item{margin-bottom: 40px} .p-form__item--mb-0{margin-bottom: 0} .p-form__item--mb{margin-bottom: 15px} .p-form__item--mb-middle{margin-bottom: 25px} .p-form__item--mb-large{margin-bottom: 40px} .p-form__item--end{text-align: right} .p-form__row{display: flex; flex-flow: row wrap; margin: 0 -15px} .p-form__col{width: 170px; margin: 0 15px} .p-form__col--auto{width: auto; flex-grow: 1} .p-form__col--50{width: calc(50% - 30px)} .p-form__group{position: relative; padding-bottom: 25px} .p-form__group.disabled{color: #a5b8ce; cursor: default} .p-form__group.disabled .p-form__field{color: #a5b8ce; background: #f2f5fa; border-color: #c5d2df} .p-form__group-note{display: flex; align-items: center; position: absolute; left: 0; bottom: 0; font-size: 11px; color: #a5b8ce; padding-left: 5px} .p-form__group-note::before{content: ''; width: 14px; height: 14px; border-radius: 50%; background: url(/nakivo_shop/static/src/css/../img/icons/status-info.svg) no-repeat center; margin-right: 6px} .p-form__label{display: flex; flex-flow: row wrap; align-items: center; margin-bottom: 8px} .p-form__label-txt{font-size: 13px; margin-right: 6px} .p-form__label-txt--large{font-size: 21px} .p-form__field{width: 100%; height: 48px; font-size: 17px; border: 1px solid #d9e1eb; border-radius: 8px; background: linear-gradient(180deg, #f7f9fc 10.42%, #fff 17.71%); outline: 0; padding: 12px; transition: .2s ease} .p-form__field:focus{border-color: #66aafc; box-shadow: 0 0 6px #0072fa} .p-form__field--small{height: 40px; font-size: 14px} .p-form__field--large, .p-form__field--middle-large{display: block; min-width: 100%; max-width: 100%; resize: vertical} .p-form__field--large{min-height: 120px} .p-form__field--middle-large{min-height: 96px} .p-form__field.error{border: 2px solid #fa0800; color: #fa0800} .p-form__field.error:focus{border-color: #fa0800; box-shadow: 0 0 6px #fa0800} .dropdown-c{position: relative; display: inline-block; cursor: pointer} .dropdown-c.opened{background-color: #fff; border-radius: 5px 5px 0 0} .dropdown-c--select{display: block; min-width: 200px; height: 48px; border-radius: 8px} .dropdown-c--more{display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border: 1px solid #d9e1eb; border-radius: 8px; background: linear-gradient(180deg, #fff 0, #f7f9fc 100%)} .dropdown-c--more.opened{border-radius: 8px} .dropdown-c--small{height: 32px} .dropdown-c--full-width, .dropdown-c--sub{width: 100%} .dropdown-c__title{display: flex; align-items: center; position: relative; height: 100%} .dropdown-c__title::after{flex-shrink: 0; content: ''; width: 6px; height: 4px; background: url(/nakivo_shop/static/src/css/../img/icons/arrow-down.svg) no-repeat center; margin-left: 10px; transition: transform .2s ease} .dropdown-c__title--arrow-large::after{width: 8px; height: 5px; background: url(/nakivo_shop/static/src/css/../img/icons/arrow-down-large.svg) no-repeat center} .dropdown-c__title--right::after{width: 7px; height: 12px; background: url(/nakivo_shop/static/src/css/../img/icons/arrow-right-large.svg) no-repeat center} .dropdown-c__title.opened{color: #000} .dropdown-c__title.opened::after{transform-origin: center; transform: rotate(-180deg)} .dropdown-c__title.error{border: 2px solid #fa0800} .dropdown-c__title--select{border: 1px solid #d9e1eb; background: linear-gradient(180deg, #fff 0, #f7f9fc 100%); border-radius: 8px; padding: 14px} .dropdown-c__title--select::after{width: 8px; height: 6px; margin-left: auto; background: url(/nakivo_shop/static/src/css/../img/icons/arrow-down-large.svg) no-repeat center} .dropdown-c__title--select img{margin-right: 14px} .dropdown-c__title--more::after, .p-table__table--small tr td::after{display: none} .dropdown-c__list{position: absolute; top: calc(100% + 10px); left: 0; width: 100%; min-width: 160px; background-color: #fff; border-radius: 10px; padding: 8px; text-align: left; box-shadow: 0 3px 12px rgba(32, 32, 32, .19); overflow: auto; z-index: 1} .dropdown-c__list--right{left: auto; right: 0} .dropdown-c__list--large{min-width: 240px} .dropdown-c__list--large2{min-width: 540px} .dropdown-c__list--overflow{overflow: visible} .dropdown-c__list--sub{top: -6px; left: calc(100% + 23px)} .dropdown-c__list--sub.bottom{top: calc(100% + 10px); left: 0} .dropdown-c__list-in{max-height: 200px; overflow: auto} .dropdown-c__list-in--overflow{overflow: visible} .dropdown-c__item{position: relative; display: flex; align-items: center; list-style-image: url(data:0); font-size: 14px; padding: 6px 10px; border-radius: 6px; transition: color, background-color .2s ease} .dropdown-c__item:first-child{padding-top: 5px} .dropdown-c__item:first-child .dropdown-c__list--sub{top: -13px} .dropdown-c__item:first-child .dropdown-c__list--sub.bottom{top: calc(100% + 10px)} .dropdown-c__item:last-child{padding-bottom: 5px} .dropdown-c__item:hover{background-color: #f4f6f9} .dropdown-c__item img{max-width: 21px; max-height: 15px; margin-right: 14px; margin-bottom: 2px} .dropdown-c__txt{width: 100%; color: #000; overflow: hidden} .tooltip_shop{position: fixed; color: #fff; background-color: #202020; font-size: 14px; padding: 8px 15px; border-radius: 8px; white-space: nowrap; z-index: 10} .tooltip_shop__triangle{content: ''; position: absolute; top: 100%; left: calc(50% - 4px); width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #202020} .tooltip_shop.bottom .tooltip_shop__triangle{top: -4px; transform: rotate(180deg)} .tooltip_shop.left{border-bottom-left-radius: 4px} .tooltip_shop.left .tooltip_shop__triangle{left: 3px} .tooltip_shop.right{border-bottom-right-radius: 4px} .tooltip_shop.right .tooltip_shop__triangle{left: auto; right: 3px} .tooltip_shop.bottom.left{border-top-left-radius: 4px; border-bottom-left-radius: 8px} .tooltip_shop.bottom.right{border-top-right-radius: 4px; border-bottom-right-radius: 8px} .p-table{min-height: 550px; background-color: #fff; border-radius: 12px; box-shadow: 0 2px 8px rgba(107, 102, 140, .2); margin-bottom: 30px} .p-table:last-child{margin-bottom: 0} .p-table--no-min-height{min-height: auto} .p-table--no-shadow{box-shadow: none} .p-table--small-height{min-height: 420px} .p-table__top{display: flex; flex-flow: row wrap; align-items: center; margin: 0 -6px; padding: 15px 32px} .p-table__top--sec{flex-wrap: nowrap; margin: 0; padding: 28px 32px} .p-table__top--third{margin: 0} .p-table__top--border-bottom{border-bottom: 1px solid #c5d2df} .p-table__left{margin-right: auto; margin-left: -6px} .p-table__left--sec{white-space: nowrap; margin-left: 0; margin-right: 20px} .p-table__right{display: flex; flex-flow: row wrap; align-items: center} .p-table__content{display: flex} .p-table__content-left{flex-grow: 1} .p-table__content-right{width: 100%; max-width: 380px} .p-table__item{margin: 5px 6px} .p-table__title{color: #476e9a; font-size: 14px} .p-table__title--sec{font-size: 12px; font-weight: 700; text-transform: uppercase; margin: 0} .p-table__title--normal{text-transform: none} .p-table__divider{width: 1px; height: 20px; background-color: #d9e1eb} .p-table__button{display: block; width: 32px; height: 32px; border-radius: 8px; background: #0072fa url(/nakivo_shop/static/src/css/../img/icons/plus.svg) no-repeat center} .p-table__button:hover{background-color: #1f85ff} .p-table__table-wrap{overflow-x: auto} .p-table__table{width: 100%; border-collapse: collapse; margin-bottom: 30px} .p-table__table tr{border-bottom: 1px solid #beccdd} .p-table__table tr:first-child{background-color: #f2f5fa; border: 0} .p-table__table tr:first-child td{position: relative; font-size: 12px; font-weight: 700; color: #476e9a; text-transform: uppercase; padding: 12px 24px} .p-table__table tr:first-child td::after{content: ''; width: 1px; height: 24px; position: absolute; top: calc(50% - 12px); right: 0; background-color: #d9e1eb} .p-table__table tr:first-child td:last-child::after{display: none} .p-table__table tr:hover{background-color: #f2f8ff} .p-table__table tr:hover .p-table__hidden{visibility: visible} .p-table__table tr td{min-width: 180px; font-size: 14px; padding: 13px 24px} .p-table__table--small{margin-bottom: 0} .p-table__table--small tr:first-child td{font-size: 11px; padding: 12px} .p-table__table--small tr td{min-width: 115px; width: 115px; padding: 16px 12px} .p-table__table--small tr td:first-child{width: auto; padding-left: 24px; text-align: left; white-space: nowrap} .p-table__table--small tr td:last-child{padding-right: 24px} .p-table__note{padding: 60px 24px} .p-table__txt{font-size: 12px; font-weight: 700; color: #fff; border-radius: 12px; padding: 2px 4px; white-space: nowrap} .p-table__txt--blue{background-color: #188ef5} .p-table__txt--grey{background-color: #7f9ab9} .p-table__txt--orange{background-color: #f2870c} .p-table__txt--yellow{background-color: #ccbb0a} .p-table__txt--viol{background-color: #5810cc} .p-table__txt--green{background-color: #10cc62} .p-table__txt--turq{background-color: #10ccc1} .p-table__txt--blue-light{background-color: #10aacc} .p-table__txt--red{background-color: #e51e17} .p-table__hidden{visibility: hidden; transition: none} .p-table__bottom-content{padding: 24px 32px} .p-search{width: 200px; height: 32px; padding: 5px 20px; border-radius: 8px; border: 1px solid #d9e1eb; background: linear-gradient(180deg, #fff 0, #f7f9fc 100%)} .p-search__form{display: flex; align-items: center} .p-search__input{flex-grow: 1; max-width: 120px; border: 0; outline: 0} .p-search__input::-webkit-input-placeholder{color: #91a8c2; font-style: normal; font-size: 14px} .p-search__input:-moz-placeholder, .p-search__input::-moz-placeholder{color: #91a8c2; font-style: normal; font-size: 14px} .p-search__input:-ms-input-placeholder{color: #91a8c2; font-style: normal; font-size: 14px} .p-search__submit{flex-shrink: 0; width: 18px; height: 18px; border: 0; background: url(/nakivo_shop/static/src/css/../img/icons/search.svg) no-repeat center; padding: 0; margin-right: 15px; cursor: pointer} .p-modal{display: none; position: fixed; top: 0; left: 0; overflow: auto; width: 100%; height: 100%; background: rgba(0, 29, 64, .4); z-index: 1000} .p-modal.opened{display: block} .p-modal__table{display: table; width: 100%; height: 100%} .p-modal__cell{display: table-cell; vertical-align: middle; text-align: center} .p-modal__in{position: relative; display: inline-block; max-width: 1400px; min-width: 420px; background-color: #fff; border-radius: 12px; margin: 15px; text-align: left; -webkit-animation: fade .5s; animation: fade .5s; z-index: 2} .p-modal__top{padding: 25px 65px 25px 25px} .p-modal__title{font-size: 17px; font-weight: 400; margin: 0} .p-modal__middle{padding: 25px 25px 10px} .p-modal__bottom{padding: 24px} .p-modal__bottom--pt-0{padding-top: 0} .p-modal__iframe{position: relative; padding-bottom: 56%; height: 0} .p-modal__close{position: absolute; top: 25px; right: 25px; width: 15px; height: 15px; cursor: pointer; background: url(/nakivo_shop/static/src/css/../img/icons/close.svg) no-repeat center} .p-radio-circle__item{margin-bottom: 15px} .p-radio-circle__item:last-child{margin-bottom: 0} .p-radio-circle__label{position: relative; font-size: 14px; padding-left: 30px; cursor: pointer} .p-radio-circle__label::after, .p-radio-circle__label::before{content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #d9e1eb; margin-top: -1px; transition: .2s ease} .p-radio-circle__label::after{top: 4px; left: 5px; width: 8px; height: 8px; margin-top: 0; border: 0; background-color: #fff; opacity: 0} .p-radio-circle__label:hover::before{border-color: #94c5ff; background-color: #fafcff} .p-radio-circle__label--large{font-size: 17px} .p-radio-circle__label--large::before{width: 20px; height: 20px} .p-radio-circle__label--large::after{top: 5px; left: 6px} .p-radio input, .p-radio-circle input, .p-radio-sq input{position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none} .p-radio-circle input:checked+.p-radio-circle__label::before{background-color: #0072fa; border-color: #0072fa} .p-radio input:checked+.p-radio__label::after, .p-radio-circle input:checked+.p-radio-circle__label::after{opacity: 1} .p-menu{position: relative; width: 100%; cursor: pointer} .p-menu:hover .p-menu__sub, .p-menu__item:hover .p-menu__sub{visibility: visible; opacity: 1; transition-delay: .1s} .p-menu__sub{position: absolute; top: 0; left: calc(100% + 20px); width: 100%; min-width: 160px; background-color: #fff; border-radius: 10px; padding: 8px; box-shadow: 0 3px 12px rgba(32, 32, 32, .19); transition: all .1s ease-in-out .01s; visibility: hidden; opacity: 0; z-index: 1} .p-menu__link{display: block} .p-feedback{max-width: 480px; margin: auto; background-color: #fff; border-radius: 20px; padding: 40px} .p-feedback__title{font-size: 21px; text-align: center; margin-bottom: 40px} .p-feedback__content{font-size: 17px} .p-feedback__headline{margin-left: -20px; margin-right: -20px} .p-radio-sq{display: flex; flex-flow: row wrap; margin: 0 -10px -20px} .p-radio-sq__item{margin: 0 10px 10px} .p-radio-sq__button{position: relative; width: 120px; height: 120px} .p-radio-sq__label{display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #e7ebf1; border-radius: 8px; background-color: #fff; background-repeat: no-repeat; background-position: center; cursor: pointer; transition: .2s ease} .p-radio-sq__label:hover{border-color: #c5d2df} .p-radio-sq__label--h{background-image: url(/nakivo_shop/static/src/css/../img/icons/happy.svg)} .p-radio-sq__label--n{background-image: url(/nakivo_shop/static/src/css/../img/icons/neutral.svg)} .p-radio-sq__label--s{background-image: url(/nakivo_shop/static/src/css/../img/icons/sad.svg)} .p-radio-sq input:checked+.p-radio-sq__label--h{border-color: #259194; background-color: #f2ffff} .p-radio-sq input:checked+.p-radio-sq__label--n{border-color: #d38252; background-color: #fff7f2} .p-radio-sq input:checked+.p-radio-sq__label--s{border-color: #c66363; background-color: #fff2f2} .p-radio-sq input.error+.p-radio-sq__label{border-color: #fa0800; box-shadow: 0 0 0 1px #fa0800} .p-user-info{display: flex; font-size: 17px; margin-bottom: 40px} .p-user-info--end{align-items: flex-end} .p-user-info__title{flex-shrink: 0; width: 140px; font-weight: 700; margin-right: 15px} .p-user-info__desc{word-break: break-word} .p-range{padding: 0 23px 20px; border-radius: 12px; border: 1px solid #eee} .p-range__pips{position: relative; display: flex; justify-content: space-between; padding: 28px 0 42px} .p-range__pips-item{flex: 1 1 0; position: absolute; top: 0; font-size: 14px; padding: 15px 0} .p-range__pips-item:nth-child(2){left: 33.333%; transform: translateX(-50%)} .p-range__pips-item:nth-child(3){left: 66.666%; transform: translateX(-50%)} .p-range__pips-item:last-child{right: 0} .p-range__pips-item--rec{height: calc(100% + 8px); font-weight: 700; color: #fff; text-align: center; background: linear-gradient(0deg, #fa8500 22.47%, #fcb666 100%); padding: 10px 8px; margin-top: -8px; border-radius: 0 4px 4px 4px} .p-range__pips-item--rec::before{content: ''; position: absolute; top: 0; left: -16px; width: 17px; height: 8px; background: url(/nakivo_shop/static/src/css/../img/icons/corner-range.svg) no-repeat center} .p-range__pips-item-desc, .p-range__pips-rec{font-size: 9px; text-transform: uppercase} .p-range__pips--sec .p-range__pips-item:nth-child(2){left: 25%} .p-range__pips--sec .p-range__pips-item:nth-child(3){left: 50%} .p-range__pips--sec .p-range__pips-item:nth-child(4){left: 75%; transform: translateX(-50%)} .p-range .noUi-horizontal .noUi-handle{width: 20px; height: 20px; top: -8px; right: -10px; border: 0; border-radius: 4px; background: linear-gradient(270deg, #0d79fa 0, #66aafc 100%); box-shadow: none; cursor: pointer; outline: 0} .p-range .noUi-horizontal{width: 100%; height: 4px; background-color: #c5d2df; border-radius: 0; cursor: pointer} .p-range .noUi-target{margin: -20px 0 10px; border: 0; box-shadow: none} .p-range .noUi-handle:after, .p-range .noUi-handle:before{display: none} .p-range .noUi-touch-area{background: url(/nakivo_shop/static/src/css/../img/icons/lines.svg) no-repeat center} .p-range .noUi-pips-horizontal{height: 100%; top: -3px; padding: 0} .p-range .noUi-marker-horizontal.noUi-marker{width: 2px; height: 10px; background-color: #c5d2df} .p-range .noUi-value-horizontal{transform: translate(-50%, -100%)!important} .p-range .noUi-origin{width: 10%} .p-radio{display: flex; flex-flow: row wrap; min-width: 220px; height: 48px} .p-radio__in{width: 100%; display: flex; border: 1px solid #d9e1eb; border-radius: 8px; background: linear-gradient(180deg, #fff 0, #f7f9fc 100%); padding: 3px} .p-radio__item{flex-basis: 0; flex-grow: 1; max-width: 100%} .p-radio__item--pull-right{margin-left: 50%} .p-radio__button, .p-radio__label{height: 100%; border-radius: 4px} .p-radio__label{position: relative; display: flex; justify-content: center; align-items: center; width: 100%; padding: 15px 20px; font-size: 11px; font-weight: 700; text-align: center; text-transform: uppercase; white-space: nowrap; cursor: pointer; background: 0 0; z-index: 1} .p-radio__label::after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 4px; background: linear-gradient(270deg, #66aafc 0, #0d79fa 100%); opacity: 0; transition: opacity .1s ease; z-index: -1} .p-radio__label--small{padding: 8px 10px} .p-radio__note{font-size: 9px; text-align: center; padding: 7px} .p-radio__note a:hover{text-decoration: none} .p-radio input:checked+.p-radio__label{color: #fff} .p-radio input:disabled+.p-radio__label{opacity: .6; cursor: default} .p-radio input.error+.p-radio__label{box-shadow: 0 0 0 2px #fa0800} .p-breadcrumbs{display: flex; flex-flow: row wrap; align-items: center; margin: -5px 0} .p-breadcrumbs__item{font-size: 12px; font-weight: 700; color: #476e9a; background-color: #e1eaf5; border-radius: 12px; padding: 0 5px; margin: 5px 0} .p-breadcrumbs__item--highlight{color: #188ef5} .p-breadcrumbs__divider{margin: 0 12px} .p-comments{display: flex; flex-direction: column; padding-right: 70px; padding-bottom: 50px} .p-comments__post{display: flex; margin-bottom: 25px} .p-comments__post:last-child{margin-bottom: 0} .p-comments__author{flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; border-radius: 50%; margin-right: 20px; overflow: hidden} .p-comments__reply{flex-grow: 1} .p-comments__name{display: block; font-size: 17px; font-weight: 700; margin-bottom: 8px} .p-comments__date{font-size: 12px; color: #6384a9; margin-bottom: 12px} .footer{font-size: 12px; color: #707070; background-color: #202020; text-align: center; padding: 30px 0} .footer--main{color: #928de1; background-color: transparent; padding: 40px 0} .q-page{display: flex; align-items: flex-start; font-size: 17px} .q-page__aside{flex-shrink: 0; width: 300px; padding: 30px 0; margin-right: 40px; border-radius: 12px; box-shadow: 0 16px 40px rgba(8, 0, 64, .14)} .q-page__aside h4{font-size: 21px; font-weight: 400; margin-bottom: 15px} .q-page__main{width: 100%} .q-page__main .title{padding-bottom: 18px; border-bottom: 1px solid #eee} .q-page__padding{padding: 0 30px} .q-page__item{margin-bottom: 30px} .q-page__item:last-child{margin-bottom: 0} .q-page__item--mb{margin-bottom: 50px} .q-page__item--right{text-align: right} .q-page__price{font-size: 35px; line-height: 1} .q-page__btns{display: flex; justify-content: space-between} .q-page__btn{min-width: auto} .q-page__btn--small{width: 112px; padding: 0 5px} .q-page__btn--full{width: 100%} .q-page__btn--sec{background-color: #fd7e2e} .q-page__btn--sec:hover{background-color: #fd8e47} .q-page__btn img{flex-shrink: 0; margin-right: 7px} .q-page__link{display: block; color: #a2adb4; padding: 15px 30px; box-shadow: 0 16px 40px rgba(8, 0, 64, .05)} .q-page__link:hover{color: #0072fa} .q-page__link-small{font-size: 14px; color: #0072fa; text-decoration: underline} .q-page__link-small:hover{text-decoration: none} .q-page__hr{width: 100%; height: 1px; background-color: #eee; margin-bottom: 25px} .q-page__hr:last-child{margin-bottom: 0} .q-page__row{display: flex; flex-flow: row wrap; margin: 0 -15px -30px} .q-page__col{width: calc(50% - 30px); margin: 0 15px 30px} .q-page__t{display: flex; justify-content: center; align-items: center; font-weight: 700; line-height: 1} .q-page__t--mb{margin-bottom: 10px} .q-page__t img{flex-shrink: 0; margin-right: 8px} .q-page__t-old{text-decoration: line-through; margin-right: 18px} .q-page__t-new{color: #66b57c} .q-page__title{font-weight: 400; padding: 12px 20px; border-radius: 8px; background-color: #f2f5fa; margin-bottom: 20px} .q-page__sv{color: #66b57c; font-weight: 700; text-align: right} .q-page__table{margin-bottom: 30px; overflow: auto} .q-page__table table{width: 100%; border-collapse: collapse; border-spacing: 0} .q-page__table table tr:first-child td{font-weight: 700; border-top: 1px solid #eee; border-bottom: 1px solid #eee} .q-page__table table td{min-width: 80px; text-align: center; padding: 10px 5px} .q-page__table table td:first-child{min-width: 250px; width: 450px; text-align: left; padding-left: 0} .q-page__table table td:last-child{text-align: right; padding-right: 0} .q-page__total{padding: 20px; background-color: #f2f5fa; border-radius: 8px; margin-bottom: 20px} .q-page__total--highlight{color: #66b57c} .q-page__total-item{display: flex; justify-content: space-between; margin: 10px 0; font-weight: 700} .q-page__total-name{margin-right: 30px} .q-page__total-desc{white-space: nowrap} .q-page__gr{color: #a2adb4} .q-page__form-in{display: flex} .q-page__form-user{flex-shrink: 0; width: 48px; height: 60px; margin-right: 10px} .q-page__form-textarea{flex-grow: 1; margin-bottom: 15px} .q-page__form-textarea textarea{width: 100%; min-height: 160px; border: 1px solid #d9e1eb; border-radius: 8px; padding: 17px 20px; resize: vertical} .q-page__form-textarea textarea::-webkit-input-placeholder{color: #a2adb4; font-style: normal; font-size: 16px} .q-page__form-textarea textarea:-moz-placeholder, .q-page__form-textarea textarea::-moz-placeholder{color: #a2adb4; font-style: normal; font-size: 16px} .q-page__form-textarea textarea:-ms-input-placeholder{color: #a2adb4; font-style: normal; font-size: 16px} .q-page__form-btn{width: 87px} @media (max-width:1399px){.p-table__table--small tr:first-child td{font-size: 10px; padding: 12px 5px}.p-table__table--small tr td{min-width: 90px; width: auto; padding: 16px 10px}.p-table__table--small tr td:first-child{padding-left: 24px}.p-table__table--small tr td:last-child{padding-right: 24px}} @media (max-width:1199px){.menu{margin: 0 -8px}.menu li{margin: 0 8px}.prog{margin: 0 -15px -70px}.prog__item{margin: 0 15px 70px}.p-table{min-height: auto}.p-table__top{padding: 10px 15px}.p-table__top--sec{padding: 28px 32px}.p-table__left{margin-left: 0}.p-table__table tr:first-child td{padding: 12px 15px}.p-table__table tr td{min-width: 150px; font-size: 13px; line-height: 1.3; padding: 12px 15px}.p-table__table--small tr:first-child td{padding: 12px 4px}.p-table__table--small tr td{min-width: 90px}.p-table__table--small tr td:first-child{padding-left: 24px}.p-table__table--small tr td:last-child{padding-right: 24px}.p-table__note{padding: 40px 15px}} @media (max-width:991px){.h-hidden-md{display: none}.l-main__row{flex-direction: column; align-items: center}.l-main__col--50{width: 100%; text-align: center}.l-col{flex: 0 0 calc(100% - 30px); justify-content: center; text-align: center}.l-acc{flex-direction: column; align-items: center; margin: 0 -15px -40px}.l-acc__aside, .l-acc__main{width: calc(100% - 30px); margin: 0 15px 50px}.l-acc__aside{max-width: 360px}.header{padding: 15px 0}.header__item--middle, .menu li{margin: 0}.header__menu{position: fixed; top: 0; left: 0; width: 100%; height: auto; max-height: 100%; background-color: #fff; border-bottom: 1px solid #d9e1eb; text-align: center; transform: translateX(100%); transition: transform .2s ease; overflow-y: auto; z-index: 100}.menu{flex-direction: column; margin: 0; padding: 10px 0; text-align: center}.menu a{font-size: 14px; padding: 5px 10px}.menu--main a{color: #000}.burger{display: flex}.prog__item{flex: 0 0 calc(100% - 30px); justify-content: center; max-width: 400px}.prog__top{margin-bottom: 30px}.prog__item-in{max-width: 300px; min-height: auto; margin-left: auto; margin-right: auto}.pr{margin: 0 -15px -30px}.pr__item{margin: 0 15px 30px}.res__item--4{width: calc(50% - 30px)}.tech{flex-direction: column; align-items: center; padding: 30px 15px}.tech__content{max-width: 470px; padding: 0; margin: 0}.tech__media{margin: 0}.p-form__item--mb-md{margin-bottom: 30px}.p-form__item--end{text-align: center}.p-table__hidden{visibility: visible}.p-radio-circle__item{margin-bottom: 10px}.p-comments{padding-right: 0; padding-bottom: 30px}.q-page{flex-direction: column; align-items: center}.q-page__aside{margin-right: 0; margin-bottom: 30px}.q-page__item--right, .q-page__sv{text-align: center}} @media (max-width:767px){h1{font-size: 30px}.l-title{padding: 0}.l-title__button--large{width: auto}.l-title__button{position: relative; margin: auto}.res{justify-content: center}.res__item{width: 100%; max-width: 470px}.p-list__item{padding: 15px}.p-list__icon{margin-right: 15px}.p-info{padding: 32px 15px}.p-form__col--auto{width: 100%}.dropdown-c__list--large{min-width: auto}.p-table__top--sec{padding: 10px 15px}.p-table__content{flex-direction: column}.p-table__content-right{max-width: 100%}.p-table__bottom-content{padding: 24px 15px}.p-modal__in{min-width: 290px}.p-feedback{padding: 40px 15px}.p-feedback__title{margin-bottom: 30px}.p-feedback__headline{margin-left: 0; margin-right: 0}.p-radio-sq__button{width: 70px; height: 70px}.p-user-info{margin-bottom: 0}.p-comments__author{margin-right: 15px}.footer{padding: 30px 0}.q-page__row{margin-bottom: 0}.q-page__col{width: calc(100% - 30px)}} @media (max-width:585px){.tagline--mb-large, .title--mb, .title--mb-middle{margin-bottom: 50px}.l-main--bg{background: #e9f3fe}.logo{max-width: 140px}.prom{padding-top: 40px}.res__item{flex-direction: column; text-align: center}.res__img{margin: 0 auto 20px}.p-contact{margin-bottom: 15px}.p-contact__icon{margin-right: 10px}.p-form__item{margin-bottom: 30px}.p-form__item--mb{margin-bottom: 15px}.p-form__item--mb-large{margin-bottom: 50px}.p-form__col--50{width: 100%}.dropdown-c__title--center-xs{justify-content: center}.p-table__top--sec{flex-wrap: wrap}.p-table__left--sec{margin-bottom: 10px}.p-user-info{font-size: 15px}.p-user-info__title{width: 130px; margin-right: 10px}.p-range{padding: 0 14px 20px}.p-range__pips{padding-top: 20px}.p-range__pips-item{font-size: 11px}.p-range__pips-item--rec{padding: 10px 5px}.p-range__pips-item-desc, .p-range__pips-rec{font-size: 8px}.p-radio__label{padding: 10px}.p-comments__author{width: 32px; height: 32px}.q-page__aside{width: 290px}.q-page__padding{padding: 0 25px}.q-page__table table td:first-child{min-width: 200px}.q-page__total{padding: 20px 15px}.q-page__total-name{margin-right: 15px}.q-page__form-user{margin-right: 5px}} @media (max-width:480px){.p-form__col{width: 100%}} @media (min-width:992px){.h-show-md{display: none}} .page-item.active .page-link{background-color: #188ef5 !important; border-color: #188ef5 !important;} .page-link{color: #188ef5;} .opportunity_table_row, .quotation_table_row, .order_table_row{cursor: pointer;} 

/* /nakivo_shop/static/src/css/main.css defined in bundle 'web.assets_frontend' */
.stage__item--current .stage__num::after{background-color: #C5D2DF !important;} .stage__item--current .stage__num::before{background-color: #0072FA !important;} .ui-selectmenu-menu .ui-menu.customicons .ui-menu-item-wrapper{padding: 0.5em 0 0.5em 3em;} .ui-selectmenu-menu .ui-menu.customicons .ui-menu-item .ui-icon{height: 24px; width: 24px; top: 0.1em;} .warning--warning{background-color: #fdecd1; border-color: #fdecd1; color: #0072fa; padding: 10px;} .nakivo-hide{display: none;} .nakivo-dialog-show{z-index: 1;} @media (min-width: 576px){.model-nakivo .modal-dialog{max-width: 98% !important; margin: 1.75rem auto;}.model-nakivo .modal-dialog .modal-content{overflow-x: auto !important;}} .fake-focus{border-color: #66aafc !important; box-shadow: 0 0 6px #0072fa !important;} .nakivo_o_loader{padding-right: 20px;} .modal-backdrop{z-index: 0 !important;} .model-nakivo-small{z-index: 1 !important;} .dialog-width-medium{max-width: 1000px !important;} .isDisabled{color: currentColor; cursor: not-allowed; opacity: 0.5; text-decoration: none;} .p-button--grey{background: #6b7884;} .hover-blue{color: white !important; background: linear-gradient(270deg, #489bff 0, #0072fa 100%) !important; text-decoration: none !important;} .hover-orange{color: white !important; background: #fd 7e2e !important; text-decoration: none !important;} .hover-grey{color: white !important; background: #6b7884 !important; text-decoration: none !important;} .my_quotation_nakivo .q-page{font-size: 14px !important;} .my_quotation_nakivo .q-page .p-user-info{font-size: 14px !important;} .my_quotation_nakivo .q-page .q-page__aside{border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important;} .my_quotation_nakivo .q-page .q-page__table{margin-top: 30px;} .my_quotation_nakivo .q-page__main .title{padding-top: 18px; font-size: 22px;} .p-form__field{font-size: 14px !important;} .o_payment_form .payment_icon_list .more_option{bottom: 8px !important;} .o_payment_form .payment_icon_list li{padding-bottom: 12px !important;} .p-list__item:hover, .p-button:hover, .q-page__link:hover{text-decoration: none !important;} .o_model_nakivo_customer_renew .p-table__table--small tr td{min-width: 105px !important;} .o_model_nakivo_customer_renew .p-table__table--small tr:first-child td{padding-left: 10px !important; padding-right: 10px !important;} .p-button{cursor: pointer;} .notifyjs-confirmation-base{color: #856404; background-color: #fff3cd; border-color: #ffeeba;} .notifyjs-confirmation-base .title{padding: 12px; font-size: 20px !important;} .confirmation-notification{padding: 12px;} .notifyjs-confirmation-base .buttons{display: flex; align-items: center; justify-content: center;} .p-file-input{background: linear-gradient(180deg, #F7F9FC 10.42%, #fff 17.71%);} .p-file-input__in{position: relative; width: 100%; height: 48px; font-size: 17px; border: 1px solid #D9E1EB; border-radius: 8px; outline: 0; padding: 12px; background: url(/nakivo_shop/static/src/img/icons/upload.svg) no-repeat calc(100% - 12px) center; transition: .2s ease; overflow: hidden;} .p-file-input__in--sec{background: url(/nakivo_shop/static/src/img/icons/upload.svg) no-repeat calc(100% - 12px) center;} .p-file-input__field{position: absolute; top: 0; left: -200%; width: 300%; height: 100%; opacity: 0; cursor: pointer; z-index: 2;} .p-file-input__preview{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; padding: 12px 50px 12px 12px; color: #A5B8CE; font-size: 14px; z-index: 1;} .p-file-input__preview.active{color: #000; font-size: 17px;} .parsley-required, .parsley-type{color: red !important;} .p-warn{position: relative; display: flex; align-items: flex-start; border-radius: 8px; padding: 12px 17px; text-align: left; margin-bottom: 60px;} .p-warn--success{color: #10CC62; background-color: #EDFAF3;} .p-warn--warning{color: #fa0000; background-color: #EDFAF3;} .p-warn__ico{flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 22px; height: 22px; margin-right: 10px;} .p-warn__ico img{display: block;} .p-warn__title{font-size: 14px; font-weight: bold;} .l-content{padding: 30px 100px 60px; background-color: #fff; border-radius: 12px; box-shadow: 0 2px 8px rgb(107 102 140 / 20%);} .p-button--app{background-color: rgb(242, 135, 12);} .p-button--medium{width: 100%; max-width: 300px;} .p-button--large{min-width: 160px; height: 48px;} .l-content--sec{padding: 30px 0 0; overflow: hidden;} .title--medium{font-size: 21px;} .title--mb-middle{margin-bottom: 60px;} .ul_checkmark{list-style: none;} .ul_checkmark li:before{content: '\2713'; padding-right: 5px; width: 3px; height: 3px;} .p-form__content ul li{position: relative; padding-left: 12px;} .p-checkbox__label{position: relative; display: inline-block; font-size: 14px; padding-left: 30px; cursor: pointer;} .p-checkbox__label::before{flex-shrink: 0; content: ''; position: absolute; top: 1px; left: 0; width: 18px; height: 18px; border: 1px solid #c5d2df; border-radius: 4px; margin-right: 12px;} .p-checkbox input{display: none; position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .p-checkbox input:checked+.p-checkbox__label::before{border-color: #0072fa; background: #0072fa url(/nakivo_shop/static/src/img/icons/checkbox.svg) no-repeat center;} .p-button--app-sec{padding: 0 20px; background-color: #FD7E2E;} .p-button--app-sec:hover{background-color: #fd6e15; color: white !important;} 

/* /nakivo_shop/static/src/css/country-flag.css defined in bundle 'web.assets_frontend' */
 .nakivo_flag.flag-ad{background-position: -32px 0;} .nakivo_flag.flag-ae{background-position: -64px 0;} .nakivo_flag.flag-af{background-position: -96px 0;} .nakivo_flag.flag-ag{background-position: -128px 0;} .nakivo_flag.flag-ai{background-position: -160px 0;} .nakivo_flag.flag-al{background-position: -192px 0;} .nakivo_flag.flag-am{background-position: -224px 0;} .nakivo_flag.flag-an{background-position: -256px 0;} .nakivo_flag.flag-ao{background-position: -288px 0;} .nakivo_flag.flag-ar{background-position: -320px 0;} .nakivo_flag.flag-as{background-position: -352px 0;} .nakivo_flag.flag-at{background-position: -384px 0;} .nakivo_flag.flag-au{background-position: -416px 0;} .nakivo_flag.flag-aw{background-position: -448px 0;} .nakivo_flag.flag-ax{background-position: -480px 0;} .nakivo_flag.flag-az{background-position: 0 -32px;} .nakivo_flag.flag-ba{background-position: -32px -32px;} .nakivo_flag.flag-bb{background-position: -64px -32px;} .nakivo_flag.flag-bd{background-position: -96px -32px;} .nakivo_flag.flag-be{background-position: -128px -32px;} .nakivo_flag.flag-bf{background-position: -160px -32px;} .nakivo_flag.flag-bg{background-position: -192px -32px;} .nakivo_flag.flag-bh{background-position: -224px -32px;} .nakivo_flag.flag-bi{background-position: -256px -32px;} .nakivo_flag.flag-bj{background-position: -288px -32px;} .nakivo_flag.flag-bl{background-position: -320px -32px;} .nakivo_flag.flag-bm{background-position: -352px -32px;} .nakivo_flag.flag-bn{background-position: -384px -32px;} .nakivo_flag.flag-bo{background-position: -416px -32px;} .nakivo_flag.flag-br{background-position: -448px -32px;} .nakivo_flag.flag-bs{background-position: -480px -32px;} .nakivo_flag.flag-bt{background-position: 0 -64px;} .nakivo_flag.flag-bw{background-position: -32px -64px;} .nakivo_flag.flag-by{background-position: -64px -64px;} .nakivo_flag.flag-bz{background-position: -96px -64px;} .nakivo_flag.flag-ca{background-position: -128px -64px;} .nakivo_flag.flag-cd{background-position: -160px -64px;} .nakivo_flag.flag-cf{background-position: -192px -64px;} .nakivo_flag.flag-cg{background-position: -224px -64px;} .nakivo_flag.flag-ch{background-position: -256px -64px;} .nakivo_flag.flag-ci{background-position: -288px -64px;} .nakivo_flag.flag-ck{background-position: -320px -64px;} .nakivo_flag.flag-cl{background-position: -352px -64px;} .nakivo_flag.flag-cm{background-position: -384px -64px;} .nakivo_flag.flag-cn{background-position: -416px -64px;} .nakivo_flag.flag-co{background-position: -448px -64px;} .nakivo_flag.flag-cr{background-position: -480px -64px;} .nakivo_flag.flag-cu{background-position: 0 -96px;} .nakivo_flag.flag-cv{background-position: -32px -96px;} .nakivo_flag.flag-cw{background-position: -64px -96px;} .nakivo_flag.flag-cy{background-position: -96px -96px;} .nakivo_flag.flag-cz{background-position: -128px -96px;} .nakivo_flag.flag-de{background-position: -160px -96px;} .nakivo_flag.flag-dj{background-position: -192px -96px;} .nakivo_flag.flag-dk{background-position: -224px -96px;} .nakivo_flag.flag-dm{background-position: -256px -96px;} .nakivo_flag.flag-do{background-position: -288px -96px;} .nakivo_flag.flag-dz{background-position: -320px -96px;} .nakivo_flag.flag-ec{background-position: -352px -96px;} .nakivo_flag.flag-ee{background-position: -384px -96px;} .nakivo_flag.flag-eg{background-position: -416px -96px;} .nakivo_flag.flag-eh{background-position: -448px -96px;} .nakivo_flag.flag-er{background-position: -480px -96px;} .nakivo_flag.flag-es{background-position: 0 -128px;} .nakivo_flag.flag-et{background-position: -32px -128px;} .nakivo_flag.flag-eu{background-position: -64px -128px;} .nakivo_flag.flag-fi{background-position: -96px -128px;} .nakivo_flag.flag-fj{background-position: -128px -128px;} .nakivo_flag.flag-fk{background-position: -160px -128px;} .nakivo_flag.flag-fm{background-position: -192px -128px;} .nakivo_flag.flag-fo{background-position: -224px -128px;} .nakivo_flag.flag-fr{background-position: -256px -128px;} .nakivo_flag.flag-ga{background-position: -288px -128px;} .nakivo_flag.flag-gb{background-position: -320px -128px;} .nakivo_flag.flag-gd{background-position: -352px -128px;} .nakivo_flag.flag-ge{background-position: -384px -128px;} .nakivo_flag.flag-gg{background-position: -416px -128px;} .nakivo_flag.flag-gh{background-position: -448px -128px;} .nakivo_flag.flag-gi{background-position: -480px -128px;} .nakivo_flag.flag-gl{background-position: 0 -160px;} .nakivo_flag.flag-gm{background-position: -32px -160px;} .nakivo_flag.flag-gn{background-position: -64px -160px;} .nakivo_flag.flag-gp{background-position: -96px -160px;} .nakivo_flag.flag-gq{background-position: -128px -160px;} .nakivo_flag.flag-gr{background-position: -160px -160px;} .nakivo_flag.flag-gs{background-position: -192px -160px;} .nakivo_flag.flag-gt{background-position: -224px -160px;} .nakivo_flag.flag-gu{background-position: -256px -160px;} .nakivo_flag.flag-gw{background-position: -288px -160px;} .nakivo_flag.flag-gy{background-position: -320px -160px;} .nakivo_flag.flag-hk{background-position: -352px -160px;} .nakivo_flag.flag-hn{background-position: -384px -160px;} .nakivo_flag.flag-hr{background-position: -416px -160px;} .nakivo_flag.flag-ht{background-position: -448px -160px;} .nakivo_flag.flag-hu{background-position: -480px -160px;} .nakivo_flag.flag-ic{background-position: 0 -192px;} .nakivo_flag.flag-id{background-position: -32px -192px;} .nakivo_flag.flag-ie{background-position: -64px -192px;} .nakivo_flag.flag-il{background-position: -96px -192px;} .nakivo_flag.flag-im{background-position: -128px -192px;} .nakivo_flag.flag-in{background-position: -160px -192px;} .nakivo_flag.flag-iq{background-position: -192px -192px;} .nakivo_flag.flag-ir{background-position: -224px -192px;} .nakivo_flag.flag-is{background-position: -256px -192px;} .nakivo_flag.flag-it{background-position: -288px -192px;} .nakivo_flag.flag-je{background-position: -320px -192px;} .nakivo_flag.flag-jm{background-position: -352px -192px;} .nakivo_flag.flag-jo{background-position: -384px -192px;} .nakivo_flag.flag-jp{background-position: -416px -192px;} .nakivo_flag.flag-ke{background-position: -448px -192px;} .nakivo_flag.flag-kg{background-position: -480px -192px;} .nakivo_flag.flag-kh{background-position: 0 -224px;} .nakivo_flag.flag-ki{background-position: -32px -224px;} .nakivo_flag.flag-km{background-position: -64px -224px;} .nakivo_flag.flag-kn{background-position: -96px -224px;} .nakivo_flag.flag-kp{background-position: -128px -224px;} .nakivo_flag.flag-kr{background-position: -160px -224px;} .nakivo_flag.flag-kw{background-position: -192px -224px;} .nakivo_flag.flag-ky{background-position: -224px -224px;} .nakivo_flag.flag-kz{background-position: -256px -224px;} .nakivo_flag.flag-la{background-position: -288px -224px;} .nakivo_flag.flag-lb{background-position: -320px -224px;} .nakivo_flag.flag-lc{background-position: -352px -224px;} .nakivo_flag.flag-li{background-position: -384px -224px;} .nakivo_flag.flag-lk{background-position: -416px -224px;} .nakivo_flag.flag-lr{background-position: -448px -224px;} .nakivo_flag.flag-ls{background-position: -480px -224px;} .nakivo_flag.flag-lt{background-position: 0 -256px;} .nakivo_flag.flag-lu{background-position: -32px -256px;} .nakivo_flag.flag-lv{background-position: -64px -256px;} .nakivo_flag.flag-ly{background-position: -96px -256px;} .nakivo_flag.flag-ma{background-position: -128px -256px;} .nakivo_flag.flag-mc{background-position: -160px -256px;} .nakivo_flag.flag-md{background-position: -192px -256px;} .nakivo_flag.flag-me{background-position: -224px -256px;} .nakivo_flag.flag-mf{background-position: -256px -256px;} .nakivo_flag.flag-mg{background-position: -288px -256px;} .nakivo_flag.flag-mh{background-position: -320px -256px;} .nakivo_flag.flag-mk{background-position: -352px -256px;} .nakivo_flag.flag-ml{background-position: -384px -256px;} .nakivo_flag.flag-mm{background-position: -416px -256px;} .nakivo_flag.flag-mn{background-position: -448px -256px;} .nakivo_flag.flag-mo{background-position: -480px -256px;} .nakivo_flag.flag-mp{background-position: 0 -288px;} .nakivo_flag.flag-mq{background-position: -32px -288px;} .nakivo_flag.flag-mr{background-position: -64px -288px;} .nakivo_flag.flag-ms{background-position: -96px -288px;} .nakivo_flag.flag-mt{background-position: -128px -288px;} .nakivo_flag.flag-mu{background-position: -160px -288px;} .nakivo_flag.flag-mv{background-position: -192px -288px;} .nakivo_flag.flag-mw{background-position: -224px -288px;} .nakivo_flag.flag-mx{background-position: -256px -288px;} .nakivo_flag.flag-my{background-position: -288px -288px;} .nakivo_flag.flag-mz{background-position: -320px -288px;} .nakivo_flag.flag-na{background-position: -352px -288px;} .nakivo_flag.flag-nc{background-position: -384px -288px;} .nakivo_flag.flag-ne{background-position: -416px -288px;} .nakivo_flag.flag-nf{background-position: -448px -288px;} .nakivo_flag.flag-ng{background-position: -480px -288px;} .nakivo_flag.flag-ni{background-position: 0 -320px;} .nakivo_flag.flag-nl{background-position: -32px -320px;} .nakivo_flag.flag-no{background-position: -64px -320px;} .nakivo_flag.flag-np{background-position: -96px -320px;} .nakivo_flag.flag-nr{background-position: -128px -320px;} .nakivo_flag.flag-nu{background-position: -160px -320px;} .nakivo_flag.flag-nz{background-position: -192px -320px;} .nakivo_flag.flag-om{background-position: -224px -320px;} .nakivo_flag.flag-pa{background-position: -256px -320px;} .nakivo_flag.flag-pe{background-position: -288px -320px;} .nakivo_flag.flag-pf{background-position: -320px -320px;} .nakivo_flag.flag-pg{background-position: -352px -320px;} .nakivo_flag.flag-ph{background-position: -384px -320px;} .nakivo_flag.flag-pk{background-position: -416px -320px;} .nakivo_flag.flag-pl{background-position: -448px -320px;} .nakivo_flag.flag-pn{background-position: -480px -320px;} .nakivo_flag.flag-pr{background-position: 0 -352px;} .nakivo_flag.flag-ps{background-position: -32px -352px;} .nakivo_flag.flag-pt{background-position: -64px -352px;} .nakivo_flag.flag-pw{background-position: -96px -352px;} .nakivo_flag.flag-py{background-position: -128px -352px;} .nakivo_flag.flag-qa{background-position: -160px -352px;} .nakivo_flag.flag-re{background-position: -192px -352px;} .nakivo_flag.flag-ro{background-position: -224px -352px;} .nakivo_flag.flag-rs{background-position: -256px -352px;} .nakivo_flag.flag-ru{background-position: -288px -352px;} .nakivo_flag.flag-rw{background-position: -320px -352px;} .nakivo_flag.flag-sa{background-position: -352px -352px;} .nakivo_flag.flag-sb{background-position: -384px -352px;} .nakivo_flag.flag-sc{background-position: -416px -352px;} .nakivo_flag.flag-sd{background-position: -448px -352px;} .nakivo_flag.flag-se{background-position: -480px -352px;} .nakivo_flag.flag-sg{background-position: 0 -384px;} .nakivo_flag.flag-sh{background-position: -32px -384px;} .nakivo_flag.flag-si{background-position: -64px -384px;} .nakivo_flag.flag-sk{background-position: -96px -384px;} .nakivo_flag.flag-sl{background-position: -128px -384px;} .nakivo_flag.flag-sm{background-position: -160px -384px;} .nakivo_flag.flag-sn{background-position: -192px -384px;} .nakivo_flag.flag-so{background-position: -224px -384px;} .nakivo_flag.flag-sr{background-position: -256px -384px;} .nakivo_flag.flag-ss{background-position: -288px -384px;} .nakivo_flag.flag-st{background-position: -320px -384px;} .nakivo_flag.flag-sv{background-position: -352px -384px;} .nakivo_flag.flag-sy{background-position: -384px -384px;} .nakivo_flag.flag-sz{background-position: -416px -384px;} .nakivo_flag.flag-tc{background-position: -448px -384px;} .nakivo_flag.flag-td{background-position: -480px -384px;} .nakivo_flag.flag-tf{background-position: 0 -416px;} .nakivo_flag.flag-tg{background-position: -32px -416px;} .nakivo_flag.flag-th{background-position: -64px -416px;} .nakivo_flag.flag-tj{background-position: -96px -416px;} .nakivo_flag.flag-tk{background-position: -128px -416px;} .nakivo_flag.flag-tl{background-position: -160px -416px;} .nakivo_flag.flag-tm{background-position: -192px -416px;} .nakivo_flag.flag-tn{background-position: -224px -416px;} .nakivo_flag.flag-to{background-position: -256px -416px;} .nakivo_flag.flag-tr{background-position: -288px -416px;} .nakivo_flag.flag-tt{background-position: -320px -416px;} .nakivo_flag.flag-tv{background-position: -352px -416px;} .nakivo_flag.flag-tw{background-position: -384px -416px;} .nakivo_flag.flag-tz{background-position: -416px -416px;} .nakivo_flag.flag-ua{background-position: -448px -416px;} .nakivo_flag.flag-ug{background-position: -480px -416px;} .nakivo_flag.flag-us{background-position: 0 -448px;} .nakivo_flag.flag-uy{background-position: -32px -448px;} .nakivo_flag.flag-uz{background-position: -64px -448px;} .nakivo_flag.flag-va{background-position: -96px -448px;} .nakivo_flag.flag-vc{background-position: -128px -448px;} .nakivo_flag.flag-ve{background-position: -160px -448px;} .nakivo_flag.flag-vg{background-position: -192px -448px;} .nakivo_flag.flag-vi{background-position: -224px -448px;} .nakivo_flag.flag-vn{background-position: -256px -448px;} .nakivo_flag.flag-vu{background-position: -288px -448px;} .nakivo_flag.flag-wf{background-position: -320px -448px;} .nakivo_flag.flag-ws{background-position: -352px -448px;} .nakivo_flag.flag-ye{background-position: -384px -448px;} .nakivo_flag.flag-yt{background-position: -416px -448px;} .nakivo_flag.flag-za{background-position: -448px -448px;} .nakivo_flag.flag-zm{background-position: -480px -448px;} .nakivo_flag.flag-zw{background-position: 0 -480px;} 

/* /nakivo_shop/static/src/lib/mc-calendar.min.css defined in bundle 'web.assets_frontend' */
500;600;700;800;900&display=swap);@-webkit-keyframes slide-left{0%{transform:translateX(0)}to{transform:translateX(-.5em)}} @keyframes slide-left{0%{transform:translateX(0)}to{transform:translateX(-.5em)}} @-webkit-keyframes slide-right{0%{transform:translateX(0)}to{transform:translateX(.5em)}} @keyframes slide-right{0%{transform:translateX(0)}to{transform:translateX(.5em)}} @-webkit-keyframes slide-down{0%{transform:translate(-50%,-400px)}to{transform:translate(-50%)}} @keyframes slide-down{0%{transform:translate(-50%,-400px)}to{transform:translate(-50%)}} @-webkit-keyframes zoom-in{0%{transform:translate(-50%,-50%) scale(.9)}to{transform:translate(-50%,-50%) scale(1)}} @keyframes zoom-in{0%{transform:translate(-50%,-50%) scale(.9)}to{transform:translate(-50%,-50%) scale(1)}} @-webkit-keyframes stretch{0%{max-height:0}50%{max-height:0}to{max-height:175px}} @keyframes stretch{0%{max-height:0}50%{max-height:0}to{max-height:175px}} @-webkit-keyframes slide-left-in{0%{transform:translateX(100px)}to{transform:translateX(0)}} @keyframes slide-left-in{0%{transform:translateX(100px)}to{transform:translateX(0)}} @-webkit-keyframes slide-left-out{0%{transform:translateX(0)}to{transform:translateX(-100px)}} @keyframes slide-left-out{0%{transform:translateX(0)}to{transform:translateX(-100px)}} @-webkit-keyframes slide-right-in{0%{transform:translateX(-100px)}to{transform:translateX(0)}} @keyframes slide-right-in{0%{transform:translateX(-100px)}to{transform:translateX(0)}} @-webkit-keyframes slide-right-out{0%{transform:translateX(0)}to{transform:translateX(100px)}} @keyframes slide-right-out{0%{transform:translateX(0)}to{transform:translateX(100px)}} .mc-calendar,.mc-calendar *{line-height:1.2} .mc-calendar,.mc-calendar *,.mc-calendar:after,.mc-calendar :after,.mc-calendar:before,.mc-calendar :before{box-sizing:border-box;margin:0;padding:0} .mc-btn,.mc-select__nav{background:none;border:0;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:0} .mc-btn::-moz-focus-inner,.mc-select__nav::-moz-focus-inner{border:0;padding:0} .mc-calendar h1,.mc-calendar h2,.mc-calendar h3{font-weight:500} .mc-container{position:relative;margin:0 auto;width:90%} .mc-calendar{--mc-theme-color:#38ada9;--mc-main-bg:#f5f5f6;--mc-active-text-color:#000;--mc-inactive-text-color:rgba(0,0,0,0.8);--mc-display-foreground:hsla(0,0%,100%,0.8);--mc-display-background:#38ada9;--mc-picker-foreground:#000;--mc-picker-background:#f5f5f6;--mc-picker-header-active:#818181;--mc-picker-header-inactive:rgba(0,0,0,0.2);--mc-weekday-foreground:#38ada9;--mc-btn-success-foreground:#38ada9;--mc-btn-danger-foreground:#e65151;--mc-date-active-def-foreground:#000;--mc-date-active-pick-foreground:#fff;--mc-date-active-pick-background:#38ada9;--mc-date-active-today-foreground:#000;--mc-date-active-today-background:rgba(0,0,0,0.2);--mc-date-inactive-def-foreground:rgba(0,0,0,0.2);--mc-date-inactive-pick-foreground:#38ada9;--mc-date-inactive-pick-background:#38ada9;--mc-date-inactive-today-foreground:rgba(0,0,0,0.2);--mc-date-inactive-today-background:rgba(0,0,0,0.2);--mc-date-marcked-foreground:#38ada9;--mc-prev-active-def-foreground:#000;--mc-prev-active-pick-foreground:#000;--mc-prev-active-pick-background:rgba(0,0,0,0.2);--mc-prev-inactive-def-foreground:rgba(0,0,0,0.2);--mc-prev-inactive-pick-foreground:rgba(0,0,0,0.2);--mc-prev-inactive-pick-background:rgba(0,0,0,0.2);display:flex;position:absolute;top:-100vh;left:50vw;flex-direction:column;font-family:Maven Pro,sans-serif;font-weight:500;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;visibility:hidden;background-color:var(--mc-main-bg)} .mc-calendar:focus{outline:none} .mc-calendar--opened{visibility:visible} .mc-calendar--inline{width:100%;max-width:300px;height:100%;max-height:325px;background:none;font-size:1rem;box-shadow:0 0 1px var(--mc-date-inactive-def-foreground);border-radius:10px;z-index:1002} @media(min-width:625px){.mc-calendar--inline{transform:unset}} .mc-calendar--modal{position:fixed;width:100%;max-width:425px;border-radius:0 0 30px 30px;box-shadow:0 10px 10px 5px rgba(0,0,0,.25);background-color:var(--mc-theme-color);z-index:1002;transform:translate(-50%,-65vh);transition:transform .4s linear .2s,visibility 0s linear .5s,top 0s linear .5s} @media(min-width:625px){.mc-calendar--modal{flex-direction:row;width:auto;max-width:unset;height:400px;border-radius:10px;box-shadow:0 0 30px rgba(0,0,0,.3);opacity:0;transform:translate(-50%,-50%) scale(.9);transition:transform .3s,opacity .3s,visibility 0s linear .3s,top 0s linear .3s}} .mc-calendar--modal.mc-calendar--opened{top:0;transform:translate(-50%);transition:unset;-webkit-animation:slide-down .3s linear;animation:slide-down .3s linear} @media(min-width:625px){.mc-calendar--modal.mc-calendar--opened{top:50vh;opacity:1;visibility:visible;height:95vh;max-height:400px;transform:translate(-50%,-50%) scale(1);-webkit-animation:zoom-in .1s linear;animation:zoom-in .1s linear}} .mc-calendar--permanent{position:relative;top:0;left:0;width:100%;height:100%} .mc-display{display:none;color:var(--mc-display-foreground)} .mc-calendar--modal .mc-display{display:flex;flex-direction:column;max-height:0;transition:max-height .2s linear} @media(min-width:625px){.mc-calendar--modal .mc-display{width:200px;height:100%;max-height:unset;background-color:var(--mc-display-background)}} .mc-calendar--modal.mc-calendar--opened .mc-display{max-height:175px;-webkit-animation:stretch .4s;animation:stretch .4s} @media(min-width:625px){.mc-calendar--modal.mc-calendar--opened .mc-display{transition:unset;max-height:unset;-webkit-animation:unset;animation:unset}} .mc-display__body{display:flex;justify-content:space-between;align-items:center;padding:.5em 0} @media(min-width:625px){.mc-display__body{flex-direction:column;height:100%;padding:0}} .mc-display__header{background-color:rgba(0,0,0,.2)} @media(min-width:625px){.mc-display[data-target=month] .mc-display__header,.mc-display[data-target=year] .mc-display__header{display:none}} .mc-display__day{text-align:center;line-height:1;padding:.5em 0} .mc-display__day{font-size:8vw} @media(max-width:12.5rem){.mc-display__day{font-size:1rem}} @media(min-width:15.625rem){.mc-display__day{font-size:1.25rem}} }@supports(font-size:clamp(1rem,8vw,1.25rem)){.mc-display__day{font-size:clamp(1rem,8vw,1.25rem)}} .mc-display[data-target=month] .mc-display__day,.mc-display[data-target=year] .mc-display__day{visibility:hidden} @media(min-width:625px){.mc-display__day{padding:1em 0}} .mc-display__data{display:flex;width:50%} @media(min-width:625px){.mc-display__data{width:100%;height:50%;text-align:center}} .mc-display__data--primary{justify-content:flex-end} .mc-display[data-target=month] .mc-display__data--primary,.mc-display[data-target=year] .mc-display__data--primary{display:none} @media(min-width:625px){.mc-display__data--primary{justify-content:center;align-items:flex-end}} .mc-display__data--secondary{flex-direction:column} .mc-display[data-target=month] .mc-display__data--secondary,.mc-display[data-target=year] .mc-display__data--secondary{width:100%;text-align:center} @media(min-width:625px){.mc-display[data-target=month] .mc-display__data--secondary,.mc-display[data-target=year] .mc-display__data--secondary{justify-content:center;height:100%}} @media(min-width:625px){.mc-display__data--secondary{justify-content:space-between}} .mc-display__date{line-height:1} .mc-display__date{font-size:40vw} @media(max-width:12.5rem){.mc-display__date{font-size:5rem}} @media(min-width:17.5rem){.mc-display__date{font-size:7rem}} }@supports(font-size:clamp(5rem,40vw,7rem)){.mc-display__date{font-size:clamp(5rem,40vw,7rem)}} .mc-display__month{font-size:9vw} @media(max-width:13.3333333333rem){.mc-display__month{font-size:1.2rem}} @media(min-width:16.6666666667rem){.mc-display__month{font-size:1.5rem}} }@supports(font-size:clamp(1.2rem,9vw,1.5rem)){.mc-display__month{font-size:clamp(1.2rem,9vw,1.5rem)}} .mc-display[data-target=year] .mc-display__month{display:none} @media(min-width:625px){.mc-display__month{height:auto}} .mc-display__year{line-height:.8} .mc-display__year{font-size:18vw} @media(max-width:13.3333333333rem){.mc-display__year{font-size:2.4rem}} @media(min-width:16.6666666667rem){.mc-display__year{font-size:3rem}} }@supports(font-size:clamp(2.4rem,18vw,3rem)){.mc-display__year{font-size:clamp(2.4rem,18vw,3rem)}} .mc-display[data-target=year] .mc-display__year{padding:.3em 0} @media(min-width:625px){.mc-display__year{height:auto;padding:.5em 0}} .mc-picker{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--mc-picker-background);color:var(--mc-picker-foreground)} .mc-calendar--modal .mc-picker{height:65vh;max-height:400px;border-radius:30px 30px 0 0} @media(min-width:625px){.mc-calendar--modal .mc-picker{justify-content:center;align-items:flex-end;height:100%;width:425px;border-radius:unset}} .mc-calendar--inline .mc-picker{border-radius:unset} .mc-picker__header{display:flex;justify-content:center;padding:1em 0 .5em;color:var(--mc-picker-header-active)} .mc-picker__header{font-size:8vw} @media(max-width:12.5rem){.mc-picker__header{font-size:1rem}} @media(min-width:15.625rem){.mc-picker__header{font-size:1.25rem}} }@supports(font-size:clamp(1rem,8vw,1.25rem)){.mc-picker__header{font-size:clamp(1rem,8vw,1.25rem)}} @media(min-width:625px){.mc-calendar--modal .mc-picker__header{padding:.7em 0;justify-content:space-between}} .mc-calendar--inline .mc-picker__header{font-size:1rem;padding:.7em 0 0} .mc-picker__header .icon-angle{height:calc(8vw + .25rem);min-height:1.75rem;max-height:2rem} .mc-picker__body{position:relative;flex:1 0;width:100%} .mc-picker__footer{display:flex;justify-content:space-between;padding:1em 0 2em} .mc-calendar--inline .mc-picker__footer{padding:.5em 0 1em} .mc-select[data-target=year] .mc-select__month{display:none} .mc-select[data-target=year] .mc-select__year{width:100%} .mc-select[data-target=year] .mc-select__year .mc-select__data--year{width:75%;max-width:unset;min-width:unset;justify-content:center} .mc-select[data-target=year] .mc-select__year .mc-select__nav{display:flex;position:relative} .mc-select__month,.mc-select__nav,.mc-select__year{display:flex;align-items:center} .mc-select__nav{outline:revert;position:absolute;text-decoration:none;color:var(--mc-picker-header-active);padding:0 1em} @media(min-width:625px){.mc-calendar--modal .mc-select__nav{position:relative}} .mc-select__nav:focus{-webkit-tap-highlight-color:transparent;touch-action:manipulation} .mc-select__nav--inactive{color:var(--mc-picker-header-inactive);cursor:default} .mc-select__nav--inactive:active{transform:none!important} .mc-select__nav--next,.mc-select__nav--prev{transition:transform .2s ease-in-out} .mc-select__nav--prev:active{transform:translateX(-.5em)} .mc-calendar--inline .mc-select__month .mc-select__nav--prev,.mc-select__nav--prev{left:0} .mc-select__nav--next:active{transform:translateX(.5em)} .mc-calendar--inline .mc-select__month .mc-select__nav--next,.mc-select__nav--next{right:0} .mc-calendar--inline .mc-select__year .mc-select__nav,.mc-calendar--permanent .mc-select__year .mc-select__nav,.mc-select__year .mc-select__nav{display:none} @media(min-width:625px){.mc-select__year .mc-select__nav{display:flex}} .mc-select__data{display:flex;align-items:center;height:calc(8vw + .25rem);min-height:1.75rem;max-height:2rem;overflow:hidden;position:relative;cursor:pointer} .mc-select__data{font-size:8vw} @media(max-width:12.5rem){.mc-select__data{font-size:1rem}} @media(min-width:15.625rem){.mc-select__data{font-size:1.25rem}} }@supports(font-size:clamp(1rem,8vw,1.25rem)){.mc-select__data{font-size:clamp(1rem,8vw,1.25rem)}} .mc-select__data span{line-height:1.2;text-align:center;position:absolute} .mc-select[data-target=year] .mc-select__data span{position:relative} .mc-select__data--month,.mc-select__data--month span{width:40vw;min-width:5rem;max-width:6.25rem} .mc-calendar--inline .mc-select__data--month,.mc-calendar--inline .mc-select__data--month span{width:6.4rem} .mc-select__data--year,.mc-select__data--year span{width:22vw;min-width:3rem;max-width:3.5rem} .mc-calendar--inline .mc-select__data--year,.mc-calendar--inline .mc-select__data--year span{width:3.2rem} .slide-right--in{-webkit-animation:slide-right-in .2s ease;animation:slide-right-in .2s ease} .slide-right--out{-webkit-animation:slide-right-out .2s ease;animation:slide-right-out .2s ease} .slide-left--in{-webkit-animation:slide-left-in .2s ease;animation:slide-left-in .2s ease} .slide-left--out{-webkit-animation:slide-left-out .2s ease;animation:slide-left-out .2s ease} .mc-date{text-align:center;border-radius:5px;font-weight:300;width:14.28571%} .mc-date--active{cursor:pointer;color:var(--mc-date-active-def-foreground)} .mc-date--active.mc-date--today{color:var(--mc-date-active-today-foreground);background-color:var(--mc-date-active-today-background)} .mc-date--active.mc-date--picked{color:var(--mc-date-active-pick-foreground);background-color:var(--mc-date-active-pick-background)} .mc-date--inactive{color:var(--mc-date-inactive-def-foreground);cursor:default} .mc-date--inactive.mc-date--today{box-shadow:0 0 0 1px var(--mc-date-inactive-today-background);color:var(--mc-date-inactive-today-foreground);box-shadow:none} .mc-date--inactive.mc-date--picked{box-shadow:0 0 0 1px var(--mc-date-inactive-pick-background);color:var(--mc-date-inactive-pick-foreground);box-shadow:none} .mc-date--marked{color:var(--mc-date-marcked-foreground);font-weight:500} .mc-table{height:100%;border-collapse:unset} @media(min-width:625px){.mc-calendar--modal .mc-table{border-top:none}} .mc-calendar--inline .mc-table{border-top:none} .mc-table__weekday{text-align:center;padding:.5em 0;color:var(--mc-weekday-foreground);width:14.28571%} .mc-month-year__preview{position:absolute;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;top:0;left:0;height:100%;width:90%;margin:0 5%;overflow:hidden;visibility:hidden;opacity:0;background-color:var(--mc-picker-background)} .mc-month-year__preview--opened{visibility:visible;opacity:1} .mc-month-year__cell{display:flex;justify-content:center;align-items:center;width:30%;height:20%;text-align:center;border-radius:10px;cursor:pointer;color:var(--mc-prev-active-def-foreground)} .mc-month-year__cell--picked{color:var(--mc-prev-active-pick-foreground);background-color:var(--mc-prev-active-pick-background)} .mc-month-year__cell--inactive{color:var(--mc-prev-inactive-def-foreground);cursor:default} .mc-month-year__cell--inactive.mc-month-year__cell--picked{color:var(--mc-prev-inactive-pick-foreground);box-shadow:0 0 0 1px var(--mc-prev-inactive-pick-background);background-color:transparent} .mc-btn{display:inline-block;font-weight:500;padding:0 .5em} .mc-btn--success{color:var(--mc-btn-success-foreground);margin-left:.5em} .mc-btn--danger{color:var(--mc-btn-danger-foreground);margin-right:.5em} .mc-btn:active{transform:scale3d(.95,.95,.95)} .mc-btn:focus{-webkit-tap-highlight-color:transparent;touch-action:manipulation} @media(min-width:625px){.u-display-none{display:none!important}} .mc-picker-vhidden{border:0;clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;padding:0;position:absolute;top:0;width:1px} 

/* /nakivo_shop/static/src/lib/nouislider.css defined in bundle 'web.assets_frontend' */
 .noUi-target, .noUi-target *{-webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box;} .noUi-target{position: relative;} .noUi-base, .noUi-connects{width: 100%; height: 100%; position: relative; z-index: 1;} .noUi-connects{overflow: hidden; z-index: 0;} .noUi-connect, .noUi-origin{will-change: transform; position: absolute; z-index: 1; top: 0; right: 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; transform-style: flat;} .noUi-connect{height: 100%; width: 100%;} .noUi-origin{height: 10%; width: 10%;} .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left: 0; right: auto;} .noUi-vertical .noUi-origin{width: 0;} .noUi-horizontal .noUi-origin{height: 0;} .noUi-handle{-webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute;} .noUi-touch-area{height: 100%; width: 100%;} .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin{-webkit-transition: transform 0.3s; transition: transform 0.3s;} .noUi-state-drag *{cursor: inherit !important;} .noUi-horizontal{height: 18px;} .noUi-horizontal .noUi-handle{width: 34px; height: 28px; right: -17px; top: -6px;} .noUi-vertical{width: 18px;} .noUi-vertical .noUi-handle{width: 28px; height: 34px; right: -6px; top: -17px;} .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left: -17px; right: auto;} .noUi-target{background: #FAFAFA; border-radius: 4px; border: 1px solid #D3D3D3; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;} .noUi-connects{border-radius: 3px;} .noUi-connect{background: #3FB8AF;} .noUi-draggable{cursor: ew-resize;} .noUi-vertical .noUi-draggable{cursor: ns-resize;} .noUi-handle{border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;} .noUi-active{box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;} .noUi-handle:before, .noUi-handle:after{content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px;} .noUi-handle:after{left: 17px;} .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after{width: 14px; height: 1px; left: 6px; top: 14px;} .noUi-vertical .noUi-handle:after{top: 17px;} [disabled] .noUi-connect{background: #B8B8B8;} [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle{cursor: not-allowed;} .noUi-pips, .noUi-pips *{-moz-box-sizing: border-box; box-sizing: border-box;} .noUi-pips{position: absolute; color: #999;} .noUi-value{position: absolute; white-space: nowrap; text-align: center;} .noUi-value-sub{color: #ccc; font-size: 10px;} .noUi-marker{position: absolute; background: #CCC;} .noUi-marker-sub{background: #AAA;} .noUi-marker-large{background: #AAA;} .noUi-pips-horizontal{padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%;} .noUi-value-horizontal{-webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%);} .noUi-rtl .noUi-value-horizontal{-webkit-transform: translate(50%, 50%); transform: translate(50%, 50%);} .noUi-marker-horizontal.noUi-marker{margin-left: -1px; width: 2px; height: 5px;} .noUi-marker-horizontal.noUi-marker-sub{height: 10px;} .noUi-marker-horizontal.noUi-marker-large{height: 15px;} .noUi-pips-vertical{padding: 0 10px; height: 100%; top: 0; left: 100%;} .noUi-value-vertical{-webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding-left: 25px;} .noUi-rtl .noUi-value-vertical{-webkit-transform: translate(0, 50%); transform: translate(0, 50%);} .noUi-marker-vertical.noUi-marker{width: 5px; height: 2px; margin-top: -1px;} .noUi-marker-vertical.noUi-marker-sub{width: 10px;} .noUi-marker-vertical.noUi-marker-large{width: 15px;} .noUi-tooltip{display: block; position: absolute; border: 1px solid #D9D9D9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap;} .noUi-horizontal .noUi-tooltip{-webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120%;} .noUi-vertical .noUi-tooltip{-webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120%;} .noUi-horizontal .noUi-origin > .noUi-tooltip{-webkit-transform: translate(50%, 0); transform: translate(50%, 0); left: auto; bottom: 10px;} .noUi-vertical .noUi-origin > .noUi-tooltip{-webkit-transform: translate(0, -18px); transform: translate(0, -18px); top: auto; right: 28px;} 

/* /theme_nakivo/static/src/scss/nakivo.scss defined in bundle 'web.assets_frontend' */
 .center-align, .div{text-align: center; padding-bottom: 1rem;} .custom_box_shadow{box-shadow: 0 0 1rem rgba(0, 0, 0, 0.7); padding: 2.275rem;} .li-hover:hover{background: silver; text-align: left;} .wizard-background{background-color: #efefeff2;} .custom_wizard, .progress-wizard{padding-left: 10rem; padding-right: 20rem; position: relative;} .custom_select{-webkit--webkit-appearance: none; -moz-appearance: none; appearance: none; -moz--webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #0b2e13; background-image: url(/theme_nakivo/static/src/img/dropdown_arrow.png); background-position: calc(100% - 10px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0; background-size: 5px 5px, 5px 5px, 2.5em 2.5em; background-repeat: no-repeat;} @media (min-width: 1200px){.toggle_summary_div{max-width: none !important;}} .order_number{padding: 0.5rem;} .o_custom_header, .o_page_header{text-align: center; padding: 0.5rem;} .custom-th{background-color: #D9E1EB;} .custom-td{padding: 0.3rem; background-color: white; border-bottom: silver;} .payment-align{padding: 0.1rem; position: absolute;} .form-control{border-color: #D9E1EB; color: #0b2e13;} form label{font-weight: normal;} .btn-primary, .btn-success, .btn-info, .badge-primary, .badge-success, .badge-info, .bg-800, .btn-dark, .bg-success, .bg-info, .bg-warning, .alert-info, .alert-primary, .alert-success, .alert-danger, .alert-danger, .alert-danger .alert-link, .alert-primary .alert-link, .alert-link, .alert-success .alert-link{color: #fff;} .alert-info{color: #2687FB; background-color: rgba(217, 234, 254, 0.7); border-color: #B3D5FE;} .alert-success{background-color: #66B57C; border-color: #66B57C;} .h4{text-align: left;} .alert-warning{text-align: center; background-color: #FBFCD9; border-color: #E8EE33; color: #202020;} .alert-danger{background-color: #FA0800; border-color: #FA0800;} .alert-primary{background-color: #476E9A; border-color: #476E9A;} .alert-secondary{background-color: #F0F4FA; border-color: #F0F4FA;} .badge-warning, .alert-warning .alert-link{color: #202020;} .alert-secondary, .alert-secondary .alert-link{color: #476E9A;} .bg-800{color: #fff;} .btn-outline-info{color: #66AAFC; background-color: #fff; border-color: #B3D5FE;} .btn-outline-success{color: #66B57C; background-color: #fff; border-color: #66B57C;} .btn-outline-warning{color: #202020; background-color: #fff; border-color: #E3EA00;} .btn-warning{color: #202020;} .navbar.bg-light{background-color: #fff !important;} .navbar .navbar-light .navbar-nav .nav-link{color: #202020; font-size: 13px; line-height: 20px; font-style: normal; font-weight: normal;} .navbar .navbar-light .navbar-nav .nav-link:hover, .navbar .navbar-light .navbar-nav .nav-link:focus, .navbar .navbar-light .navbar-nav .nav-link.active{color: #fa8500;} .dropdown-menu-right{position: absolute; min-width: 160px; background-color: #fff; border-radius: 10px; padding: 8px; box-shadow: 0 3px 12px rgba(32, 32, 32, 0.19); overflow: auto; z-index: 1; border: 0;} .dropdown-menu-right .dropdown-item{color: #202020; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; list-style-image: url(data:0); font-size: 14px; border-radius: 6px; transition: color, background-color .2s ease;} .dropdown-menu-right .dropdown-item:hover, .dropdown-menu-right .dropdown-item:focus, .dropdown-menu-right .dropdown-item:active, .dropdown-menu-right .dropdown-item.active{background-color: #f4f6f9; color: #202020;} .dropdown-menu-right .dropdown-item:first-child{padding-top: 5px;} .dropdown-menu-right .dropdown-item:last-child{padding-bottom: 5px;} .dropdown-menu-right .dropdown-item img{max-width: 21px; max-height: 15px; margin-right: 14px; margin-bottom: 2px;} #wrapwrap.o_portal{background-color: #fff !important;} a.button:hover{color: #fff; text-decoration: none;} .o_portal_sidebar #sidebar_content.card > ul > li{border-bottom: 1px solid #dee2e6;} 

/* /nakivo_portal/static/src/scss/nakivo_portal.scss defined in bundle 'web.assets_frontend' */
 .background-login{background-image: url("/nakivo_portal/static/src/img/background.svg"); background-size: cover;} .login-menu-item{color: white !important;} .fixed-navbar-login{top: 46px; position: fixed; width: 100%;} .fixed-navbar-unlogin{top: 0; position: fixed; width: 100%;} .oe_login_form, .oe_reset_password_form{background: #FFFFFF; border-radius: 20px; padding: 20px;} .navbar ul.nav li.divider{border-right: 0;} header .navbar-brand.logo img{height: auto;} .container_login{margin-top: -10%;} .login-text-1{font-style: normal; font-weight: normal; font-size: 48px; line-height: 60px;} .login-text-2{font-style: normal; font-weight: normal; font-size: 17px; line-height: 150%;} .center-text{display: inline-block; margin: auto;} .reset-password{font-size: 12px; line-height: 20px; color: #91A8C2; margin-top: 20px;} .label-form{font-style: normal; font-weight: bold; font-size: 21px; line-height: 24px; margin-top: 20px;} .oe_login_form{max-width: 370px;} .field-login{margin-top: 20px;} .customer-navbar{padding: 40px 0;} .login-container{padding-bottom: 20%;} .l-main-portal{height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 60px 0;} .l-main-portal--center{justify-content: center;} .l-main-portal--bg{background: url("/nakivo_portal/static/src/img/bg/bg-inner.svg") no-repeat center; background-size: cover;} .list li{position: relative; padding-left: 15px; margin-bottom: 12px; line-height: 1.2;} .list li:last-child{margin-bottom: 0;} .list li::before{content: ''; position: absolute; top: 6px; left: 0; width: 6px; height: 6px; background-color: #0072FA; border-radius: 50%;} .title-portal{font-size: 28px !important; font-weight: bold !important;} .shadow-portal{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; max-width: 968px; min-height: 60px; margin: auto;} .shadow-portal img{display: block;} .prom{max-width: 530px; margin: 0 auto 20px; padding-top: 60px; text-align: center;} @media (max-width: 585px){.prom{padding-top: 40px;}} .prom__ico{max-width: 60px; margin: 0 auto 25px; text-align: center;} .prom__ico img{display: block; margin: auto;} .prom__title{margin-bottom: 15px; font-weight: bold;} .prom__desc a{color: #66B57C; text-decoration: underline;} .prom__desc a:hover{text-decoration: none;} .p-vid{background: #fff; box-shadow: 0 5px 24px rgba(0, 0, 0, 0.1); border-radius: 20px; padding: 12px;} .p-vid__media{position: relative; height: 0; padding-bottom: 56.25%; border-radius: 12px; overflow: hidden;} .p-vid__media iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .p-vid__title{font-size: 17px; font-weight: bold; padding: 12px;} .list{margin-bottom: 15px; text-align: left;} .list li{position: relative; padding-left: 15px; margin-bottom: 12px; line-height: 1.2;} .list li::before{content: ''; position: absolute; top: 6px; left: 0; width: 6px; height: 6px; background-color: #66B57C; border-radius: 50%;} .list--check{margin-bottom: 25px;} .list--check li{padding-left: 35px; margin-bottom: 18px;} .list--check li::before{top: -1px; width: 16px; height: 16px; background: url(/nakivo_portal/static/src/img/icons/check-2.svg) no-repeat center;} .training__btn{padding: 10px 5px; text-transform: uppercase; border-radius: 8px; width: 169px; height: 40px; left: 1095px; top: 380px; text-align: center; font-weight: 700; font-size: 11px; line-height: 18px;} 

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

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

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

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

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

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

/* /sale_subscription/static/src/scss/portal_subscription.scss defined in bundle 'web.assets_frontend' */
 #wc-account-table td:nth-last-child(1), #wc-account-table th:nth-last-child(1), #wc-account-table td:nth-last-child(2), #wc-account-table th:nth-last-child(2), #wc-account-table td:nth-last-child(3), #wc-account-table th:nth-last-child(3){text-align: right; min-width: 9em;} #wc-account-table a{text-decoration: none;} 

/* /auth_password_policy_signup/static/src/scss/signup_policy.scss defined in bundle 'web.assets_frontend' */
 .form-group.field-password{position: relative;} .form-group.field-password meter.o_password_meter{bottom: calc(calc(2.0625rem + 2px) / 2 - 7px);} 

/* /nakivo_sale/static/src/css/styles.css defined in bundle 'web.assets_frontend' */
 .contact_action_overlay{width: 100%; height: 100%; position: absolute;} .o_chatter div[name="message_ids"]{width: 100% !important;} 

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

/* /sign/static/src/scss/sign_frontend.scss defined in bundle 'web.assets_frontend' */
 .o_sign_document{height: 100%;} .o_sign_document > header{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; height: 2.3125rem; background-color: #f8f9fa;} .o_sign_document > header > div{height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .o_sign_document > header > div a{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;} .o_sign_document > header > div a > img{height: 2.3125rem;} .o_sign_document > header > div .o_sign_header_instruction{font-size: 1.2em; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto;} 

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