.modern-p-form label { color: #2e3742 } #registration form, .event__registration form { -moz-transition: opacity .3s ease; -o-transition: opacity .3s ease; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; font-size: 15px } @media (max-width: 1023px) { #registration form input, .event__registration form input { font-size: 16px } } #registration form.p-form-modern-extra2color2 .progress-bar-fp, .event__registration form.p-form-modern-extra2color2 .progress-bar-fp { background-color: #0067e6 } #registration form.p-form-modern-extra2color2 .radio label a, #registration form.p-form-modern-extra2color2 .checkbox label a, #registration form.p-form-modern-extra2color2 .p-switch label a, #registration form.p-form-modern-extra2color2 .p-radioswitch label a, #registration form.p-form-modern-extra2color2 .p-show-block-heading label a, .event__registration form.p-form-modern-extra2color2 .radio label a, .event__registration form.p-form-modern-extra2color2 .checkbox label a, .event__registration form.p-form-modern-extra2color2 .p-switch label a, .event__registration form.p-form-modern-extra2color2 .p-radioswitch label a, .event__registration form.p-form-modern-extra2color2 .p-show-block-heading label a { color: #2e3742 } #registration form.p-form-modern-extra2color2 .p-check-active-icon, .event__registration form.p-form-modern-extra2color2 .p-check-active-icon { color: #0067e6 } #registration form.p-form-modern-extra2color2 .p-check-block:after, .event__registration form.p-form-modern-extra2color2 .p-check-block:after { background-color: #0067e6; border-color: #0067e6 } #registration form.modern-p-form .checkbox .p-check-icon .p-check-block:after, .event__registration form.modern-p-form .checkbox .p-check-icon .p-check-block:after { background-image: url("../../../../img/icon/check_mark.png"); background-repeat: no-repeat; background-size: cover; background-size: 16px; background-position: center } @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) { #registration form.modern-p-form .checkbox .p-check-icon .p-check-block:after, .event__registration form.modern-p-form .checkbox .p-check-icon .p-check-block:after { background-image: url("../../../../img/icon/check_mark@2x.png") } } #registration form.p-form-modern-extra2color2 .p-switch-icon:after, #registration form.p-form-modern-extra2color2 .p-check-point:after, .event__registration form.p-form-modern-extra2color2 .p-switch-icon:after, .event__registration form.p-form-modern-extra2color2 .p-check-point:after { background-color: #0067e6; border-color: #0067e6 } #registration form.p-form-modern-extra2color2 .p-check-next:checked~.p-check-container .p-check-icon .p-check-middle, #registration form.p-form-modern-extra2color2 :checked~.p-check-icon .p-check-middle, .event__registration form.p-form-modern-extra2color2 .p-check-next:checked~.p-check-container .p-check-icon .p-check-middle, .event__registration form.p-form-modern-extra2color2 :checked~.p-check-icon .p-check-middle { color: #0067e6 } #registration form.p-form-modern-extra2color2 .p-check-next:checked~.p-check-container .p-check-icon .p-check-block, #registration form.p-form-modern-extra2color2 :checked~.p-check-icon .p-check-block, .event__registration form.p-form-modern-extra2color2 .p-check-next:checked~.p-check-container .p-check-icon .p-check-block, .event__registration form.p-form-modern-extra2color2 :checked~.p-check-icon .p-check-block { border-color: #0067e6 } #registration form.p-form-modern-extra2color2 .p-check-next:checked~.p-check-container .p-switch-icon, #registration form.p-form-modern-extra2color2 :checked~.p-switch-icon, .event__registration form.p-form-modern-extra2color2 .p-check-next:checked~.p-check-container .p-switch-icon, .event__registration form.p-form-modern-extra2color2 :checked~.p-switch-icon { border-color: #0067e6 } #registration form.p-form-modern-extra2color2 .p-check-next:checked~.p-check-container .p-switch-icon:before, #registration form.p-form-modern-extra2color2 :checked~.p-switch-icon:before, .event__registration form.p-form-modern-extra2color2 .p-check-next:checked~.p-check-container .p-switch-icon:before, .event__registration form.p-form-modern-extra2color2 :checked~.p-switch-icon:before { color: #0067e6 } #registration form.p-form-modern-extra2color2 label:hover .p-check-active-icon, #registration form.p-form-modern-extra2color2 .p-check-next~.p-check-container:hover .p-check-active-icon, #registration form.p-form-modern-extra2color2 label:hover .p-check-icon .p-check-middle, #registration form.p-form-modern-extra2color2 .p-check-next~.p-check-container:hover .p-check-icon .p-check-middle, .event__registration form.p-form-modern-extra2color2 label:hover .p-check-active-icon, .event__registration form.p-form-modern-extra2color2 .p-check-next~.p-check-container:hover .p-check-active-icon, .event__registration form.p-form-modern-extra2color2 label:hover .p-check-icon .p-check-middle, .event__registration form.p-form-modern-extra2color2 .p-check-next~.p-check-container:hover .p-check-icon .p-check-middle { color: #0067e6 } #registration form.p-form-modern-extra2color2 label:hover .p-switch-icon, #registration form.p-form-modern-extra2color2 .p-check-next~.p-check-container:hover .p-switch-icon, #registration form.p-form-modern-extra2color2 label:hover .p-check-icon .p-check-block, #registration form.p-form-modern-extra2color2 .p-check-next~.p-check-container:hover .p-check-icon .p-check-block, .event__registration form.p-form-modern-extra2color2 label:hover .p-switch-icon, .event__registration form.p-form-modern-extra2color2 .p-check-next~.p-check-container:hover .p-switch-icon, .event__registration form.p-form-modern-extra2color2 label:hover .p-check-icon .p-check-block, .event__registration form.p-form-modern-extra2color2 .p-check-next~.p-check-container:hover .p-check-icon .p-check-block { border-color: #0067e6 } #registration form.p-form-modern-extra2color2 label:hover .p-check-bordered, #registration form.p-form-modern-extra2color2 .p-check-next~.p-check-container:hover .p-check-bordered, .event__registration form.p-form-modern-extra2color2 label:hover .p-check-bordered, .event__registration form.p-form-modern-extra2color2 .p-check-next~.p-check-container:hover .p-check-bordered { border-color: #0067e6 } #registration form.p-form-modern-extra2color2 .p-show-block:checked+.p-show-block-heading:hover, #registration form.p-form-modern-extra2color2 .p-show-block-heading:hover, .event__registration form.p-form-modern-extra2color2 .p-show-block:checked+.p-show-block-heading:hover, .event__registration form.p-form-modern-extra2color2 .p-show-block-heading:hover { color: #0067e6 } #registration form.p-form-modern-extra2color2 .p-show-block:checked+.p-show-block-heading, .event__registration form.p-form-modern-extra2color2 .p-show-block:checked+.p-show-block-heading { color: #0067e6 } #registration form.p-form-modern-extra2color2 .p-radio-color [type="checkbox"]:checked~.p-color-block, #registration form.p-form-modern-extra2color2 .p-radio-color [type="radio"]:checked~.p-color-block, .event__registration form.p-form-modern-extra2color2 .p-radio-color [type="checkbox"]:checked~.p-color-block, .event__registration form.p-form-modern-extra2color2 .p-radio-color [type="radio"]:checked~.p-color-block { border-color: #0067e6 } #registration form.p-form-modern-extra2color2 .p-colored-text, #registration form.p-form-modern-extra2color2 .p-alt-colored-text, #registration form.p-form-modern-extra2color2 .p-colored-link, #registration form.p-form-modern-extra2color2 .p-colored-link:hover, #registration form.p-form-modern-extra2color2 .p-action-link:hover, .event__registration form.p-form-modern-extra2color2 .p-colored-text, .event__registration form.p-form-modern-extra2color2 .p-alt-colored-text, .event__registration form.p-form-modern-extra2color2 .p-colored-link, .event__registration form.p-form-modern-extra2color2 .p-colored-link:hover, .event__registration form.p-form-modern-extra2color2 .p-action-link:hover { color: #0067e6 } #registration form.p-form-modern-extra2color2 .form-control:focus, #registration form.p-form-modern-extra2color2 .form-control:hover, #registration form.p-form-modern-extra2color2 .input-group:hover .form-control, #registration form.p-form-modern-extra2color2 .p-file-wrap [type="file"]:hover~.input-group .form-control, .event__registration form.p-form-modern-extra2color2 .form-control:focus, .event__registration form.p-form-modern-extra2color2 .form-control:hover, .event__registration form.p-form-modern-extra2color2 .input-group:hover .form-control, .event__registration form.p-form-modern-extra2color2 .p-file-wrap [type="file"]:hover~.input-group .form-control { border-color: transparent !important } #registration form.p-form-modern-extra2color2 .sp-input:focus, #registration form.p-form-modern-extra2color2 .sp-input:hover, .event__registration form.p-form-modern-extra2color2 .sp-input:focus, .event__registration form.p-form-modern-extra2color2 .sp-input:hover { border-color: #0067e6 !important } #registration form.p-form-modern-extra2color2 .form-control:focus~.input-group-icon, #registration form.p-form-modern-extra2color2 .form-control:hover~.input-group-icon, #registration form.p-form-modern-extra2color2 .input-group:hover .input-group-icon, #registration form.p-form-modern-extra2color2 .p-file-wrap [type="file"]:hover~.input-group .input-group-icon, #registration form.p-form-modern-extra2color2 .sp-input:focus~.input-group-icon, #registration form.p-form-modern-extra2color2 .sp-input:hover~.input-group-icon, #registration form.p-form-modern-extra2color2 .form-control:focus~.p-select-arrow, #registration form.p-form-modern-extra2color2 .form-control:hover~.p-select-arrow, #registration form.p-form-modern-extra2color2 .input-group:hover .p-select-arrow, #registration form.p-form-modern-extra2color2 .p-file-wrap [type="file"]:hover~.input-group .p-select-arrow, #registration form.p-form-modern-extra2color2 .sp-input:focus~.p-select-arrow, #registration form.p-form-modern-extra2color2 .sp-input:hover~.p-select-arrow, #registration form.p-form-modern-extra2color2 .form-control:focus~.input-group-addon .p-addon-bg, #registration form.p-form-modern-extra2color2 .form-control:hover~.input-group-addon .p-addon-bg, #registration form.p-form-modern-extra2color2 .input-group:hover .input-group-addon .p-addon-bg, #registration form.p-form-modern-extra2color2 .p-file-wrap [type="file"]:hover~.input-group .input-group-addon .p-addon-bg, #registration form.p-form-modern-extra2color2 .sp-input:focus~.input-group-addon .p-addon-bg, #registration form.p-form-modern-extra2color2 .sp-input:hover~.input-group-addon .p-addon-bg, .event__registration form.p-form-modern-extra2color2 .form-control:focus~.input-group-icon, .event__registration form.p-form-modern-extra2color2 .form-control:hover~.input-group-icon, .event__registration form.p-form-modern-extra2color2 .input-group:hover .input-group-icon, .event__registration form.p-form-modern-extra2color2 .p-file-wrap [type="file"]:hover~.input-group .input-group-icon, .event__registration form.p-form-modern-extra2color2 .sp-input:focus~.input-group-icon, .event__registration form.p-form-modern-extra2color2 .sp-input:hover~.input-group-icon, .event__registration form.p-form-modern-extra2color2 .form-control:focus~.p-select-arrow, .event__registration form.p-form-modern-extra2color2 .form-control:hover~.p-select-arrow, .event__registration form.p-form-modern-extra2color2 .input-group:hover .p-select-arrow, .event__registration form.p-form-modern-extra2color2 .p-file-wrap [type="file"]:hover~.input-group .p-select-arrow, .event__registration form.p-form-modern-extra2color2 .sp-input:focus~.p-select-arrow, .event__registration form.p-form-modern-extra2color2 .sp-input:hover~.p-select-arrow, .event__registration form.p-form-modern-extra2color2 .form-control:focus~.input-group-addon .p-addon-bg, .event__registration form.p-form-modern-extra2color2 .form-control:hover~.input-group-addon .p-addon-bg, .event__registration form.p-form-modern-extra2color2 .input-group:hover .input-group-addon .p-addon-bg, .event__registration form.p-form-modern-extra2color2 .p-file-wrap [type="file"]:hover~.input-group .input-group-addon .p-addon-bg, .event__registration form.p-form-modern-extra2color2 .sp-input:focus~.input-group-addon .p-addon-bg, .event__registration form.p-form-modern-extra2color2 .sp-input:hover~.input-group-addon .p-addon-bg { border-color: #0067e6 !important; background-color: #0067e6 !important; color: #fff } #registration form.p-form-modern-extra2color2 .form-control:focus~.p-field-cb, #registration form.p-form-modern-extra2color2 .form-control:hover~.p-field-cb, #registration form.p-form-modern-extra2color2 .input-group:hover .p-field-cb, #registration form.p-form-modern-extra2color2 .p-file-wrap [type="file"]:hover~.input-group .p-field-cb, #registration form.p-form-modern-extra2color2 .sp-input:focus~.p-field-cb, #registration form.p-form-modern-extra2color2 .sp-input:hover~.p-field-cb, .event__registration form.p-form-modern-extra2color2 .form-control:focus~.p-field-cb, .event__registration form.p-form-modern-extra2color2 .form-control:hover~.p-field-cb, .event__registration form.p-form-modern-extra2color2 .input-group:hover .p-field-cb, .event__registration form.p-form-modern-extra2color2 .p-file-wrap [type="file"]:hover~.input-group .p-field-cb, .event__registration form.p-form-modern-extra2color2 .sp-input:focus~.p-field-cb, .event__registration form.p-form-modern-extra2color2 .sp-input:hover~.p-field-cb { border-color: #0067e6 !important } #registration form.p-form-modern-extra2color2 .input-group-btn .btn:hover, #registration form.p-form-modern-extra2color2 .input-group-btn .btn:focus, #registration form.p-form-modern-extra2color2 .p-file-wrap [type="file"]:hover~.input-group .input-group-btn .btn, .event__registration form.p-form-modern-extra2color2 .input-group-btn .btn:hover, .event__registration form.p-form-modern-extra2color2 .input-group-btn .btn:focus, .event__registration form.p-form-modern-extra2color2 .p-file-wrap [type="file"]:hover~.input-group .input-group-btn .btn { background-color: #0067e6 !important } #registration form.p-form-modern-extra2color2 .p-preview-wrap .p-preview-actions .p-preview-action:hover, .event__registration form.p-form-modern-extra2color2 .p-preview-wrap .p-preview-actions .p-preview-action:hover { color: #0067e6 } #registration form.p-form-modern-extra2color2 .ui-autocomplete, .event__registration form.p-form-modern-extra2color2 .ui-autocomplete { border-color: #0067e6 !important } #registration form.p-form-modern-extra2color2 .sp-container, .event__registration form.p-form-modern-extra2color2 .sp-container { background-color: #0067e6 } #registration form.p-form-modern-extra2color2 .sp-initial, #registration form.p-form-modern-extra2color2 .sp-clear, #registration form.p-form-modern-extra2color2 .sp-palette .sp-thumb-el, .event__registration form.p-form-modern-extra2color2 .sp-initial, .event__registration form.p-form-modern-extra2color2 .sp-clear, .event__registration form.p-form-modern-extra2color2 .sp-palette .sp-thumb-el { border-color: #0067e6; color: #0067e6 } #registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-clear:hover, #registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-palette .sp-thumb-el:hover, #registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-palette .sp-thumb-el.sp-thumb-active, .event__registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-clear:hover, .event__registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-palette .sp-thumb-el:hover, .event__registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-palette .sp-thumb-el.sp-thumb-active { border-color: #0067e6; color: #0067e6 } #registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-choose, #registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-cancel, #registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-palette-toggle, .event__registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-choose, .event__registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-cancel, .event__registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-palette-toggle { background-color: #0067e6 } #registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-choose:hover, #registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-cancel:hover, #registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-palette-toggle:hover, #registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-choose:focus, #registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-cancel:focus, #registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-palette-toggle:focus, #registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-choose:active, #registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-cancel:active, #registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-palette-toggle:active, .event__registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-choose:hover, .event__registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-cancel:hover, .event__registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-palette-toggle:hover, .event__registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-choose:focus, .event__registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-cancel:focus, .event__registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-palette-toggle:focus, .event__registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-choose:active, .event__registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-cancel:active, .event__registration form.p-form-modern-extra2color2 .p-colorpick-no-bg .sp-flat .sp-palette-toggle:active { background-color: #0067e6 } #registration form.p-form-modern-extra2color2 .bootstrap-datetimepicker-widget, .event__registration form.p-form-modern-extra2color2 .bootstrap-datetimepicker-widget { background-color: #0067e6 } #registration form.p-form-modern-extra2color2 .bootstrap-datetimepicker-widget table td div:hover, #registration form.p-form-modern-extra2color2 .bootstrap-datetimepicker-widget table td span:hover, .event__registration form.p-form-modern-extra2color2 .bootstrap-datetimepicker-widget table td div:hover, .event__registration form.p-form-modern-extra2color2 .bootstrap-datetimepicker-widget table td span:hover { background-color: #0067e6 } #registration form.p-form-modern-extra2color2 .bootstrap-datetimepicker-widget table td a, #registration form.p-form-modern-extra2color2 .bootstrap-datetimepicker-widget table td .btn, .event__registration form.p-form-modern-extra2color2 .bootstrap-datetimepicker-widget table td a, .event__registration form.p-form-modern-extra2color2 .bootstrap-datetimepicker-widget table td .btn { background-color: transparent } #registration form.p-form-modern-extra2color2 .bootstrap-datetimepicker-widget table span.disabled, #registration form.p-form-modern-extra2color2 .bootstrap-datetimepicker-widget table .disabled div, #registration form.p-form-modern-extra2color2 .bootstrap-datetimepicker-widget table span.disabled:hover, #registration form.p-form-modern-extra2color2 .bootstrap-datetimepicker-widget table .disabled div:hover, .event__registration form.p-form-modern-extra2color2 .bootstrap-datetimepicker-widget table span.disabled, .event__registration form.p-form-modern-extra2color2 .bootstrap-datetimepicker-widget table .disabled div, .event__registration form.p-form-modern-extra2color2 .bootstrap-datetimepicker-widget table span.disabled:hover, .event__registration form.p-form-modern-extra2color2 .bootstrap-datetimepicker-widget table .disabled div:hover { color: #0067e6; background-color: #0067e6 } #registration form.p-form-modern-extra2color2 .bootstrap-datetimepicker-widget table .disabled span, #registration form.p-form-modern-extra2color2 .bootstrap-datetimepicker-widget table .disabled span:hover, .event__registration form.p-form-modern-extra2color2 .bootstrap-datetimepicker-widget table .disabled span, .event__registration form.p-form-modern-extra2color2 .bootstrap-datetimepicker-widget table .disabled span:hover { color: #0067e6 } #registration form.p-form-modern-extra2color2 .bootstrap-datetimepicker-widget.dropdown-menu.top:after, .event__registration form.p-form-modern-extra2color2 .bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-top-color: #0067e6 } #registration form.p-form-modern-extra2color2 .p-datetime-no-bg .bootstrap-datetimepicker-widget table thead, .event__registration form.p-form-modern-extra2color2 .p-datetime-no-bg .bootstrap-datetimepicker-widget table thead { color: #0067e6 } #registration form.p-form-modern-extra2color2 .p-datetime-no-bg .bootstrap-datetimepicker-widget table td a, #registration form.p-form-modern-extra2color2 .p-datetime-no-bg .bootstrap-datetimepicker-widget table td .btn, .event__registration form.p-form-modern-extra2color2 .p-datetime-no-bg .bootstrap-datetimepicker-widget table td a, .event__registration form.p-form-modern-extra2color2 .p-datetime-no-bg .bootstrap-datetimepicker-widget table td .btn { color: #0067e6 } #registration form.p-form-modern-extra2color2 .p-js-active-link, #registration form.p-form-modern-extra2color2 .p-show-js-block .p-js-link, #registration form.p-form-modern-extra2color2 .p-field-toggled .p-js-link, .event__registration form.p-form-modern-extra2color2 .p-js-active-link, .event__registration form.p-form-modern-extra2color2 .p-show-js-block .p-js-link, .event__registration form.p-form-modern-extra2color2 .p-field-toggled .p-js-link { color: #0067e6 } #registration form.p-form-modern-extra2color2 .input-group .realperson-challenge .realperson-regen, .event__registration form.p-form-modern-extra2color2 .input-group .realperson-challenge .realperson-regen { color: #0067e6 } #registration form.p-form-modern-extra2color2 .input-group .realperson-challenge .realperson-regen:hover, .event__registration form.p-form-modern-extra2color2 .input-group .realperson-challenge .realperson-regen:hover { color: #0067e6 } #registration form.p-form-modern-extra2color2 .input-group .realperson-challenge .realperson-text:hover, .event__registration form.p-form-modern-extra2color2 .input-group .realperson-challenge .realperson-text:hover { color: #0067e6 } #registration form.p-form-modern-extra2color2 .p-slider-block .p-js-value, #registration form.p-form-modern-extra2color2 .p-sl-tip, .event__registration form.p-form-modern-extra2color2 .p-slider-block .p-js-value, .event__registration form.p-form-modern-extra2color2 .p-sl-tip { border-color: #0067e6 } #registration form.p-form-modern-extra2color2 .ui-slider-range, .event__registration form.p-form-modern-extra2color2 .ui-slider-range { background-color: #0067e6 } #registration form.p-form-modern-extra2color2 .ui-slider-handle:after, .event__registration form.p-form-modern-extra2color2 .ui-slider-handle:after { border-color: #0067e6 } #registration form.p-form-modern-extra2color2 .ui-slider-handle .p-sl-icon, .event__registration form.p-form-modern-extra2color2 .ui-slider-handle .p-sl-icon { background-color: #0067e6 } #registration form.p-form-modern-extra2color2 .ui-slider-handle.ui-state-focus:after, #registration form.p-form-modern-extra2color2 .ui-slider-handle.ui-state-active:after, #registration form.p-form-modern-extra2color2 .ui-slider-handle.ui-state-hover:after, .event__registration form.p-form-modern-extra2color2 .ui-slider-handle.ui-state-focus:after, .event__registration form.p-form-modern-extra2color2 .ui-slider-handle.ui-state-active:after, .event__registration form.p-form-modern-extra2color2 .ui-slider-handle.ui-state-hover:after { border-color: #0067e6 } #registration form.p-form-modern-extra2color2 .ui-slider-handle.ui-state-focus .p-sl-icon, #registration form.p-form-modern-extra2color2 .ui-slider-handle.ui-state-active .p-sl-icon, #registration form.p-form-modern-extra2color2 .ui-slider-handle.ui-state-hover .p-sl-icon, .event__registration form.p-form-modern-extra2color2 .ui-slider-handle.ui-state-focus .p-sl-icon, .event__registration form.p-form-modern-extra2color2 .ui-slider-handle.ui-state-active .p-sl-icon, .event__registration form.p-form-modern-extra2color2 .ui-slider-handle.ui-state-hover .p-sl-icon { background-color: #0067e6 } #registration form.p-form-modern-extra2color2 .ui-slider-horizontal .p-sl-tip:before, .event__registration form.p-form-modern-extra2color2 .ui-slider-horizontal .p-sl-tip:before { border-bottom-color: #0067e6 } #registration form.p-form-modern-extra2color2 .ui-slider-vertical .p-sl-tip:before, .event__registration form.p-form-modern-extra2color2 .ui-slider-vertical .p-sl-tip:before { border-right-color: #0067e6 } #registration form.p-form-modern-extra2color2 .p-rating .p-rating-active-icon, .event__registration form.p-form-modern-extra2color2 .p-rating .p-rating-active-icon { color: #0067e6 } #registration form.p-form-modern-extra2color2 .p-rating input[type="radio"]~label:hover .p-rating-icon, #registration form.p-form-modern-extra2color2 .p-rating input[type="radio"]~label:hover~label .p-rating-icon, #registration form.p-form-modern-extra2color2 .p-rating [type="radio"]:checked~label .p-rating-icon, .event__registration form.p-form-modern-extra2color2 .p-rating input[type="radio"]~label:hover .p-rating-icon, .event__registration form.p-form-modern-extra2color2 .p-rating input[type="radio"]~label:hover~label .p-rating-icon, .event__registration form.p-form-modern-extra2color2 .p-rating [type="radio"]:checked~label .p-rating-icon { color: #2e3742 } #registration form.p-form-modern-extra2color2 .p-rating input[type="radio"]~label.p-field-cancel:hover, .event__registration form.p-form-modern-extra2color2 .p-rating input[type="radio"]~label.p-field-cancel:hover { color: #2e3742 } #registration form.p-form-modern-extra2color2 .nav-tabs>li>label, .event__registration form.p-form-modern-extra2color2 .nav-tabs>li>label { color: #0067e6 } #registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(1):checked~.nav-tabs>li:nth-child(1)>label, #registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(2):checked~.nav-tabs>li:nth-child(2)>label, #registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(3):checked~.nav-tabs>li:nth-child(3)>label, #registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(4):checked~.nav-tabs>li:nth-child(4)>label, #registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(5):checked~.nav-tabs>li:nth-child(5)>label, #registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(1):checked~.nav-tabs>li:nth-child(1)>label:hover, #registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(2):checked~.nav-tabs>li:nth-child(2)>label:hover, #registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(3):checked~.nav-tabs>li:nth-child(3)>label:hover, #registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(4):checked~.nav-tabs>li:nth-child(4)>label:hover, #registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(5):checked~.nav-tabs>li:nth-child(5)>label:hover, #registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(1):checked~.nav-tabs>li:nth-child(1)>label:focus, #registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(2):checked~.nav-tabs>li:nth-child(2)>label:focus, #registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(3):checked~.nav-tabs>li:nth-child(3)>label:focus, #registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(4):checked~.nav-tabs>li:nth-child(4)>label:focus, #registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(5):checked~.nav-tabs>li:nth-child(5)>label:focus, .event__registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(1):checked~.nav-tabs>li:nth-child(1)>label, .event__registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(2):checked~.nav-tabs>li:nth-child(2)>label, .event__registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(3):checked~.nav-tabs>li:nth-child(3)>label, .event__registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(4):checked~.nav-tabs>li:nth-child(4)>label, .event__registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(5):checked~.nav-tabs>li:nth-child(5)>label, .event__registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(1):checked~.nav-tabs>li:nth-child(1)>label:hover, .event__registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(2):checked~.nav-tabs>li:nth-child(2)>label:hover, .event__registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(3):checked~.nav-tabs>li:nth-child(3)>label:hover, .event__registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(4):checked~.nav-tabs>li:nth-child(4)>label:hover, .event__registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(5):checked~.nav-tabs>li:nth-child(5)>label:hover, .event__registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(1):checked~.nav-tabs>li:nth-child(1)>label:focus, .event__registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(2):checked~.nav-tabs>li:nth-child(2)>label:focus, .event__registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(3):checked~.nav-tabs>li:nth-child(3)>label:focus, .event__registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(4):checked~.nav-tabs>li:nth-child(4)>label:focus, .event__registration form.p-form-modern-extra2color2 .p-tab-sel:nth-child(5):checked~.nav-tabs>li:nth-child(5)>label:focus { background-color: #0067e6 } #registration form.p-form-modern-extra2color2 .p-title, #registration form.p-form-modern-extra2color2 .p-subtitle, .event__registration form.p-form-modern-extra2color2 .p-title, .event__registration form.p-form-modern-extra2color2 .p-subtitle { color: #0067e6 } #registration form.p-form-modern-extra2color2 .p-title-line, #registration form.p-form-modern-extra2color2 .p-title-step-line, #registration form.p-form-modern-extra2color2 .p-title-side, .event__registration form.p-form-modern-extra2color2 .p-title-line, .event__registration form.p-form-modern-extra2color2 .p-title-step-line, .event__registration form.p-form-modern-extra2color2 .p-title-side { background-color: #0067e6 } #registration form.p-form-modern-extra2color2 .p-tabs-offset>.nav-tabs>li>label:hover, #registration form.p-form-modern-extra2color2 .p-tabs-offset>.nav-tabs>li>label:focus, .event__registration form.p-form-modern-extra2color2 .p-tabs-offset>.nav-tabs>li>label:hover, .event__registration form.p-form-modern-extra2color2 .p-tabs-offset>.nav-tabs>li>label:focus { background-color: #0067e6 } #registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(1):checked~.nav-tabs>li:nth-child(1)>label, #registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(2):checked~.nav-tabs>li:nth-child(2)>label, #registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(3):checked~.nav-tabs>li:nth-child(3)>label, #registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(4):checked~.nav-tabs>li:nth-child(4)>label, #registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(5):checked~.nav-tabs>li:nth-child(5)>label, #registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(1):checked~.nav-tabs>li:nth-child(1)>label:hover, #registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(2):checked~.nav-tabs>li:nth-child(2)>label:hover, #registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(3):checked~.nav-tabs>li:nth-child(3)>label:hover, #registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(4):checked~.nav-tabs>li:nth-child(4)>label:hover, #registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(5):checked~.nav-tabs>li:nth-child(5)>label:hover, #registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(1):checked~.nav-tabs>li:nth-child(1)>label:focus, #registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(2):checked~.nav-tabs>li:nth-child(2)>label:focus, #registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(3):checked~.nav-tabs>li:nth-child(3)>label:focus, #registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(4):checked~.nav-tabs>li:nth-child(4)>label:focus, #registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(5):checked~.nav-tabs>li:nth-child(5)>label:focus, .event__registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(1):checked~.nav-tabs>li:nth-child(1)>label, .event__registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(2):checked~.nav-tabs>li:nth-child(2)>label, .event__registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(3):checked~.nav-tabs>li:nth-child(3)>label, .event__registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(4):checked~.nav-tabs>li:nth-child(4)>label, .event__registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(5):checked~.nav-tabs>li:nth-child(5)>label, .event__registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(1):checked~.nav-tabs>li:nth-child(1)>label:hover, .event__registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(2):checked~.nav-tabs>li:nth-child(2)>label:hover, .event__registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(3):checked~.nav-tabs>li:nth-child(3)>label:hover, .event__registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(4):checked~.nav-tabs>li:nth-child(4)>label:hover, .event__registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(5):checked~.nav-tabs>li:nth-child(5)>label:hover, .event__registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(1):checked~.nav-tabs>li:nth-child(1)>label:focus, .event__registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(2):checked~.nav-tabs>li:nth-child(2)>label:focus, .event__registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(3):checked~.nav-tabs>li:nth-child(3)>label:focus, .event__registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(4):checked~.nav-tabs>li:nth-child(4)>label:focus, .event__registration form.p-form-modern-extra2color2 .p-tabs-offset .p-tab-sel:nth-child(5):checked~.nav-tabs>li:nth-child(5)>label:focus { color: #0067e6 } #registration form.modern-p-form .input-group-addon, #registration form.modern-p-form .input-group-icon, #registration form.modern-p-form .p-select-arrow, .event__registration form.modern-p-form .input-group-addon, .event__registration form.modern-p-form .input-group-icon, .event__registration form.modern-p-form .p-select-arrow { color: #2e3742 } #registration form .form-control[disabled]~*, .event__registration form .form-control[disabled]~* { opacity: 0.5 } #registration form.modern-p-form .p-form, .event__registration form.modern-p-form .p-form { background-color: inherit } #registration form #img_event-captcha, .event__registration form #img_event-captcha { width: 100%; max-width: 200px } #registration form .form-control:focus, .event__registration form .form-control:focus { box-shadow: none } #registration form.modern-p-form, #registration form.modern-p-form label, #registration form.modern-p-form .radio label, #registration form.modern-p-form .checkbox label, #registration form.modern-p-form .p-switch label, #registration form.modern-p-form .p-radioswitch label, .event__registration form.modern-p-form, .event__registration form.modern-p-form label, .event__registration form.modern-p-form .radio label, .event__registration form.modern-p-form .checkbox label, .event__registration form.modern-p-form .p-switch label, .event__registration form.modern-p-form .p-radioswitch label { color: #2e3742 } #registration form.modern-p-form .p-check-block, .event__registration form.modern-p-form .p-check-block { border-color: #2e3742; -moz-transition: border-color .3s ease; -o-transition: border-color .3s ease; -webkit-transition: border-color .3s ease; transition: border-color .3s ease } #registration form.modern-p-form .input-group-addon .p-addon-bg, #registration form.modern-p-form .input-group-icon, #registration form.modern-p-form .p-select-arrow, .event__registration form.modern-p-form .input-group-addon .p-addon-bg, .event__registration form.modern-p-form .input-group-icon, .event__registration form.modern-p-form .p-select-arrow { border: 1px solid #2e3742 } #registration form .radio:not(.form-group), #registration form .checkbox:not(.form-group), .event__registration form .radio:not(.form-group), .event__registration form .checkbox:not(.form-group) { margin-top: 0; margin-bottom: 0 } #registration form .radio:not(.form-group)>label:not(.p-check-input), #registration form .checkbox:not(.form-group)>label:not(.p-check-input), .event__registration form .radio:not(.form-group)>label:not(.p-check-input), .event__registration form .checkbox:not(.form-group)>label:not(.p-check-input) { text-indent: -27px; padding-left: 27px !important; line-height: 22px } #registration form .form-group.radio>label, #registration form .form-group.checkbox>label, .event__registration form .form-group.radio>label, .event__registration form .form-group.checkbox>label { margin-bottom: 15px } #registration form .form-group.radio .pure-u-1-1, #registration form .form-group.checkbox .pure-u-1-1, .event__registration form .form-group.radio .pure-u-1-1, .event__registration form .form-group.checkbox .pure-u-1-1 { padding-bottom: 0 } #registration form .form-group.radio .pt-form-inline, #registration form .form-group.checkbox .pt-form-inline, .event__registration form .form-group.radio .pt-form-inline, .event__registration form .form-group.checkbox .pt-form-inline { margin-bottom: -12px } #registration form.modern-p-form .form-group, .event__registration form.modern-p-form .form-group { margin-bottom: 0; margin-top: 0 } #registration form .form-group .colum_label label, #registration form .form-group>label, .event__registration form .form-group .colum_label label, .event__registration form .form-group>label { font-weight: bold; font-size: 15px; margin-bottom: 15px; margin-right: 10px } #registration form.modern-p-form .p-check-active-icon, #registration form.modern-p-form .p-check-icon, #registration form.modern-p-form .checkbox [type="checkbox"], #registration form.modern-p-form .radio [type="radio"], #registration form.modern-p-form .p-switch [type="checkbox"], #registration form.modern-p-form .p-radioswitch [type="radio"], .event__registration form.modern-p-form .p-check-active-icon, .event__registration form.modern-p-form .p-check-icon, .event__registration form.modern-p-form .checkbox [type="checkbox"], .event__registration form.modern-p-form .radio [type="radio"], .event__registration form.modern-p-form .p-switch [type="checkbox"], .event__registration form.modern-p-form .p-radioswitch [type="radio"] { width: 18px; height: 18px; margin-top: 3px } #registration form.modern-p-form .p-check-block, .event__registration form.modern-p-form .p-check-block { border-width: 1px; background-color: #fff } #registration form.modern-p-form .p-check-block:after, #registration form.modern-p-form .p-check-point:after, #registration form.modern-p-form .p-switch-icon:after, .event__registration form.modern-p-form .p-check-block:after, .event__registration form.modern-p-form .p-check-point:after, .event__registration form.modern-p-form .p-switch-icon:after { width: 12px; height: 12px; left: 2px; top: 2px } #registration form.modern-p-form .checkbox .p-check-block:after, .event__registration form.modern-p-form .checkbox .p-check-block:after { width: 14px; height: 14px; left: 0; top: 0 } #registration form.modern-p-form .checkbox .p-check-icon, .event__registration form.modern-p-form .checkbox .p-check-icon { width: 16px; height: 16px; margin-right: 8px } #registration form.modern-p-form :not(google) .p-field-cb, .event__registration form.modern-p-form :not(google) .p-field-cb { border-color: #2e3742; background-color: transparent; width: 100% } #registration form.modern-p-form .input-group-addon .p-addon-bg, #registration form.modern-p-form .input-group-icon, #registration form.modern-p-form .p-select-arrow, .event__registration form.modern-p-form .input-group-addon .p-addon-bg, .event__registration form.modern-p-form .input-group-icon, .event__registration form.modern-p-form .p-select-arrow { background-color: #fff } #registration form.modern-p-form .input-group .form-control, .event__registration form.modern-p-form .input-group .form-control { color: #2e3742; caret-color: #2e3742 } #registration form.modern-p-form .input-group select.form-control:hover, .event__registration form.modern-p-form .input-group select.form-control:hover { border-color: #0067e6 !important } #registration form.modern-p-form select.form-control option, .event__registration form.modern-p-form select.form-control option { background-color: #fff } #registration form .pt-form-inline .radio, .event__registration form .pt-form-inline .radio { padding-bottom: 0; padding-top: 0 } #registration form .form-group.google.text, .event__registration form .form-group.google.text { display: inline-flex; align-items: center; top: -6px } @media (max-width: 567px) { #registration form .form-group.google.text, .event__registration form .form-group.google.text { flex-direction: column; width: 80%; max-width: calc(100% - 50px) } } #registration form .form-group.google.text .input-group-icon, .event__registration form .form-group.google.text .input-group-icon { display: none } #registration form .form-group.google.text .input-group-text, .event__registration form .form-group.google.text .input-group-text { white-space: nowrap; margin-right: 10px; padding: 12px 0 } #registration form .form-group.google.text .form-control, .event__registration form .form-group.google.text .form-control { border-color: transparent !important; border-bottom-color: #ddd !important; padding-left: 0; height: 33px } #registration form .form-group.google.text .form-control~.p-field-cb, .event__registration form .form-group.google.text .form-control~.p-field-cb { border-color: transparent !important; width: 0; left: 50%; z-index: 10; bottom: 0; height: 0; background-color: transparent; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease } #registration form .form-group.google.text .form-control:focus~.p-field-cb, .event__registration form .form-group.google.text .form-control:focus~.p-field-cb { border-bottom-color: #0067e6 !important; width: 100%; left: 0% } #registration form .form-group.google.text .form-control.active~.p-field-cb, .event__registration form .form-group.google.text .form-control.active~.p-field-cb { border-bottom-color: #0067e6; width: 100%; left: 0% } #registration form .form-group.google.text ::-webkit-input-placeholder, .event__registration form .form-group.google.text ::-webkit-input-placeholder { font-size: 15px } #registration form .form-group.google.text :-ms-input-placeholder, .event__registration form .form-group.google.text :-ms-input-placeholder { font-size: 15px } #registration form .form-group.google.text ::placeholder, .event__registration form .form-group.google.text ::placeholder { font-size: 15px } #registration form .pure-referral, .event__registration form .pure-referral { display: none } #registration form.modern-p-form .pure-privacy, .event__registration form.modern-p-form .pure-privacy { padding-top: 0; margin-top: 25px } #registration form.modern-p-form .pure-u-1-1 label a, .event__registration form.modern-p-form .pure-u-1-1 label a { color: #0067e6 } #registration form.modern-p-form .pure-u-1-1 label a:hover, .event__registration form.modern-p-form .pure-u-1-1 label a:hover { color: #0067e6 } #registration form .pure-account_subscription, .event__registration form .pure-account_subscription { padding-bottom: 10px; margin-top: 25px } #registration form .pure-account_subscription+.pure-privacy, .event__registration form .pure-account_subscription+.pure-privacy { margin-top: 0 } @media (min-width: 1024px) { #registration form .pt-form-inline, .event__registration form .pt-form-inline { display: flex } #registration form .pt-form-inline .radio, #registration form .pt-form-inline .checkbox, .event__registration form .pt-form-inline .radio, .event__registration form .pt-form-inline .checkbox { width: 50% } } #registration form .form_note, .event__registration form .form_note { margin-top: 0; margin-bottom: 8px; display: inline-block; font-weight: normal } #registration form .form_note.padding_left_fix, .event__registration form .form_note.padding_left_fix { padding-left: 5px } #registration form .file .input-group-btn .btn, .event__registration form .file .input-group-btn .btn { background-color: #fff; border: transparent; font-size: 15px; border: 1px solid #2e3742; color: #2e3742; position: relative; right: -1px } #registration form .file .input-group-btn .btn:hover, .event__registration form .file .input-group-btn .btn:hover { background-color: #0067e6; color: #fff; border-color: #0067e6 } #registration form .file input:hover+.input-group .input-group-btn .btn, .event__registration form .file input:hover+.input-group .input-group-btn .btn { background-color: #0067e6; color: #fff; border-color: #0067e6 } #registration form input:-webkit-autofill, #registration form textarea:-webkit-autofill, #registration form select:-webkit-autofill, .event__registration form input:-webkit-autofill, .event__registration form textarea:-webkit-autofill, .event__registration form select:-webkit-autofill { outline: none; -webkit-text-fill-color: #2e3742; transition: background-color 5000s ease-in-out 0s } #registration form input:-webkit-autofill~.p-field-cb, #registration form textarea:-webkit-autofill~.p-field-cb, #registration form select:-webkit-autofill~.p-field-cb, .event__registration form input:-webkit-autofill~.p-field-cb, .event__registration form textarea:-webkit-autofill~.p-field-cb, .event__registration form select:-webkit-autofill~.p-field-cb { border-color: #0067e6 } #registration form input:-webkit-autofill:hover, #registration form input:-webkit-autofill:focus, #registration form textarea:-webkit-autofill:hover, #registration form textarea:-webkit-autofill:focus, #registration form select:-webkit-autofill:hover, #registration form select:-webkit-autofill:focus, .event__registration form input:-webkit-autofill:hover, .event__registration form input:-webkit-autofill:focus, .event__registration form textarea:-webkit-autofill:hover, .event__registration form textarea:-webkit-autofill:focus, .event__registration form select:-webkit-autofill:hover, .event__registration form select:-webkit-autofill:focus { outline: none; -webkit-text-fill-color: #2e3742; -webkit-box-shadow: 0 0 0px 1000px #fff inset; transition: background-color 5000s ease-in-out 0s } #registration form input:-webkit-autofill:hover~.p-field-cb, #registration form input:-webkit-autofill:focus~.p-field-cb, #registration form textarea:-webkit-autofill:hover~.p-field-cb, #registration form textarea:-webkit-autofill:focus~.p-field-cb, #registration form select:-webkit-autofill:hover~.p-field-cb, #registration form select:-webkit-autofill:focus~.p-field-cb, .event__registration form input:-webkit-autofill:hover~.p-field-cb, .event__registration form input:-webkit-autofill:focus~.p-field-cb, .event__registration form textarea:-webkit-autofill:hover~.p-field-cb, .event__registration form textarea:-webkit-autofill:focus~.p-field-cb, .event__registration form select:-webkit-autofill:hover~.p-field-cb, .event__registration form select:-webkit-autofill:focus~.p-field-cb { border-color: #0067e6 } #registration form.modern-p-form .p-form-sg, #registration form.modern-p-form .p-form-cg, .event__registration form.modern-p-form .p-form-sg, .event__registration form.modern-p-form .p-form-cg { display: block; margin-bottom: 15px } #registration form .pt-form-inline .p-check-input, .event__registration form .pt-form-inline .p-check-input { position: relative; top: 5px } #registration.registration-bg-dark form.modern-p-form .checkbox .p-check-icon .p-check-block:after, .event__registration.registration-bg-dark form.modern-p-form .checkbox .p-check-icon .p-check-block:after { background-image: url("../../../../img/icon/check_mark_black.png"); background-repeat: no-repeat; background-size: cover; background-size: 16px; background-position: center } @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) { #registration.registration-bg-dark form.modern-p-form .checkbox .p-check-icon .p-check-block:after, .event__registration.registration-bg-dark form.modern-p-form .checkbox .p-check-icon .p-check-block:after { background-image: url("../../../../img/icon/check_mark_black@2x.png") } } #SG_SolutionforGrowingData_2021 { font-size: 16px; color: #2e3742 } #SG_SolutionforGrowingData_2021 * { box-sizing: border-box } #SG_SolutionforGrowingData_2021 .CTA_fixed { position: fixed; background-size: cover; background-position: center; width: 100%; left: 0; bottom: 0; border-radius: 0; z-index: 9999; box-sizing: border-box; color: #fff; padding: 32px 45px 32px 32px; transform: translateY(120%); transition: all 0.5s ease } #SG_SolutionforGrowingData_2021 .CTA_fixed>div { display: flex; flex-flow: column; align-items: flex-start; justify-content: space-between; min-height: 190px; height: 100% } #SG_SolutionforGrowingData_2021 .CTA_fixed .logo { width: 75px } #SG_SolutionforGrowingData_2021 .CTA_fixed .desc { font-size: 26px; line-height: 1.5; margin-top: 24px; margin-bottom: 24px; width: 100%; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #fff } #SG_SolutionforGrowingData_2021 .CTA_fixed .btn_link { transition: all 0.5s ease; border-radius: 2em; padding: 7px 25px; box-sizing: border-box; min-width: 160px; color: #fff; background-color: #0067e6; border-color: #0067e6 } #SG_SolutionforGrowingData_2021 .CTA_fixed .btn_link:hover { color: #fff; background-color: #1a81ff; border-color: #1a81ff } #SG_SolutionforGrowingData_2021 .CTA_fixed .btn_close { position: absolute; right: 0; top: 0; cursor: pointer; padding: 15px } #SG_SolutionforGrowingData_2021 .CTA_fixed.show:not(.hide_CTA) { transform: translateY(0%); opacity: 1 } @media (min-width: 480px) { #SG_SolutionforGrowingData_2021 .CTA_fixed { left: 10px; bottom: 10px; border-radius: 10px; max-width: 450px } } #SG_SolutionforGrowingData_2021 .line_clamp_4 { padding: 32px 70px 32px 32px } #SG_SolutionforGrowingData_2021 .line_clamp_4 .desc { -webkit-line-clamp: 4 } #SG_SolutionforGrowingData_2021 .line_clamp_4 .btn_close { padding: 20px } @media (min-width: 568px) { #SG_SolutionforGrowingData_2021 .line_clamp_4 { max-width: 516px } } #SG_SolutionforGrowingData_2021 .CTA_fixed { background-image: url("https://gallery.synology.com/image/LUoaFM3/1x"); background-repeat: no-repeat; background-repeat: no-repeat } @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) { #SG_SolutionforGrowingData_2021 .CTA_fixed { background-image: url("https://gallery.synology.com/image/LUoaFM3/2x") } } #SG_SolutionforGrowingData_2021 .btn:focus, #SG_SolutionforGrowingData_2021 .btn *:hover, #SG_SolutionforGrowingData_2021 .btn:active, #SG_SolutionforGrowingData_2021 button:focus, #SG_SolutionforGrowingData_2021 button *:hover, #SG_SolutionforGrowingData_2021 button:active, #SG_SolutionforGrowingData_2021 input:focus, #SG_SolutionforGrowingData_2021 input *:hover, #SG_SolutionforGrowingData_2021 input:active, #SG_SolutionforGrowingData_2021 select:focus, #SG_SolutionforGrowingData_2021 select *:hover, #SG_SolutionforGrowingData_2021 select:active, #SG_SolutionforGrowingData_2021 textarea:focus, #SG_SolutionforGrowingData_2021 textarea *:hover, #SG_SolutionforGrowingData_2021 textarea:active { outline: none; box-shadow: none } #SG_SolutionforGrowingData_2021 .btn_textlink a { text-decoration: underline; white-space: nowrap } #SG_SolutionforGrowingData_2021 .btn_textlink a:hover { text-decoration: none } #SG_SolutionforGrowingData_2021 .btn_textlink_fix { margin-top: 20px } #SG_SolutionforGrowingData_2021 .btn_textlink_fix a { font-size: 14px; display: inline-block; background-color: transparent; border-color: transparent; color: #2e3742; padding: 0; text-decoration: underline; cursor: pointer } #SG_SolutionforGrowingData_2021 .btn_textlink_fix a:hover { text-decoration: none; background-color: transparent } #SG_SolutionforGrowingData_2021 ::-webkit-input-placeholder { color: #64696e } #SG_SolutionforGrowingData_2021 :-ms-input-placeholder { color: #64696e } #SG_SolutionforGrowingData_2021 ::placeholder { color: #64696e } @media (min-width: 1640px) { #SG_SolutionforGrowingData_2021 .container { max-width: 1720px; padding-left: 40px; padding-right: 40px } } #SG_SolutionforGrowingData_2021 .section-desc { margin-bottom: 40px } @media (min-width: 1024px) { #SG_SolutionforGrowingData_2021 .section { padding-top: 100px; padding-bottom: 100px } #SG_SolutionforGrowingData_2021 .section-desc { margin-bottom: 64px } } #SG_SolutionforGrowingData_2021 .btn { -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s } #SG_SolutionforGrowingData_2021 h1, #SG_SolutionforGrowingData_2021 .h1 { font-size: 36px; line-height: 42px; font-weight: bold; margin-bottom: 20px } @media (min-width: 768px) { #SG_SolutionforGrowingData_2021 h1, #SG_SolutionforGrowingData_2021 .h1 { font-size: 46px; line-height: 62px } } #SG_SolutionforGrowingData_2021 h2, #SG_SolutionforGrowingData_2021 .h2 { font-size: 26px; line-height: 34px; font-weight: 600 } @media (min-width: 768px) { #SG_SolutionforGrowingData_2021 h2, #SG_SolutionforGrowingData_2021 .h2 { font-size: 32px; line-height: 46px; margin-bottom: 8px } } #SG_SolutionforGrowingData_2021 h3, #SG_SolutionforGrowingData_2021 .h3 { font-size: 22px; line-height: 30px; font-weight: 600; margin-bottom: 8px } @media (min-width: 768px) { #SG_SolutionforGrowingData_2021 h3, #SG_SolutionforGrowingData_2021 .h3 { font-size: 26px; line-height: 40px } } #SG_SolutionforGrowingData_2021 h4, #SG_SolutionforGrowingData_2021 .h4 { font-size: 20px; font-weight: 600; line-height: 30px } #SG_SolutionforGrowingData_2021 p { margin-top: 0; margin-bottom: 0 } #SG_SolutionforGrowingData_2021 .textlink_outer a, #SG_SolutionforGrowingData_2021 a.textlink { display: inline-block; color: #0067e6; text-decoration: underline } #SG_SolutionforGrowingData_2021 .textlink_outer a:hover, #SG_SolutionforGrowingData_2021 .textlink_outer a:active, #SG_SolutionforGrowingData_2021 a.textlink:hover, #SG_SolutionforGrowingData_2021 a.textlink:active { text-decoration: none; color: #0067e6 } #SG_SolutionforGrowingData_2021 .fw-bold { font-weight: bold } #SG_SolutionforGrowingData_2021 .banner { background-color: #F7F8FA; position: relative } #SG_SolutionforGrowingData_2021 .banner:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; right: 0; top: 0; width: 50%; background-position: center; background-size: cover; background-image: url("./assets/banner.png"); background-repeat: no-repeat; background-repeat: no-repeat } @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) { #SG_SolutionforGrowingData_2021 .banner:before { background-image: url("./assets/banner2x.png") } } #SG_SolutionforGrowingData_2021 .banner__logo { display: inline-block; margin-bottom: 80px; width: 150px } #SG_SolutionforGrowingData_2021 .banner__mobile { display: none } @media (min-width: 1024px) { #SG_SolutionforGrowingData_2021 .banner { min-height: 600px } #SG_SolutionforGrowingData_2021 .banner__desc { font-size: 20px } } @media (max-width: 1279px) { #SG_SolutionforGrowingData_2021 .banner:before { background-position-x: 30% } #SG_SolutionforGrowingData_2021 .banner__logo { margin-bottom: 30px } } @media (max-width: 1023px) { #SG_SolutionforGrowingData_2021 .banner { padding-bottom: 0 } #SG_SolutionforGrowingData_2021 .banner:before { display: none } #SG_SolutionforGrowingData_2021 .banner__mobile { display: block; margin-top: 30px } #SG_SolutionforGrowingData_2021 .banner__mobile img { width: 100% } } #SG_SolutionforGrowingData_2021 .feature .feat-card { max-width: 310px; margin-left: auto; margin-right: auto } #SG_SolutionforGrowingData_2021 .feature .feat-card img { margin-bottom: 20px } @media (min-width: 768px) { #SG_SolutionforGrowingData_2021 .feature .section-desc { max-width: 960px } } @media (max-width: 1023px) { #SG_SolutionforGrowingData_2021 .feature .pure-u-1-1 .feat-card img { margin-bottom: 16px } #SG_SolutionforGrowingData_2021 .feature .pure-u-1-1+.pure-u-1-1 { margin-top: 36px } } #SG_SolutionforGrowingData_2021 .feature__content { max-width: 1340px } #SG_SolutionforGrowingData_2021 .reasons { background-color: #F7F8FA } #SG_SolutionforGrowingData_2021 .reasons__card { max-width: 1520px; border-radius: 20px; margin-left: auto; margin-right: auto; overflow: hidden; background-color: #F2F2F2; color: #2E3742; margin-top: 30px } @media (min-width: 768px) { #SG_SolutionforGrowingData_2021 .reasons__card { margin-top: 40px } } #SG_SolutionforGrowingData_2021 .reasons__card-desc { padding: 40px } @media (min-width: 1280px) { #SG_SolutionforGrowingData_2021 .reasons__card-desc { padding: 80px } } @media (min-width: 1024px) { #SG_SolutionforGrowingData_2021 .reasons__card-img { background-position: center; background-size: cover; min-height: 420px } #SG_SolutionforGrowingData_2021 .reasons__card-img img { display: none } #SG_SolutionforGrowingData_2021 .reasons__card-img-1 { background-image: url("./assets/hyperbackup.png"); background-repeat: no-repeat; background-repeat: no-repeat } } @media all and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), all and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), all and (min-width: 1024px) and (min-device-pixel-ratio: 1.5) { #SG_SolutionforGrowingData_2021 .reasons__card-img-1 { background-image: url("./assets/hyperbackup2x.png") } } @media (min-width: 1024px) { #SG_SolutionforGrowingData_2021 .reasons__card-img-2 { background-image: url("./assets/hybridshare.png"); background-repeat: no-repeat; background-repeat: no-repeat } } @media all and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), all and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), all and (min-width: 1024px) and (min-device-pixel-ratio: 1.5) { #SG_SolutionforGrowingData_2021 .reasons__card-img-2 { background-image: url("./assets/hybridshare2x.png") } } @media (min-width: 1024px) { #SG_SolutionforGrowingData_2021 .reasons__card-img-3 { background-image: url("https://gallery.synology.com/image/WmfVyYj/1x"); background-repeat: no-repeat; background-repeat: no-repeat } } @media all and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), all and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), all and (min-width: 1024px) and (min-device-pixel-ratio: 1.5) { #SG_SolutionforGrowingData_2021 .reasons__card-img-3 { background-image: url("https://gallery.synology.com/image/WmfVyYj/2x") } } #SG_SolutionforGrowingData_2021 .info__content, #SG_SolutionforGrowingData_2021 .note__content { max-width: 1520px; margin-left: auto; margin-right: auto } @media (min-width: 768px) { #SG_SolutionforGrowingData_2021 .info.section { padding-bottom: 64px } #SG_SolutionforGrowingData_2021 .info .section-desc { max-width: 900px } } #SG_SolutionforGrowingData_2021 .info .time__header { background-color: #EBEEF3; border-radius: 5px 5px 0 0; padding: 10px 36px } #SG_SolutionforGrowingData_2021 .info .time__body { display: flex; align-items: center; justify-content: start; background-color: #F7F8FA; border-radius: 0 0 5px 5px; padding: 24px 36px } #SG_SolutionforGrowingData_2021 .info .time__body .date-group { display: flex; align-items: center } #SG_SolutionforGrowingData_2021 .info .time__body .line { width: 50px; max-width: 100%; height: 1px; margin: 0 20px; background-color: #2e3742 } #SG_SolutionforGrowingData_2021 .info .time__body .date { font-size: 60px; line-height: 46px; font-weight: 300; margin-right: 12px } #SG_SolutionforGrowingData_2021 .info .time__body .circle { width: 70px; height: 70px; line-height: 20px; background-color: #0067e6; color: #fff; display: inline-flex; border-radius: 50%; justify-content: center; align-items: center; text-align: center } @media (max-width: 1639px) { #SG_SolutionforGrowingData_2021 .info .time__body .date { font-size: 52px } #SG_SolutionforGrowingData_2021 .info .time__body .circle { width: 62px; height: 62px } } @media (max-width: 1439px) { #SG_SolutionforGrowingData_2021 .info .time__body { justify-content: center } #SG_SolutionforGrowingData_2021 .info .time__body .date { font-size: 40px } } @media (max-width: 767px) { #SG_SolutionforGrowingData_2021 .info .time__body { padding: 20px 36px; justify-content: start } #SG_SolutionforGrowingData_2021 .info .time__body .line { width: 20px; margin: 0 8px } #SG_SolutionforGrowingData_2021 .info .time__body .date { font-size: 24px; line-height: 1.5; font-weight: 400; margin-right: 8px } #SG_SolutionforGrowingData_2021 .info .time__body .circle { display: none } } @media (max-width: 567px) { #SG_SolutionforGrowingData_2021 .info .time__body .date { font-size: 16px; margin-right: 4px } } @media (max-width: 374px) { #SG_SolutionforGrowingData_2021 .info .time__body .time-small { font-size: 12px } } @media (min-width: 768px) { #SG_SolutionforGrowingData_2021 .info .time .time-small { display: none } } #SG_SolutionforGrowingData_2021 .info .other-group { display: flex; flex-direction: column; justify-content: space-between } #SG_SolutionforGrowingData_2021 .info .other { background-color: #F7F8FA; border-radius: 0 5px 5px 0; display: flex; padding: 10px 10px 10px 0 } #SG_SolutionforGrowingData_2021 .info .other__tab { background-color: #EBEEF3; border-radius: 5px 0 0 5px; font-weight: bold; padding: 10px 36px; display: flex; align-items: center; min-width: 176px; margin-top: -10px; margin-bottom: -10px } #SG_SolutionforGrowingData_2021 .info .other p { padding: 0 20px } @media (min-width: 1280px) { #SG_SolutionforGrowingData_2021 .info .other__deadline { font-size: 26px; line-height: 48px } } @media (max-width: 1279px) { #SG_SolutionforGrowingData_2021 .info .other:not(:first-child) { margin-top: 24px } } @media (max-width: 1023px) { #SG_SolutionforGrowingData_2021 .info .other { flex-direction: column; border-radius: 0 0 5px 5px; padding: 10px 36px } #SG_SolutionforGrowingData_2021 .info .other:not(:first-child) { margin-top: 20px } #SG_SolutionforGrowingData_2021 .info .other__tab { border-radius: 5px 5px 0 0; display: block; width: auto; min-width: auto; margin-right: -36px; margin-left: -36px } #SG_SolutionforGrowingData_2021 .info .other p { margin-top: 20px; padding: 0 } } #SG_SolutionforGrowingData_2021 .info .rule__header { background-color: #EBEEF3; border-radius: 5px 5px 0 0; padding: 10px 36px } #SG_SolutionforGrowingData_2021 .info .rule__body { background-color: #F7F8FA; border-radius: 0 0 5px 5px; padding: 20px 36px } #SG_SolutionforGrowingData_2021 .info .rule ol { margin: 0; padding-left: 20px } #SG_SolutionforGrowingData_2021 .info .event-models { margin-top: 24px; border-radius: 5px; overflow: hidden } #SG_SolutionforGrowingData_2021 .info .event-models .pure-g.autopad-8 { margin: -4px } #SG_SolutionforGrowingData_2021 .info .event-models .pure-g.autopad-8>* { padding: 4px } #SG_SolutionforGrowingData_2021 .info .event-models__header { background-color: #EBEEF3; border-radius: 5px 5px 0 0; padding: 10px 36px; margin-bottom: 8px } #SG_SolutionforGrowingData_2021 .info .event-models__list-group { margin-top: 4px } #SG_SolutionforGrowingData_2021 .info .event-models__img { background-color: #F7F8FA; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center } @media (max-width: 1023px) { #SG_SolutionforGrowingData_2021 .info .event-models__img { padding-top: 42px; padding-bottom: 64px } } #SG_SolutionforGrowingData_2021 .info .event-models__item { background-color: #F7F8FA; padding: 16px 64px; margin-bottom: 8px } #SG_SolutionforGrowingData_2021 .info .event-models__item:last-child { margin-bottom: 0 } #SG_SolutionforGrowingData_2021 .info .event-models__item .h4 { font-size: 24px; margin-bottom: 0 } #SG_SolutionforGrowingData_2021 .info .event-models__item .count { color: #0067e6; margin-bottom: 8px; text-align: right } #SG_SolutionforGrowingData_2021 .info .event-models__item .price-group { display: flex; justify-content: space-between; align-items: center } #SG_SolutionforGrowingData_2021 .info .event-models__item .icon { margin-right: 8px } #SG_SolutionforGrowingData_2021 .info .event-models__item .slash { display: inline-block; width: 20px; height: 2px; background-color: #D5D6D8; transform: rotate(-60deg) translateY(-12px) } #SG_SolutionforGrowingData_2021 .info .event-models__item .voucher { display: inline-block; background-color: #fff; color: #0067e6; padding: 8px 16px; border: 1px solid #3287FC; border-radius: 5px; min-width: 206px; text-align: right } @media (max-width: 1639px) { #SG_SolutionforGrowingData_2021 .info .event-models__item { padding: 16px 32px } } @media (max-width: 1023px) { #SG_SolutionforGrowingData_2021 .info .event-models__item { padding: 64px 32px; text-align: center } #SG_SolutionforGrowingData_2021 .info .event-models__item .column-reverse { flex-flow: column-reverse } #SG_SolutionforGrowingData_2021 .info .event-models__item .count { margin-bottom: 0; text-align: center } #SG_SolutionforGrowingData_2021 .info .event-models__item .price-group { display: block; margin: 12px 0 } #SG_SolutionforGrowingData_2021 .info .event-models__item .icon, #SG_SolutionforGrowingData_2021 .info .event-models__item .slash { display: none } #SG_SolutionforGrowingData_2021 .info .event-models__item .voucher { margin-top: 40px; text-align: center } } #SG_SolutionforGrowingData_2021 .registration .btn_login .btn { font-size: 18px; line-height: 28px; padding: 17px 48px } #SG_SolutionforGrowingData_2021 .registration .btn_online { font-size: 18px; line-height: 28px; padding: 17px 48px; background-color: transparent; border: 3px solid #0067e6; color: #0067e6; pointer-events: none } #SG_SolutionforGrowingData_2021 .registration .btn_textlink_fix { margin-bottom: 100px } @media (max-width: 767px) { #SG_SolutionforGrowingData_2021 .registration .btn_textlink_fix { margin-bottom: 50px } } @media (max-width: 567px) { #SG_SolutionforGrowingData_2021 .registration .btn_textlink_fix { margin-bottom: 30px } } #SG_SolutionforGrowingData_2021 .faq { padding-top: 0 } #SG_SolutionforGrowingData_2021 .faq .faq-popup-btn { display: inline-block; text-decoration: underline; font-weight: 600; margin-top: 8px } #SG_SolutionforGrowingData_2021 .faq .faq-popup-btn:hover { text-decoration: none } #SG_SolutionforGrowingData_2021 .partner { background-color: #EBEEF3 } #SG_SolutionforGrowingData_2021 .partner__content { max-width: 1440px; margin-left: auto; margin-right: auto } #SG_SolutionforGrowingData_2021 .partner__list { justify-content: center } @media (max-width: 1279px) { #SG_SolutionforGrowingData_2021 .partner__logo { padding: 20px } } #SG_SolutionforGrowingData_2021 .note { padding: 24px 0 } #SG_SolutionforGrowingData_2021 .note.note-bg { background-color: #DDE5ED } #SG_SolutionforGrowingData_2021 .note ol { margin: 0; padding: 0; list-style-position: inside } #SG_SolutionforGrowingData_2021 .note li { font-size: 12px } #SG_SolutionforGrowingData_2021 #event-footer { padding-top: 10px; padding-bottom: 15px; line-height: 26px; background-color: #000; color: #fff } #SG_SolutionforGrowingData_2021 #event-footer .terms_wrap { font-size: 12px } #SG_SolutionforGrowingData_2021 #event-footer .terms_wrap div { display: inline-block } #SG_SolutionforGrowingData_2021 #event-footer .terms_wrap a { color: #fff; padding: 0px 12px } #SG_SolutionforGrowingData_2021 #event-footer .beian_cn a { color: #fff } @media (max-width: 479px) { #SG_SolutionforGrowingData_2021 #event-footer span.hide-detail { display: none } #SG_SolutionforGrowingData_2021 #event-footer .change_language { display: block } } .mfp-content .dialog .faq-popup__content { color: #2e3742 } .mfp-content .dialog .faq-popup__content h2 { font-size: 28px; font-weight: 500; text-align: center } .mfp-content .dialog .faq-popup__content dl { margin: 20px auto } .mfp-content .dialog .faq-popup__content dl dt { font-weight: 600; font-size: 18px; padding-left: 28px; margin-bottom: 8px; position: relative } .mfp-content .dialog .faq-popup__content dl dt i { position: absolute; top: 2px; left: 0; width: 20px; height: 20px; border-radius: 60px; color: #fff; background-color: #0067e6; font-size: 12px; line-height: 20px; font-style: normal; text-align: center } @media (max-width: 767px) { .mfp-content .dialog .faq-popup__content dl dt i { top: 8px } } @media (max-width: 567px) { .mfp-content .dialog .faq-popup__content dl dt { line-height: 28px; margin-bottom: 8px } .mfp-content .dialog .faq-popup__content dl dt i { top: 4px } } .mfp-content .dialog .faq-popup__content dl dd { line-height: 1.5em; margin: 0 auto; padding: 0; font-size: 15px; padding-left: 28px }