/*! © JetSloth — SPDX-License-Identifier: GPL-2.0-or-later */.image-choices-field.has-jetsloth-lazy .jetsloth-lazy{opacity:0;transition:opacity .3s}.image-choices-field.has-jetsloth-lazy .jetsloth-lazy-loaded{opacity:1}.image-choices-field ul.gfield_checkbox,.image-choices-field ul.gfield_radio{list-style:none;margin:0;padding:0}.image-choices-field div.gfield_checkbox,.image-choices-field div.gfield_radio{margin:0;padding:0}.image-choices-field .image-choices-choice{display:inline-block;margin:0 10px 10px 0!important;transition:all .3s;border:1px solid hsla(0,0%,87%,0);vertical-align:top;text-align:center}.image-choices-field .image-choices-choice label{cursor:pointer;display:inline-block!important;line-height:0;margin:0!important;max-width:none!important;padding:10px!important;text-align:center;width:100%!important;border:1px solid transparent}.image-choices-field .image-choices-choice input[type=checkbox],.image-choices-field .image-choices-choice input[type=radio]{visibility:hidden;position:absolute;left:-9999px}.image-choices-field .image-choices-choice-price,.image-choices-field .image-choices-choice-text{font-size:12px;font-weight:400;line-height:1.4;padding-top:6px;transition:all .3s}.image-choices-field .image-choices-choice-price{display:block}.image-choices-field .image-choices-choice-text{display:none}.image-choices-field .image-choices-choice-image-wrap{display:inline-block!important;background-repeat:no-repeat;background-position:50%;background-size:cover;line-height:0;width:100px;height:100px;text-align:center;transition:all .3s}.image-choices-field .image-choices-choice-image{display:none}.image-choices-field.image-choices-layout-vertical ul.gfield_checkbox,.image-choices-field.image-choices-layout-vertical ul.gfield_radio{display:inline-block}.image-choices-field.image-choices-layout-vertical ul.gfield_checkbox>li.image-choices-choice,.image-choices-field.image-choices-layout-vertical ul.gfield_radio>li.image-choices-choice{display:block}.image-choices-field.image-choices-layout-vertical div.gfield_checkbox,.image-choices-field.image-choices-layout-vertical div.gfield_radio{display:inline-block}.image-choices-field.image-choices-layout-vertical div.gfield_checkbox>.image-choices-choice,.image-choices-field.image-choices-layout-vertical div.gfield_radio>.image-choices-choice,.image-choices-field.image-choices-show-labels .image-choices-choice-text{display:block}.image-choices-field .image-choices-choice-focus label,.image-choices-field .image-choices-choice-selected{border-color:#000}html[dir=rtl] .image-choices-field .image-choices-choice input[type=checkbox],html[dir=rtl] .image-choices-field .image-choices-choice input[type=radio]{left:unset;right:-9999px}.image-choices-field .image-choices-choice.image-choices-choice-other input[type=text]{margin:0}.image-choices-field .image-choices-choice.image-choices-choice-other .image-choices-choice-image-wrap{background-color:#ecefed}.image-choices-field .gf_other_wrap{position:absolute;width:150%;max-width:90vw;margin:0;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:36px 10px 20px;z-index:99;box-shadow:0 0 20px 0 rgba(0,0,0,.2)}.image-choices-field .gf_other_wrap:not(.active){pointer-events:none;visibility:hidden}.image-choices-field .gf_other_wrap:not(.active) .gf_other_close{display:none}.image-choices-field .gf_other_close{position:absolute;right:5px;top:5px;width:24px;height:24px;opacity:.3}.image-choices-field .gf_other_close:after,.image-choices-field .gf_other_close:before{position:absolute;left:10px;content:" ";height:24px;width:2px;background-color:#000}.image-choices-field .gf_other_close:before{transform:rotate(45deg)}.image-choices-field .gf_other_close:after{transform:rotate(-45deg)}.gquiz-image-choices-field .gquiz-image-choices{list-style:none;display:block;text-align:center}.gquiz-image-choices-field .gquiz-image-choices-choice,.gquiz-image-choices-field .gquiz-image-choices>li{display:inline-block;vertical-align:top;margin:0 10px 20px;text-align:center;position:relative}.gquiz-image-choices-field .gquiz-image-choices-choice>img,.gquiz-image-choices-field .gquiz-image-choices>li>img{position:absolute;right:0;bottom:-15px}.gquiz-image-choices-field .gquiz-image-choices-choice-image{display:inline-block;width:80px;height:80px;background-size:cover;background-repeat:no-repeat;background-position:50%}.gquiz-image-choices-field .gquiz-image-choices-choice-text{display:block;font-size:12px}.image-choices-choice{position:relative}.gform-theme--framework .gfield--type-choice.image-choices-field:not([class*=gf_list_]) .gfield_checkbox,.gform-theme--framework .gfield--type-choice.image-choices-field:not([class*=gf_list_]) .gfield_radio{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.gform-theme--framework .gfield--type-choice.image-choices-field .gchoice{display:inline-block;margin-right:0!important}.gform-theme--framework .gfield--type-choice.image-choices-field .gfield_checkbox>:last-child:where(:not(.gchoice)),.gform-theme--framework .gfield--type-choice.image-choices-field .gfield_radio>:last-child:where(:not(.gchoice)){-ms-flex-item-align:center;align-self:center}@media (min-width:640px){.gform-theme--foundation .gfield.image-choices-field[class*=gf_list_] .gfield_checkbox,.gform-theme--foundation .gfield.image-choices-field[class*=gf_list_] .gfield_radio{grid-column-gap:var(--gf-field-choice-spacing,var(--gform-theme-field-choice-spacing))}}body.hidden-scroll{overflow:hidden}.jl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;opacity:.7;display:none;z-index:1035}.jl-wrapper{z-index:1040}.jl-wrapper button{border:0 none;background:transparent;font-size:28px;padding:0;cursor:pointer}.jl-wrapper button:hover{opacity:.7}.jl-wrapper .jl-close{display:none;position:fixed;right:30px;top:30px;z-index:1060;margin-top:-14px;margin-right:-14px;height:44px;width:44px;line-height:44px;font-family:Arial,Baskerville,monospace;color:#000;font-size:3rem}.jl-wrapper .jl-close:focus{outline:none}.jl-wrapper .jl-counter{display:none;position:fixed;top:30px;left:30px;z-index:1060;color:#000;font-size:1rem}.jl-wrapper .jl-navigation{width:100%;display:none}.jl-wrapper .jl-navigation button{position:fixed;top:50%;margin-top:-22px;height:44px;width:22px;line-height:44px;text-align:center;display:block;z-index:1060;font-family:Arial,Baskerville,monospace;color:#000}.jl-wrapper .jl-navigation button.jl-next{right:5px;font-size:2rem}.jl-wrapper .jl-navigation button.jl-prev{left:5px;font-size:2rem}.jl-wrapper .jl-navigation button:focus{outline:none}@media (min-width:35.5em){.jl-wrapper .jl-navigation button{width:44px}.jl-wrapper .jl-navigation button.jl-next{right:10px;font-size:3rem}.jl-wrapper .jl-navigation button.jl-prev{left:10px;font-size:3rem}}@media (min-width:50em){.jl-wrapper .jl-navigation button{width:44px}.jl-wrapper .jl-navigation button.jl-next{right:20px;font-size:3rem}.jl-wrapper .jl-navigation button.jl-prev{left:20px;font-size:3rem}}.jl-wrapper .jl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.jl-wrapper .jl-image img{margin:0;padding:0;display:block;border:0 none}@media (min-width:35.5em){.jl-wrapper .jl-image img{border:0 none}}@media (min-width:50em){.jl-wrapper .jl-image img{border:0 none}}.jl-wrapper .jl-image iframe{background:#000;border:0 none}@media (min-width:35.5em){.jl-wrapper .jl-image iframe{border:0 none}}@media (min-width:50em){.jl-wrapper .jl-image iframe{border:0 none}}.jl-wrapper .jl-image .jl-caption{padding:10px;color:#fff;background:rgba(0,0,0,.8);font-size:1rem;position:absolute;bottom:0;left:0;right:0}.jl-wrapper .jl-image .jl-caption.pos-top{bottom:auto;top:0}.jl-wrapper .jl-image .jl-caption.pos-outside{bottom:auto}.jl-wrapper .jl-image .jl-download{display:none;position:absolute;bottom:5px;right:5px;color:#000;z-index:1060}.jl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;animation:a 1s ease-out infinite}.jl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@keyframes a{0%{transform:scale(.1);opacity:0}50%{opacity:1}to{transform:scale(1.2);opacity:0}}.image-choices-field .image-choices-choice{position:relative}.ic-product-image-lightbox-btn,.image-choices-lightbox-btn{text-decoration:none;font-weight:700;width:30px;height:30px;overflow:hidden;text-align:center;line-height:30px;display:block;position:absolute;right:14px;top:14px;color:#fff;background-color:#000;font-size:30px;z-index:10;text-indent:-99999px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='71' height='71' viewBox='0 0 71 71' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M69.5 62.3c1.8 1.8 1.8 4.6.1 6.4-1.8 1.8-4.6 1.8-6.4 0L46.4 51.9C35.2 60 19.4 59.1 9.3 49-1.9 37.8-1.9 19.6 9.3 8.4c11.2-11.2 29.4-11.2 40.6 0 10.1 10.1 11 25.9 2.9 37.1l16.7 16.8zM13.8 44.5c8.7 8.7 22.9 8.7 31.6 0 8.7-8.7 8.7-22.9 0-31.6-8.7-8.7-22.9-8.7-31.6 0-8.7 8.7-8.7 22.9 0 31.6zM41 25.4c1.8 0 3.3 1.5 3.4 3.4 0 1.9-1.6 3.4-3.4 3.4h-8v8c0 1.9-1.6 3.4-3.4 3.4-1.9 0-3.4-1.6-3.4-3.4v-8h-8c-1.9 0-3.4-1.6-3.4-3.4 0-1.9 1.6-3.4 3.4-3.4h8v-8c0-1.9 1.6-3.4 3.4-3.4 1.9 0 3.4 1.6 3.4 3.4v8h8z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E");background-size:18px;background-repeat:no-repeat;background-position:50%}.ic-product-image-lightbox-btn:active,.ic-product-image-lightbox-btn:hover,.image-choices-lightbox-btn:active,.image-choices-lightbox-btn:hover{text-decoration:none;background-color:#333}.et_divi_builder #et_builder_outer_content .et-db #et-boc .et-fb-modules-list li.dipl_gravity_form_styler::before,.et_divi_builder #et_builder_outer_content .et-db #et-boc .et-l .et-fb-modules-list li.dipl_gravity_form_styler::before,.et_divi_builder #et_builder_outer_content .et-db #et-boc .et_fb_saved_layouts_list li.dipl_gravity_form_styler::before{font-family:dashicons;content:"\F119"}.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=file]{display:inline-block;cursor:pointer}.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=checkbox],.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=radio]{padding:0}.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler .caldera-grid .checkbox label,.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler .caldera-grid .radio label{padding-left:0}.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler .caldera-grid .checkbox input[type=checkbox],.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler .caldera-grid .radio input[type=radio]{margin-left:0}.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form button[type=submit],.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=button],.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=submit]{cursor:pointer}.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form button[type=reset],.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form button[type=reset]:focus,.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form button[type=submit],.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form button[type=submit]:focus,.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=button],.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=button]:focus,.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=checkbox],.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=checkbox]:focus,.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=date],.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=date]:focus,.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=datetime-local],.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=datetime-local]:focus,.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=email],.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=email]:focus,.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=file]:focus,.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=month],.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=month]:focus,.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=number],.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=number]:focus,.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=password],.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=password]:focus,.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=radio],.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=radio]:focus,.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=reset],.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=reset]:focus,.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=submit],.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=submit]:focus,.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=tel],.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=tel]:focus,.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=text],.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=text]:focus,.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=time],.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=time]:focus,.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=url],.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=url]:focus,.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=week],.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form input[type=week]:focus,.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form select,.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form select:focus,.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form textarea,.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler form textarea:focus{border:1px solid #333}.et_divi_builder #et_builder_outer_content .et_pb_with_border form button[type=reset]:focus,.et_divi_builder #et_builder_outer_content .et_pb_with_border form button[type=submit]:focus,.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=button]:focus,.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=checkbox]:focus,.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=date]:focus,.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=datetime-local]:focus,.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=email]:focus,.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=file]:focus,.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=month]:focus,.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=number]:focus,.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=password]:focus,.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=radio]:focus,.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=reset]:focus,.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=submit]:focus,.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=tel]:focus,.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=text]:focus,.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=time]:focus,.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=url]:focus,.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=week]:focus,.et_divi_builder #et_builder_outer_content .et_pb_with_border form select:focus,.et_divi_builder #et_builder_outer_content .et_pb_with_border form textarea:focus{outline:0}.et_divi_builder #et_builder_outer_content .et_pb_with_border form button[type=reset],.et_divi_builder #et_builder_outer_content .et_pb_with_border form button[type=submit],.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=button],.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=checkbox],.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=date],.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=datetime-local],.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=email],.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=month],.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=number],.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=password],.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=radio],.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=reset],.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=submit],.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=tel],.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=text],.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=time],.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=url],.et_divi_builder #et_builder_outer_content .et_pb_with_border form input[type=week],.et_divi_builder #et_builder_outer_content .et_pb_with_border form select,.et_divi_builder #et_builder_outer_content .et_pb_with_border form textarea{max-width:100%}.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler .gform_description{display:inline-block}.et_divi_builder #et_builder_outer_content .dipl_gravity_form_styler .dipl_gravity_form_styler_wrapper form .button{border-style:solid}.et_divi_builder #et_builder_outer_content #et-fb-app .gform_wrapper{display:block!important}.dipl_gravity_form_styler form .ccselect2-choice,.dipl_gravity_form_styler form .ccselect2-choice:focus,.dipl_gravity_form_styler form .trumbowyg-editor-visible,.dipl_gravity_form_styler form .trumbowyg-editor-visible:focus,.dipl_gravity_form_styler form button[type="reset"],.dipl_gravity_form_styler form button[type="reset"]:focus,.dipl_gravity_form_styler form button[type="submit"],.dipl_gravity_form_styler form button[type="submit"]:focus,.dipl_gravity_form_styler form input[type="button"],.dipl_gravity_form_styler form input[type="button"]:focus,.dipl_gravity_form_styler form input[type="checkbox"],.dipl_gravity_form_styler form input[type="checkbox"]:focus,.dipl_gravity_form_styler form input[type="credit_card_cvc"],.dipl_gravity_form_styler form input[type="credit_card_cvc"]:focus,.dipl_gravity_form_styler form input[type="date"],.dipl_gravity_form_styler form input[type="date"]:focus,.dipl_gravity_form_styler form input[type="datetime-local"],.dipl_gravity_form_styler form input[type="datetime-local"]:focus,.dipl_gravity_form_styler form input[type="email"],.dipl_gravity_form_styler form input[type="email"]:focus,.dipl_gravity_form_styler form input[type="file"]:focus,.dipl_gravity_form_styler form input[type="month"],.dipl_gravity_form_styler form input[type="month"]:focus,.dipl_gravity_form_styler form input[type="number"],.dipl_gravity_form_styler form input[type="number"]:focus,.dipl_gravity_form_styler form input[type="password"],.dipl_gravity_form_styler form input[type="password"]:focus,.dipl_gravity_form_styler form input[type="radio"],.dipl_gravity_form_styler form input[type="radio"]:focus,.dipl_gravity_form_styler form input[type="reset"],.dipl_gravity_form_styler form input[type="reset"]:focus,.dipl_gravity_form_styler form input[type="submit"],.dipl_gravity_form_styler form input[type="submit"]:focus,.dipl_gravity_form_styler form input[type="tel"],.dipl_gravity_form_styler form input[type="tel"]:focus,.dipl_gravity_form_styler form input[type="text"],.dipl_gravity_form_styler form input[type="text"]:focus,.dipl_gravity_form_styler form input[type="time"],.dipl_gravity_form_styler form input[type="time"]:focus,.dipl_gravity_form_styler form input[type="url"],.dipl_gravity_form_styler form input[type="url"]:focus,.dipl_gravity_form_styler form input[type="week"],.dipl_gravity_form_styler form input[type="week"]:focus,.dipl_gravity_form_styler form select,.dipl_gravity_form_styler form select:focus,.dipl_gravity_form_styler form textarea,.dipl_gravity_form_styler form textarea:focus { border-width: 1px; border-style: solid; border-color: #333; }body.dipl_modal_active{ overflow: hidden; } body.dipl_modal_active.dipl_modal_enable_scroll{ overflow: auto; } .dipl_modal_section.et_pb_section, .et_pb_module.dipl_modal_module{ position: unset !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; background: 0 0 !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; animation: none !important; transition: none !important; transform: none !important } .dipl_modal_section .dipl_active_modal .dipl_modal_fullscreen{ animation: none; } .dipl_modal .dipl_modal_trigger_element, .dipl_modal_module .dipl_modal_body, .dipl_modal_module .dipl_modal_footer, .dipl_modal_module .dipl_modal_header, .dipl_modal_module .dipl_modal_inner_wrap, .dipl_modal_module .dipl_modal_wrapper{ background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; } .dipl_modal .dipl_modal_close_button, .dipl_modal .dipl_modal_trigger_button{ display: inline-block; text-decoration: none; } .dipl_modal .dipl_modal_trigger_element{ cursor: pointer; } .dipl_modal_footer .et_pb_button_wrapper{ text-align: right; } .dipl_modal .dipl_modal_wrapper{ display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.3); opacity: 0; transition: opacity 0.3s ease; overflow-y: scroll; z-index: 999999999; } .dipl_active_modal .dipl_modal_wrapper, .dipl_animate_reverse .dipl_modal_wrapper, .dipl_modal_closing .dipl_modal_wrapper, .dipl_modal_opened .dipl_modal_wrapper{ display: flex; } /* Stays display:flex for the whole close animation, but is already visually gone (backdrop faded, content done animating) well before that — let scroll/clicks pass through immediately instead of waiting out the rest of the timeout. */ .dipl_modal_closing .dipl_modal_wrapper{ pointer-events: none; } .dipl_modal_visible .dipl_modal_wrapper{ opacity: 1; } .et_pb_with_border .dipl_modal_inner_wrap, .et_pb_with_border .dipl_modal_trigger_element:not(.et_pb_button){ border:0 solid #333; } .dipl_modal .dipl_modal_inner_wrap{ display: flex; flex-direction: column; background: #fff; max-width: 100%; max-height: 100%; width: 50%; height: auto; visibility: visible; } .dipl_modal_center{ align-items: center; justify-content: center; } .dipl_modal_top_left{ align-items: flex-start; justify-content: flex-start; } .dipl_modal_top_right{ align-items: flex-start; justify-content: flex-end; } .dipl_modal_top_center{ align-items: flex-start; justify-content: center; } .dipl_modal_bottom_left{ align-items: flex-end; justify-content: flex-start; } .dipl_modal_bottom_right{ align-items: flex-end; justify-content: flex-end; } .dipl_modal_bottom_center{ align-items: flex-end; justify-content: center; } .dipl_modal .dipl_modal_wrapper .dipl_modal_body, .et-db #et-boc .et-l .dipl_modal .dipl_modal_wrapper .dipl_modal_body{ overflow-y: auto; } .dipl_modal .dipl_modal_header{ display: flex; align-items: flex-start; justify-content: flex-end; } .dipl_modal .dipl_modal_header_title_container{ flex-grow: 1; } .dipl_modal .dipl_modal_header_title{ padding-bottom: 0; font-size: 28px; line-height: 1.2; word-break: break-word; } .dipl_modal .dipl_modal_close_icon + .dipl_modal_header_title_container{ align-self: center; margin-right: 30px; } .dipl_modal .dipl_modal_close_icon{ order: 1; font-size: 32px; cursor: pointer; } .dipl_modal .dipl_modal_body{ flex-grow: 1; word-break: break-word; } .dipl_modal .dipl_animated{ /* opacity: 0; */ /* animation-duration: 1s; */ animation-timing-function: linear; animation-fill-mode: both; } .dipl_animate_reverse .dipl_animated{ animation-direction: reverse; -webkit-animation-direction: reverse; /* animation-timing-function: ease-in-out; */ } /* ET Animation Reverce. */ /* Slide. */ .dipl_animate_reverse .dipl_animated.slide{ -webkit-animation-name: et_pb_slide; animation-name: et_pb_slide; } .dipl_animate_reverse .dipl_animated.slideLeft{ -webkit-animation-name: et_pb_slideLeft; animation-name: et_pb_slideLeft; } .dipl_animate_reverse .dipl_animated.slideRight{ -webkit-animation-name: et_pb_slideRight; animation-name: et_pb_slideRight; } .dipl_animate_reverse .dipl_animated.slideTop{ -webkit-animation-name: et_pb_slideTop; animation-name: et_pb_slideTop; } .dipl_animate_reverse .dipl_animated.slideBottom{ -webkit-animation-name: et_pb_slideBottom; animation-name: et_pb_slideBottom; } /* Bounce. */ .dipl_animate_reverse .dipl_animated.bounce{ -webkit-animation-name: et_pb_bounce; animation-name: et_pb_bounce; } .dipl_animate_reverse .dipl_animated.bounceLeft{ -webkit-animation-name: et_pb_bounceLeft; animation-name: et_pb_bounceLeft; } .dipl_animate_reverse .dipl_animated.bounceRight{ -webkit-animation-name: et_pb_bounceRight; animation-name: et_pb_bounceRight; } .dipl_animate_reverse .dipl_animated.bounceTop{ -webkit-animation-name: et_pb_bounceTop; animation-name: et_pb_bounceTop; } .dipl_animate_reverse .dipl_animated.bounceBottom{ -webkit-animation-name: et_pb_bounceBottom; animation-name: et_pb_bounceBottom; } /* Zoom. */ .dipl_animate_reverse .dipl_animated.zoom{ -webkit-animation-name: et_pb_zoom; animation-name: et_pb_zoom; } .dipl_animate_reverse .dipl_animated.zoomLeft{ -webkit-animation-name: et_pb_zoomLeft; animation-name: et_pb_zoomLeft; } .dipl_animate_reverse .dipl_animated.zoomRight{ -webkit-animation-name: et_pb_zoomRight; animation-name: et_pb_zoomRight; } .dipl_animate_reverse .dipl_animated.zoomTop{ -webkit-animation-name: et_pb_zoomTop; animation-name: et_pb_zoomTop; } .dipl_animate_reverse .dipl_animated.zoomBottom{ -webkit-animation-name: et_pb_zoomBottom; animation-name: et_pb_zoomBottom; } /* Flip. */ .dipl_animate_reverse .dipl_animated.flip{ -webkit-animation-name: et_pb_flip; animation-name: et_pb_flip; } .dipl_animate_reverse .dipl_animated.flipLeft{ -webkit-animation-name: et_pb_flipLeft; animation-name: et_pb_flipLeft; } .dipl_animate_reverse .dipl_animated.flipRight{ -webkit-animation-name: et_pb_flipRight; animation-name: et_pb_flipRight; } .dipl_animate_reverse .dipl_animated.flipTop{ -webkit-animation-name: et_pb_flipTop; animation-name: et_pb_flipTop; } .dipl_animate_reverse .dipl_animated.flipBottom{ -webkit-animation-name: et_pb_flipBottom; animation-name: et_pb_flipBottom; } /* Fold. */ .dipl_animate_reverse .dipl_animated.fold{ -webkit-animation-name: et_pb_fold; animation-name: et_pb_fold; } .dipl_animate_reverse .dipl_animated.foldLeft{ -webkit-animation-name: et_pb_foldLeft; animation-name: et_pb_foldLeft; } .dipl_animate_reverse .dipl_animated.foldRight{ -webkit-animation-name: et_pb_foldRight; animation-name: et_pb_foldRight; } .dipl_animate_reverse .dipl_animated.foldTop{ -webkit-animation-name: et_pb_foldTop; animation-name: et_pb_foldTop; } .dipl_animate_reverse .dipl_animated.foldBottom{ -webkit-animation-name: et_pb_foldBottom; animation-name: et_pb_foldBottom; } /* Roll. */ .dipl_animate_reverse .dipl_animated.roll{ -webkit-animation-name: et_pb_roll; animation-name: et_pb_roll; } .dipl_animate_reverse .dipl_animated.rollLeft{ -webkit-animation-name: et_pb_rollLeft; animation-name: et_pb_rollLeft; } .dipl_animate_reverse .dipl_animated.rollRight{ -webkit-animation-name: et_pb_rollRight; animation-name: et_pb_rollRight; } .dipl_animate_reverse .dipl_animated.rollTop{ -webkit-animation-name: et_pb_rollTop; animation-name: et_pb_rollTop; } .dipl_animate_reverse .dipl_animated.rollBottom{ -webkit-animation-name: et_pb_rollBottom; animation-name: et_pb_rollBottom; } /* Our / Divi plus custom style. */ @-webkit-keyframes dipl_animate_fade{ from{opacity:0} to{opacity:1} } @keyframes dipl_animate_fade{ from{opacity:0} to{opacity:1} } @-webkit-keyframes dipl_animate_slide_center{ 100%{ transform:scale3d(1,1,1); opacity:1 } } @keyframes dipl_animate_slide_center{ 100%{ transform:scale3d(1,1,1); opacity:1 } } @-webkit-keyframes dipl_animate_slide_up{ to{ transform:translate3d(0,0,0); opacity:1 } } @keyframes dipl_animate_slide_up{ to{ transform:translate3d(0,0,0); opacity:1 } } @-webkit-keyframes dipl_animate_slide_right{ to{ transform:translate3d(0,0,0); opacity:1 } } @keyframes dipl_animate_slide_right{ to{ transform:translate3d(0,0,0); opacity:1 } } @-webkit-keyframes dipl_animate_slide_down{ to{ transform:translate3d(0,0,0); opacity:1 } } @keyframes dipl_animate_slide_down{ to{ transform:translate3d(0,0,0); opacity:1 } } @-webkit-keyframes dipl_animate_slide_left{ to{ transform:translate3d(0,0,0); opacity:1 } } @keyframes dipl_animate_slide_left{ to{ transform:translate3d(0,0,0); opacity:1 } } @-webkit-keyframes dipl_animate_bounce_center{ 20%,40%,60%,80%,from,to{ animation-timing-function:cubic-bezier(0.215,0.61,0.355,1) } 0%{ transform:scale3d(.3,.3,.3) } 20%{transform:scale3d(1.1,1.1,1.1)} 40%{transform:scale3d(.9,.9,.9)} 60%{transform:scale3d(1.03,1.03,1.03)} 80%{transform:scale3d(.97,.97,.97)} 100%{opacity:1;transform:scale3d(1,1,1)} } @keyframes dipl_animate_bounce_center{ 20%,40%,60%,80%,from,to{ animation-timing-function:cubic-bezier(0.215,0.61,0.355,1) } 0%{transform:scale3d(.3,.3,.3)} 20%{transform:scale3d(1.1,1.1,1.1)} 40%{transform:scale3d(.9,.9,.9)} 60%{transform:scale3d(1.03,1.03,1.03)} 80%{transform:scale3d(.97,.97,.97)} 100%{opacity:1;transform:scale3d(1,1,1)} } @-webkit-keyframes dipl_animate_bounce_up{ 60%,75%,90%,from,to{ animation-timing-function:cubic-bezier(0.215,0.61,0.355,1) } 0%{transform:translate3d(0,200px,0)} 60%{transform:translate3d(0,-25px,0)} 75%{transform:translate3d(0,10px,0)} 90%{transform:translate3d(0,-5px,0)} 100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1} } @keyframes dipl_animate_bounce_up{ 60%,75%,90%,from,to{ animation-timing-function:cubic-bezier(0.215,0.61,0.355,1) } 0%{transform:translate3d(0,200px,0)} 60%{transform:translate3d(0,-25px,0)} 75%{transform:translate3d(0,10px,0)} 90%{transform:translate3d(0,-5px,0)} 100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1} } @-webkit-keyframes dipl_animate_bounce_right{ 60%,75%,90%,from,to{ animation-timing-function:cubic-bezier(0.215,0.61,0.355,1) } 0%{transform:translate3d(-200px,0,0)} 60%{transform:translate3d(25px,0,0)} 75%{transform:translate3d(-10px,0,0)} 90%{transform:translate3d(5px,0,0)} to{transform:none;opacity:1} } @keyframes dipl_animate_bounce_right{ 60%,75%,90%,from,to{ animation-timing-function:cubic-bezier(0.215,0.61,0.355,1) } 0%{transform:translate3d(-200px,0,0)} 60%{transform:translate3d(25px,0,0)} 75%{transform:translate3d(-10px,0,0)} 90%{transform:translate3d(5px,0,0)} to{transform:none;opacity:1} } @-webkit-keyframes dipl_animate_bounce_down{ 60%,75%,90%,from,to{ animation-timing-function:cubic-bezier(0.215,0.61,0.355,1) } 0%{transform:translate3d(0,-200px,0)} 60%{transform:translate3d(0,25px,0)} 75%{transform:translate3d(0,-10px,0)} 90%{transform:translate3d(0,5px,0)} 100%{transform:none;opacity:1} } @keyframes dipl_animate_bounce_down{ 60%,75%,90%,from,to{ animation-timing-function:cubic-bezier(0.215,0.61,0.355,1) } 0%{transform:translate3d(0,-200px,0)} 60%{transform:translate3d(0,25px,0)} 75%{transform:translate3d(0,-10px,0)} 90%{transform:translate3d(0,5px,0)} 100%{transform:none;opacity:1} } @-webkit-keyframes dipl_animate_bounce_left{ 60%,75%,90%,from,to{ animation-timing-function:cubic-bezier(0.215,0.61,0.355,1) } from{transform:translate3d(200px,0,0)} 60%{transform:translate3d(-25px,0,0)} 75%{transform:translate3d(10px,0,0)} 90%{transform:translate3d(-5px,0,0)} to{transform:none;opacity:1} } @keyframes dipl_animate_bounce_left{ 60%,75%,90%,from,to{ animation-timing-function:cubic-bezier(0.215,0.61,0.355,1) } from{transform:translate3d(200px,0,0)} 60%{transform:translate3d(-25px,0,0)} 75%{transform:translate3d(10px,0,0)} 90%{transform:translate3d(-5px,0,0)} to{transform:none;opacity:1} } @-webkit-keyframes dipl_animate_zoom_center{ 100%{transform:scale3d(1,1,1);opacity:1} } @keyframes dipl_animate_zoom_center{ 100%{transform:scale3d(1,1,1);opacity:1} } @-webkit-keyframes dipl_animate_zoom_up{ 0%{transform-origin:bottom} 100%{transform-origin:bottom;transform:scale3d(1,1,1);opacity:1} } @keyframes dipl_animate_zoom_up{ 0%{transform-origin:bottom} 100%{transform-origin:bottom;transform:scale3d(1,1,1);opacity:1} } @-webkit-keyframes dipl_animate_zoom_right{ 0%{transform-origin:left} 100%{transform-origin:left;transform:scale3d(1,1,1);opacity:1} } @keyframes dipl_animate_zoom_right{ 0%{transform-origin:left} 100%{transform-origin:left;transform:scale3d(1,1,1);opacity:1} } @-webkit-keyframes dipl_animate_zoom_down{ 0%{transform-origin:top} 100%{transform-origin:top;transform:scale3d(1,1,1);opacity:1} } @keyframes dipl_animate_zoom_down{ 0%{transform-origin:top} 100%{transform-origin:top;transform:scale3d(1,1,1);opacity:1} } @-webkit-keyframes dipl_animate_zoom_left{ 0%{transform-origin:right} 100%{transform-origin:right;transform:scale3d(1,1,1);opacity:1} } @keyframes dipl_animate_zoom_left{ 0%{transform-origin:right} 100%{transform-origin:right;transform:scale3d(1,1,1);opacity:1} } @-webkit-keyframes dipl_animate_flip_center{ to{opacity:1;transform:perspective(0) rotateX(0)} } @keyframes dipl_animate_flip_center{ to{opacity:1;transform:perspective(0) rotateX(0)} } @-webkit-keyframes dipl_animate_flip_up{ from{transform-origin:center} to{opacity:1;transform:perspective(0) rotateX(0)} } @keyframes dipl_animate_flip_up{ from{transform-origin:center} to{opacity:1;transform:perspective(0) rotateX(0)} } @-webkit-keyframes dipl_animate_flip_right{ from{transform-origin:center} to{opacity:1;transform:perspective(0) rotateY(0)} } @keyframes dipl_animate_flip_right{ from{transform-origin:center} to{opacity:1;transform:perspective(0) rotateY(0)} } @-webkit-keyframes dipl_animate_flip_down{ from{transform-origin:center} to{opacity:1;transform:perspective(0) rotateX(0)} } @keyframes dipl_animate_flip_down{ from{transform-origin:center} to{opacity:1;transform:perspective(0) rotateX(0)} } @-webkit-keyframes dipl_animate_flip_left{ from{transform-origin:center} to{opacity:1;transform:perspective(0) rotateY(0)} } @keyframes dipl_animate_flip_left{ from{transform-origin:center} to{opacity:1;transform:perspective(0) rotateY(0)} } @-webkit-keyframes dipl_animate_fold_center{ from{transform-origin:center} to{transform-origin:center;opacity:1;transform:perspective(0) rotateY(0)} } @keyframes dipl_animate_fold_center{ from{transform-origin:center} to{transform-origin:center;opacity:1;transform:perspective(0) rotateY(0)} } @-webkit-keyframes dipl_animate_fold_up{ from{transform-origin:bottom} to{transform-origin:bottom;opacity:1;transform:perspective(0) rotateX(0)} } @keyframes dipl_animate_fold_up{ from{transform-origin:bottom} to{transform-origin:bottom;opacity:1;transform:perspective(0) rotateX(0)} } @-webkit-keyframes dipl_animate_fold_right{ from{transform-origin:left} to{transform-origin:left;opacity:1;transform:perspective(0) rotateY(0)} } @keyframes dipl_animate_fold_right{ from{transform-origin:left} to{transform-origin:left;opacity:1;transform:perspective(0) rotateY(0)} } @-webkit-keyframes dipl_animate_fold_down{ from{transform-origin:top} to{transform-origin:top;opacity:1;transform:perspective(0) rotateX(0)} } @keyframes dipl_animate_fold_down{ from{transform-origin:top} to{transform-origin:top;opacity:1;transform:perspective(0) rotateX(0)} } @-webkit-keyframes dipl_animate_fold_left{ from{transform-origin:right} to{transform-origin:right;opacity:1;transform:perspective(0) rotateY(0)} } @keyframes dipl_animate_fold_left{ from{transform-origin:right} to{transform-origin:right;opacity:1;transform:perspective(0) rotateY(0)} } @-webkit-keyframes dipl_animate_roll_center{ from{transform-origin:center} to{transform-origin:center;opacity:1;transform:none} } @keyframes dipl_animate_roll_center{ from{transform-origin:center} to{transform-origin:center;opacity:1;transform:none} } @-webkit-keyframes dipl_animate_roll_up{ from{transform-origin:bottom} to{transform-origin:bottom;opacity:1;transform:none} } @keyframes dipl_animate_roll_up{ from{transform-origin:bottom} to{transform-origin:bottom;opacity:1;transform:none} } @-webkit-keyframes dipl_animate_roll_right{ from{transform-origin:left} to{transform-origin:left;opacity:1;transform:none} } @keyframes dipl_animate_roll_right{ from{transform-origin:left} to{transform-origin:left;opacity:1;transform:none} } @-webkit-keyframes dipl_animate_roll_down{ from{transform-origin:top} to{transform-origin:top;opacity:1;transform:none} } @keyframes dipl_animate_roll_down{ from{transform-origin:top} to{transform-origin:top;opacity:1;transform:none} } @-webkit-keyframes dipl_animate_roll_left{ from{transform-origin:right} to{transform-origin:right;opacity:1;transform:none} } @keyframes dipl_animate_roll_left{ from{transform-origin:right} to{transform-origin:right;opacity:1;transform:none} } @media screen and (max-width:980px){ .dipl_modal .dipl_modal_inner_wrap{ width: 80%; } }