.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important;word-break:normal!important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label::before,.wpcf7-list-item-label::after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner::before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1e3ms;animation-timing-function:linear;animation-iteration-count:infinite}@media(prefers-reduced-motion:reduce){.wpcf7-spinner::before{animation-name:blink;animation-duration:2e3ms}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type=file]{cursor:pointer}.wpcf7 input[type=file]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none} .wpa-test-msg{background:#d1ecf1!important;border:1px solid #bee5eb!important;border-radius:5px!important;color:#0c5460!important;font-size:14px!important;padding:.75rem 1.25rem!important;font-family:Arial!important;margin-top:5px!important}span.wpa-button{display:inline-block!important;padding-top:5px!important;color:#fff!important;background-color:#6c757d!important;border-color:#6c757d!important;padding:5px 10px!important;border-radius:5px!important;margin-top:5px!important;cursor:pointer!important}#altEmail_container,.altEmail_container{position:absolute!important;overflow:hidden!important;display:inline!important;height:1px!important;width:1px!important;z-index:-1000!important} .lidd_mc_form_responsive{width:100%}.lidd_mc_input{margin-bottom:1rem}.lidd_mc_input label{display:block;margin-bottom:.25em}.lidd_mc_input_light input[type=text]{padding:.6em;margin-bottom:1em;height:2.4em;color:#333;background:#fff;border:1px solid #ddd}.lidd_mc_input_dark input[type=text]{padding:.6em;margin-bottom:1em;height:2.4em;color:#fff;background:#000;border:1px solid #333}.lidd_mc_input_responsive input[type=text]{display:block;box-sizing:border-box;width:100%}.lidd_mc_select_responsive{display:block;box-sizing:border-box;width:100%}.lidd_mc_select_responsive select{display:block;box-sizing:border-box;width:100%}.lidd_mc_select_fancy_light select,.lidd_mc_select_fancy_dark select{position:relative;z-index:1000;width:110%;max-width:110%;padding:0;margin:0;border:none;background:0 0;-webkit-appearance:none;-webkit-box-shadow:none;-moz-box-shadow:none;-ie-box-shadow:none;box-shadow:none}.lidd_mc_select_fancy_dark select{color:#fff}.lidd_mc_select_fancy_light,.lidd_mc_select_fancy_dark{display:block;box-sizing:border-box;position:relative;z-index:100;width:100%;padding:.35em .5em;margin-bottom:1em;height:2.4em;overflow:hidden;line-height:1em}.lidd_mc_select_fancy_light{background:#fff;border:1px solid #ddd}.lidd_mc_select_fancy_dark{color:#fff;background:#000;border:1px solid #333}.lidd_mc_select_fancy_light select:focus,.lidd_mc_select_fancy_dark select:focus{outline:none}.lidd_mc_select_fancy_light:before,.lidd_mc_select_fancy_dark:before{content:'';display:block;position:absolute;right:0;top:0;width:2em;height:100%}.lidd_mc_select_fancy_light:after,.lidd_mc_select_fancy_dark:after{content:'';display:block;position:absolute;right:.55em;top:.85em;border-bottom:.4em solid transparent;border-right:.4em solid transparent;border-left:.4em solid transparent}.lidd_mc_select_fancy_light:after{border-top:.4em solid #333}.lidd_mc_select_fancy_dark:after{border-top:.4em solid #fff}.lidd_mc_top_dot5em:after{top:.5em}.lidd_mc_top_dot65em:after{top:.65em}.lidd_mc_top_dot75em:after{top:.75em}.lidd_mc_top_dot85em:after{top:.85em}.lidd_mc_top_1em:after{top:1em}.lidd_mc_error{display:block;margin:.25em 0 .5em;color:#900}#lidd_mc_inspector a{cursor:default;pointer-events:none;border:none;box-shadow:none;-webkit-box-shadow:none}.lidd_mc_details{position:relative;margin-top:2em}#lidd_mc_inspector,#lidd_mc_popup{position:absolute;right:0;top:0}.lidd_mc_summary{box-sizing:border-box;width:100%;height:auto;padding:1em 1em 0;margin:0 0 1em}.lidd_mc_summary_light{color:#333;background:#fff;border:1px solid #ddd}.lidd_mc_summary_dark{color:#fff;background:#000;border:1px solid #333}.lidd_mc_b{font-weight:700}#MLCalcClose{display:none;color:#f5f5f5;font-size:18px;font-weight:700;font-family:Arial;cursor:pointer;position:absolute;background:#d5d5d5;border:1px solid #d5d5d5;z-index:10002;text-align:center;padding-top:0;padding-bottom:5px}#MLCalcShader{background:#000;display:none;position:absolute;z-index:10000;margin:0;padding:0}#MLCalcHolder{background:0 0;display:none;position:absolute;z-index:10001;margin:0;padding:0;background:url(https://dmciprojects.net/wp-content/plugins/responsive-mortgage-calculator/css/../img/ajax_loader.gif);background-repeat:no-repeat;background-position:50%;text-align:center}#lidd_mc_mlc_form{display:none} html.slb_overlay object,html.slb_overlay embed,html.slb_overlay iframe{visibility:hidden}html.slb_overlay #slb_viewer_wrap object,html.slb_overlay #slb_viewer_wrap embed,html.slb_overlay #slb_viewer_wrap iframe{visibility:visible} .tablepress{--text-color:#111;--head-text-color:var(--text-color);--head-bg-color:#d9edf7;--odd-text-color:var(--text-color);--odd-bg-color:#fff;--even-text-color:var(--text-color);--even-bg-color:#f9f9f9;--hover-text-color:var(--text-color);--hover-bg-color:#f3f3f3;--border-color:#ddd;--padding:0.5rem;border:none;border-collapse:collapse;border-spacing:0;clear:both;margin:0 auto 1rem;table-layout:auto;width:100%}.tablepress>:not(caption)>*>*{background:none;border:none;box-sizing:border-box;float:none!important;padding:var(--padding);text-align:left;vertical-align:top}.tablepress>:where(thead)+tbody>:where(:not(.child))>*,.tablepress>tbody>*~:where(:not(.child))>*,.tablepress>tfoot>:where(:first-child)>*{border-top:1px solid var(--border-color)}.tablepress>:where(thead,tfoot)>tr>*{background-color:var(--head-bg-color);color:var(--head-text-color);font-weight:700;vertical-align:middle;word-break:normal}.tablepress>:where(tbody)>tr>*{color:var(--text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))>*{background-color:var(--odd-bg-color);color:var(--odd-text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>*{background-color:var(--even-bg-color);color:var(--even-text-color)}.tablepress>.row-hover>tr{content-visibility:auto}.tablepress>.row-hover>tr:has(+.child:hover)>*,.tablepress>.row-hover>tr:hover+:where(.child)>*,.tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>*{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.tablepress img{border:none;margin:0;max-width:none;padding:0}.tablepress-table-description{clear:both;display:block}.dt-scroll{width:100%}.dt-scroll .tablepress{width:100%!important}div.dt-scroll-body tfoot tr,div.dt-scroll-body thead tr{height:0}div.dt-scroll-body tfoot tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body thead tr th{border-bottom-width:0!important;border-top-width:0!important;height:0!important;padding-bottom:0!important;padding-top:0!important}div.dt-scroll-body tfoot tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body thead tr th div.dt-scroll-sizing{height:0!important;overflow:hidden!important}div.dt-scroll-body>table.dataTable>thead>tr>td,div.dt-scroll-body>table.dataTable>thead>tr>th{overflow:hidden}.tablepress{--head-active-bg-color:#049cdb;--head-active-text-color:var(--head-text-color);--head-sort-arrow-color:var(--head-active-text-color)}.tablepress thead th:active{outline:none}.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:before{bottom:50%;content:"\25b2";content:"\25b2"/"";display:block;position:absolute}.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:after{content:"\25bc";content:"\25bc"/"";display:block;position:absolute;top:50%}.tablepress thead .dt-orderable-asc .dt-column-order,.tablepress thead .dt-orderable-desc .dt-column-order,.tablepress thead .dt-ordering-asc .dt-column-order,.tablepress thead .dt-ordering-desc .dt-column-order{color:var(--head-sort-arrow-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif!important;font-size:14px;height:24px;line-height:12px;position:relative;width:12px}.tablepress thead .dt-orderable-asc .dt-column-order:after,.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-orderable-desc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:after,.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:before{opacity:.2}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc{cursor:pointer;outline-offset:-2px}.tablepress thead .dt-orderable-asc:hover,.tablepress thead .dt-orderable-desc:hover,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{background-color:var(--head-active-bg-color);color:var(--head-active-text-color)}.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after{opacity:.8}.tablepress tfoot>tr>* .dt-column-footer,.tablepress tfoot>tr>* .dt-column-header,.tablepress thead>tr>* .dt-column-footer,.tablepress thead>tr>* .dt-column-header{align-items:center;display:flex;gap:4px;justify-content:space-between}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title,.tablepress tfoot>tr>* .dt-column-header .dt-column-title,.tablepress thead>tr>* .dt-column-footer .dt-column-title,.tablepress thead>tr>* .dt-column-header .dt-column-title{flex-grow:1}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title:empty,.tablepress tfoot>tr>* .dt-column-header .dt-column-title:empty,.tablepress thead>tr>* .dt-column-footer .dt-column-title:empty,.tablepress thead>tr>* .dt-column-header .dt-column-title:empty{display:none}.tablepress:where(.auto-type-alignment) .dt-right,.tablepress:where(.auto-type-alignment) .dt-type-date,.tablepress:where(.auto-type-alignment) .dt-type-numeric{text-align:right}.tablepress:where(.auto-type-alignment) .dt-right .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-right .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-header{flex-direction:row-reverse}.dt-container{clear:both;margin-bottom:1rem;position:relative}.dt-container table.tablepress{margin-bottom:0}.dt-container .dt-layout-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell{display:block;width:100%}.dt-container .dt-layout-cell{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;padding:5px 0}.dt-container .dt-layout-cell.dt-layout-full{align-items:center;justify-content:space-between;width:100%}.dt-container .dt-layout-cell.dt-layout-full>:only-child{margin:auto}.dt-container .dt-layout-cell.dt-layout-start{align-items:center;justify-content:flex-start;margin-right:auto}.dt-container .dt-layout-cell.dt-layout-end{align-items:center;justify-content:flex-end;margin-left:auto}.dt-container .dt-layout-cell:empty{display:none}.dt-container .dt-input,.dt-container label{display:inline;width:auto}.dt-container .dt-input{font-size:inherit;padding:5px}.dt-container .dt-length,.dt-container .dt-search{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.dt-container .dt-paging .dt-paging-button{background:#0000;border:1px solid #0000;border-radius:2px;box-sizing:border-box;color:inherit!important;cursor:pointer;display:inline-block;font-size:1em;height:32px;margin-left:2px;min-width:32px;padding:0 5px;text-align:center;text-decoration:none!important;vertical-align:middle}.dt-container .dt-paging .dt-paging-button.current,.dt-container .dt-paging .dt-paging-button:hover{border:1px solid #111}.dt-container .dt-paging .dt-paging-button.disabled,.dt-container .dt-paging .dt-paging-button.disabled:active,.dt-container .dt-paging .dt-paging-button.disabled:hover{border:1px solid #0000;color:#0000004d!important;cursor:default;outline:none}.dt-container .dt-paging>.dt-paging-button:first-child{margin-left:0}.dt-container .dt-paging .ellipsis{padding:0 1em}@media screen and (max-width:767px){.dt-container .dt-layout-row{flex-direction:column}.dt-container .dt-layout-cell{flex-direction:column;padding:.5em 0}} .tablepress thead th,.tablepress tfoot th{background-color:#0878be;color:#fafafa} .tablepress-scroll-wrapper{overflow-x:auto;overflow-y:hidden}@media (max-width:767px){.tablepress-responsive-stack-phone thead{display:none}.tablepress-responsive-stack-phone tbody td{display:block;text-align:center;border-top:none}.tablepress-responsive-stack-phone tbody td:first-child{border-top:1px solid #ddd}}@media (max-width:979px){.tablepress-responsive-stack-tablet thead{display:none}.tablepress-responsive-stack-tablet tbody td{display:block;text-align:center;border-top:none}.tablepress-responsive-stack-tablet tbody td:first-child{border-top:1px solid #ddd}}@media (max-width:1199px){.tablepress-responsive-stack-desktop thead{display:none}.tablepress-responsive-stack-desktop tbody td{display:block;text-align:center;border-top:none}.tablepress-responsive-stack-desktop tbody td:first-child{border-top:1px solid #ddd}}.tablepress-responsive-stack-all thead{display:none}.tablepress-responsive-stack-all tbody td{display:block;text-align:center;border-top:none}.tablepress-responsive-stack-all tbody td:first-child{border-top:1px solid #ddd}@media (max-width:767px){.tablepress-responsive-phone{display:block}.tablepress-responsive-phone thead{display:block;float:left}.tablepress-rtl.tablepress-responsive-phone thead{float:right}.tablepress-responsive-phone tfoot{display:none}.tablepress-responsive-phone tbody{display:block;width:auto;position:relative;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.tablepress-responsive-phone tbody td,.tablepress-responsive-phone thead th,.tablepress-responsive-phone thead tr{display:block;border:none}.tablepress-responsive-phone tbody td:empty:before{content:"\00a0"}.tablepress-responsive-phone tbody tr{display:inline-block;vertical-align:top}.tablepress-responsive-phone thead th{width:auto!important}.tablepress-responsive-phone thead tr th:not(:last-child){border-bottom:1px solid transparent}.tablepress-responsive-phone tbody tr td:not(:last-child){border-bottom:1px solid #ddd}.dataTables_wrapper .tablepress-responsive-phone .sorting:after{transform:rotate(90deg);padding:0}.dataTables_wrapper .tablepress-responsive-phone .sorting_asc:after{content:"\f0d9";padding:0 2px 0 0}.dataTables_wrapper .tablepress-responsive-phone .sorting_desc:after{content:"\f0dA";padding:0 1px 0 0}}@media (max-width:979px){.tablepress-responsive-tablet{display:block}.tablepress-responsive-tablet thead{display:block;float:left}.tablepress-rtl.tablepress-responsive-tablet thead{float:right}.tablepress-responsive-tablet tfoot{display:none}.tablepress-responsive-tablet tbody{display:block;width:auto;position:relative;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.tablepress-responsive-tablet tbody td,.tablepress-responsive-tablet thead th,.tablepress-responsive-tablet thead tr{display:block;border:none}.tablepress-responsive-tablet tbody tr{display:inline-block;vertical-align:top}.tablepress-responsive-tablet thead th{width:auto!important}.tablepress-responsive-tablet tbody td:empty:before{content:"\00a0"}.tablepress-responsive-tablet thead tr th:not(:last-child){border-bottom:1px solid transparent}.tablepress-responsive-tablet tbody tr td:not(:last-child){border-bottom:1px solid #ddd}.dataTables_wrapper .tablepress-responsive-tablet .sorting:after{transform:rotate(90deg);padding:0}.dataTables_wrapper .tablepress-responsive-tablet .sorting_asc:after{content:"\f0d9";padding:0 2px 0 0}.dataTables_wrapper .tablepress-responsive-tablet .sorting_desc:after{content:"\f0dA";padding:0 1px 0 0}}@media (max-width:1199px){.tablepress-responsive-desktop{display:block}.tablepress-responsive-desktop thead{display:block;float:left}.tablepress-rtl.tablepress-responsive-desktop thead{float:right}.tablepress-responsive-desktop tfoot{display:none}.tablepress-responsive-desktop tbody{display:block;width:auto;position:relative;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.tablepress-responsive-desktop tbody td,.tablepress-responsive-desktop thead th,.tablepress-responsive-desktop thead tr{display:block;border:none}.tablepress-responsive-desktop tbody td:empty:before{content:"\00a0"}.tablepress-responsive-desktop tbody tr{display:inline-block;vertical-align:top}.tablepress-responsive-desktop thead th{width:auto!important}.tablepress-responsive-desktop thead tr th:not(:last-child){border-bottom:1px solid transparent}.tablepress-responsive-desktop tbody tr td:not(:last-child){border-bottom:1px solid #ddd}.dataTables_wrapper .tablepress-responsive-desktop .sorting:after{transform:rotate(90deg);padding:0}.dataTables_wrapper .tablepress-responsive-desktop .sorting_asc:after{content:"\f0d9";padding:0 2px 0 0}.dataTables_wrapper .tablepress-responsive-desktop .sorting_desc:after{content:"\f0dA";padding:0 1px 0 0}}.tablepress-responsive-all{display:block}.tablepress-responsive-all thead{display:block;float:left}.tablepress-rtl.tablepress-responsive-all thead{float:right}.tablepress-responsive-all tfoot{display:none}.tablepress-responsive-all tbody{display:block;width:auto;position:relative;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.tablepress-responsive-all tbody td,.tablepress-responsive-all thead th,.tablepress-responsive-all thead tr{display:block;border:none}.tablepress-responsive-all tbody td:empty:before{content:"\00a0"}.tablepress-responsive-all tbody tr{display:inline-block;vertical-align:top}.tablepress-responsive-all thead th{width:auto!important}.tablepress-responsive-all thead tr th:not(:last-child){border-bottom:1px solid transparent}.tablepress-responsive-all tbody tr td:not(:last-child){border-bottom:1px solid #ddd}.dataTables_wrapper .tablepress-responsive-all .sorting:after{transform:rotate(90deg);padding:0}.dataTables_wrapper .tablepress-responsive-all .sorting_asc:after{content:"\f0d9";padding:0 2px 0 0}.dataTables_wrapper .tablepress-responsive-all .sorting_desc:after{content:"\f0dA";padding:0 1px 0 0}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child{cursor:default!important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before{display:none!important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{top:8px;left:4px;height:16px;width:16px;display:block;position:absolute;color:#fff;border:2px solid #fff;border-radius:16px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;text-indent:0!important;font-family:"Courier New",Courier,monospace;line-height:16px;content:"+";background-color:#31b131}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{content:"-";background-color:#d33333}table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>td.dtr-control,table.dataTable.dtr-column>tbody>tr>th.control,table.dataTable.dtr-column>tbody>tr>th.dtr-control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,table.dataTable.dtr-column>tbody>tr>th.control:before,table.dataTable.dtr-column>tbody>tr>th.dtr-control:before{top:50%;left:50%;height:16px;width:16px;margin-top:-10px;margin-left:-10px;display:block;position:absolute;color:#fff;border:2px solid #fff;border-radius:16px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;text-indent:0!important;font-family:"Courier New",Courier,monospace;line-height:16px;content:"+";background-color:#31b131}table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before,table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:before{content:"-";background-color:#d33333}table.dataTable>tbody>tr.child{padding:.5em 1em}table.dataTable>tbody>tr.child:hover{background:0 0!important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:700}.dataTables_scroll .tablepress{width:100%!important}.tablepress-responsive *{word-break:normal} #heateor_sss_error{color:red;margin:7px 0}#heateor_sss_sharing_more_providers .filter svg{position:absolute;left:16px;top:18px}div.heateor_sss_sharing_ul a:link,div.heateor_sss_sharing_ul a:focus{text-decoration:none;background:0 0!important}.heateor_sss_login_container{margin:2px 0}.heateor_sss_login_container img,.heateor_sss_sharing_container img{cursor:pointer;margin:2px;border:none}.heateor_sss_login_container img{display:none;float:left}#heateor_sss_loading_image{display:block!important;float:none}.heateor_sss_error{background-color:#ffffe0;border:1px solid #e6db55;padding:5px;margin:10px}#heateor_sss_sharing_more_providers{position:fixed;top:50%;left:47%;background:#fafafa;width:650px;margin:-180px 0 0 -300px;z-index:10000000;text-shadow:none!important;height:308px}#heateor_sss_mastodon_popup_bg,#heateor_sss_popup_bg{background:url(https://dmciprojects.net/wp-content/plugins/sassy-social-share/public/css/../../images/transparent_bg.png);bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000}#heateor_sss_sharing_more_providers .title{font-size:14px!important;height:auto!important;background:#58b8f8!important;border-bottom:1px solid #d7d7d7!important;color:#fff;font-weight:700;letter-spacing:inherit;line-height:34px!important;padding:0!important;text-align:center;text-transform:none;margin:0!important;text-shadow:none!important;width:100%}#heateor_sss_sharing_more_providers *{font-family:Arial,Helvetica,sans-serif}#heateor_sss_sharing_more_providers #heateor_sss_sharing_more_content{background:#fafafa;border-radius:4px;color:#555;height:auto;width:100%}#heateor_sss_sharing_more_providers .filter{margin:0;padding:10px 0 0;position:relative;width:100%}#heateor_sss_sharing_more_providers .all-services{clear:both;height:250px;overflow:auto}#heateor_sss_sharing_more_content .all-services ul{display:block;margin:10px!important;overflow:hidden;list-style:none;padding-left:0!important;position:static!important;width:auto!important}#heateor_sss_sharing_more_content .all-services ul li{padding:0;margin:0 0 0 5px;background:0 0!important;float:left;width:24.1%;text-align:left!important}#heateor_sss_sharing_more_providers .close-button img{margin:0}#heateor_sss_sharing_more_providers .close-button.separated{background:0 0!important;border:none!important;box-shadow:none!important;width:auto!important;height:auto!important;z-index:1000}#heateor_sss_sharing_more_providers .close-button{height:auto!important;width:auto!important;left:auto!important;display:block!important;color:#555!important;cursor:pointer!important;font-size:29px!important;line-height:29px!important;margin:0!important;padding:0!important;position:absolute;right:-16px;top:-16px}#heateor_sss_sharing_more_providers .filter input.search{width:96%;display:block;float:none;font-family:open sans,helvetica neue,helvetica,arial,sans-serif;font-weight:300;height:auto;line-height:inherit;margin:0 11px;padding:5px 8px 5px 27px!important;border:1px solid #ccc!important;color:#000;background:#fff!important;font-size:16px!important;text-align:left!important;max-width:-webkit-fill-available;line-height:1}#heateor_sss_sharing_more_providers .footer-panel{background:#fff;border-top:1px solid #d7d7d7;padding:6px 0;width:100%;color:#fff}#heateor_sss_sharing_more_providers .footer-panel p{background-color:initial;top:0;text-align:left!important;color:#000;font-family:helvetica neue,arial,helvetica,sans-serif;font-size:12px;line-height:1.2;margin:0!important;padding:0 6px!important;text-indent:0!important}#heateor_sss_sharing_more_providers .footer-panel a{color:#fff;text-decoration:none;font-weight:700;text-indent:0!important}#heateor_sss_sharing_more_providers .all-services ul li a span{width:51%}#heateor_sss_sharing_more_providers .all-services ul li a{border-radius:3px;color:#666!important;display:block;font-size:12px;height:auto;line-height:20px;overflow:hidden;padding:8px 8px 8px 1px;text-decoration:none!important;text-overflow:ellipsis;white-space:nowrap;border:none!important;text-indent:0!important;background:0 0!important;text-shadow:none}.heateor_sss_share_count{display:block;text-indent:0!important;visibility:hidden;background-color:#58b8f8!important;width:5px;height:auto;text-align:center;min-width:8px!important;padding:1px 4px!important;color:#fff!important;font-family:open sans,arial,sans-serif!important;font-size:10px!important;font-weight:600!important;-webkit-border-radius:15px!important;border-radius:15px!important;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.4);box-shadow:0 2px 2px rgba(0,0,0,.4);text-shadow:0 -1px 0 rgba(0,0,0,.2);line-height:14px!important;border:2px solid #fff!important;z-index:1;margin:2px auto!important;box-sizing:content-box!important}.heateor_sss_share_count,.heateor_sss_vertical_sharing{-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}div.heateor_sss_follow_ul,div.heateor_sss_sharing_ul{padding-left:0!important;margin:1px 0!important}#heateor_sss_mastodon_popup_close img,#heateor_sss_sharing_popup_close img{opacity:1!important;background:0 0!important;border:none!important;outline:0!important;box-shadow:none!important;width:auto!important;height:auto!important;top:inherit!important;right:inherit!important;left:9px!important;padding:0!important}div.heateor_sss_follow_ul .heateorSssSharingRound,div.heateor_sss_sharing_ul .heateorSssSharingRound{background:0 0!important}.heateor_sss_square_count{display:none;text-align:center;font-weight:bolder;font-family:sans-serif;font-style:normal;font-size:.6em;visibility:hidden}div.heateor_sss_follow_ul a,div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a{float:left;padding:0!important;list-style:none!important;border:none!important;margin:2px}.heateorSssSharing,.heateorSssSharingButton{display:block;cursor:pointer;margin:2px}div.heateor_sss_follow_ul a:before,div.heateor_sss_sharing_ul a:before{content:none!important}div.heateor_sss_follow_ul a{width:auto}.heateor_sss_vertical_sharing{background:0 0;-webkit-box-shadow:0 1px 4px 1px rgba(0,0,0,.1);box-shadow:0 1px 4px 1px rgba(0,0,0,.1);position:fixed;overflow:visible;z-index:10000000;display:block;padding:10px;border-radius:4px;opacity:1;box-sizing:content-box!important}div.heateor_sss_horizontal_counter li.heateor_sss_facebook_share,div.heateor_sss_horizontal_sharing li.heateor_sss_facebook_share{width:96px}li.heateor_sss_facebook_like .fb-like span,li.heateor_sss_facebook_recommend .fb-like span,li.heateor_sss_facebook_share .fb-share-button span{vertical-align:top!important}li.heateor_sss_facebook_like .fb-like span iframe,li.heateor_sss_facebook_recommend .fb-like span iframe{max-width:none!important;z-index:1000}.heateor_sss_counter_container li{height:21px}.heateorSssTCBackground:hover{border-width:0!important;background-color:initial}.heateorSssTCBackground{border-width:0!important;background-color:initial!important;font-style:normal;word-wrap:normal;color:#666;line-height:1;visibility:hidden}.heateorSssSharingSvg{width:100%;height:100%}.heateorSssSharing{float:left;border:none}.heateorSssSharingArrow{height:16px;width:16px;cursor:pointer;margin-top:10px}.heateorSssPushIn{background:url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTcgNnEyIDYgMTAgNlY2bDYgOS02IDl2LTZRNyAyMCA3IDYiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlPSIjMDAwIiBmaWxsPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=)0 no-repeat}.heateorSssPullOut{background:url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTIzIDZxLTIgNi0xMCA2VjZsLTYgOSA2IDl2LTZxMTAgMiAxMC0xMiIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2U9IiMwMDAiIGZpbGw9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==)0 no-repeat}.heateorSssCommentingTabs li{padding-left:0!important;float:left;margin:0 1em 0 0!important;list-style:none;color:#aaa;display:block;cursor:pointer;font-size:.85em}div.heateorSssTotalShareCount{word-wrap:normal!important;font-weight:bolder;font-family:sans-serif;padding:0;margin:0;text-align:center}div.heateorSssTotalShareText{word-wrap:normal!important;margin:0;padding:0;text-align:center}div.heateor_sss_horizontal_sharing li{width:auto}div.heateor_sss_horizontal_sharing li.heateor_sss_facebook_like{width:91px}div.heateor_sss_horizontal_sharing li.heateor_sss_facebook_recommend{width:145px}div.heateor_sss_horizontal_sharing li.heateor_sss_twitter_tweet{width:95px}div.heateor_sss_horizontal_sharing li.heateor_sss_linkedin_share span{vertical-align:text-top!important}div.heateor_sss_horizontal_sharing li.heateor_sss_linkedin_share{width:96px}div.heateor_sss_horizontal_sharing li.heateor_sss_buffer_share{width:108px}div.heateor_sss_horizontal_sharing li.heateor_sss_reddit_badge{width:130px}div.heateor_sss_horizontal_sharing li.heateor_sss_yummly{width:106px}div.heateor_sss_horizontal_sharing li.heateor_sss_pinterest_pin{width:76px}div.heateor_sss_horizontal_sharing li.heateor_sss_xing{width:98px}.heateor_sss_sharing_container a{padding:0!important;box-shadow:none!important;border:none!important}.heateorSssClear{clear:both}div.course_instructor_widget .heateor_sss_vertical_sharing{display:none!important}@media screen and (max-width:783px){#heateor_sss_sharing_more_providers{width:80%;left:60%;margin-left:-50%;text-shadow:none!important}}@media screen and (max-width:752px){#heateor_sss_sharing_more_content .all-services ul li{width:32.1%}}@media screen and (max-width:590px){#heateor_sss_sharing_more_content .all-services ul li{width:48.1%}#heateor_sss_sharing_more_providers .filter input.search{width:93%}}@media screen and (max-width:413px){#heateor_sss_sharing_more_content .all-services ul li{width:100%}}div.heateor_sss_bottom_sharing{margin-bottom:0}div.heateor_sss_sharing_container a:before,div.heateor_sss_follow_icons_container a:before{content:none}.heateor_sss_mastodon_popup_button{background:linear-gradient(#ec1b23,#d43116);padding:8px 0 10px;font-size:18px;border:0;color:#fff;border-radius:8px;margin:4px auto;font-weight:bolder;width:35%;cursor:pointer;border-bottom-style:groove;border-bottom-width:5px;border-bottom-color:rgb(0,0,0,.2)}@media screen and (max-width:783px)#heateor_sss_sharing_more_providers .filter input.search{border:1px solid #ccc;width:92.8%}div.heateor_sss_follow_icons_container svg,div.heateor_sss_sharing_container svg{width:100%;height:100%} fieldset,img{border:0}.ptb_module img{height:auto;max-width:100%}article,figure{display:block}audio,embed,iframe,object{max-width:100%}.ptb_col,.ptb_pagenav,.ptb_post,.ptb_post_nav,img{box-sizing:border-box}.ptb_scrollbar{scroll-behavior:smooth;--tf_scroll_color:hsla(0,0%,54%,.2);--tf_scroll_color_hover:hsla(0,0%,54%,.4);--tf_scroll_w:10px;--tf_scroll_h:10px;scrollbar-color:var(--tf_scroll_color)transparent;scrollbar-width:thin}.ptb_scrollbar::-webkit-scrollbar{height:var(--tf_scroll_h);width:var(--tf_scroll_w)}.ptb_scrollbar::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--tf_scroll_color);border:2px solid transparent;border-radius:5px}.ptb_scrollbar:hover{scrollbar-color:var(--tf_scroll_color_hover)transparent}.ptb_scrollbar:hover::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color_hover)}.ptb_row input,.ptb_row select,.ptb_row textarea{box-sizing:border-box;max-width:100%}.ptb_row{display:flex;flex-flow:wrap;justify-content:space-between}.ptb_col{margin-left:0;margin-right:0;width:100%}.ptb_col.ptb_col6-1,.ptb_grid.ptb_grid6{flex-basis:14.46%}.ptb_col.ptb_col5-1,.ptb_grid.ptb_grid5{flex-basis:16.8%}.ptb_col.ptb_col4-1,.ptb_grid.ptb_grid4{flex-basis:21.8%}.ptb_col.ptb_col2-1,.ptb_col.ptb_col4-2,.ptb_grid.ptb_grid2{flex-basis:46.8%}.ptb_col.ptb_col4-3{flex-basis:71.8%}.ptb_col.ptb_col3-1,.ptb_grid.ptb_grid3{flex-basis:30.13%}.ptb_col.ptb_col3-2{flex-basis:63.46%}.ptb_taxonomy_shortcode.ptb_loops_wrapper{list-style:none;margin:0}.ptb_module{margin:0 0 .3em}.ptb_module.ptb_custom_text{margin:0}.ptb_module_inline,.ptb_module_inline h1,.ptb_module_inline h2,.ptb_module_inline h3,.ptb_module_inline h4,.ptb_module_inline h5,.ptb_module_inline h6,.ptb_module_inline>div{display:inline-block}.ptb_text_before{margin-right:5px}.ptb_loops_wrapper .ptb_post{margin-bottom:3em}div.ptb_loops_wrapper:not(.ptb_masonry)>.ptb_post{position:relative}.ptb_loops_wrapper .ptb_post .ptb_items_wrapper.entry-content{margin:0;width:100%}.ptb_loops_wrapper{display:grid;gap:1em}.ptb_loops_wrapper.ptb_grid6{grid-template-columns:repeat(6,1fr)}.ptb_loops_wrapper.ptb_grid5{grid-template-columns:repeat(5,1fr)}.ptb_loops_wrapper.ptb_grid4{grid-template-columns:repeat(4,1fr)}.ptb_loops_wrapper.ptb_grid3{grid-template-columns:repeat(3,1fr)}.ptb_loops_wrapper.ptb_grid2{grid-template-columns:repeat(2,1fr)}.ptb_pagenav{clear:both;margin-bottom:3em}.ptb_pagenav a,.ptb_pagenav span{border-radius:100%;box-sizing:border-box;display:inline-block;font-size:1.1em;line-height:100%;margin:0 1px 0 0;min-height:36px;min-width:36px;padding:8px 9px;text-align:center;text-decoration:none;vertical-align:middle}.ptb_pagenav .current{background-color:#272727;border:none;color:#fff}.ptb_pagenav .next,.ptb_pagenav .prev{margin-right:5px;position:relative;text-indent:-999em}.ptb_pagenav .next:before,.ptb_pagenav .prev:before{border:1px solid transparent;border-top-color:inherit;content:"";display:inline-block;height:.5em;position:absolute;text-indent:0;top:35%;width:.5em}.ptb_pagenav .prev:before{border-left-color:inherit;left:50%;transform:rotate(-45deg)}.ptb_pagenav .next:before{border-right-color:inherit;right:50%;transform:rotate(45deg)}.ptb_post_content{min-width:120px}.ptb_post_title{line-height:1.4em;margin:0 0 .6em;padding:0}.ptb_post_title a{text-decoration:none}.ptb_post_image{margin:0 0 1em}.ptb_post_image img{vertical-align:bottom}.ptb_post_date{margin:0 0 .8em}.ptb_entry_content .module_row>.row_inner{max-width:100%;width:100%}.ptb_loops_wrapper.ptb_list-post .ptb_post{margin-bottom:2.5em;margin-left:0;margin-right:0;width:100%}.ptb_gutter_sizer{width:3.2%}.ptb_loops_wrapper.ptb_masonry{display:block}.ptb_loops_wrapper.ptb_masonry .ptb_post{margin-left:0;margin-right:0}.ptb_loops_wrapper.ptb_masonry.ptb_grid6 .ptb_post,.ptb_loops_wrapper.ptb_masonry.ptb_grid6 .ptb_post_sizer{width:14%}.ptb_loops_wrapper.ptb_masonry.ptb_grid5 .ptb_post,.ptb_loops_wrapper.ptb_masonry.ptb_grid5 .ptb_post_sizer{width:17.44%}.ptb_loops_wrapper.ptb_masonry.ptb_grid4 .ptb_post,.ptb_loops_wrapper.ptb_masonry.ptb_grid4 .ptb_post_sizer{width:22.6%}.ptb_loops_wrapper.ptb_masonry.ptb_grid3 .ptb_post,.ptb_loops_wrapper.ptb_masonry.ptb_grid3 .ptb_post_sizer{width:31.2%}.ptb_loops_wrapper.ptb_masonry.ptb_grid2 .ptb_post,.ptb_loops_wrapper.ptb_masonry.ptb_grid2 .ptb_post_sizer{width:48.2%}.ptb_loops_wrapper:has(.ptb_not_found){display:block}.commentwrap{clear:both;margin:.625em 0 1.25em;position:relative}.comment-reply-title,.comment-title{font-size:140%;margin:0 0 .625em;padding:0}.commentwrap .pagenav{border:none;box-shadow:none;margin:10px 0}.commentwrap .pagenav.top{margin:0;position:absolute;right:0;top:0}.commentlist{border-top:1px solid rgba(0,0,0,.1);margin:0 0 30px;padding:5px 0 0}.commentlist li{list-style:none;margin:0;padding:15px 0 0;position:relative}.commentlist .comment-author{margin:.2em 0 1em;padding:0}.commentlist .avatar{float:left;margin:0 15px 0 0}.commentlist cite{font-size:130%;font-style:italic}.commentlist cite a{text-decoration:none}.commentlist .comment-time{font-size:.85em;text-transform:uppercase}.commentlist .commententry{border-bottom:1px solid rgba(0,0,0,.1);min-height:40px;overflow:hidden;padding-bottom:5px;position:relative;word-wrap:break-word}.commentlist ol,.commentlist ul{margin:0 0 0 7%;padding:0}.commentlist .reply{position:absolute;right:0;top:1em}.commentlist .comment-reply-link{text-decoration:none;text-transform:uppercase}.commentlist .comment-reply-link:hover{text-decoration:none}#respond{clear:both;position:relative}#respond #cancel-comment-reply-link{background-color:#e41d24;border-radius:5px;color:#fff;display:block;font-size:.85em;line-height:100%;padding:.5em .8em;position:absolute;right:0;text-decoration:none;top:20px}#respond #cancel-comment-reply-link:hover{background:#fb4e55}#commentform{margin:15px 0 0}.clear{clear:both}.left{float:left}.right{float:right}.textleft{text-align:left}.textright{text-align:right}.textcenter{text-align:center}.ptb_col:after,.ptb_pagenav:after,.ptb_post:after,.ptb_post_nav:after,.tf_clearfix:after{clear:both;content:"";display:table}.ptb_items_wrapper{box-sizing:border-box;float:left;width:100%}@media screen and (max-width:800px){.ptb_loops_wrapper.ptb_grid6{grid-template-columns:repeat(3,1fr)}.ptb_loops_wrapper.ptb_grid4{grid-template-columns:repeat(2,1fr)}.ptb_loops_wrapper.ptb_masonry.ptb_grid4 .ptb_post,.ptb_loops_wrapper.ptb_masonry.ptb_grid4 .ptb_post_sizer{width:48.2%}}@media screen and (max-width:600px){.commentlist{padding-left:0}.commentlist .commententry{clear:left}.commentlist .avatar{float:left;height:40px;margin:0 1em 1em 0;width:40px}.ptb_col.ptb_col2-1,.ptb_col.ptb_col3-1,.ptb_col.ptb_col3-2,.ptb_col.ptb_col4-1,.ptb_col.ptb_col4-2,.ptb_col.ptb_col4-3,.ptb_col.ptb_col5-1,.ptb_col.ptb_col6-1{flex-basis:100%;margin-left:0;width:100%}.ptb_loops_wrapper.ptb_grid2,.ptb_loops_wrapper.ptb_grid3,.ptb_loops_wrapper.ptb_grid4,.ptb_loops_wrapper.ptb_grid5,.ptb_loops_wrapper.ptb_grid6{grid-template-columns:repeat(1,1fr)}.ptb_loops_wrapper.ptb_masonry.ptb_grid2 .ptb_post,.ptb_loops_wrapper.ptb_masonry.ptb_grid2 .ptb_post_sizer,.ptb_loops_wrapper.ptb_masonry.ptb_grid3 .ptb_post,.ptb_loops_wrapper.ptb_masonry.ptb_grid3 .ptb_post_sizer,.ptb_loops_wrapper.ptb_masonry.ptb_grid4 .ptb_post,.ptb_loops_wrapper.ptb_masonry.ptb_grid4 .ptb_post_sizer,.ptb_loops_wrapper.ptb_masonry.ptb_grid5 .ptb_post,.ptb_loops_wrapper.ptb_masonry.ptb_grid5 .ptb_post_sizer,.ptb_loops_wrapper.ptb_masonry.ptb_grid6 .ptb_post,.ptb_loops_wrapper.ptb_masonry.ptb_grid6 .ptb_post_sizer{margin-left:0;width:100%}.ptb_loops_wrapper .ptb_post img{width:100%}}.ptb_single_lightbox{background:#fff;border:none;box-sizing:border-box;color:#444;margin:0 auto;max-height:800px;overflow:auto;padding:25px;text-align:left;width:100%}.ptb_is_single_lightbox .lightcase-contentInner{height:100%!important;max-width:100%!important;width:100%!important}.ptb_is_single_lightbox .ptb_post_image img{width:100%}body.ptb_hide_scroll{overflow:hidden}@media screen and (min-width:641px){#lightcase-case.ptb_is_single_lightbox:not([data-type=error]) .lightcase-inlineWrap{height:100%!important;max-height:100%!important;max-width:100%!important;width:100%!important}#lightcase-case.ptb_is_single_lightbox{margin-top:0!important;top:6%;width:80%!important}}.ptb-post-filter{display:block;line-height:1;margin:0;padding:0;position:relative;width:auto}ul.ptb-post-filter:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}ul.ptb-post-filter li{display:block;margin:0;padding:0;position:relative}ul.ptb-post-filter li a{box-sizing:border-box;display:block;margin:0;text-decoration:none;transition:color .2s ease}ul.ptb-post-filter li ul{border:1px solid;left:-9999px;margin:0;padding:0;position:absolute;top:auto}ul.ptb-post-filter li ul li{background:#fff;max-height:0;position:absolute;text-align:left;transition:max-height .4s ease-out;z-index:4}ul.ptb-post-filter li ul li a{min-width:170px;padding:11px 10px 11px 20px;text-transform:none}ul.ptb-post-filter li ul li:hover>ul{left:100%;top:0}ul.ptb-post-filter li ul li:hover>ul>li{max-height:72px;position:relative}.ptb-post-filter>li.active:after,.ptb-post-filter>li:hover:after{height:100%}.ptb-post-filter>li:hover>ul{left:0}.ptb-post-filter>li:hover>ul>li{max-height:72px;position:relative}ul.ptb-post-filter{margin:0 0 2em;text-align:center}ul.ptb-post-filter>li{display:inline-block;margin:0 3px 10px}ul.ptb-post-filter>li>a{border:none;border-radius:30px;display:inline-block;font-size:.8em;letter-spacing:.04em;line-height:1.2;padding:.3em 1em;position:relative;text-transform:uppercase;z-index:2}.ptb-post-filter li:hover>a{background-color:hsla(0,0%,71%,.3)}.ptb-post-filter li.ptb_filter_active>a{background-color:#272727;color:#fff}.ptb-post-nav{clear:both;margin:2em 0 5em;padding:0}.ptb-post-nav .ptb-next,.ptb-post-nav .ptb-prev{box-sizing:border-box;position:relative;width:47%}.ptb-post-nav .ptb-prev{float:left;padding-left:2.5em}.ptb-post-nav .ptb-next{float:right;padding-right:2.5em;text-align:right}.ptb-post-nav a{display:inline-block;font-size:1.35em;font-weight:700;letter-spacing:.004em;vertical-align:middle}.ptb-post-nav a,.ptb-post-nav a:hover{text-decoration:none}.ptb-post-nav .ptb-arrow{display:inline-block;float:left;text-align:center;text-decoration:none;text-indent:-9999px;width:auto}.ptb-post-nav .ptb-next .ptb-arrow{float:right}.ptb-post-nav .ptb-next .ptb-arrow:before,.ptb-post-nav .ptb-prev .ptb-arrow:before{border:1px solid transparent;content:"";display:inline-block;height:40px;margin-top:-20px;position:absolute;top:50%;transform:rotate(45deg);width:40px}.ptb-post-nav .ptb-next .ptb-arrow:before{border-right-color:#000;border-top-color:#000;right:0}.ptb-post-nav .ptb-prev .ptb-arrow:before{border-bottom-color:#000;border-left-color:#000;left:0}.mce-i-ptb-favicon:before{content:"\f119";font-family:dashicons;font-size:21px}.mce-btn button:hover{background-color:initial}.ptb_col:after,.ptb_row:after,.tf_clearfix:after{clear:both;content:"";display:table}.ptb_email .ptb_gravatar+span,.ptb_gravatar{display:inline-block;vertical-align:middle}.ptb_gravatar{margin-right:6px}.ptb_single_content:not(.post-password-required){display:none!important}.ptb_in_lightbox .ptb_post{padding:5%}.ptb_slider_link{height:100%;left:0;position:absolute;top:0;width:100%;z-index:100}.ptb_extra_item{box-sizing:border-box;float:left;max-width:100%;text-align:center;width:100%}.ptb_gallery_gutter_sizer{width:1.5%}.ptb_extra_gallery_description{display:block;text-align:left}.ptb_extra_columns_1 .ptb_extra_item,.ptb_extra_columns_1 .ptb_gallery_item_sizer{margin-right:0;width:100%}.ptb_extra_columns_2 .ptb_extra_item,.ptb_extra_columns_2 .ptb_gallery_item_sizer{width:49.2%}.ptb_extra_columns_3 .ptb_extra_item,.ptb_extra_columns_3 .ptb_gallery_item_sizer{width:32.3%}.ptb_extra_columns_4 .ptb_extra_item,.ptb_extra_columns_4 .ptb_gallery_item_sizer{width:23.8%}.ptb_extra_columns_5 .ptb_extra_item,.ptb_extra_columns_5 .ptb_gallery_item_sizer{width:18.8%}.ptb_extra_columns_6 .ptb_extra_item,.ptb_extra_columns_6 .ptb_gallery_item_sizer{width:15.4%}.ptb_extra_columns_7 .ptb_extra_item,.ptb_extra_columns_7 .ptb_gallery_item_sizer{width:13%}.ptb_extra_columns_8 .ptb_extra_item,.ptb_extra_columns_8 .ptb_gallery_item_sizer{width:11.18%}.ptb_extra_columns_9 .ptb_extra_item,.ptb_extra_columns_9 .ptb_gallery_item_sizer{width:9.77%}.ptb_extra_columns_1 .ptb_extra_item,.ptb_extra_columns_2 .ptb_extra_item,.ptb_extra_columns_3 .ptb_extra_item,.ptb_extra_columns_4 .ptb_extra_item,.ptb_extra_columns_5 .ptb_extra_item,.ptb_extra_columns_6 .ptb_extra_item,.ptb_extra_columns_7 .ptb_extra_item,.ptb_extra_columns_8 .ptb_extra_item,.ptb_extra_columns_9 .ptb_extra_item{margin:0 1.5% 1.5% 0}.ptb_extra_columns_2 .ptb_extra_item:nth-of-type(2n),.ptb_extra_columns_3 .ptb_extra_item:nth-of-type(3n),.ptb_extra_columns_4 .ptb_extra_item:nth-of-type(4n),.ptb_extra_columns_5 .ptb_extra_item:nth-of-type(5n),.ptb_extra_columns_6 .ptb_extra_item:nth-of-type(6n),.ptb_extra_columns_7 .ptb_extra_item:nth-of-type(7n),.ptb_extra_columns_8 .ptb_extra_item:nth-of-type(8n),.ptb_extra_columns_9 .ptb_extra_item:nth-of-type(9n){margin-right:0}.ptb_extra_columns_2 .ptb_extra_item:nth-of-type(2n)+div,.ptb_extra_columns_3 .ptb_extra_item:nth-of-type(3n)+div,.ptb_extra_columns_4 .ptb_extra_item:nth-of-type(4n)+div,.ptb_extra_columns_5 .ptb_extra_item:nth-of-type(5n)+div,.ptb_extra_columns_6 .ptb_extra_item:nth-of-type(6n)+div,.ptb_extra_columns_7 .ptb_extra_item:nth-of-type(7n)+div,.ptb_extra_columns_8 .ptb_extra_item:nth-of-type(8n)+div,.ptb_extra_columns_9 .ptb_extra_item:nth-of-type(9n)+div{clear:both}.ptb_extra_icon{display:inline-block;margin:0;vertical-align:bottom}.ptb_extra_rounded .ptb_extra_icon{border-radius:5px}.ptb_extra_bordered .ptb_extra_icon{background:#fff;border:1px solid #999;padding:2px}.ptb_extra_drop_shadow .ptb_extra_icon{box-shadow:0 1px 2px rgba(0,0,0,.3)}.ptb_extra_circle .ptb_extra_icon{border-radius:50em}.ptb_notice{background-color:rgb(255,247,203,.8);border-radius:10px;color:#555;font-size:15px;line-height:20px;margin:0 0 20px;padding:1em 1.2em}.ptb_notice a{color:#db591d;text-decoration:underline}.ptb_notice a:hover{color:#000}.ptb_slider{overflow:hidden} @charset "UTF-8"; /* Themify Ultra 7.9.9 framework 8.1.1 */ /*/themify-builder/css/modules/image.css*/ .module-image .image-title{font-size:1.2em;margin:0 0 .3em}.module-image .image-title a{color:inherit;font-family:inherit;text-decoration:none;text-shadow:inherit}.module-image .image-wrap{width:auto}.module-image .image-wrap img{display:inline-block;vertical-align:top}.module-image.rounded .image-wrap img{border-radius:var(--tb_rounded_corner)}.module-image.circle .image-wrap img{border-radius:50em}.module-image.bordered .image-wrap img{background:#fff;border:1px solid rgba(0,0,0,.15);box-sizing:border-box;padding:3px}.module-image.drop-shadow .image-wrap img{box-shadow:0 1px 8px 2px rgba(0,0,0,.15)}.module-image.auto_fullwidth .lightbox{display:block}.module-image.auto_fullwidth :is(.image-wrap,img){display:block;width:100%}.module-image .image-wrap .lightbox{display:inline-block;max-width:100%;position:relative} /*/themify-builder/css/modules/image_styles/top.css*/ .module-image.image-top .image-content{margin-block:.5em 1em} /*/themify-builder/css/modules/cover.css*/ .builder_row_cover{border-radius:inherit;contain:strict;transform:translateZ(0);z-index:0}.builder_row_cover:after,.builder_row_cover:before{border-radius:inherit;content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:opacity .5s ease-in-out,background-color .5s ease-in-out;width:100%}.builder_row_cover:after{opacity:0}div:hover>.builder_row_cover:after{opacity:1} /*/themify-builder/css/modules/appearance.css*/ .shadow{--tb_app_shadow:0 1px 8px 1px rgba(0,0,0,.1)}.embossed{--tb_app_shadow:inset 0 1px 0 hsla(0,0%,100%,.5),inset 0 -3px 0 rgba(0,0,0,.1)}.gradient{--tb_app_gr:linear-gradient(180deg,hsla(0,0%,100%,.45) 0%,hsla(0,0%,100%,0))}.rounded{--tb_app_r:var(--tb_rounded_corner)}.glossy{--tb_app_glc:"";--tb_app_gl:linear-gradient(0deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.5))}.ui.glossy:before,.ui.glossy>:is(.accordion-title,.tab-nav) a:before,.ui.nav.glossy a:before{background:var(--tb_app_gl);border-top-left-radius:inherit;border-top-right-radius:inherit;content:var(--tb_app_glc);height:50%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0} /*/themify-builder/css/modules/text.css*/ .drop-cap>:first-child:first-letter,.tb_text_dropcap>.tb_text_wrap:first-child:first-letter{background-color:var(--theme_accent,#0f70e8);color:#fff;float:left;font-size:2.85em;line-height:.4em;margin-right:.325em;margin-block:.15em .25em;padding:.425em .375em}.tb-text-more-link-indicator{background:rgba(55,55,55,.6);display:block;height:3px;margin:5px 0} /*/themify-builder/css/modules/layout-part.css*/ .module_row .module-layout-part .module_column,.module_row .module-layout-part .row_inner{min-height:inherit} /*/themify-builder/css/themify-builder-style.css*/ :root{--tb_rounded_corner:12px}.module_column,.module_row,.module_row .module,.module_subrow{box-sizing:border-box;min-width:0;position:relative}.module,.module-accordion i,:is(.module-buttons,.module_row,.module_subrow,.module_column,.module-image img):hover{transition:.5s ease;transition-property:background,font-size,line-height,color,padding,margin,border,border-radius,box-shadow,text-shadow,filter,transform}.entry-content>p:is(:first-of-type,:first-of-type+p):empty{margin:0;padding:0}.module_row{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-wrap:wrap}.themify_builder_slider_wrap{transition:none}[data-tbfullwidthvideo]:is(.module_row,.module_subrow,.module_column){background-size:cover}.module_subrow,.row_inner{display:grid;--gutter:3.2%;--narrow:1.6%;--none:0;--align_start:start;--align_center:center;--align_end:end;--auto_height:stretch;--align_items:var(--auto_height);--align_content:var(--align_start);--colg:var(--gutter);--c1:1fr;--c2:1fr 1fr;--c3:1fr 1fr 1fr;--c4:1fr 1fr 1fr 1fr;--c5:1fr 1fr 1fr 1fr 1fr;--c6:1fr 1fr 1fr 1fr 1fr 1fr;--c1_2:1fr 2.1025fr;--c2_1:2.1025fr 1fr;--c1_3:1fr 3.2831fr;--c3_1:3.2831fr 1fr;--c1_1_2:1fr 1fr 2.1415fr;--c1_2_1:1fr 2.1415fr 1fr;--c2_1_1:2.1415fr 1fr 1fr;--col:repeat(auto-fit,minmax(1%,1fr));align-content:var(--align_content);align-items:var(--align_items);gap:var(--rowg,0) var(--colg);grid:var(--row,none)/var(--col);grid-auto-columns:1fr;grid-template-areas:var(--area);--area5_3:"col1 col1 col2 col2 col3 col3" "col4 col4 col5 col5 . .";--area5_1_2:"col1 col2 col2" "col3 col4 col5";--area5_2_1:"col1 col1 col2" "col3 col4 col5";--area5_1_3:"col1 col2 col2 col2" "col3 col4 col4 col4" "col5 col5 col5 col5";--area5_3_1:"col1 col1 col1 col2" "col3 col4 col4 col5";--area5_1_1_2:"col1 col2 col3 col3" "col4 col4 col5 col5";--area5_1_2_1:"col1 col2 col2 col3" "col4 col4 col5 col5";--area5_2_1_1:"col1 col1 col2 col3" "col4 col4 col5 col5";--aream2_auto:"col1" "col2";--aream3_auto:"col1" "col2" "col3";--aream4_auto:"col1" "col2" "col3" "col4";--aream5_auto:"col1" "col2" "col3" "col4" "col5";--areat6_auto:"col1 col2 col3" "col4 col5 col6";--aream6_auto:"col1 col2" "col3 col4" "col5 col6";--areat7_auto:"col1 col2" "col3 col4" "col5 col6" "col7 col7";--aream7_auto:"col1" "col2" "col3" "col4" "col5" "col6" "col7";--areat8_auto:"col1 col2" "col3 col4" "col5 col6" "col7 col7" "col8 col8";--aream8_auto:"col1" "col2" "col3" "col4" "col5" "col6" "col7" "col8"}.row_inner{margin:0 auto;width:min(1160px,100%)}.module_row.fullheight .module_subrow,.module_row.fullwidth>.row_inner{max-width:100%;width:100%}@supports(-webkit-touch-callout:none){.module_column,.module_row,.module_subrow{background-attachment:scroll!important}}.module_row.fullheight{min-height:100vh}.fullheight>.row_inner,.fullheight>.row_inner>.module_column{min-height:inherit}div.module_column{align-content:inherit;align-items:inherit;display:grid;float:none;margin-inline:0;max-width:none;width:auto}.col_align_middle,.fullheight>.tb_col_count_1{--align_content:var(--align_center)}.gutter-narrow{--colg:var(--narrow)}.gutter-none{--colg:var(--none)}.module_column:first-of-type{grid-area:col1}.module_column:nth-of-type(2){grid-area:col2}.module_column:nth-of-type(3){grid-area:col3}.module_column:nth-of-type(4){grid-area:col4}.module_column:nth-of-type(5){grid-area:col5}.module_column:nth-of-type(6){grid-area:col6}.module_column:nth-of-type(7){grid-area:col7}.module_column:nth-of-type(8){grid-area:col8}.module_column:nth-of-type(9){grid-area:col9}.module_column:nth-of-type(10){grid-area:col10}.module_column:nth-of-type(11){grid-area:col11}.module_column:nth-of-type(12){grid-area:col12}.module_column:nth-of-type(13){grid-area:col13}.module_column:nth-of-type(14){grid-area:col14}.module_column:nth-of-type(15){grid-area:col15}.module_column:nth-of-type(16){grid-area:col16}.tb_col_count_1>.module_column{grid-area:auto}.tb_col_count_2{--area:"col1 col2"}.tb_col_count_3{--area:"col1 col2 col3"}.tb_col_count_4{--area:"col1 col2 col3 col4"}.tb_col_count_5{--area:"col1 col2 col3 col4 col5"}.tb_col_count_6{--area:"col1 col2 col3 col4 col5 col6"}.tb_col_count_7{--area:"col1 col2 col3 col4 col5 col6 col7"}.tb_col_count_8{--area:"col1 col2 col3 col4 col5 col6 col7 col8"}.module:after{clear:both;content:"";display:table}.module_row ul.loops-wrapper{display:block;list-style:none;margin:0;padding:0}.tb_default_color{--tb_pr_color:#555;--tb_pr_bg:#f7f7f7;--tb_pr_hover_bg:#f1f1f1}.module_row .ui{background-color:var(--tb_pr_bg,#f7f7f7);color:var(--tb_pr_color,#555)}.ui.rounded{border-radius:var(--tb_app_r,0)}.ui.gradient{background-image:var(--tb_app_gr,none)}.ui:is(.shadow,.embossed){box-shadow:var(--tb_app_shadow,none)}.ui.builder_button{border:1px solid rgba(0,0,0,.05);border-radius:var(--tb_app_r,0);font-size:var(--tb_mb_f,1em);line-height:1.35;padding:.625em 1.25em;position:relative;transition:.3s linear;transition-property:color,background-color,padding,border,box-shadow}.builder_button:not(:is(.tf_flx,.tf_in_flx)){display:inline-block}.builder_button:hover{background-color:var(--tb_pr_hover_bg,#f1f1f1);text-decoration:none}.module_row .module .ui.builder_button{text-decoration:none}.ui.transparent{--tb_pr_bg:transparent;--tb_pr_hover_bg:transparent;--tb_pr_color:#555;--tb_app_r:0;--tb_app_gr:none;--tb_app_shadow:none;border:0;color:inherit}.transparent.gradient{--tb_app_gr:linear-gradient(180deg,hsla(0,0%,100%,.45) 0%,hsla(0,0%,100%,0))}.module-title{font-size:1.2em;margin:0 0 1.2em}.module img{border:0;vertical-align:bottom}.module-slider{margin-bottom:2.5em}.module-widget .widget{margin:0}.wp-caption{max-width:100%}.module-map button{border-radius:0}.module-map .gm-style-mtc img{margin-right:5px;vertical-align:baseline}.module-plain-text:after{display:contents!important}@media (max-width:1260px){.row_inner{max-width:94%}}@media (max-width:760px){.row_inner{max-width:90%}}.themify_builder div.builder-parallax-scrolling{transition:background-position-y 0s}@supports not(cursor:grab){.builder-parallax-scrolling{background-attachment:scroll!important}} /*/themify-builder/css/modules/buttons.css*/ .module-buttons-item{font-size:var(--tb_mb_f,1em);gap:.5em}.module-buttons a{gap:inherit}.module-buttons-item+.module-buttons-item{margin-inline-start:.6em}.module-buttons.small{--tb_mb_f:.85em}.module-buttons.large{--tb_mb_f:1.1em}.module-buttons.xlarge{--tb_mb_f:1.2em}.module.module-buttons .ui{color:var(--tb_pr_color)}.module-buttons.rounded a{--tb_app_r:var(--tb_rounded_corner)}.module-buttons.circle a{--tb_app_r:50em}.module-buttons.squared a{border-radius:0}.module.module-buttons .transparent{border:0;color:inherit}.module.module-buttons.transparent a.ui{background:0;border:0;--tb_pr_color:var(--tb_pr_bg)}.module.module-buttons.transparent a.tb_default_color{color:inherit} /*/themify-builder/css/modules/icon.css*/ .module-icon .tf_fa{max-width:1em}.module-icon-item{max-width:100%}.module-icon .module-icon-item a,.module-icon-item{display:inline-flex;place-items:center;text-decoration:none}.module-icon-item+.module-icon-item{margin-left:.4em}.module-icon span{font-size:var(--tb_mi_s,inherit);margin-inline:.6em}.module-icon em{align-self:baseline;background-color:var(--tb_pr_bg,transparent);color:var(--tb_pr_color,inherit);display:inline-flex;font-size:var(--tb_mi_f,16px);line-height:0;margin-top:calc(var(--tb_mi_size)/9);min-height:var(--tb_mi_size,auto);min-width:var(--tb_mi_size,auto);padding:.5em;place-content:center;transition:.3s;transition-property:box-shadow,border,background-color,color,padding,font-size}.module-icon em,.module-icon img{border-radius:var(--tb_mi_r,100%)}.module-icon img{padding:var(--tb_mi_p,3px)}.module-icon.small{--tb_mi_size:24px;--tb_mi_f:12px}.module-icon.large{--tb_mi_size:48px;--tb_mi_s:1.2em;--tb_mi_f:24px;--tb_mi_p:6px}.module-icon.xlarge{--tb_mi_size:62px;--tb_mi_f:36px;--tb_mi_s:1.4em;--tb_mi_p:9px}.module-icon.xlarge em{padding:12px 0 0 2px}.module-icon.rounded{--tb_mi_r:var(--tb_rounded_corner)}.module-icon.squared{--tb_mi_r:0}.module-icon.none em{--tb_pr_bg:transparent;--tb_mi_r:0;color:inherit;padding:.2em}.module-icon.none{--tb_mi_r:0;--tb_mi_f:24px}.module-icon.none.small{--tb_mi_f:18px}.module-icon.none.large{--tb_mi_f:30px}.module-icon.none.xlarge{--tb_mi_f:36px}.icon_vertical{display:flex;flex-flow:column wrap}.icon_vertical .module-icon-item{margin:0 0 .4em}.tf_textr .module-icon-item,.tf_textr.icon_vertical{place-content:end}.tf_textr .module-icon-item :is(em,img){order:1}.tf_textc.icon_vertical{place-content:center}.tf_textc.icon_vertical :is(.module-icon-item a,.module-icon-item){flex-direction:column}.tf_textc.icon_vertical em{align-self:unset}@media (max-width:680px){.module-icon.large{--tb_mi_s:1.1em}.module-icon.xlarge{--tb_mi_s:1.2em}} /*/themify-builder/css/modules/colors.css*/ .black{--tb_pr_color:#eee;--tb_pr_bg:#000;--tb_pr_hover_bg:#595959}.blue{--tb_pr_color:#edf3ff;--tb_pr_bg:#4d7de1;--tb_pr_hover_bg:#6b9df9}.brown{--tb_pr_color:#ffeee0;--tb_pr_bg:#a35004;--tb_pr_hover_bg:#d68035}.gray{--tb_pr_color:#eee;--tb_pr_bg:#989797;--tb_pr_hover_bg:#c9c9c9}.green{--tb_pr_color:#e9ffdb;--tb_pr_bg:#4aab10;--tb_pr_hover_bg:#6bbf2f}.light-blue{--tb_pr_color:#2a3e59;--tb_pr_bg:#bdd9fd;--tb_pr_hover_bg:#d3e7ff}.light-green{--tb_pr_color:#293807;--tb_pr_bg:#9bd611;--tb_pr_hover_bg:#c1ed53}.light-purple{--tb_pr_color:#39355b;--tb_pr_bg:#c1bafd;--tb_pr_hover_bg:#d3ceff}.orange{--tb_pr_color:#fff2ea;--tb_pr_bg:#ff9600;--tb_pr_hover_bg:#ffb651}.pink{--tb_pr_color:#441e32;--tb_pr_bg:#feb4e4;--tb_pr_hover_bg:#ffd1ee}.purple{--tb_pr_color:#eeedff;--tb_pr_bg:#7a6bf8;--tb_pr_hover_bg:#9589ff}.red{--tb_pr_color:#fff;--tb_pr_bg:#e8311f;--tb_pr_hover_bg:#ff7568}.yellow{--tb_pr_color:#594718;--tb_pr_bg:#fff06c;--tb_pr_hover_bg:#fff4b2} /*/themify-builder/css/modules/gallery.css*/ .module-gallery :is(.gallery-icon,.gallery-item img){margin:0;padding:0}.module-gallery.rounded .gallery-icon{max-width:100%}.module-gallery.rounded img{border-radius:var(--tb_rounded_corner)}.module-gallery.bordered img{border:1px solid rgba(0,0,0,.2);padding:3px}.module-gallery.drop-shadow img{box-shadow:0 1px 8px 0 rgba(0,0,0,.1)}.module.module-gallery.circle img{border-radius:50em;overflow:hidden;text-align:center}.module_column .module.module-gallery.circle .gallery-caption{text-align:center}.module.gallery .gallery-caption{font-size:.9em;line-height:1.4;margin:.5em 0} /*/themify-builder/css/modules/gallery_styles/grid.css*/ .module-gallery-grid{--galn:var(--gald);--galg:15px;--galh:var(--galg);display:grid;gap:var(--galh) var(--galg);grid-template-columns:repeat(var(--galn),1fr)}.gallery-masonry{row-gap:0;--galg:1.5%}div.module-gallery-grid .gallery-item{margin:0;text-align:center}.gallery-masonry .pagenav{position:absolute;top:100%;width:100%}div.gallery-masonry .gallery-item{margin-bottom:var(--galh)} /*/themify-builder/css/modules/gallery_styles/showcase.css*/ .module .gallery-showcase-image{margin-bottom:10px}.module .gallery-showcase-title{background-color:rgba(0,0,0,.5);color:#fff;display:flex;flex-wrap:wrap;right:auto;top:auto;visibility:visible}.module :is(.gallery-showcase-title-text,.gallery-showcase-caption){padding:.5em 1em}.layout-showcase{gap:5px}.layout-showcase .gallery-images{display:grid;gap:inherit;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));visibility:visible}.module.layout-showcase .gallery-images a{border-bottom-width:0}.module:is(.rounded,.drop-shadow,.bordered,.circle) .gallery-showcase-title{bottom:4px;left:4px} /*/themify-builder/css/modules/buttons_styles/outline.css*/ .module.module-buttons.outline a.ui{background:0;border:1px solid var(--tb_pr_bg);box-shadow:none}.module-buttons.outline a.ui:not(.transparent){color:var(--tb_pr_bg)}.module-buttons.outline a:hover{--tb_pr_color:#fff}.module-buttons.outline :is(.tb_default_color,.light-green):hover{--tb_pr_color:#000}.module.module-buttons.outline .ui:hover{background-color:var(--tb_pr_bg);color:var(--tb_pr_color)} /*/themify-builder/css/modules/image_styles/center.css*/ .module-image.image-center .image-wrap{text-align:center}.module-image.image-center .image-content{padding-block:.5em 1em;text-align:center} /*/css/base.min.css*/ :where(.tf_loader){width:1em;height:1em;overflow:hidden;display:inline-block;vertical-align:middle;position:relative}.tf_loader:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999em;border-radius:50%;box-sizing:border-box;border:.15em solid rgba(149,149,149,.2);border-left-color:rgba(149,149,149,.6);animation:tf_loader 1.1s infinite linear}@keyframes tf_loader{0{transform:rotate(0)}100%{transform:rotate(360deg)}}.tf_clear{clear:both}.tf_left{float:left}.tf_right{float:right}.tf_textl{text-align:left}.tf_textr{text-align:right}.tf_textc{text-align:center}.tf_textj{text-align:justify}.tf_text_dec{text-decoration:none}.tf_hide{display:none}.tf_hidden{visibility:hidden}.tf_block{display:block}.tf_inline_b{display:inline-block}.tf_vmiddle{vertical-align:middle}.tf_mw{max-width:100%}.tf_w{width:100%}.tf_h{height:100%}:where(.tf_overflow){overflow:hidden}.tf_box{box-sizing:border-box}:where(.tf_abs){position:absolute;inset:0}:where(.tf_abs_t){position:absolute;top:0;left:0}:where(.tf_abs_b){position:absolute;bottom:0;left:0}:where(.tf_abs_c){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tf_rel{position:relative}:where(.tf_opacity){opacity:0}.tf_clearfix:after{content:"";display:table;clear:both}.loops-wrapper>.post,.woocommerce ul.loops-wrapper.products>li.product{float:left;box-sizing:border-box;margin-left:3.2%;margin-right:0;margin-bottom:3.2%;clear:none}.woocommerce .loops-wrapper.no-gutter.products>.product,body .loops-wrapper.no-gutter>.post{margin:0}.woocommerce .loops-wrapper.products.list-post>.product{margin-left:0}.tf_scrollbar{scroll-behavior:smooth;--tf_scroll_color:rgba(137,137,137,.2);--tf_scroll_color_hover:rgba(137,137,137,.4);scrollbar-color:var(--tf_scroll_color) transparent;scrollbar-width:thin}.tf_scrollbar::-webkit-scrollbar{width:var(--tf_scroll_w,10px);height:var(--tf_scroll_h,10px)}.tf_scrollbar::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color);background-clip:padding-box;border:2px solid transparent;border-radius:5px}.tf_scrollbar:hover{scrollbar-color:var(--tf_scroll_color_hover) transparent}.tf_scrollbar:hover::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color_hover)}.tf_close{position:relative;transition:transform .3s linear;cursor:pointer}.tf_close:after,.tf_close:before{content:'';height:100%;width:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:currentColor;transition:transform .25s}.tf_close:after{transform:translate(-50%,-50%) rotate(-45deg)}.tf_close:hover:after{transform:translate(-50%,-50%) rotate(45deg)}.tf_close:hover:before{transform:translate(-50%,-50%) rotate(135deg)}.tf_vd_lazy:fullscreen video{height:100%;object-fit:contain} /*/css/themify-common.css*/ iframe{border:0}a{cursor:pointer}:is(button,a,input,select,textarea,.button):focus{outline:1px dotted hsla(0,0%,59%,.2)}.tf_focus_heavy :is(button,a,input,select,textarea,.button):focus{outline:2px solid rgba(0,176,255,.8)}.tf_focus_none a,.tf_focus_none:is(button,a,input,select,textarea,.button):focus{outline:0}.tf_large_font{font-size:1.1em}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.skip-to-content:focus{clip-path:none}.post-image .themify_lightbox{display:block;max-width:100%;position:relative}.post-image .themify_lightbox .zoom{background:rgba(0,0,0,.3);border-radius:100%;height:35px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:35px}.post-image .themify_lightbox .zoom .tf_fa{color:#fff;vertical-align:middle;stroke-width:1px;left:50%;line-height:100%;position:absolute;top:50%;transform:translate(-50%,-50%)}.post-image .themify_lightbox:hover .zoom{background:rgba(0,0,0,.6)}.pswp:not(.pswp--open){display:none}:is(.ptb_map,.themify_map) button{border-radius:0;max-width:inherit} /*/wp-content/plugins/themify-ptb/admin/css/jquery-ui-timepicker.min.css*/ /* jQuery UI v1.10.4 - 2014-01-17 http://jqueryui.com Includes: jquery.ui.core.css, jquery.ui.datepicker.css Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default !important}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em;outline:0}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px} /* jQuery Timepicker Addon - v1.6.3 - 2016-04-20 http://trentrichardson.com/examples/timepicker Copyright (c) 2016 Trent Richardson; Licensed MIT */ .ui-timepicker-div .ui-widget-header{margin-bottom:8px}.ui-timepicker-div dl{text-align:left}.ui-timepicker-div dl dt{float:left;clear:left;padding:0 0 0 5px}.ui-timepicker-div dl dd{margin:0 10px 10px 40%}.ui-timepicker-div td{font-size:90%}.ui-tpicker-grid-label{background:0 0;border:0;margin:0;padding:0}.ui-timepicker-div .ui_tpicker_unit_hide{display:none}.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input{background:0 0;color:inherit;border:0;outline:0;border-bottom:solid 1px #555;width:95%}.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus{border-bottom-color:#aaa}.ui-timepicker-rtl{direction:rtl}.ui-timepicker-rtl dl{text-align:right;padding:0 5px 0 0}.ui-timepicker-rtl dl dt{float:right;clear:right}.ui-timepicker-rtl dl dd{margin:0 40% 10px 10px}.ui-timepicker-div.ui-timepicker-oneLine{padding-right:2px}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,.ui-timepicker-div.ui-timepicker-oneLine dt{display:none}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label{display:block;padding-top:2px}.ui-timepicker-div.ui-timepicker-oneLine dl{text-align:right}.ui-timepicker-div.ui-timepicker-oneLine dl dd,.ui-timepicker-div.ui-timepicker-oneLine dl dd>div{display:inline-block;margin:0}.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before{content:':';display:inline-block}.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before{content:'.';display:inline-block}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{display:none} /* Date Picker custom styles for PTB ---------------------------------------------------------------*/ .ptb_extra_datepicker.ui-datepicker{ border-radius:8px; font:normal 13px/1.6 Arial,sans-serif; border:none; box-shadow:0 0 0 1px rgba(0,0,0,.1), 0 4px 10px 2px rgba(0,0,0,.3); background:#fff; padding:5px 10px; z-index:999999!important; box-sizing:border-box } .ptb_extra_datepicker.ui-datepicker .ui-datepicker-header{ background:none; border:none; border-bottom:1px solid #eee; border-radius:0; padding-bottom:5px } .ptb_extra_datepicker.ui-datepicker .ui-datepicker-title select { font-weight:normal; font-family:inherit; border:solid 1px #eee; border-radius:8px; padding:3px 5px; margin:0 4px; width:44%; background:none; appearance:auto } .ui-datepicker.ptb_extra_datepicker .ui-datepicker-prev, .ui-datepicker.ptb_extra_datepicker .ui-datepicker-next{ color:inherit; border:1px solid #eee; transition:border-color .2s ease-out } .ui-datepicker.ptb_extra_datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker.ptb_extra_datepicker .ui-datepicker-next .ui-icon{ background:none; text-indent:-99999em } .ui-datepicker.ptb_extra_datepicker .ui-datepicker-prev, .ui-datepicker.ptb_extra_datepicker .ui-datepicker-next{ width:26px; height:24px; top:5px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-family:"dashicons"; box-sizing:border-box } .ui-datepicker.ptb_extra_datepicker .ui-datepicker-next:after, .ui-datepicker.ptb_extra_datepicker .ui-datepicker-prev:after{ content:""; position:absolute; top:7px; left:9px; width:0px; height:0px; border-top:4px solid transparent; border-bottom:4px solid transparent } .ui-datepicker.ptb_extra_datepicker .ui-datepicker-prev:after{ border-right:6px solid #000 } .ui-datepicker.ptb_extra_datepicker .ui-datepicker-next:after{ border-left:6px solid #000 } .ui-datepicker.ptb_extra_datepicker .ui-datepicker-prev-hover, .ui-datepicker.ptb_extra_datepicker .ui-datepicker-next-hover{ border:1px solid #999; background:none; cursor:pointer } .ptb_extra_datepicker.ui-datepicker table{ border:none } .ui-datepicker.ptb_extra_datepicker .ui-state-default{ background:#f6f6f6; border-radius:8px; border:2px solid transparent; transition:border-color .2s ease-out; color:inherit; text-align:center } .ui-datepicker.ptb_extra_datepicker .ui-state-default:hover{ background:#ececec } .ui-datepicker.ptb_extra_datepicker .ui-state-active, .ui-datepicker.ptb_extra_datepicker .ui-state-default:active{ border:2px solid #F90 } .ui-datepicker.ptb_extra_datepicker .ui-state-highlight{ border:2px solid #98cee3 } .ui-datepicker.ptb_extra_datepicker .ui-datepicker-buttonpane{ border-top:1px solid #eee; padding:0; box-shadow:none } .ui-datepicker.ptb_extra_datepicker .ui-datepicker-buttonpane:after{ content:""; clear:both; display:block } .ui-datepicker.ptb_extra_datepicker .ui-datepicker-buttonpane button{ font-family:inherit; font-weight:inherit; font-size:1em; background:#fafafa; border:1px solid #eee; color:#222; outline:none; opacity:1; font-family:inherit; text-transform:none; letter-spacing:unset } .ui-datepicker.ptb_extra_datepicker .ui_tpicker_hour_label, .ui-datepicker.ptb_extra_datepicker .ui_tpicker_minute_label{ padding-top:6px } .admin-bar .ptb_extra_datepicker.ui-datepicker{ margin-top:-32px } .wp-admin.admin-bar .ptb_extra_datepicker.ui-datepicker{ margin-top:0; } @media (max-width:782px){ .admin-bar .ptb_extra_datepicker.ui-datepicker{ margin-top:-46px } } @media (max-width:600px){ .admin-bar .ptb_extra_datepicker.ui-datepicker{ margin-top:0px } } /*/wp-content/themes/themify-ultra/styles/modules/site-logo.css*/ #site-logo{font-size:1.7em;font-style:normal;font-weight:700;letter-spacing:-.04em;line-height:1.2em;margin:.5em auto;padding:0;transition:.2s ease-in-out;transition-property:color,margin,padding,font-size}#site-logo a{color:inherit;text-decoration:none}#site-logo a:hover{color:var(--theme_accent);text-decoration:none}.header-block .fixed-header #site-logo{margin:5px 0 0}.fixed-header #site-logo .tf_sticky_logo+img,body:not(.fixed-header-on) #site-logo .tf_sticky_logo{display:none} /*/wp-content/themes/themify-ultra/styles/modules/back-top.css*/ .back-top{margin:0 auto .6em;width:200px}.back-top:not(.back-top-float) .arrow-up a{bottom:0;color:inherit;display:inline-block;line-height:1;outline:0;padding:.4em;position:relative;text-decoration:none;transition:bottom .5s;z-index:10}.back-top:not(.back-top-float):hover .arrow-up a{bottom:20px}.footer-block .back-top:not(.back-top-float) .arrow-up :is(a,a:hover){background:0}.back-top a:before{border:2px solid transparent;border-left-color:inherit;border-top-color:inherit;content:"";display:inline-block;height:30px;margin-top:4px;transform:rotate(45deg);width:30px}:is(#footer,#pagewrap) .back-top-float{background-color:var(--theme_accent_semi);border-radius:100%;box-shadow:0 1px 8px rgba(0,0,0,.12);color:#fff;cursor:pointer;font-size:16px;height:44px;inset:auto 20px 20px auto;opacity:1;overflow:hidden;position:fixed;text-align:center;text-decoration:none;transition:opacity .2s ease-in-out .2s,transform .2s ease-in-out,background-color .5s;width:44px;z-index:101}:is(#footer,#pagewrap) .back-top-hide{opacity:0;pointer-events:none}#pagewrap .back-top-float .arrow-up a,.back-top-float .arrow-up a{background:0;color:inherit}#pagewrap .back-top-float .arrow-up,.back-top-float .arrow-up{left:50%;position:absolute;top:5px}#pagewrap .back-top-float:hover,.back-top:not(.back-top-float) .arrow-up a:hover{background-color:var(--theme_accent)}#pagewrap .back-top-float:hover .arrow-up,.back-top-float:hover .arrow-up{animation:back-top-arrow-up .25s linear .2s infinite alternate}#pagewrap .back-top-float a:before,.back-top-float a:before{border-width:1px;height:13px;left:50%;margin-left:-7px;margin-top:0;position:absolute;top:14px;width:13px}:is(.footer-horizontal-left,.footer-horizontal-right,.footer-left-col,.footer-right-col) .back-top{margin:0;position:absolute;top:-89px;width:60px}:is(.footer-horizontal-left,.footer-horizontal-right,.footer-left-col,.footer-right-col) .back-top .arrow-up a{background-color:hsla(0,0%,67%,.78);border-radius:var(--theme_rounded) var(--theme_rounded) 0 0;color:#fff;height:25px;line-height:100%;padding:10px 0 0;text-align:center!important;width:60px}:is(.footer-horizontal-left,.footer-horizontal-right,.footer-left-col,.footer-right-col) .back-top a:before{height:14px;width:14px}:is(.footer-horizontal-left,.footer-horizontal-right,.footer-left-col,.footer-right-col) .back-top:hover .arrow-up a{bottom:0}:is(.footer-horizontal-left,.footer-horizontal-right,.footer-left-col,.footer-right-col) .back-top .arrow-up:hover a{background-color:#000}@keyframes back-top-arrow-up{0%{top:0}to{top:-5px}}@media(max-width:680px){:is(.footer-horizontal-left,.footer-horizontal-right,.footer-left-col,.footer-right-col) .back-top{top:-70px}} /*/wp-content/themes/themify-ultra/styles/modules/footer.css*/ #footerwrap{background-color:#fff;border-top:1px solid rgba(0,0,0,.05);padding:54px 0 2em}#footer{font-size:.9em}.footer-block #footerwrap{text-align:center}.footer-text{font-size:.85em;line-height:1.8em;padding:0 0 2em}.footer-widgets .widget{margin:0 0 1.5em}.footer-widgets .widgettitle{color:inherit;margin:0 0 1em}.main-col,.section-col{box-sizing:border-box}@media(max-width:1024px){.footer-widgets .col4-1{width:48.4%}.footer-widgets .col4-1:nth-child(odd){clear:left;margin-left:0}}@media(max-width:680px){#footerwrap{padding-top:35px}.footer-widgets :is(.col4-2,.col3-1){margin-left:0;max-width:100%;width:100%}} /*/wp-content/themes/themify-ultra/styles/modules/widgets/text.css*/ .textwidget ul{margin:0 0 1.4em 1.6em}.textwidget ul li{list-style:disc}.textwidget ol li{list-style:decimal} /*/wp-content/themes/themify-ultra/styles/modules/footer-nav.css*/ .footer-nav{margin:.5em 0 1em;padding:0}.footer-nav li{display:inline-block;list-style:none;margin:0;padding:0;position:relative}.footer-nav a{margin:0 1em .8em 0;text-decoration:none}:is(.footer-horizontal-left,.footer-horizontal-right,.footer-left-col,.footer-right-col) .footer-nav a{margin:0 .8em 1em 0;padding:0}.footer-nav li ul{background-color:#fff;border-radius:var(--theme_rounded);bottom:100%;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 3px 12px rgba(0,0,0,.12);box-sizing:border-box;list-style:none;margin:0;padding:calc(var(--tb_rounded_corner) - 2px) 0;position:absolute;text-align:left;z-index:99}#footerwrap .footer-nav ul a{box-sizing:border-box;color:#666;display:block;margin:0;padding:.5em 1.25em .5em 1.6em;width:238px}#footerwrap .footer-nav ul a:hover{color:var(--theme_accent)}.footer-nav li li ul{bottom:-.65em;left:100%}@media (hover:hover){.footer-nav li ul{opacity:0;transform:scaleY(0);transform-origin:bottom;transition:transform .2s ease-in-out,opacity .2s ease-in-out;visibility:hidden}.footer-nav li:hover>ul,.footer-nav li>.sub-menu:focus-within,.footer-nav li>a:focus+.sub-menu{margin-bottom:0;opacity:1;pointer-events:auto;transform:none;visibility:visible}}@media (hover:none){.footer-nav li ul{display:none}}.footer-nav li:hover>a{color:var(--theme_accent)}.footer-nav li.edge ul{left:auto;right:0}.footer-nav ul li.edge ul{right:100%}.footer-right-col #footerwrap .footer-nav ul li.edge ul{left:auto;right:100%}:is(.footer-horizontal-left,.footer-horizontal-right) #footer .footer-nav{float:left;margin-top:0}@media(max-width:680px){#footerwrap .footer-nav ul a{width:160px}} /*/wp-content/themes/themify-ultra/style.css*/ /*! Theme Name: Themify Ultra Theme URI:https://themify.me/themes/ultra/ Version:7.9.9 Description:Use Ultra theme to create professional sites quickly and easily (landing pages, portfolio, blog, corporate, ecommerce, and more). It includes a bunch of header/footer layout options and pre-built demos that you can import to your site. Read Ultra documentation for more information. Author:Themify Author URI:https://www.themify.me License:GNU General Public License v2.0 License URI:http://www.gnu.org/licenses/gpl-2.0.html Copyright:(c) Themify. Tags:themify,featured-images,translation-ready,custom-menu,sidebar Text Domain:themify Requires PHP:7.2 Changelogs: https://themify.org/changelogs/themify-ultra.txt --------- DO NOT EDIT THIS FILE. If you need to override theme styling,please add custom CSS in Appearance>Customize>Custom CSS or a child theme (https://themify.me/docs/child-theme).*/a,abbr,acronym,address,b,bdo,big,blockquote,body,br,button,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,form,h1,h2,h3,h4,h5,h6,html,i,img,ins,kbd,legend,li,map,ol,p,pre,q,samp,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0}a,fieldset,img{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}audio,iframe{max-width:100%}:root{--theme_accent:#ed1e24;--theme_accent_semi:rgba(251,9,48,.8);--theme_accent_hover:#000;--theme_rounded:12px;--theme_input_rounded:12px;--theme_btn_rounded:30px}html{scroll-behavior:smooth}body{background-color:#fff;color:#666;font:1em/1.65em Public Sans,Arial,sans-serif;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}a{color:var(--theme_accent);text-decoration:none;transition:color .3s ease-in-out}a:hover{color:var(--theme_accent_hover)}p{margin:0 0 1.3em;padding:0}small{font-size:87%}blockquote{border-left:3px solid hsla(0,0%,59%,.3);font-size:1.1em;line-height:1.4em;margin:0 5% 1.2em;padding:.8em 1.4em}ins{text-decoration:none}ol,ul{margin:0 0 1.4em 1.6em}li,ol,ul{padding:0}li{margin:0 0 1em}h1,h2,h3,h4,h5,h6{color:#000;font-weight:600;letter-spacing:-.03em;line-height:1.4em;margin:0 0 .5em;overflow-wrap:normal}h1{font-size:3.1em;font-weight:700;line-height:1.2em}h2{font-size:2.3em;line-height:1.3em}h3{font-size:1.7em}h4{font-size:1.4em}h5{font-size:1.3em}h5,h6{line-height:1.7em}h6{font-size:1.2em}button,input,input[type=search],select,textarea{font-family:inherit;font-size:100%;max-width:100%}input:is([type=radio],[type=checkbox]),input:read-only,input:read-write,select,textarea{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid rgba(0,0,0,.25);border-radius:var(--theme_input_rounded);max-width:100%;padding:.6em}input:read-only,input:read-write{margin:0 1em .6em 0;width:17em}input[type=number]{width:7em}textarea{margin:0 0 .6em;min-height:13.5em;width:100%}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='none' stroke='rgba(40,40,40,.8)' stroke-linecap='round' stroke-width='12'%3E%3Cpath d='m2.7 2.3 46.4 54.9L95.5 2.3'/%3E%3C/svg%3E");background-position:calc(100% - .7em) calc(50% + .15em);background-repeat:no-repeat;background-size:.85em;color:inherit;margin:0 0 .6em;padding-right:2em}input:is([type=radio],[type=checkbox]){-webkit-appearance:none;box-sizing:content-box;clear:none;cursor:pointer;display:inline-block;height:1.3em;line-height:1;margin:0 .5em 0 0;min-height:1.3em;min-width:1.3em;padding:0;text-align:center;vertical-align:middle;width:1.3em}input[type=checkbox]{border-radius:calc(var(--theme_input_rounded) - 4px)}input[type=radio]{align-items:center;border-radius:100%!important;display:inline-flex;justify-content:center}input[type=checkbox]:before{border-bottom:.13em solid transparent;border-left:.13em solid transparent;content:"";display:inline-block;height:.32em;margin-bottom:.1em;margin-left:.1em;transform:rotate(-45deg) skewY(-10deg);width:.7em}input[type=checkbox]:checked:before{border-bottom:.13em solid;border-left:.13em solid}input[type=radio]:checked:before{background-color:#222;border-radius:100%;content:"";display:inline-block;height:.7em;vertical-align:middle;width:.7em}:is(select,textarea):focus,input:read-only:focus,input:read-write:focus{border-color:rgba(0,0,0,.5)}button,input[type=reset],input[type=submit]{-webkit-appearance:none;background-color:var(--theme_accent);border:0;border-radius:var(--theme_btn_rounded);color:#fff;cursor:pointer;display:inline-block;font-weight:600;letter-spacing:.065em;padding:.65em 1.6em;text-transform:uppercase;transition:background .3s,color .3s,transform .3s;width:auto}button:hover,input:is([type=reset],[type=submit]):hover{background-color:var(--theme_accent_hover);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;transform:translateY(-1px)}.gm-style-mtc button{border-radius:0}.mce-toolbar .mce-btn button:hover{background-color:inherit;box-shadow:none;color:inherit;transform:none}#main-nav ul a,.author-box,.post,.post-content,.sidemenu,.widget,img,input,textarea{box-sizing:border-box}.col3-1,.col4-1,.col4-2{float:left;margin-left:3.2%}.col4-1{width:22.6%}.col4-2{width:48.4%}.col3-1{width:31.2%}:is(.col4-1,.col4-2,.col3-1).first{clear:left;margin-left:0}#pagewrap{overflow-x:clip}.mobile-menu-visible #pagewrap,.slide-cart-visible #pagewrap{overflow-x:initial}.pagewidth{margin:0 auto;max-width:100%;width:1160px}#layout{display:flex;flex-wrap:wrap}#content{padding:5.75% 0;width:71%}.sidebar-none #content{width:100%}.sidebar-none #layout{display:block}.sidemenu-active{left:0;position:relative;transition:left .2s ease-in-out}.sidemenu-right{left:-300px}.sidemenu-left,.sidemenu-left #headerwrap{left:300px}.full_width #layout{flex-wrap:wrap;max-width:100%;width:100%}.full_width #content{max-width:100%;padding:0;width:100%}#headerwrap{background-color:var(--tf_fixed_header_bg,#fff);border-bottom:var(--tf_fixed_header_border,1px solid rgba(0,0,0,.05));color:var(--tf_fixed_header_color,#000);inset-block:var(--tf_fixed_header_p,0 auto);left:0;margin-inline:var(--tf_fixed_header_m,0);min-height:55px;position:var(--tf_fixed_header,absolute);transition:.3s ease-in-out;transition-property:background-color,color,box-shadow,min-height,left,padding;width:var(--tf_fixed_header_w,100%);z-index:999}.fixed-header-enabled{--tf_fixed_header:sticky}.no-fixed-header{--tf_fixed_header:relative}.fixed-header-on{--tf_fixed_header_bg:hsla(0,0%,100%,.9)}#headerwrap.fixed-header:before{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}#header{overflow:visible;padding:2em 0;position:relative}.fixed-header-enabled #header{transition:padding .3s ease-in-out}.fixed-header #header{padding-block:5px}@supports (-webkit-touch-callout:none){#headerwrap{background-attachment:scroll!important;background-position:50%!important}}.header-widget{font-size:.95em;height:100%}.header-widget .widget{margin:2em 0}.header-widget .widgettitle{color:inherit;font-size:1em;margin:0 0 .5em}.fixed-header-on .tf_sticky_logo~*{display:none!important}.search-button{border-radius:100%;box-sizing:border-box;color:inherit;font-size:19px;line-height:1;margin:0 0 0 3px;padding:10px}.search-button:hover{background:hsla(0,0%,78%,.25)}a.search-button{text-decoration:none}.search-button:focus{outline:0}.tf_darkmode_toggle{border-radius:100%;box-sizing:border-box;color:inherit;font-size:19px;line-height:1;margin:0 0 0 7px;padding:9px 10px}.tf_darkmode .tf_darkmode_toggle,.tf_darkmode_toggle:hover{background:hsla(0,0%,78%,.25)}a.tf_darkmode_toggle{text-decoration:none}.tf_darkmode_toggle:focus{outline:0}#main-nav,#main-nav li{margin:0;padding:0}#main-nav li{display:inline-block;list-style:none;position:relative}#main-nav ul li{background:0;display:block;float:none}#main-nav li>.sub-menu{background:#fff;border-radius:var(--theme_rounded);box-shadow:0 0 0 1px rgba(0,0,0,.1),0 3px 12px rgba(0,0,0,.12);box-sizing:border-box;contain:style layout;left:-.3em;margin:0;opacity:0;padding:calc(var(--tb_rounded_corner) - 2px) 0;position:absolute;top:100%;transform:scaleY(0);transform-origin:top;transition:transform .3s ease-in-out,opacity .3s ease-in-out;width:210px;z-index:100}#main-nav small{display:block}#main-nav li .sub-menu .sub-menu{left:100%;top:-.65em}#main-nav .edge>.sub-menu{left:auto;right:0}#main-nav ul .edge>.sub-menu{left:auto;right:100%}@media (hover:hover){#main-nav li:hover>.sub-menu,#main-nav li>.sub-menu:focus-within,#main-nav li>a:focus+.sub-menu{opacity:1;transform:scale(1)}}.menu-item .child-arrow{border-radius:100%;cursor:pointer;display:none;height:36px;position:absolute;right:0;top:4px;transition:transform .3s;width:36px;z-index:12}.child-arrow:after,.child-arrow:before{background:currentColor;border-radius:10px;content:"";height:1px;left:12px;position:absolute;top:50%;transform:rotate(45deg);transition:transform .3s ease-in-out;width:8px;z-index:9999}.child-arrow:after{left:17px;transform:rotate(-45deg)}.toggle-on>a .child-arrow:after,.toggle-on>a .child-arrow:before{left:10px;width:15px}.toggle-on>a .child-arrow{transform:rotate(180deg)}@media (hover:none){#main-nav .menu-item-has-children>a{padding-right:45px}#footer-nav .menu-item-has-children>a{padding-right:30px}.menu-item .child-arrow{border-radius:100%;display:inline-block;margin-left:7px;margin-top:-17px;padding:0;right:5px;top:50%}#main-nav .toggle-on>a>.child-arrow{background:hsla(0,0%,84%,.4)}#main-nav li>.sub-menu{display:none}#main-nav li.toggle-on>.sub-menu{opacity:1;transform:scale(1)}}#main-nav a{color:inherit;display:block;margin:0;padding:.6em;position:relative;text-decoration:none;transition:color .2s ease-in-out}#main-nav .highlight-link>a{background-color:hsla(0,0%,78%,.25);border:0;border-radius:var(--theme_btn_rounded);margin-left:.6em;margin-right:.6em;padding-left:1.2em;padding-right:1.2em}#main-nav .highlight-link:last-child>a{margin-right:0}#main-nav a>em .tf_fa{margin-right:5px}#main-nav a .tf_lazy{display:none}#main-nav ul a{color:#353535;padding:.4em 1.4em;text-align:left}#main-nav .current-menu-item>a,#main-nav .current_page_item>a,#main-nav a:hover,#main-nav ul a:hover{color:var(--theme_accent)}.header-icons :is(a,a:hover){color:inherit;text-decoration:none}#headerwrap .header-icons>*{vertical-align:middle}.slide-cart .header-icons{min-width:75px;text-align:right}#menu-icon{border-radius:100%;line-height:1em;margin:0 0 0 10px;padding:10px 9px 11px}#menu-icon:hover{background:hsla(0,0%,78%,.25)}.menu-icon-inner{border-bottom:2px solid;box-sizing:border-box;height:18px;position:relative;width:22px}.menu-icon-inner:after,.menu-icon-inner:before{border-top:2px solid;content:"";display:block;left:0;position:absolute;top:0;transition:border .7s ease;transition-property:transform;width:100%}.menu-icon-inner:after{top:50%}#menu-icon-close{transform:rotate(0deg);transition:border .3s ease-in-out,transform .3s ease-in-out}.body-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,81%,.8);display:none;height:100%;position:fixed;top:0;width:100%}.body-overlay-on{display:block;z-index:998}.fixed-header :is(.tf_darkmode_toggle,.header-bar,.search-button,.header-widget),.mobile-menu-visible #headerwrap:before,.slide-cart-visible #headerwrap:before{display:none}.revealing-header :is(#headerwrap,#tbp_header){transition:transform .5s ease-in-out,opacity .5s ease-in-out}.revealing-header :is(#headerwrap,#tbp_header).header_hidden{opacity:0;transform:translateY(-100%)}.fixed-header-enabled #tbp_header,.revealing-header #tbp_header{position:sticky;top:0;z-index:999}.page-title{margin:0 0 1em;padding:0}.author-bio{margin:0 0 2em;overflow:hidden}.author-bio .author-avatar{float:left;margin:0 1.2em 0 0}.author-bio .author-avatar img{border-radius:var(--theme_rounded);width:100px}.author-bio .author-name{font-size:1.6em;margin:0 0 .5em;padding:0}.author-posts-by{border-top:4px solid hsla(0,0%,46%,.1);font-size:1.4em;margin:0 0 1.5em;padding:1em 0 0;text-transform:uppercase}.post{margin-bottom:2em;position:relative}.post-content{min-width:120px}.post-title{font-size:2.4em;letter-spacing:-.04em;line-height:1.4em;margin:0 0 .4em;padding:0;text-transform:none}.post-title a{color:#000;text-decoration:none}.post-title a:hover{color:var(--theme_accent)}.post-image{margin:0 0 1em}.post-image img{border-radius:var(--theme_rounded);vertical-align:bottom}.post-image.left{float:left;margin-right:1em}.post-image.right{float:right;margin-left:1em}.post-meta{font-size:.9em;line-height:1.6em;margin:0 0 .5em;padding:0}.post-meta a{text-decoration:none}.post-meta :is(.post-comment,.post-category,.post-tag):before{border-left:1px solid hsla(0,0%,71%,.6);content:"";display:inline-block;height:1.3em;margin:0 .9em 0 .45em;transform:skewX(-15deg);vertical-align:middle;white-space:nowrap;width:1px}.post-meta .post-category:first-child:before{display:none}.post-meta .post-comment .tf_fa{font-size:.8em;margin-left:8px;opacity:.7;vertical-align:text-top}.more-link,.more-link:after,.more-link:hover{text-decoration:none}.more-link:after{border:1px solid transparent;border-right-color:inherit;border-top-color:inherit;content:"";display:inline-block;margin-left:.5em;min-height:.7em;min-width:.7em;transform:rotate(45deg);vertical-align:middle}.post-date{display:block;font-size:.8em;letter-spacing:.04em;margin:0 0 .4em;text-transform:uppercase}.loops-wrapper .post-image{margin-bottom:1em;position:relative;transition:border .3s ease-in-out,margin .3s ease-in-out,width .3s ease-in-out,transform .3s ease-in-out}.author-box{border:0;margin:5.5em 0}.author-box .author-avatar{float:left;margin:0 2em .3em 0}.author-box .author-name{margin:0 0 .3em}.post-pagination{margin:.5em 0 2em;text-align:right}.post-pagination strong{margin-right:3px}.post-pagination a{margin-left:3px;margin-right:3px}.tf_load_more{padding:2em 0}a.load-more-button{background:hsla(0,0%,72%,.16);border-radius:var(--theme_btn_rounded);box-sizing:border-box;display:none;padding:.7em 1.8em;text-decoration:none;width:auto}.post-video{height:0;margin-bottom:15px;overflow:hidden;padding-bottom:56.25%;position:relative}.post-video iframe{height:100%;left:0;position:absolute;top:0;width:100%}.featured-area img{width:100%}.loops-wrapper.no-gutter .post-image{margin:0}.loops-wrapper.no-gutter .post,.loops-wrapper.no-gutter .post-image img,ul.products.no-gutter li.product .post-image{border-radius:0}.widget{margin:0 0 2.4em}.widgettitle{font-size:1em;font-weight:600;letter-spacing:.09em;line-height:1.3em;margin:0 0 1em;padding:0;text-transform:uppercase}.widget ul{margin:0;padding:0}.widget li{clear:both;list-style:none;margin:0;padding:.4em 0}.widget ul ul{margin:.6em 0 -.6em;padding:0}.widget ul ul li{margin:0;padding-left:1em}iframe[src*=facebook]{background-color:#fff}#content .twitter-tweet-rendered,#content .twt-border{max-width:100%!important}#content .twt-border{min-width:180px!important}.module-title{font-size:1.2em;font-weight:600;margin:0 0 .8em}:is(.col4-3,.col4-2,.col4-1,.col3-2,.col3-1,.col2-1) .loops-wrapper.list-post .post-title{font-size:1.4em;margin:0 0 .5em}.shortcode.themify-icon .themify-icon-icon{font-size:1.3em}a.shortcode.button{border-radius:var(--theme_btn_rounded);padding:.65em 1em}.tb_optin_horizontal form>div[class*=tb_optin_]{width:auto}img:is(.alignleft,.aligncenter,.alignright,.alignnone){margin-bottom:1em}.alignleft{float:left;margin-right:1em}.alignright{float:right;margin-left:1em}.aligncenter{display:block;margin-left:auto;margin-right:auto;text-align:center}.wp-caption{margin-bottom:1em;max-width:100%;text-align:center}.wp-caption-text{margin:.5em 0}body.attachment{position:static}.single .attachment.post,body.attachment{float:none;width:auto}.menu:after,.widget li:after{clear:both;content:"";display:table}.module-feature-image,.post-image,.post-img,.slide-image{transition:.3s ease-in-out;transition-property:border,padding,width}.mobile-menu-visible{overflow-y:hidden}@media(max-width:1260px){h1{font-size:2.4em}h2{font-size:2em}.pagewidth{max-width:94%}#pagewrap,.default_width #layout .row_inner{max-width:100%}}@media(max-width:1024px){.header-widget .col4-1{width:48.4%}.header-widget .col4-1:nth-child(odd){clear:left;margin-left:0}}@media(max-width:760px){body .pagewidth{max-width:90%}#layout{flex-wrap:wrap}#content,#sidebar{clear:both;max-width:100%;padding-top:10%;width:100%}}@media(max-width:680px){h1{font-size:1.9em}.post-title,h2{font-size:1.6em}h3{font-size:1.35em}.col4-1{font-size:.95em}.col3-1,.col4-2{margin-left:0;max-width:100%;width:100%}.fixed-header #site-logo img:not(.tf_sticky_logo){max-height:40px;width:auto}#headerwrap .header-icons{right:5%}.loops-wrapper:is(.list-post,.grid4,.grid3,.grid2,.list-large-image) .post-image{float:none;max-width:none;overflow:visible;width:auto}} /*/wp-content/themes/themify-ultra/styles/headers/header-top-bar.css*/ #header{padding:5px 28px;width:100%}.header-bar{float:left}#site-logo{margin:5px 10px 5px 0}#site-description,#site-logo{display:inline-block;vertical-align:middle}#site-description{font-size:.75em;margin:1em 0}#site-description .site-taglink{color:inherit;font-size:inherit}#site-description .site-taglink:hover{text-decoration:none}.navbar-wrapper{align-items:center;display:flex;justify-content:end}#header .social-widget,#searchform-wrap,.cart-icon,.search-button,.tf_darkmode_toggle{order:1}#header .social-widget{float:left}#headerwrap #searchform #s{padding:0 25px 0 15px}#main-nav-wrap{align-items:center;display:flex;justify-content:end}#main-nav .has-mega-column>.sub-menu,#main-nav .has-mega-sub-menu .mega-sub-menu{margin:0 27px;width:calc(100% - 56px)}#main-nav .has-mega-column>.sub-menu{padding:32px 39px 39px}.header-widget{display:none;text-align:center}.header-widget .header-widget-inner{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.fixed-header .header-bar{display:block}.pull-down{float:right}@media(max-width:760px){#site-description{display:none}}@media(max-height:900px){#headerwrap .header-widget-inner{max-height:70vh}} /*/wp-content/uploads/themify-css/themify-builder-6909-generated.css*/ /* Generated from condo: prisma */ .themify_builder_content-6909 .tb_a75b837{background-color:#fff} .themify_builder_content-6909 .tb_a771b8f.module-image,.themify_builder_content-6909 .tb_29d2733,.themify_builder_content-6909 .tb_f4b435e,.themify_builder_content-6909 .tb_a1a8bbd.module-image,.themify_builder_content-6909 .tb_a1ad890.module-image,.themify_builder_content-6909 .tb_dad8485.module-image,.themify_builder_content-6909 .tb_6c25c8f.module-image,.themify_builder_content-6909 .tb_ed94305.module-image,.themify_builder_content-6909 .tb_04dc811,.themify_builder_content-6909 .tb_kow8285,.themify_builder_content-6909 .tb_dbe1815,.themify_builder_content-6909 .tb_caf45ea,.themify_builder_content-6909 .tb_62jx285,.themify_builder_content-6909 .tb_rato360,.themify_builder_content-6909 .tb_a3f0360,.themify_builder_content-6909 .tb_f8a3611.module-image,.themify_builder_content-6909 .tb_8a346eb.module-image,.themify_builder_content-6909 .tb_f81d705.module-image,.themify_builder_content-6909 .tb_c1ddbb6.module-image,.themify_builder_content-6909 .tb_af16d15.module-image,.themify_builder_content-6909 .tb_dyr1929.module-buttons,.themify_builder_content-6909 .tb_b8f0375.module-buttons,.themify_builder_content-6909 .tb_61cf468{text-align:center} .themify_builder_content-6909 .tb_d3b2c36>.row_inner,.themify_builder_content-6909 .tb_kow8285>.row_inner,.themify_builder_content-6909 .tb_61cf468>.row_inner{--align_content:var(--align_center)} .themify_builder_content-6909 .tb_d3b2c36 a,.themify_builder_content-6909 .tb_d3b2c36,.themify_builder_content-6909 .tb_d3b2c36 p,.themify_builder_content-6909 .tb_d3b2c36 h1,.themify_builder_content-6909 .tb_d3b2c36 h2,.themify_builder_content-6909 .tb_d3b2c36 h3,.themify_builder_content-6909 .tb_d3b2c36 h4,.themify_builder_content-6909 .tb_d3b2c36 h5,.themify_builder_content-6909 .tb_d3b2c36 h6,.themify_builder_content-6909 .tb_40c4069 a,.themify_builder_content-6909 .tb_f5cd9f2,.themify_builder_content-6909 .tb_f5cd9f2 p,.themify_builder_content-6909 .tb_f5cd9f2 h1,.themify_builder_content-6909 .tb_f5cd9f2 h2,.themify_builder_content-6909 .tb_f5cd9f2 h3,.themify_builder_content-6909 .tb_f5cd9f2 h4,.themify_builder_content-6909 .tb_f5cd9f2 h5,.themify_builder_content-6909 .tb_f5cd9f2 h6,.themify_builder_content-6909 .tb_368fd56 a,.themify_builder_content-6909 .tb_5zkm927,.themify_builder_content-6909 .tb_5zkm927 p,.themify_builder_content-6909 .tb_5zkm927 h1,.themify_builder_content-6909 .tb_5zkm927 h2,.themify_builder_content-6909 .tb_5zkm927 h3,.themify_builder_content-6909 .tb_5zkm927 h4,.themify_builder_content-6909 .tb_5zkm927 h5,.themify_builder_content-6909 .tb_5zkm927 h6,.themify_builder_content-6909 .tb_4ffdec9 a,.themify_builder_content-6909 .tb_4ffdec9,.themify_builder_content-6909 .tb_4ffdec9 p,.themify_builder_content-6909 .tb_4ffdec9 h1,.themify_builder_content-6909 .tb_4ffdec9 h2,.themify_builder_content-6909 .tb_4ffdec9 h3,.themify_builder_content-6909 .tb_4ffdec9 h4,.themify_builder_content-6909 .tb_4ffdec9 h5,.themify_builder_content-6909 .tb_4ffdec9 h6{color:#fff} .themify_builder_content-6909 .tb_d3b2c36>.builder_row_cover::before,.themify_builder_content-6909 .tb_d3b2c36>:is(.tf_lax, .tf_lax_done) > .builder_row_cover::before{background-color:rgba(0, 0, 0, .3)} .themify_builder_content-6909 .tb_d3b2c36{background-image:url(https://dmciprojects.net/wp-content/uploads/2019/04/Prisma-Residences.jpg);background-size:cover;--tbBg:parallax;background-attachment:fixed;background-repeat:no-repeat;background-position:center center;background-color:#fff} .themify_builder_content-6909 .tb_0243c17.module-image,.themify_builder_content-6909 .tb_be0aceb.module-image{text-align:center;padding:5%} .themify_builder_content-6909 .tb_0243c17.module-image ,.themify_builder_content-6909 .tb_0243c17.module-image .image-title,.themify_builder_content-6909 .tb_be0aceb.module-image ,.themify_builder_content-6909 .tb_be0aceb.module-image .image-title{font-family:"Arial", "Helvetica", sans-serif} .themify_builder_content-6909 .tb_21186ab.module-text.module h6,.themify_builder_content-6909 .tb_qyi0219.module-text.module h6,.themify_builder_content-6909 .tb_5pxm296.module-text.module h6,.themify_builder_content-6909 .tb_n5o7929.module-text{font-size:14px} .themify_builder_content-6909 .tb_21186ab.module-text,.themify_builder_content-6909 .tb_5pxm296.module-text{font-size:14px;text-align:center;padding-right:3%;padding-left:3%;margin-right:5%;margin-left:5%} .themify_builder_content-6909 .tb_21186ab.module-text a,.themify_builder_content-6909 .tb_qyi0219.module-text a,.themify_builder_content-6909 .tb_5pxm296.module-text a,.themify_builder_content-6909 .tb_f5cd9f2 a{color:#fff;text-decoration:underline} .themify_builder_content-6909 .tb_21186ab.module-text .tb_text_wrap,.themify_builder_content-6909 .tb_21186ab.module-text .tb_text_wrap p,.themify_builder_content-6909 .tb_21186ab.module-text .tb_text_wrap blockquote,.themify_builder_content-6909 .tb_21186ab.module-text .tb_text_wrap h1,.themify_builder_content-6909 .tb_21186ab.module-text .tb_text_wrap h2,.themify_builder_content-6909 .tb_21186ab.module-text .tb_text_wrap h3,.themify_builder_content-6909 .tb_21186ab.module-text .tb_text_wrap h4,.themify_builder_content-6909 .tb_21186ab.module-text .tb_text_wrap h5,.themify_builder_content-6909 .tb_21186ab.module-text .tb_text_wrap h6,.themify_builder_content-6909 .tb_21186ab.module-text .tb_text_wrap li,.themify_builder_content-6909 .tb_21186ab.module-text .tb_text_wrap span,.themify_builder_content-6909 .tb_qyi0219.module-text .tb_text_wrap,.themify_builder_content-6909 .tb_qyi0219.module-text .tb_text_wrap p,.themify_builder_content-6909 .tb_qyi0219.module-text .tb_text_wrap blockquote,.themify_builder_content-6909 .tb_qyi0219.module-text .tb_text_wrap h1,.themify_builder_content-6909 .tb_qyi0219.module-text .tb_text_wrap h2,.themify_builder_content-6909 .tb_qyi0219.module-text .tb_text_wrap h3,.themify_builder_content-6909 .tb_qyi0219.module-text .tb_text_wrap h4,.themify_builder_content-6909 .tb_qyi0219.module-text .tb_text_wrap h5,.themify_builder_content-6909 .tb_qyi0219.module-text .tb_text_wrap h6,.themify_builder_content-6909 .tb_qyi0219.module-text .tb_text_wrap li,.themify_builder_content-6909 .tb_qyi0219.module-text .tb_text_wrap span,.themify_builder_content-6909 .tb_5pxm296.module-text .tb_text_wrap,.themify_builder_content-6909 .tb_5pxm296.module-text .tb_text_wrap p,.themify_builder_content-6909 .tb_5pxm296.module-text .tb_text_wrap blockquote,.themify_builder_content-6909 .tb_5pxm296.module-text .tb_text_wrap h1,.themify_builder_content-6909 .tb_5pxm296.module-text .tb_text_wrap h2,.themify_builder_content-6909 .tb_5pxm296.module-text .tb_text_wrap h3,.themify_builder_content-6909 .tb_5pxm296.module-text .tb_text_wrap h4,.themify_builder_content-6909 .tb_5pxm296.module-text .tb_text_wrap h5,.themify_builder_content-6909 .tb_5pxm296.module-text .tb_text_wrap h6,.themify_builder_content-6909 .tb_5pxm296.module-text .tb_text_wrap li,.themify_builder_content-6909 .tb_5pxm296.module-text .tb_text_wrap span{font-family:"Open Sans";background-clip:border-box;background-image:none;color:#fff} .themify_builder_content-6909 .tb_59504ac.module-buttons.module .module-buttons-item a,.themify_builder_content-6909 .tb_3b9a045.module-buttons.module .module-buttons-item a,.themify_builder_content-6909 .tb_r0fw470.module-buttons.module .module-buttons-item a,.themify_builder_content-6909 .tb_edc8480.module-buttons.module .module-buttons-item a,.themify_builder_content-6909 .tb_958d85b.module-buttons.module .module-buttons-item a{border-top:2px solid #fff;border-right:2px solid #fff;border-bottom:2px solid #fff;border-left:2px solid #fff} .themify_builder_content-6909 .tb_59504ac.module-buttons .module-buttons-item a:hover,.themify_builder_content-6909 .tb_3b9a045.module-buttons .module-buttons-item a:hover,.themify_builder_content-6909 .tb_r0fw470.module-buttons .module-buttons-item a:hover,.themify_builder_content-6909 .tb_edc8480.module-buttons .module-buttons-item a:hover,.themify_builder_content-6909 .tb_958d85b.module-buttons .module-buttons-item a:hover{background-image:none;background-color:#0653a3;color:#fff} .themify_builder_content-6909 .tb_59504ac.module-buttons .module-buttons-item a,.themify_builder_content-6909 .tb_3b9a045.module-buttons .module-buttons-item a{background-image:none;background-color:#1f9257;color:#fff} .themify_builder_content-6909 .tb_59504ac.module-buttons,.themify_builder_content-6909 .tb_3b9a045.module-buttons{text-align:center;padding:2%} .themify_builder_content-6909 .tb_9568a1e.module-text,.themify_builder_content-6909 .tb_ycwy296.module-text{column-count:1} .themify_builder_content-6909 .tb_9568a1e.module-text a,.themify_builder_content-6909 .tb_1e4841d.module-text a,.themify_builder_content-6909 .tb_32bc3eb.module-text a,.themify_builder_content-6909 .tb_5dada74.module-text a,.themify_builder_content-6909 .tb_b28c4a2.module-text a,.themify_builder_content-6909 .tb_8efc35a.module-text a,.themify_builder_content-6909 .tb_ycwy296.module-text a,.themify_builder_content-6909 .tb_0a68162.module-text a,.themify_builder_content-6909 .tb_fcfce00.module-image a,.themify_builder_content-6909 .tb_81bccc1 a,.themify_builder_content-6909 .tb_01b93be.module-image a,.themify_builder_content-6909 .tb_md57181.module-image a,.themify_builder_content-6909 .tb_mrps181.module-image a,.themify_builder_content-6909 .tb_8gur182.module-image a,.themify_builder_content-6909 .tb_plae182.module-image a{text-decoration:underline} .themify_builder_content-6909 .tb_qyi0219.module-text{background-image:none;background-color:rgba(0, 0, 0, .49);font-size:14px;text-align:center;padding:2px 3px 3px;margin-right:5%;margin-left:5%} .themify_builder_content-6909 .tb_818236c,.themify_builder_content-6909 .tb_f5cd9f2,.themify_builder_content-6909 .tb_36g9179>.row_inner{--colg:var(--none)} .themify_builder_content-6909 .tb_1e4841d.module-text a:hover,.themify_builder_content-6909 .tb_32bc3eb.module-text a:hover,.themify_builder_content-6909 .tb_5dada74.module-text a:hover,.themify_builder_content-6909 .tb_b28c4a2.module-text a:hover,.themify_builder_content-6909 .tb_8efc35a.module-text a:hover,.themify_builder_content-6909 .tb_7501c72.module-icon .module-icon-item em:hover,.themify_builder_content-6909 .tb_7501c72.module-icon span:hover,.themify_builder_content-6909 .tb_d5f847c.module-text a:hover,.themify_builder_content-6909 .tb_c30b21b.module-text a:hover,.themify_builder_content-6909 .tb_70ce333.module-text a:hover,.themify_builder_content-6909 .tb_fd551e6.module-text a:hover,.themify_builder_content-6909 .tb_0a68162.module-text a:hover,.themify_builder_content-6909 .tb_aaea6ef.module-icon .module-icon-item em:hover,.themify_builder_content-6909 .tb_aaea6ef.module-icon span:hover{color:#1f9257} .themify_builder_content-6909 .tb_7501c72.module-icon,.themify_builder_content-6909 .tb_aaea6ef.module-icon{margin-top:-3%} .themify_builder_content-6909 .tb_40c4069{background-color:#3b3b3b;padding-top:5%;padding-bottom:0} .themify_builder_content-6909 .tb_40c4069,.themify_builder_content-6909 .tb_40c4069 p,.themify_builder_content-6909 .tb_40c4069 h1,.themify_builder_content-6909 .tb_40c4069 h2,.themify_builder_content-6909 .tb_40c4069 h3,.themify_builder_content-6909 .tb_40c4069 h4,.themify_builder_content-6909 .tb_40c4069 h5,.themify_builder_content-6909 .tb_40c4069 h6,.themify_builder_content-6909 .tb_368fd56,.themify_builder_content-6909 .tb_368fd56 p,.themify_builder_content-6909 .tb_368fd56 h1,.themify_builder_content-6909 .tb_368fd56 h2,.themify_builder_content-6909 .tb_368fd56 h3,.themify_builder_content-6909 .tb_368fd56 h4,.themify_builder_content-6909 .tb_368fd56 h5,.themify_builder_content-6909 .tb_368fd56 h6{font-family:"Arial", "Helvetica", sans-serif;color:#fff} .themify_builder_content-6909 .tb_368fd56{background-color:#3b3b3b;padding-bottom:4%} .themify_builder_content-6909 .tb_40db912,.themify_builder_content-6909 .tb_4a8c262{padding-bottom:5%;--colg:var(--none)} .themify_builder_content-6909 .tb_29ef33c,.themify_builder_content-6909 .tb_a960354,.themify_builder_content-6909 .tb_cb9428d,.themify_builder_content-6909 .tb_a69e251,.themify_builder_content-6909 .tb_6977290{padding:1%} .themify_builder_content-6909 .tb_97e3b00.module-icon .module-icon-item em,.themify_builder_content-6909 .tb_c887ab8.module-icon .module-icon-item em,.themify_builder_content-6909 .tb_ffafcdf.module-icon .module-icon-item em,.themify_builder_content-6909 .tb_0f36fe0.module-icon .module-icon-item em,.themify_builder_content-6909 .tb_49a7492.module-icon .module-icon-item em,.themify_builder_content-6909 .tb_7f758fb.module-icon .module-icon-item em{color:#0653a3} .themify_builder_content-6909 .tb_97e3b00.module-icon span,.themify_builder_content-6909 .tb_c887ab8.module-icon span,.themify_builder_content-6909 .tb_ffafcdf.module-icon span,.themify_builder_content-6909 .tb_0f36fe0.module-icon span,.themify_builder_content-6909 .tb_49a7492.module-icon span,.themify_builder_content-6909 .tb_7f758fb.module-icon span{background-clip:border-box;background-image:none;color:#0653a3} .themify_builder_content-6909 .tb_97e3b00.module-icon,.themify_builder_content-6909 .tb_c887ab8.module-icon,.themify_builder_content-6909 .tb_ffafcdf.module-icon,.themify_builder_content-6909 .tb_0f36fe0.module-icon,.themify_builder_content-6909 .tb_49a7492.module-icon,.themify_builder_content-6909 .tb_7f758fb.module-icon{text-align:left} .themify_builder_content-6909 .tb_2850cb9{text-align:center;padding-bottom:3%} .themify_builder_content-6909 .tb_ea26c32.module-text{border-top:1px solid #0653a3} .themify_builder_content-6909 .tb_8e4e9a5{padding-top:5%;padding-bottom:2%} .themify_builder_content-6909 .tb_8e4e9a5,.themify_builder_content-6909 .tb_8e4e9a5 p,.themify_builder_content-6909 .tb_8e4e9a5 h1,.themify_builder_content-6909 .tb_8e4e9a5 h2,.themify_builder_content-6909 .tb_8e4e9a5 h3,.themify_builder_content-6909 .tb_8e4e9a5 h4,.themify_builder_content-6909 .tb_8e4e9a5 h5,.themify_builder_content-6909 .tb_8e4e9a5 h6{color:#2b2b2b} .themify_builder_content-6909 .tb_aab8229{--align_content:var(--align_center);--colg:var(--narrow)} .themify_builder_content-6909 .tb_f7b6cf8.module-image,.themify_builder_content-6909 .tb_9533354.module-image,.themify_builder_content-6909 .tb_d51de36.module-image,.themify_builder_content-6909 .tb_01b93be.module-image{padding:3%} .themify_builder_content-6909 .tb_b9689ba.module-image{padding:0} .themify_builder_content-6909 .tb_604d1f5.module-image,.themify_builder_content-6909 .tb_768347c.module-image,.themify_builder_content-6909 .tb_md57181.module-image,.themify_builder_content-6909 .tb_mrps181.module-image,.themify_builder_content-6909 .tb_8gur182.module-image,.themify_builder_content-6909 .tb_plae182.module-image{padding:2%} .themify_builder_content-6909 .tb_x97q179{--align_content:var(--align_center);--colg:var(--none)} .themify_builder_content-6909 .tb_e1f6b25{background-color:#fafafa;padding:4%} .themify_builder_content-6909 .tb_8c78b0f.module-gallery{padding-right:15%;padding-left:15%} .themify_builder_content-6909 .tb_r0fw470.module-buttons{text-align:center;padding:2px;margin-bottom:3%;margin-top:3%} .themify_builder_content-6909 .tb_r0fw470.module-buttons .module-buttons-item a,.themify_builder_content-6909 .tb_958d85b.module-buttons .module-buttons-item a{background-image:none;background-color:#3fa972;color:#fff} .themify_builder_content-6909 .tb_16b7f88,.themify_builder_content-6909 .tb_s5av284{text-align:center;padding:1%} .themify_builder_content-6909 .tb_b9486a9.module-text{text-align:center;padding-bottom:5%} .themify_builder_content-6909 .tb_f06d625.module-image,.themify_builder_content-6909 .tb_ubr1916.module-image{padding:5%} .themify_builder_content-6909 .tb_edc8480.module-buttons .module-buttons-item a{font-weight:bold;background-image:none;background-color:#f26522;color:#fff} .themify_builder_content-6909 .tb_edc8480.module-buttons{text-align:center;padding-bottom:4%} .themify_builder_content-6909 .tb_5zkm927{background-image:url(http://dmciprojects.net/wp-content/uploads/2017/09/quad-a-x103626.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;text-align:center;padding-top:5%;padding-bottom:4%} .themify_builder_content-6909 .tb_5zkm927>.builder_row_cover::before,.themify_builder_content-6909 .tb_5zkm927>:is(.tf_lax, .tf_lax_done) > .builder_row_cover::before{background-color:rgba(5, 5, 5, .65)} .themify_builder_content-6909 .tb_n5o7929.module-text .tb_text_wrap,.themify_builder_content-6909 .tb_n5o7929.module-text .tb_text_wrap p,.themify_builder_content-6909 .tb_n5o7929.module-text .tb_text_wrap blockquote,.themify_builder_content-6909 .tb_n5o7929.module-text .tb_text_wrap h1,.themify_builder_content-6909 .tb_n5o7929.module-text .tb_text_wrap h2,.themify_builder_content-6909 .tb_n5o7929.module-text .tb_text_wrap h3,.themify_builder_content-6909 .tb_n5o7929.module-text .tb_text_wrap h4,.themify_builder_content-6909 .tb_n5o7929.module-text .tb_text_wrap h5,.themify_builder_content-6909 .tb_n5o7929.module-text .tb_text_wrap h6,.themify_builder_content-6909 .tb_n5o7929.module-text .tb_text_wrap li,.themify_builder_content-6909 .tb_n5o7929.module-text .tb_text_wrap span,.themify_builder_content-6909 .tb_n2ni929.module-text .tb_text_wrap,.themify_builder_content-6909 .tb_n2ni929.module-text .tb_text_wrap p,.themify_builder_content-6909 .tb_n2ni929.module-text .tb_text_wrap blockquote,.themify_builder_content-6909 .tb_n2ni929.module-text .tb_text_wrap h1,.themify_builder_content-6909 .tb_n2ni929.module-text .tb_text_wrap h2,.themify_builder_content-6909 .tb_n2ni929.module-text .tb_text_wrap h3,.themify_builder_content-6909 .tb_n2ni929.module-text .tb_text_wrap h4,.themify_builder_content-6909 .tb_n2ni929.module-text .tb_text_wrap h5,.themify_builder_content-6909 .tb_n2ni929.module-text .tb_text_wrap h6,.themify_builder_content-6909 .tb_n2ni929.module-text .tb_text_wrap li,.themify_builder_content-6909 .tb_n2ni929.module-text .tb_text_wrap span{font-family:"Open Sans"} .themify_builder_content-6909 .tb_n2ni929.module-text{font-size:14px;padding-right:15%;padding-bottom:5%;padding-left:15%;margin-bottom:-47px} .themify_builder_content-6909 .tb_4ffdec9>.row_inner{--align_content:var(--align_center);--col:var(--c2_1)} .themify_builder_content-6909 .tb_4ffdec9{background-color:#1f9257;padding-top:4%;padding-bottom:3%} .themify_builder_content-6909 .tb_786dbf1.module-image{margin-top:30px;margin-bottom:30px} .themify_builder_content-6909 .tb_61cf468 a{color:#7b0e35} .themify_builder_content-6909 .tb_daf7367{padding-top:6%} .themify_builder_content-6909 .tb_fd82245.module-image{text-align:center;padding-top:20%;padding-bottom:10%} .themify_builder_content-6909 .tb_667d963.module-text{margin-right:5%;margin-left:5%} .themify_builder_content-6909 .tb_958d85b.module-buttons{text-align:center;padding:2px} .themify_builder_content-6909 .tb_66a53e5.module-text{text-align:center;padding-right:10%;padding-left:10%} @media(max-width:768px){ .themify_builder_content-6909 .tb_d3b2c36>.row_inner,.themify_builder_content-6909 .tb_36g9179>.row_inner{--area:"col1" "col2"} } @media(max-width:480px){ .themify_builder_content-6909 .tb_d3b2c36>.row_inner,.themify_builder_content-6909 .tb_36g9179>.row_inner,.themify_builder_content-6909 .tb_aab8229,.themify_builder_content-6909 .tb_0d8b817,.themify_builder_content-6909 .tb_x97q179,.themify_builder_content-6909 .tb_04dc811>.row_inner,.themify_builder_content-6909 .tb_kow8285>.row_inner,.themify_builder_content-6909 .tb_61cf468>.row_inner{--area:var(--aream2_auto)} .themify_builder_content-6909 .tb_e1f6b25>.row_inner,.themify_builder_content-6909 .tb_62jx285>.row_inner{--area:var(--aream3_auto)} .themify_builder_content-6909 .tb_dyr1929.module-buttons{margin-top:25px} .themify_builder_content-6909 .tb_4ffdec9>.row_inner{--col:none;--area:var(--aream2_auto)} .themify_builder_content-6909 .tb_daf7367{padding-top:3%} } /*/wp-content/uploads/themify-css/themify-builder-15190-generated.css*/ /* Generated from tbuilder_layout_part: prisma-banner */ .themify_builder_content-15190 .tb_bn0d102.module-text{margin-left:0;margin-right:0;background-image:none;background-color:rgba(153, 0, 0, .3);padding-right:30px;padding-left:30px} @media(max-width:480px){ .themify_builder_content-15190 .tb_bn0d102.module-text{margin-right:-18%;margin-left:-19%} } /*/wp-content/uploads/themify-customizer-8.1.1-7.9.9.css*/ /* Themify Customize Styling */ body { font-family: "Arial", "Helvetica", sans-serif; font-weight:normal; text-align:center; } a { color: #0653a3; } a:hover { color: #1f9257; } h1 { font-family: "Arial", "Helvetica", sans-serif; color: #0653a3; } h2 { font-family: "Arial", "Helvetica", sans-serif; color: #0653a3; } h3 { font-family: "Arial", "Helvetica", sans-serif; color: #0653a3; } h4 { font-family: "Arial", "Helvetica", sans-serif; } h5 { font-family: "Arial", "Helvetica", sans-serif; } h6 { font-family: "Arial", "Helvetica", sans-serif; } #header { text-align:center; } #headerwrap a { color: #0653a3; } #headerwrap a:hover { color: #1f9257; } #headerwrap.fixed-header #site-logo a img { height: 45px; } #headerwrap.fixed-header #header, #headerwrap.fixed-header #site-description { text-transform:uppercase; } #headerwrap.fixed-header #header { color: #0653a3; } #headerwrap.fixed-header a { color: #0653a3; } #headerwrap.fixed-header a:hover { color: #1f9257; } body #site-logo a img { height: 45px; } #main-nav a { color: #0653a3; text-transform:uppercase; } #main-nav a:hover { color: #1f9257; } #main-nav .current_page_item > a, #main-nav .current-menu-item > a { color: #1f9257; } #main-nav .current_page_item > a:hover, #main-nav .current-menu-item > a:hover { color: #3fa972; } #main-nav ul a { color: #0653a3; text-transform:uppercase; } .post { border: none !important;margin: auto; } .post-title, .post-title a, .loops-wrapper .post-image + .post-content .post-title a { color: #1f9257; } .post-title a:hover, .loops-wrapper .post-image + .post-content .post-title a:hover { color: #0653a3; } .post-meta a { color: #0653a3; } .post-meta a:hover { color: #1f9257; } .more-link { color: #0653a3; } .more-link:hover { color: #1f9257; } .post-nav a { color: #1f9257; } .post-nav a .arrow { color: #1f9257; } .page-title { color: #0653a3; } .module-title { color: #0653a3; } #sidebar a:hover, #sidebar-alt a:hover { color: #1f9257; } #sidebar .widget, #sidebar-alt .widget { color: #0653a3; } #sidebar .widgettitle, #sidebar-alt .widgettitle { color: #0653a3; } #footer { color: #0653a3; } #footer a { color: #0653a3; } #footer a:hover { color: #1f9257; } #footer-nav a { color: #0653a3; } #footer-nav .current_page_item a, #footer-nav .current-menu-item a { color: #1f9257; } #footer-nav .current_page_item a:hover, #footer-nav .current-menu-item a:hover { color: #1f9257; } #footerwrap .back-top a:before, #pagewrap .back-top.back-top-float { color: #1f9257; } @media(max-width: 1024px) { /* Themify Customize Styling */ #headerwrap.fixed-header #site-logo a img { height: 45px; } body #site-logo a img { height: 45px; } }@media(max-width: 768px) { /* Themify Customize Styling */ #headerwrap.fixed-header #site-logo a img { height: 45px; } body #site-logo a img { height: 45px; } }@media(max-width: 480px) { /* Themify Customize Styling */ a { color: #3a3df2; } a:hover { color: #3939b0; } #headerwrap.fixed-header #site-logo a img { height: 45px; } body #site-logo a img { height: 45px; } }.mobile-menu-visible.header-slide-out .sidemenu-on, .mobile-menu-visible.header-overlay #headerwrap, .mobile_menu_active.header-leftpane #headerwrap, .mobile_menu_active.header-rightpane #headerwrap, .header-minbar .sidemenu-on, .mobile_menu_active #headerwrap .sidemenu-on { background-image: url(https://dmciprojects.net/wp-content/uploads/2019/08/unnamed-1.png); background-repeat: no-repeat; background-position: left top; }.header-minbar #headerwrap #main-nav a, .mobile_menu_active #headerwrap .sidemenu-on #main-nav a { text-transform:uppercase; }.header-minbar #headerwrap #main-nav a, .mobile_menu_active #headerwrap .sidemenu-on a, .mobile_menu_active #headerwrap #main-nav a, .mobile_menu_active #headerwrap #main-nav ul a { color: #0653a3; }.header-minbar #headerwrap #main-nav a:hover, .mobile_menu_active #headerwrap .sidemenu-on a:hover, .mobile_menu_active #headerwrap #main-nav a:hover, .mobile_menu_active #headerwrap #main-nav ul a:hover { color: #3fa972; } /* Themify Custom CSS */ @media (max-width: 800px) { .tb_responsive_mode .gutter-none.column4-2>.module_column { width: 100% !important; }} div#pagewrap{ padding-top:20px !important; } /* START MOBILE MENU CSS */ @media screen and (max-width:1200px){ /*/wp-content/themes/themify-ultra/mobile-menu.css*/ #header{height:auto;padding:10px 0 5px}#header,.fixed-header #header{text-align:inherit}#site-description,#site-logo{clear:both;float:none;margin:0 0 .5em;padding:0;position:static}#site-logo{font-size:24px;margin:5px 10px 5px 0}.header-widget{clear:both;float:none;margin:0;position:static;text-align:inherit}.header-widget .widget{margin:0 0 1.8em}.header-widget .widgettitle{margin:0 0 .3em}.header-icons{display:block;position:absolute;right:4%;top:27px;transform:translateY(-50%);z-index:1999}.header-icons a{font-size:1em;text-decoration:none!important}.slide-cart .header-icons{align-items:center;display:flex;flex-direction:row-reverse}:is(.mobile-menu-visible,.slide-cart-visible){z-index:1!important}.sidemenu{background-color:#fff;color:#000;display:none;height:100%;overflow-y:auto;padding:60px 25px 25px;position:fixed;text-align:left;top:0;transition:.2s ease-in-out;transition-property:left,right,top,bottom,width,transform,opacity;width:300px;z-index:11111}#mobile-menu{contain:paint;right:-300px}#mobile-menu.sidemenu-on{box-shadow:-6px 0 20px 5px rgba(0,0,0,.1);right:0}.sidemenu-left,.sidemenu-left .fixed-header{left:300px}.sidemenu-left #mobile-menu.sidemenu-on{left:0}#headerwrap #mobile-menu-panel a{color:#fff;text-decoration:none}#headerwrap #menu-icon-close{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:100%;color:inherit;display:block;font-size:20px;min-height:1em;min-width:1em;padding:9px;position:absolute;right:10px;text-decoration:none;top:10px;transform-origin:center;transition-property:transform}#menu-icon-close:hover{background:hsla(0,0%,78%,.25)}#menu-icon-close:after,#menu-icon-close:before{height:56%}.transparent-header #menu-icon-close{color:inherit}#main-nav-wrap{display:block;margin:1em 0 1.5em;padding:0}#main-nav{background-color:transparent;float:none}#main-nav li{clear:both;display:block;padding:0;width:100%}#main-nav li>.sub-menu{background:0;border:0;box-shadow:none;color:inherit;display:none;height:auto;margin:0 0 0 1em;opacity:1;padding:0;position:static;transform:none;width:auto}#main-nav li.toggle-on>.sub-menu{display:block}#main-nav .child-arrow{display:inline-block}#main-nav .child-arrow:hover{background:hsla(0,0%,78%,.25)}.transparent-header #headerwrap .themify-widget-menu{color:inherit}#main-nav .has-mega-column>.sub-menu,#main-nav .has-mega>.sub-menu{margin:0;padding:0;width:auto}#main-nav .has-mega-column>.sub-menu,#main-nav .has-mega-column>.sub-menu ul,#main-nav .has-mega-sub-menu .mega-sub-menu ul{float:none;margin:0 0 0 1em}#main-nav .has-mega-column>.sub-menu,#main-nav .has-mega-column>.sub-menu ul,#main-nav .has-mega-sub-menu .mega-sub-menu ul,#main-nav li:not(.themify-widget-menu)>ul{background:0}#headerwrap #main-nav a{background:0;border:0;box-shadow:none;color:inherit;display:block;font-weight:400;line-height:1.5em;margin:0;padding:.6em 0;text-decoration:none;width:auto}#headerwrap #main-nav .has-sub-menu>a{padding-right:40px}#main-nav>li:last-child a{border:0}#headerwrap #main-nav .current-menu-item>a,#headerwrap #main-nav .current_page_item>a,#headerwrap #main-nav a:hover{color:var(--theme_accent)}#main-nav .mega-menu-posts,.slide-cart-visible #menu-icon{display:none}#header .social-widget a,#headerwrap .sidemenu .search-button,#headerwrap .sidemenu .tf_darkmode_toggle{color:inherit}#header .social-widget{float:none;margin:0;position:static}.header-widget :is(.col4-1,.col4-2,.col3-1){margin-left:0;max-width:100%;width:100%}.sidemenu .header-widget{height:auto}.fixed-header :is(.cart-wrap,.header-bar,.header-widget){display:block}.fixed-header .search-button,.fixed-header-on #headerwrap :is(.tf_darkmode_toggle,.social-widget){display:inline-block}#headerwrap .sidemenu .search-button{margin:0}#headerwrap #searchform,#headerwrap #searchform #s,#headerwrap #searchform #s:is(:focus,:hover),#headerwrap #searchform .tf_fa:hover+#s{width:100%}#headerwrap #searchform-wrap,.fixed-header-on #headerwrap #searchform-wrap{display:block;margin:1em 0 0}#headerwrap #searchform{clear:both;float:none;inset:auto;margin:0 0 1em;padding:0;position:relative;width:auto}#headerwrap #searchform #s{background-color:#eee;color:#000;float:none;height:auto;margin:auto;padding:11px 15px 10px 35px;position:static;transition:none;width:100%}#headerwrap #searchform .tf_fa:hover+#s{background-color:#eee}#headerwrap #searchform .tf_fa{background:0;color:#000;font-size:18px;height:16px;left:9px;margin:0;padding:3px;position:absolute;top:9px;transform:none;width:16px} /*/wp-content/themes/themify-ultra/styles/headers/media/header-top-bar.css*/ .navbar-wrapper{display:block}.mobile-menu-visible.sidemenu-right #headerwrap{left:-300px}#site-description{margin:2px 0 0}.slide-cart #main-nav-wrap{clear:both}.header-widget{display:block;max-height:none!important}.pull-down{display:none}@media (max-width:600px){.mobile-menu-visible #headerwrap .header-icons{display:none}} } /* END MOBILE MENU CSS */ @charset "UTF-8";/*! * jQuery contextMenu - Plugin for simple contextMenu handling * * Version: v2.9.0 * * Authors: Björn Brala (SWIS.nl), Rodney Rehm, Addy Osmani (patches for FF) * Web: http://swisnl.github.io/jQuery-contextMenu/ * * Copyright (c) 2011-2019 SWIS BV and contributors * * Licensed under * MIT License http://www.opensource.org/licenses/mit-license * * Date: 2019-10-13T13:09:56.297Z */@-webkit-keyframes cm-spin{0%{-webkit-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0)}100%{-webkit-transform:translateY(-50%) rotate(359deg);transform:translateY(-50%) rotate(359deg)}}@-o-keyframes cm-spin{0%{-webkit-transform:translateY(-50%) rotate(0);-o-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0)}100%{-webkit-transform:translateY(-50%) rotate(359deg);-o-transform:translateY(-50%) rotate(359deg);transform:translateY(-50%) rotate(359deg)}}@keyframes cm-spin{0%{-webkit-transform:translateY(-50%) rotate(0);-o-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0)}100%{-webkit-transform:translateY(-50%) rotate(359deg);-o-transform:translateY(-50%) rotate(359deg);transform:translateY(-50%) rotate(359deg)}}@font-face{font-family:context-menu-icons;font-style:normal;font-weight:400;src:url(https://dmciprojects.net/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/font/context-menu-icons.eot?4f0ru);src:url(https://dmciprojects.net/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/font/context-menu-icons.eot?4f0ru#iefix) format("embedded-opentype"),url(https://dmciprojects.net/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/font/context-menu-icons.woff2?4f0ru) format("woff2"),url(https://dmciprojects.net/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/font/context-menu-icons.woff?4f0ru) format("woff"),url(https://dmciprojects.net/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/font/context-menu-icons.ttf?4f0ru) format("truetype");font-display: swap; }.context-menu-icon-add:before{content:"\EA01"}.context-menu-icon-copy:before{content:"\EA02"}.context-menu-icon-cut:before{content:"\EA03"}.context-menu-icon-delete:before{content:"\EA04"}.context-menu-icon-edit:before{content:"\EA05"}.context-menu-icon-loading:before{content:"\EA06"}.context-menu-icon-paste:before{content:"\EA07"}.context-menu-icon-quit:before{content:"\EA08"}.context-menu-icon::before{position:absolute;top:50%;left:0;width:2em;font-family:context-menu-icons;font-size:1em;font-style:normal;font-weight:400;line-height:1;color:#2980b9;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.context-menu-icon.context-menu-hover:before{color:#fff}.context-menu-icon.context-menu-disabled::before{color:#bbb}.context-menu-icon.context-menu-icon-loading:before{-webkit-animation:cm-spin 2s infinite;-o-animation:cm-spin 2s infinite;animation:cm-spin 2s infinite}.context-menu-icon.context-menu-icon--fa{display:list-item;font-family:inherit;line-height:inherit}.context-menu-icon.context-menu-icon--fa::before{position:absolute;top:50%;left:0;width:2em;font-family:FontAwesome;font-size:1em;font-style:normal;font-weight:400;line-height:1;color:#2980b9;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.context-menu-icon.context-menu-icon--fa.context-menu-hover:before{color:#fff}.context-menu-icon.context-menu-icon--fa.context-menu-disabled::before{color:#bbb}.context-menu-icon.context-menu-icon--fa5{display:list-item;font-family:inherit;line-height:inherit}.context-menu-icon.context-menu-icon--fa5 i,.context-menu-icon.context-menu-icon--fa5 svg{position:absolute;top:.3em;left:.5em;color:#2980b9}.context-menu-icon.context-menu-icon--fa5.context-menu-hover>i,.context-menu-icon.context-menu-icon--fa5.context-menu-hover>svg{color:#fff}.context-menu-icon.context-menu-icon--fa5.context-menu-disabled i,.context-menu-icon.context-menu-icon--fa5.context-menu-disabled svg{color:#bbb}.context-menu-list{position:absolute;display:inline-block;min-width:13em;max-width:26em;padding:.25em 0;margin:.3em;font-family:inherit;font-size:inherit;list-style-type:none;background:#fff;border:1px solid #bebebe;border-radius:.2em;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.5);box-shadow:0 2px 5px rgba(0,0,0,.5)}.context-menu-item{position:relative;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:.2em 2em;color:#2f2f2f;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff}.context-menu-separator{padding:0;margin:.35em 0;border-bottom:1px solid #e6e6e6}.context-menu-item>label>input,.context-menu-item>label>textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.context-menu-item.context-menu-hover{color:#fff;cursor:pointer;background-color:#2980b9}.context-menu-item.context-menu-disabled{color:#bbb;cursor:default;background-color:#fff}.context-menu-input.context-menu-hover{color:#2f2f2f;cursor:default}.context-menu-submenu:after{position:absolute;top:50%;right:.5em;z-index:1;width:0;height:0;content:'';border-color:transparent transparent transparent #2f2f2f;border-style:solid;border-width:.25em 0 .25em .25em;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.context-menu-item.context-menu-input{padding:.3em .6em}.context-menu-input>label>*{vertical-align:top}.context-menu-input>label>input[type=checkbox],.context-menu-input>label>input[type=radio]{position:relative;top:.12em;margin-right:.4em}.context-menu-input>label{margin:0}.context-menu-input>label,.context-menu-input>label>input[type=text],.context-menu-input>label>select,.context-menu-input>label>textarea{display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.context-menu-input>label>textarea{height:7em}.context-menu-item>.context-menu-list{top:.3em;right:-.3em;display:none}.context-menu-item.context-menu-visible>.context-menu-list{display:block}.context-menu-accesskey{text-decoration:underline} /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-ball-8bits, .la-ball-8bits > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-8bits { display: block; font-size: 0; color: #fff; } .la-ball-8bits.la-dark { color: #333; } .la-ball-8bits > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-8bits { width: 12px; height: 12px; } .la-ball-8bits > div { position: absolute; top: 50%; left: 50%; width: 4px; height: 4px; border-radius: 0; opacity: 0; -webkit-transform: translate(100%, 100%); -moz-transform: translate(100%, 100%); -ms-transform: translate(100%, 100%); -o-transform: translate(100%, 100%); transform: translate(100%, 100%); -webkit-animation: ball-8bits 1s 0s ease infinite; -moz-animation: ball-8bits 1s 0s ease infinite; -o-animation: ball-8bits 1s 0s ease infinite; animation: ball-8bits 1s 0s ease infinite; } .la-ball-8bits > div:nth-child(1) { -webkit-animation-delay: -0.9375s; -moz-animation-delay: -0.9375s; -o-animation-delay: -0.9375s; animation-delay: -0.9375s; } .la-ball-8bits > div:nth-child(2) { -webkit-animation-delay: -0.875s; -moz-animation-delay: -0.875s; -o-animation-delay: -0.875s; animation-delay: -0.875s; } .la-ball-8bits > div:nth-child(3) { -webkit-animation-delay: -0.8125s; -moz-animation-delay: -0.8125s; -o-animation-delay: -0.8125s; animation-delay: -0.8125s; } .la-ball-8bits > div:nth-child(4) { -webkit-animation-delay: -0.75s; -moz-animation-delay: -0.75s; -o-animation-delay: -0.75s; animation-delay: -0.75s; } .la-ball-8bits > div:nth-child(5) { -webkit-animation-delay: -0.6875s; -moz-animation-delay: -0.6875s; -o-animation-delay: -0.6875s; animation-delay: -0.6875s; } .la-ball-8bits > div:nth-child(6) { -webkit-animation-delay: -0.625s; -moz-animation-delay: -0.625s; -o-animation-delay: -0.625s; animation-delay: -0.625s; } .la-ball-8bits > div:nth-child(7) { -webkit-animation-delay: -0.5625s; -moz-animation-delay: -0.5625s; -o-animation-delay: -0.5625s; animation-delay: -0.5625s; } .la-ball-8bits > div:nth-child(8) { -webkit-animation-delay: -0.5s; -moz-animation-delay: -0.5s; -o-animation-delay: -0.5s; animation-delay: -0.5s; } .la-ball-8bits > div:nth-child(9) { -webkit-animation-delay: -0.4375s; -moz-animation-delay: -0.4375s; -o-animation-delay: -0.4375s; animation-delay: -0.4375s; } .la-ball-8bits > div:nth-child(10) { -webkit-animation-delay: -0.375s; -moz-animation-delay: -0.375s; -o-animation-delay: -0.375s; animation-delay: -0.375s; } .la-ball-8bits > div:nth-child(11) { -webkit-animation-delay: -0.3125s; -moz-animation-delay: -0.3125s; -o-animation-delay: -0.3125s; animation-delay: -0.3125s; } .la-ball-8bits > div:nth-child(12) { -webkit-animation-delay: -0.25s; -moz-animation-delay: -0.25s; -o-animation-delay: -0.25s; animation-delay: -0.25s; } .la-ball-8bits > div:nth-child(13) { -webkit-animation-delay: -0.1875s; -moz-animation-delay: -0.1875s; -o-animation-delay: -0.1875s; animation-delay: -0.1875s; } .la-ball-8bits > div:nth-child(14) { -webkit-animation-delay: -0.125s; -moz-animation-delay: -0.125s; -o-animation-delay: -0.125s; animation-delay: -0.125s; } .la-ball-8bits > div:nth-child(15) { -webkit-animation-delay: -0.0625s; -moz-animation-delay: -0.0625s; -o-animation-delay: -0.0625s; animation-delay: -0.0625s; } .la-ball-8bits > div:nth-child(16) { -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } .la-ball-8bits > div:nth-child(1) { top: -100%; left: 0; } .la-ball-8bits > div:nth-child(2) { top: -100%; left: 33.3333333333%; } .la-ball-8bits > div:nth-child(3) { top: -66.6666666667%; left: 66.6666666667%; } .la-ball-8bits > div:nth-child(4) { top: -33.3333333333%; left: 100%; } .la-ball-8bits > div:nth-child(5) { top: 0; left: 100%; } .la-ball-8bits > div:nth-child(6) { top: 33.3333333333%; left: 100%; } .la-ball-8bits > div:nth-child(7) { top: 66.6666666667%; left: 66.6666666667%; } .la-ball-8bits > div:nth-child(8) { top: 100%; left: 33.3333333333%; } .la-ball-8bits > div:nth-child(9) { top: 100%; left: 0; } .la-ball-8bits > div:nth-child(10) { top: 100%; left: -33.3333333333%; } .la-ball-8bits > div:nth-child(11) { top: 66.6666666667%; left: -66.6666666667%; } .la-ball-8bits > div:nth-child(12) { top: 33.3333333333%; left: -100%; } .la-ball-8bits > div:nth-child(13) { top: 0; left: -100%; } .la-ball-8bits > div:nth-child(14) { top: -33.3333333333%; left: -100%; } .la-ball-8bits > div:nth-child(15) { top: -66.6666666667%; left: -66.6666666667%; } .la-ball-8bits > div:nth-child(16) { top: -100%; left: -33.3333333333%; } .la-ball-8bits.la-sm { width: 6px; height: 6px; } .la-ball-8bits.la-sm > div { width: 2px; height: 2px; } .la-ball-8bits.la-2x { width: 24px; height: 24px; } .la-ball-8bits.la-2x > div { width: 8px; height: 8px; } .la-ball-8bits.la-3x { width: 36px; height: 36px; } .la-ball-8bits.la-3x > div { width: 12px; height: 12px; } @-webkit-keyframes ball-8bits { 0% { opacity: 1; } 50% { opacity: 1; } 51% { opacity: 0; } } @-moz-keyframes ball-8bits { 0% { opacity: 1; } 50% { opacity: 1; } 51% { opacity: 0; } } @-o-keyframes ball-8bits { 0% { opacity: 1; } 50% { opacity: 1; } 51% { opacity: 0; } } @keyframes ball-8bits { 0% { opacity: 1; } 50% { opacity: 1; } 51% { opacity: 0; } } .la-ball-atom, .la-ball-atom > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-atom { display: block; font-size: 0; color: #fff; } .la-ball-atom.la-dark { color: #333; } .la-ball-atom > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-atom { width: 32px; height: 32px; } .la-ball-atom > div:nth-child(1) { position: absolute; top: 50%; left: 50%; z-index: 1; width: 60%; height: 60%; background: #aaa; border-radius: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: ball-atom-shrink 4.5s infinite linear; -moz-animation: ball-atom-shrink 4.5s infinite linear; -o-animation: ball-atom-shrink 4.5s infinite linear; animation: ball-atom-shrink 4.5s infinite linear; } .la-ball-atom > div:not(:nth-child(1)) { position: absolute; left: 0; z-index: 0; width: 100%; height: 100%; background: none; -webkit-animation: ball-atom-zindex 1.5s 0s infinite steps(2, end); -moz-animation: ball-atom-zindex 1.5s 0s infinite steps(2, end); -o-animation: ball-atom-zindex 1.5s 0s infinite steps(2, end); animation: ball-atom-zindex 1.5s 0s infinite steps(2, end); } .la-ball-atom > div:not(:nth-child(1)):before { position: absolute; top: 0; left: 0; width: 10px; height: 10px; margin-top: -5px; margin-left: -5px; content: ''; background: currentColor; border-radius: 50%; opacity: 0.75; -webkit-animation: ball-atom-position 1.5s 0s infinite ease, ball-atom-size 1.5s 0s infinite ease; -moz-animation: ball-atom-position 1.5s 0s infinite ease, ball-atom-size 1.5s 0s infinite ease; -o-animation: ball-atom-position 1.5s 0s infinite ease, ball-atom-size 1.5s 0s infinite ease; animation: ball-atom-position 1.5s 0s infinite ease, ball-atom-size 1.5s 0s infinite ease; } .la-ball-atom > div:nth-child(2) { -webkit-animation-delay: 0.75s; -moz-animation-delay: 0.75s; -o-animation-delay: 0.75s; animation-delay: 0.75s; } .la-ball-atom > div:nth-child(2):before { -webkit-animation-delay: 0s, -1.125s; -moz-animation-delay: 0s, -1.125s; -o-animation-delay: 0s, -1.125s; animation-delay: 0s, -1.125s; } .la-ball-atom > div:nth-child(3) { -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -ms-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg); -webkit-animation-delay: -0.25s; -moz-animation-delay: -0.25s; -o-animation-delay: -0.25s; animation-delay: -0.25s; } .la-ball-atom > div:nth-child(3):before { -webkit-animation-delay: -1s, -0.75s; -moz-animation-delay: -1s, -0.75s; -o-animation-delay: -1s, -0.75s; animation-delay: -1s, -0.75s; } .la-ball-atom > div:nth-child(4) { -webkit-transform: rotate(240deg); -moz-transform: rotate(240deg); -ms-transform: rotate(240deg); -o-transform: rotate(240deg); transform: rotate(240deg); -webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; -o-animation-delay: 0.25s; animation-delay: 0.25s; } .la-ball-atom > div:nth-child(4):before { -webkit-animation-delay: -0.5s, -0.125s; -moz-animation-delay: -0.5s, -0.125s; -o-animation-delay: -0.5s, -0.125s; animation-delay: -0.5s, -0.125s; } .la-ball-atom.la-sm { width: 16px; height: 16px; } .la-ball-atom.la-sm > div:not(:nth-child(1)):before { width: 4px; height: 4px; margin-top: -2px; margin-left: -2px; } .la-ball-atom.la-2x { width: 64px; height: 64px; } .la-ball-atom.la-2x > div:not(:nth-child(1)):before { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; } .la-ball-atom.la-3x { width: 96px; height: 96px; } .la-ball-atom.la-3x > div:not(:nth-child(1)):before { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; } @-webkit-keyframes ball-atom-position { 50% { top: 100%; left: 100%; } } @-moz-keyframes ball-atom-position { 50% { top: 100%; left: 100%; } } @-o-keyframes ball-atom-position { 50% { top: 100%; left: 100%; } } @keyframes ball-atom-position { 50% { top: 100%; left: 100%; } } @-webkit-keyframes ball-atom-size { 50% { -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); } } @-moz-keyframes ball-atom-size { 50% { -moz-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); } } @-o-keyframes ball-atom-size { 50% { -o-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); } } @keyframes ball-atom-size { 50% { -webkit-transform: scale(0.5, 0.5); -moz-transform: scale(0.5, 0.5); -o-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); } } @-webkit-keyframes ball-atom-zindex { 50% { z-index: 10; } } @-moz-keyframes ball-atom-zindex { 50% { z-index: 10; } } @-o-keyframes ball-atom-zindex { 50% { z-index: 10; } } @keyframes ball-atom-zindex { 50% { z-index: 10; } } @-webkit-keyframes ball-atom-shrink { 50% { -webkit-transform: translate(-50%, -50%) scale(0.8, 0.8); transform: translate(-50%, -50%) scale(0.8, 0.8); } } @-moz-keyframes ball-atom-shrink { 50% { -moz-transform: translate(-50%, -50%) scale(0.8, 0.8); transform: translate(-50%, -50%) scale(0.8, 0.8); } } @-o-keyframes ball-atom-shrink { 50% { -o-transform: translate(-50%, -50%) scale(0.8, 0.8); transform: translate(-50%, -50%) scale(0.8, 0.8); } } @keyframes ball-atom-shrink { 50% { -webkit-transform: translate(-50%, -50%) scale(0.8, 0.8); -moz-transform: translate(-50%, -50%) scale(0.8, 0.8); -o-transform: translate(-50%, -50%) scale(0.8, 0.8); transform: translate(-50%, -50%) scale(0.8, 0.8); } } .la-ball-beat, .la-ball-beat > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-beat { display: block; font-size: 0; color: #fff; } .la-ball-beat.la-dark { color: #333; } .la-ball-beat > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-beat { width: 54px; height: 18px; } .la-ball-beat > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; -webkit-animation: ball-beat 0.7s -0.15s infinite linear; -moz-animation: ball-beat 0.7s -0.15s infinite linear; -o-animation: ball-beat 0.7s -0.15s infinite linear; animation: ball-beat 0.7s -0.15s infinite linear; } .la-ball-beat > div:nth-child(2n-1) { -webkit-animation-delay: -0.5s; -moz-animation-delay: -0.5s; -o-animation-delay: -0.5s; animation-delay: -0.5s; } .la-ball-beat.la-sm { width: 26px; height: 8px; } .la-ball-beat.la-sm > div { width: 4px; height: 4px; margin: 2px; } .la-ball-beat.la-2x { width: 108px; height: 36px; } .la-ball-beat.la-2x > div { width: 20px; height: 20px; margin: 8px; } .la-ball-beat.la-3x { width: 162px; height: 54px; } .la-ball-beat.la-3x > div { width: 30px; height: 30px; margin: 12px; } @-webkit-keyframes ball-beat { 50% { opacity: 0.2; -webkit-transform: scale(0.75); transform: scale(0.75); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes ball-beat { 50% { opacity: 0.2; -moz-transform: scale(0.75); transform: scale(0.75); } 100% { opacity: 1; -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes ball-beat { 50% { opacity: 0.2; -o-transform: scale(0.75); transform: scale(0.75); } 100% { opacity: 1; -o-transform: scale(1); transform: scale(1); } } @keyframes ball-beat { 50% { opacity: 0.2; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); } 100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .la-ball-circus, .la-ball-circus > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-circus { display: block; font-size: 0; color: #fff; } .la-ball-circus.la-dark { color: #333; } .la-ball-circus > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-circus { width: 16px; height: 16px; } .la-ball-circus > div { position: absolute; top: 0; left: -100%; display: block; width: 16px; width: 100%; height: 16px; height: 100%; border-radius: 100%; opacity: 0.5; -webkit-animation: ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1), ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1); -moz-animation: ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1), ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1); -o-animation: ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1), ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1); animation: ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1), ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1); } .la-ball-circus > div:nth-child(1) { -webkit-animation-delay: 0s, -0.5s; -moz-animation-delay: 0s, -0.5s; -o-animation-delay: 0s, -0.5s; animation-delay: 0s, -0.5s; } .la-ball-circus > div:nth-child(2) { -webkit-animation-delay: -0.5s, -1s; -moz-animation-delay: -0.5s, -1s; -o-animation-delay: -0.5s, -1s; animation-delay: -0.5s, -1s; } .la-ball-circus > div:nth-child(3) { -webkit-animation-delay: -1s, -1.5s; -moz-animation-delay: -1s, -1.5s; -o-animation-delay: -1s, -1.5s; animation-delay: -1s, -1.5s; } .la-ball-circus > div:nth-child(4) { -webkit-animation-delay: -1.5s, -2s; -moz-animation-delay: -1.5s, -2s; -o-animation-delay: -1.5s, -2s; animation-delay: -1.5s, -2s; } .la-ball-circus > div:nth-child(5) { -webkit-animation-delay: -2s, -2.5s; -moz-animation-delay: -2s, -2.5s; -o-animation-delay: -2s, -2.5s; animation-delay: -2s, -2.5s; } .la-ball-circus.la-sm { width: 8px; height: 8px; } .la-ball-circus.la-sm > div { width: 8px; height: 8px; } .la-ball-circus.la-2x { width: 32px; height: 32px; } .la-ball-circus.la-2x > div { width: 32px; height: 32px; } .la-ball-circus.la-3x { width: 48px; height: 48px; } .la-ball-circus.la-3x > div { width: 48px; height: 48px; } @-webkit-keyframes ball-circus-position { 50% { left: 100%; } } @-moz-keyframes ball-circus-position { 50% { left: 100%; } } @-o-keyframes ball-circus-position { 50% { left: 100%; } } @keyframes ball-circus-position { 50% { left: 100%; } } @-webkit-keyframes ball-circus-size { 50% { -webkit-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3); } } @-moz-keyframes ball-circus-size { 50% { -moz-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3); } } @-o-keyframes ball-circus-size { 50% { -o-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3); } } @keyframes ball-circus-size { 50% { -webkit-transform: scale(0.3, 0.3); -moz-transform: scale(0.3, 0.3); -o-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3); } } .la-ball-climbing-dot, .la-ball-climbing-dot > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-climbing-dot { display: block; font-size: 0; color: #fff; } .la-ball-climbing-dot.la-dark { color: #333; } .la-ball-climbing-dot > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-climbing-dot { width: 42px; height: 32px; } .la-ball-climbing-dot > div:nth-child(1) { position: absolute; bottom: 32%; left: 18%; width: 14px; height: 14px; border-radius: 100%; -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation: ball-climbing-dot-jump 0.6s ease-in-out infinite; -moz-animation: ball-climbing-dot-jump 0.6s ease-in-out infinite; -o-animation: ball-climbing-dot-jump 0.6s ease-in-out infinite; animation: ball-climbing-dot-jump 0.6s ease-in-out infinite; } .la-ball-climbing-dot > div:not(:nth-child(1)) { position: absolute; top: 0; right: 0; width: 14px; height: 2px; border-radius: 0; -webkit-transform: translate(60%, 0); -moz-transform: translate(60%, 0); -ms-transform: translate(60%, 0); -o-transform: translate(60%, 0); transform: translate(60%, 0); -webkit-animation: ball-climbing-dot-steps 1.8s linear infinite; -moz-animation: ball-climbing-dot-steps 1.8s linear infinite; -o-animation: ball-climbing-dot-steps 1.8s linear infinite; animation: ball-climbing-dot-steps 1.8s linear infinite; } .la-ball-climbing-dot > div:not(:nth-child(1)):nth-child(2) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -o-animation-delay: 0ms; animation-delay: 0ms; } .la-ball-climbing-dot > div:not(:nth-child(1)):nth-child(3) { -webkit-animation-delay: -600ms; -moz-animation-delay: -600ms; -o-animation-delay: -600ms; animation-delay: -600ms; } .la-ball-climbing-dot > div:not(:nth-child(1)):nth-child(4) { -webkit-animation-delay: -1200ms; -moz-animation-delay: -1200ms; -o-animation-delay: -1200ms; animation-delay: -1200ms; } .la-ball-climbing-dot.la-sm { width: 20px; height: 16px; } .la-ball-climbing-dot.la-sm > div:nth-child(1) { width: 6px; height: 6px; } .la-ball-climbing-dot.la-sm > div:not(:nth-child(1)) { width: 6px; height: 1px; } .la-ball-climbing-dot.la-2x { width: 84px; height: 64px; } .la-ball-climbing-dot.la-2x > div:nth-child(1) { width: 28px; height: 28px; } .la-ball-climbing-dot.la-2x > div:not(:nth-child(1)) { width: 28px; height: 4px; } .la-ball-climbing-dot.la-3x { width: 126px; height: 96px; } .la-ball-climbing-dot.la-3x > div:nth-child(1) { width: 42px; height: 42px; } .la-ball-climbing-dot.la-3x > div:not(:nth-child(1)) { width: 42px; height: 6px; } @-webkit-keyframes ball-climbing-dot-jump { 0% { -webkit-transform: scale(1, 0.7); transform: scale(1, 0.7); } 20% { -webkit-transform: scale(0.7, 1.2); transform: scale(0.7, 1.2); } 40% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 50% { bottom: 125%; } 46% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 80% { -webkit-transform: scale(0.7, 1.2); transform: scale(0.7, 1.2); } 90% { -webkit-transform: scale(0.7, 1.2); transform: scale(0.7, 1.2); } 100% { -webkit-transform: scale(1, 0.7); transform: scale(1, 0.7); } } @-moz-keyframes ball-climbing-dot-jump { 0% { -moz-transform: scale(1, 0.7); transform: scale(1, 0.7); } 20% { -moz-transform: scale(0.7, 1.2); transform: scale(0.7, 1.2); } 40% { -moz-transform: scale(1, 1); transform: scale(1, 1); } 50% { bottom: 125%; } 46% { -moz-transform: scale(1, 1); transform: scale(1, 1); } 80% { -moz-transform: scale(0.7, 1.2); transform: scale(0.7, 1.2); } 90% { -moz-transform: scale(0.7, 1.2); transform: scale(0.7, 1.2); } 100% { -moz-transform: scale(1, 0.7); transform: scale(1, 0.7); } } @-o-keyframes ball-climbing-dot-jump { 0% { -o-transform: scale(1, 0.7); transform: scale(1, 0.7); } 20% { -o-transform: scale(0.7, 1.2); transform: scale(0.7, 1.2); } 40% { -o-transform: scale(1, 1); transform: scale(1, 1); } 50% { bottom: 125%; } 46% { -o-transform: scale(1, 1); transform: scale(1, 1); } 80% { -o-transform: scale(0.7, 1.2); transform: scale(0.7, 1.2); } 90% { -o-transform: scale(0.7, 1.2); transform: scale(0.7, 1.2); } 100% { -o-transform: scale(1, 0.7); transform: scale(1, 0.7); } } @keyframes ball-climbing-dot-jump { 0% { -webkit-transform: scale(1, 0.7); -moz-transform: scale(1, 0.7); -o-transform: scale(1, 0.7); transform: scale(1, 0.7); } 20% { -webkit-transform: scale(0.7, 1.2); -moz-transform: scale(0.7, 1.2); -o-transform: scale(0.7, 1.2); transform: scale(0.7, 1.2); } 40% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 50% { bottom: 125%; } 46% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 80% { -webkit-transform: scale(0.7, 1.2); -moz-transform: scale(0.7, 1.2); -o-transform: scale(0.7, 1.2); transform: scale(0.7, 1.2); } 90% { -webkit-transform: scale(0.7, 1.2); -moz-transform: scale(0.7, 1.2); -o-transform: scale(0.7, 1.2); transform: scale(0.7, 1.2); } 100% { -webkit-transform: scale(1, 0.7); -moz-transform: scale(1, 0.7); -o-transform: scale(1, 0.7); transform: scale(1, 0.7); } } @-webkit-keyframes ball-climbing-dot-steps { 0% { top: 0; right: 0; opacity: 0; } 50% { opacity: 1; } 100% { top: 100%; right: 100%; opacity: 0; } } @-moz-keyframes ball-climbing-dot-steps { 0% { top: 0; right: 0; opacity: 0; } 50% { opacity: 1; } 100% { top: 100%; right: 100%; opacity: 0; } } @-o-keyframes ball-climbing-dot-steps { 0% { top: 0; right: 0; opacity: 0; } 50% { opacity: 1; } 100% { top: 100%; right: 100%; opacity: 0; } } @keyframes ball-climbing-dot-steps { 0% { top: 0; right: 0; opacity: 0; } 50% { opacity: 1; } 100% { top: 100%; right: 100%; opacity: 0; } } .la-ball-clip-rotate-multiple, .la-ball-clip-rotate-multiple > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-clip-rotate-multiple { display: block; font-size: 0; color: #fff; } .la-ball-clip-rotate-multiple.la-dark { color: #333; } .la-ball-clip-rotate-multiple > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-clip-rotate-multiple { width: 32px; height: 32px; } .la-ball-clip-rotate-multiple > div { position: absolute; top: 50%; left: 50%; background: transparent; border-style: solid; border-width: 2px; border-radius: 100%; -webkit-animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite; -moz-animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite; -o-animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite; animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite; } .la-ball-clip-rotate-multiple > div:first-child { position: absolute; width: 32px; height: 32px; border-right-color: transparent; border-left-color: transparent; } .la-ball-clip-rotate-multiple > div:last-child { width: 16px; height: 16px; border-top-color: transparent; border-bottom-color: transparent; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-direction: reverse; -moz-animation-direction: reverse; -o-animation-direction: reverse; animation-direction: reverse; } .la-ball-clip-rotate-multiple.la-sm { width: 16px; height: 16px; } .la-ball-clip-rotate-multiple.la-sm > div { border-width: 1px; } .la-ball-clip-rotate-multiple.la-sm > div:first-child { width: 16px; height: 16px; } .la-ball-clip-rotate-multiple.la-sm > div:last-child { width: 8px; height: 8px; } .la-ball-clip-rotate-multiple.la-2x { width: 64px; height: 64px; } .la-ball-clip-rotate-multiple.la-2x > div { border-width: 4px; } .la-ball-clip-rotate-multiple.la-2x > div:first-child { width: 64px; height: 64px; } .la-ball-clip-rotate-multiple.la-2x > div:last-child { width: 32px; height: 32px; } .la-ball-clip-rotate-multiple.la-3x { width: 96px; height: 96px; } .la-ball-clip-rotate-multiple.la-3x > div { border-width: 6px; } .la-ball-clip-rotate-multiple.la-3x > div:first-child { width: 96px; height: 96px; } .la-ball-clip-rotate-multiple.la-3x > div:last-child { width: 48px; height: 48px; } @-webkit-keyframes ball-clip-rotate-multiple-rotate { 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 50% { -webkit-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } 100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } @-moz-keyframes ball-clip-rotate-multiple-rotate { 0% { -moz-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 50% { -moz-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } 100% { -moz-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } @-o-keyframes ball-clip-rotate-multiple-rotate { 0% { -o-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 50% { -o-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } 100% { -o-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } @keyframes ball-clip-rotate-multiple-rotate { 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); -moz-transform: translate(-50%, -50%) rotate(0deg); -o-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 50% { -webkit-transform: translate(-50%, -50%) rotate(180deg); -moz-transform: translate(-50%, -50%) rotate(180deg); -o-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } 100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); -moz-transform: translate(-50%, -50%) rotate(360deg); -o-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } .la-ball-clip-rotate-pulse, .la-ball-clip-rotate-pulse > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-clip-rotate-pulse { display: block; font-size: 0; color: #fff; } .la-ball-clip-rotate-pulse.la-dark { color: #333; } .la-ball-clip-rotate-pulse > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-clip-rotate-pulse { width: 32px; height: 32px; } .la-ball-clip-rotate-pulse > div { position: absolute; top: 50%; left: 50%; border-radius: 100%; } .la-ball-clip-rotate-pulse > div:first-child { position: absolute; width: 32px; height: 32px; background: transparent; border-style: solid; border-width: 2px; border-right-color: transparent; border-left-color: transparent; -webkit-animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; -moz-animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; -o-animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } .la-ball-clip-rotate-pulse > div:last-child { width: 16px; height: 16px; -webkit-animation: ball-clip-rotate-pulse-scale 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; -moz-animation: ball-clip-rotate-pulse-scale 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; -o-animation: ball-clip-rotate-pulse-scale 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: ball-clip-rotate-pulse-scale 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } .la-ball-clip-rotate-pulse.la-sm { width: 16px; height: 16px; } .la-ball-clip-rotate-pulse.la-sm > div:first-child { width: 16px; height: 16px; border-width: 1px; } .la-ball-clip-rotate-pulse.la-sm > div:last-child { width: 8px; height: 8px; } .la-ball-clip-rotate-pulse.la-2x { width: 64px; height: 64px; } .la-ball-clip-rotate-pulse.la-2x > div:first-child { width: 64px; height: 64px; border-width: 4px; } .la-ball-clip-rotate-pulse.la-2x > div:last-child { width: 32px; height: 32px; } .la-ball-clip-rotate-pulse.la-3x { width: 96px; height: 96px; } .la-ball-clip-rotate-pulse.la-3x > div:first-child { width: 96px; height: 96px; border-width: 6px; } .la-ball-clip-rotate-pulse.la-3x > div:last-child { width: 48px; height: 48px; } @-webkit-keyframes ball-clip-rotate-pulse-rotate { 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 50% { -webkit-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } 100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } @-moz-keyframes ball-clip-rotate-pulse-rotate { 0% { -moz-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 50% { -moz-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } 100% { -moz-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } @-o-keyframes ball-clip-rotate-pulse-rotate { 0% { -o-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 50% { -o-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } 100% { -o-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } @keyframes ball-clip-rotate-pulse-rotate { 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); -moz-transform: translate(-50%, -50%) rotate(0deg); -o-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 50% { -webkit-transform: translate(-50%, -50%) rotate(180deg); -moz-transform: translate(-50%, -50%) rotate(180deg); -o-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } 100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); -moz-transform: translate(-50%, -50%) rotate(360deg); -o-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } @-webkit-keyframes ball-clip-rotate-pulse-scale { 0%, 100% { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 30% { opacity: 0.3; -webkit-transform: translate(-50%, -50%) scale(0.15); transform: translate(-50%, -50%) scale(0.15); } } @-moz-keyframes ball-clip-rotate-pulse-scale { 0%, 100% { opacity: 1; -moz-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 30% { opacity: 0.3; -moz-transform: translate(-50%, -50%) scale(0.15); transform: translate(-50%, -50%) scale(0.15); } } @-o-keyframes ball-clip-rotate-pulse-scale { 0%, 100% { opacity: 1; -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 30% { opacity: 0.3; -o-transform: translate(-50%, -50%) scale(0.15); transform: translate(-50%, -50%) scale(0.15); } } @keyframes ball-clip-rotate-pulse-scale { 0%, 100% { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 30% { opacity: 0.3; -webkit-transform: translate(-50%, -50%) scale(0.15); -moz-transform: translate(-50%, -50%) scale(0.15); -o-transform: translate(-50%, -50%) scale(0.15); transform: translate(-50%, -50%) scale(0.15); } } .la-ball-clip-rotate, .la-ball-clip-rotate > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-clip-rotate { display: block; font-size: 0; color: #fff; } .la-ball-clip-rotate.la-dark { color: #333; } .la-ball-clip-rotate > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-clip-rotate { width: 32px; height: 32px; } .la-ball-clip-rotate > div { width: 32px; height: 32px; background: transparent; border-width: 2px; border-bottom-color: transparent; border-radius: 100%; -webkit-animation: ball-clip-rotate 0.75s linear infinite; -moz-animation: ball-clip-rotate 0.75s linear infinite; -o-animation: ball-clip-rotate 0.75s linear infinite; animation: ball-clip-rotate 0.75s linear infinite; } .la-ball-clip-rotate.la-sm { width: 16px; height: 16px; } .la-ball-clip-rotate.la-sm > div { width: 16px; height: 16px; border-width: 1px; } .la-ball-clip-rotate.la-2x { width: 64px; height: 64px; } .la-ball-clip-rotate.la-2x > div { width: 64px; height: 64px; border-width: 4px; } .la-ball-clip-rotate.la-3x { width: 96px; height: 96px; } .la-ball-clip-rotate.la-3x > div { width: 96px; height: 96px; border-width: 6px; } @-webkit-keyframes ball-clip-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes ball-clip-rotate { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 50% { -moz-transform: rotate(180deg); transform: rotate(180deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes ball-clip-rotate { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 50% { -o-transform: rotate(180deg); transform: rotate(180deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes ball-clip-rotate { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .la-ball-elastic-dots, .la-ball-elastic-dots > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-elastic-dots { display: block; font-size: 0; color: #fff; } .la-ball-elastic-dots.la-dark { color: #333; } .la-ball-elastic-dots > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-elastic-dots { width: 120px; height: 10px; font-size: 0; text-align: center; } .la-ball-elastic-dots > div { display: inline-block; width: 10px; height: 10px; white-space: nowrap; border-radius: 100%; -webkit-animation: ball-elastic-dots-anim 1s infinite; -moz-animation: ball-elastic-dots-anim 1s infinite; -o-animation: ball-elastic-dots-anim 1s infinite; animation: ball-elastic-dots-anim 1s infinite; } .la-ball-elastic-dots.la-sm { width: 60px; height: 4px; } .la-ball-elastic-dots.la-sm > div { width: 4px; height: 4px; } .la-ball-elastic-dots.la-2x { width: 240px; height: 20px; } .la-ball-elastic-dots.la-2x > div { width: 20px; height: 20px; } .la-ball-elastic-dots.la-3x { width: 360px; height: 30px; } .la-ball-elastic-dots.la-3x > div { width: 30px; height: 30px; } @-webkit-keyframes ball-elastic-dots-anim { 0%, 100% { margin: 0; -webkit-transform: scale(1); transform: scale(1); } 50% { margin: 0 5%; -webkit-transform: scale(0.65); transform: scale(0.65); } } @-moz-keyframes ball-elastic-dots-anim { 0%, 100% { margin: 0; -moz-transform: scale(1); transform: scale(1); } 50% { margin: 0 5%; -moz-transform: scale(0.65); transform: scale(0.65); } } @-o-keyframes ball-elastic-dots-anim { 0%, 100% { margin: 0; -o-transform: scale(1); transform: scale(1); } 50% { margin: 0 5%; -o-transform: scale(0.65); transform: scale(0.65); } } @keyframes ball-elastic-dots-anim { 0%, 100% { margin: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 50% { margin: 0 5%; -webkit-transform: scale(0.65); -moz-transform: scale(0.65); -o-transform: scale(0.65); transform: scale(0.65); } } .la-ball-fall, .la-ball-fall > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-fall { display: block; font-size: 0; color: #fff; } .la-ball-fall.la-dark { color: #333; } .la-ball-fall > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-fall { width: 54px; height: 18px; } .la-ball-fall > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1s ease-in-out infinite; -moz-animation: ball-fall 1s ease-in-out infinite; -o-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { -webkit-animation-delay: -200ms; -moz-animation-delay: -200ms; -o-animation-delay: -200ms; animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { -webkit-animation-delay: -100ms; -moz-animation-delay: -100ms; -o-animation-delay: -100ms; animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -o-animation-delay: 0ms; animation-delay: 0ms; } .la-ball-fall.la-sm { width: 26px; height: 8px; } .la-ball-fall.la-sm > div { width: 4px; height: 4px; margin: 2px; } .la-ball-fall.la-2x { width: 108px; height: 36px; } .la-ball-fall.la-2x > div { width: 20px; height: 20px; margin: 8px; } .la-ball-fall.la-3x { width: 162px; height: 54px; } .la-ball-fall.la-3x > div { width: 30px; height: 30px; margin: 12px; } @-webkit-keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: 0.5; } 20% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 90% { opacity: 0.5; } 100% { opacity: 0; -webkit-transform: translateY(145%); transform: translateY(145%); } } @-moz-keyframes ball-fall { 0% { opacity: 0; -moz-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: 0.5; } 20% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 90% { opacity: 0.5; } 100% { opacity: 0; -moz-transform: translateY(145%); transform: translateY(145%); } } @-o-keyframes ball-fall { 0% { opacity: 0; -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: 0.5; } 20% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: 0.5; } 100% { opacity: 0; -o-transform: translateY(145%); transform: translateY(145%); } } @keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); -moz-transform: translateY(-145%); -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: 0.5; } 20% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: 0.5; } 100% { opacity: 0; -webkit-transform: translateY(145%); -moz-transform: translateY(145%); -o-transform: translateY(145%); transform: translateY(145%); } } .la-ball-fussion, .la-ball-fussion > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-fussion { display: block; font-size: 0; color: #fff; } .la-ball-fussion.la-dark { color: #333; } .la-ball-fussion > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-fussion { width: 8px; height: 8px; } .la-ball-fussion > div { position: absolute; width: 12px; height: 12px; border-radius: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: ball-fussion-ball1 1s 0s ease infinite; -moz-animation: ball-fussion-ball1 1s 0s ease infinite; -o-animation: ball-fussion-ball1 1s 0s ease infinite; animation: ball-fussion-ball1 1s 0s ease infinite; } .la-ball-fussion > div:nth-child(1) { top: 0; left: 50%; z-index: 1; } .la-ball-fussion > div:nth-child(2) { top: 50%; left: 100%; z-index: 2; -webkit-animation-name: ball-fussion-ball2; -moz-animation-name: ball-fussion-ball2; -o-animation-name: ball-fussion-ball2; animation-name: ball-fussion-ball2; } .la-ball-fussion > div:nth-child(3) { top: 100%; left: 50%; z-index: 1; -webkit-animation-name: ball-fussion-ball3; -moz-animation-name: ball-fussion-ball3; -o-animation-name: ball-fussion-ball3; animation-name: ball-fussion-ball3; } .la-ball-fussion > div:nth-child(4) { top: 50%; left: 0; z-index: 2; -webkit-animation-name: ball-fussion-ball4; -moz-animation-name: ball-fussion-ball4; -o-animation-name: ball-fussion-ball4; animation-name: ball-fussion-ball4; } .la-ball-fussion.la-sm { width: 4px; height: 4px; } .la-ball-fussion.la-sm > div { width: 6px; height: 6px; } .la-ball-fussion.la-2x { width: 16px; height: 16px; } .la-ball-fussion.la-2x > div { width: 24px; height: 24px; } .la-ball-fussion.la-3x { width: 24px; height: 24px; } .la-ball-fussion.la-3x > div { width: 36px; height: 36px; } @-webkit-keyframes ball-fussion-ball1 { 0% { opacity: 0.35; } 50% { top: -100%; left: 200%; opacity: 1; } 100% { top: 50%; left: 100%; z-index: 2; opacity: 0.35; } } @-moz-keyframes ball-fussion-ball1 { 0% { opacity: 0.35; } 50% { top: -100%; left: 200%; opacity: 1; } 100% { top: 50%; left: 100%; z-index: 2; opacity: 0.35; } } @-o-keyframes ball-fussion-ball1 { 0% { opacity: 0.35; } 50% { top: -100%; left: 200%; opacity: 1; } 100% { top: 50%; left: 100%; z-index: 2; opacity: 0.35; } } @keyframes ball-fussion-ball1 { 0% { opacity: 0.35; } 50% { top: -100%; left: 200%; opacity: 1; } 100% { top: 50%; left: 100%; z-index: 2; opacity: 0.35; } } @-webkit-keyframes ball-fussion-ball2 { 0% { opacity: 0.35; } 50% { top: 200%; left: 200%; opacity: 1; } 100% { top: 100%; left: 50%; z-index: 1; opacity: 0.35; } } @-moz-keyframes ball-fussion-ball2 { 0% { opacity: 0.35; } 50% { top: 200%; left: 200%; opacity: 1; } 100% { top: 100%; left: 50%; z-index: 1; opacity: 0.35; } } @-o-keyframes ball-fussion-ball2 { 0% { opacity: 0.35; } 50% { top: 200%; left: 200%; opacity: 1; } 100% { top: 100%; left: 50%; z-index: 1; opacity: 0.35; } } @keyframes ball-fussion-ball2 { 0% { opacity: 0.35; } 50% { top: 200%; left: 200%; opacity: 1; } 100% { top: 100%; left: 50%; z-index: 1; opacity: 0.35; } } @-webkit-keyframes ball-fussion-ball3 { 0% { opacity: 0.35; } 50% { top: 200%; left: -100%; opacity: 1; } 100% { top: 50%; left: 0; z-index: 2; opacity: 0.35; } } @-moz-keyframes ball-fussion-ball3 { 0% { opacity: 0.35; } 50% { top: 200%; left: -100%; opacity: 1; } 100% { top: 50%; left: 0; z-index: 2; opacity: 0.35; } } @-o-keyframes ball-fussion-ball3 { 0% { opacity: 0.35; } 50% { top: 200%; left: -100%; opacity: 1; } 100% { top: 50%; left: 0; z-index: 2; opacity: 0.35; } } @keyframes ball-fussion-ball3 { 0% { opacity: 0.35; } 50% { top: 200%; left: -100%; opacity: 1; } 100% { top: 50%; left: 0; z-index: 2; opacity: 0.35; } } @-webkit-keyframes ball-fussion-ball4 { 0% { opacity: 0.35; } 50% { top: -100%; left: -100%; opacity: 1; } 100% { top: 0; left: 50%; z-index: 1; opacity: 0.35; } } @-moz-keyframes ball-fussion-ball4 { 0% { opacity: 0.35; } 50% { top: -100%; left: -100%; opacity: 1; } 100% { top: 0; left: 50%; z-index: 1; opacity: 0.35; } } @-o-keyframes ball-fussion-ball4 { 0% { opacity: 0.35; } 50% { top: -100%; left: -100%; opacity: 1; } 100% { top: 0; left: 50%; z-index: 1; opacity: 0.35; } } @keyframes ball-fussion-ball4 { 0% { opacity: 0.35; } 50% { top: -100%; left: -100%; opacity: 1; } 100% { top: 0; left: 50%; z-index: 1; opacity: 0.35; } } .la-ball-grid-beat, .la-ball-grid-beat > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-grid-beat { display: block; font-size: 0; color: #fff; } .la-ball-grid-beat.la-dark { color: #333; } .la-ball-grid-beat > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-grid-beat { width: 36px; height: 36px; } .la-ball-grid-beat > div { width: 8px; height: 8px; margin: 2px; border-radius: 100%; -webkit-animation-name: ball-grid-beat; -moz-animation-name: ball-grid-beat; -o-animation-name: ball-grid-beat; animation-name: ball-grid-beat; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; } .la-ball-grid-beat > div:nth-child(1) { -webkit-animation-duration: 0.65s; -moz-animation-duration: 0.65s; -o-animation-duration: 0.65s; animation-duration: 0.65s; -webkit-animation-delay: 0.03s; -moz-animation-delay: 0.03s; -o-animation-delay: 0.03s; animation-delay: 0.03s; } .la-ball-grid-beat > div:nth-child(2) { -webkit-animation-duration: 1.02s; -moz-animation-duration: 1.02s; -o-animation-duration: 1.02s; animation-duration: 1.02s; -webkit-animation-delay: 0.09s; -moz-animation-delay: 0.09s; -o-animation-delay: 0.09s; animation-delay: 0.09s; } .la-ball-grid-beat > div:nth-child(3) { -webkit-animation-duration: 1.06s; -moz-animation-duration: 1.06s; -o-animation-duration: 1.06s; animation-duration: 1.06s; -webkit-animation-delay: -0.69s; -moz-animation-delay: -0.69s; -o-animation-delay: -0.69s; animation-delay: -0.69s; } .la-ball-grid-beat > div:nth-child(4) { -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: -0.41s; -moz-animation-delay: -0.41s; -o-animation-delay: -0.41s; animation-delay: -0.41s; } .la-ball-grid-beat > div:nth-child(5) { -webkit-animation-duration: 1.6s; -moz-animation-duration: 1.6s; -o-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-delay: 0.04s; -moz-animation-delay: 0.04s; -o-animation-delay: 0.04s; animation-delay: 0.04s; } .la-ball-grid-beat > div:nth-child(6) { -webkit-animation-duration: 0.84s; -moz-animation-duration: 0.84s; -o-animation-duration: 0.84s; animation-duration: 0.84s; -webkit-animation-delay: 0.07s; -moz-animation-delay: 0.07s; -o-animation-delay: 0.07s; animation-delay: 0.07s; } .la-ball-grid-beat > div:nth-child(7) { -webkit-animation-duration: 0.68s; -moz-animation-duration: 0.68s; -o-animation-duration: 0.68s; animation-duration: 0.68s; -webkit-animation-delay: -0.66s; -moz-animation-delay: -0.66s; -o-animation-delay: -0.66s; animation-delay: -0.66s; } .la-ball-grid-beat > div:nth-child(8) { -webkit-animation-duration: 0.93s; -moz-animation-duration: 0.93s; -o-animation-duration: 0.93s; animation-duration: 0.93s; -webkit-animation-delay: -0.76s; -moz-animation-delay: -0.76s; -o-animation-delay: -0.76s; animation-delay: -0.76s; } .la-ball-grid-beat > div:nth-child(9) { -webkit-animation-duration: 1.24s; -moz-animation-duration: 1.24s; -o-animation-duration: 1.24s; animation-duration: 1.24s; -webkit-animation-delay: -0.76s; -moz-animation-delay: -0.76s; -o-animation-delay: -0.76s; animation-delay: -0.76s; } .la-ball-grid-beat.la-sm { width: 18px; height: 18px; } .la-ball-grid-beat.la-sm > div { width: 4px; height: 4px; margin: 1px; } .la-ball-grid-beat.la-2x { width: 72px; height: 72px; } .la-ball-grid-beat.la-2x > div { width: 16px; height: 16px; margin: 4px; } .la-ball-grid-beat.la-3x { width: 108px; height: 108px; } .la-ball-grid-beat.la-3x > div { width: 24px; height: 24px; margin: 6px; } @-webkit-keyframes ball-grid-beat { 0% { opacity: 1; } 50% { opacity: 0.35; } 100% { opacity: 1; } } @-moz-keyframes ball-grid-beat { 0% { opacity: 1; } 50% { opacity: 0.35; } 100% { opacity: 1; } } @-o-keyframes ball-grid-beat { 0% { opacity: 1; } 50% { opacity: 0.35; } 100% { opacity: 1; } } @keyframes ball-grid-beat { 0% { opacity: 1; } 50% { opacity: 0.35; } 100% { opacity: 1; } } .la-ball-grid-pulse, .la-ball-grid-pulse > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-grid-pulse { display: block; font-size: 0; color: #fff; } .la-ball-grid-pulse.la-dark { color: #333; } .la-ball-grid-pulse > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-grid-pulse { width: 36px; height: 36px; } .la-ball-grid-pulse > div { width: 8px; height: 8px; margin: 2px; border-radius: 100%; -webkit-animation-name: ball-grid-pulse; -moz-animation-name: ball-grid-pulse; -o-animation-name: ball-grid-pulse; animation-name: ball-grid-pulse; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; } .la-ball-grid-pulse > div:nth-child(1) { -webkit-animation-duration: 0.65s; -moz-animation-duration: 0.65s; -o-animation-duration: 0.65s; animation-duration: 0.65s; -webkit-animation-delay: 0.03s; -moz-animation-delay: 0.03s; -o-animation-delay: 0.03s; animation-delay: 0.03s; } .la-ball-grid-pulse > div:nth-child(2) { -webkit-animation-duration: 1.02s; -moz-animation-duration: 1.02s; -o-animation-duration: 1.02s; animation-duration: 1.02s; -webkit-animation-delay: 0.09s; -moz-animation-delay: 0.09s; -o-animation-delay: 0.09s; animation-delay: 0.09s; } .la-ball-grid-pulse > div:nth-child(3) { -webkit-animation-duration: 1.06s; -moz-animation-duration: 1.06s; -o-animation-duration: 1.06s; animation-duration: 1.06s; -webkit-animation-delay: -0.69s; -moz-animation-delay: -0.69s; -o-animation-delay: -0.69s; animation-delay: -0.69s; } .la-ball-grid-pulse > div:nth-child(4) { -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: -0.41s; -moz-animation-delay: -0.41s; -o-animation-delay: -0.41s; animation-delay: -0.41s; } .la-ball-grid-pulse > div:nth-child(5) { -webkit-animation-duration: 1.6s; -moz-animation-duration: 1.6s; -o-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-delay: 0.04s; -moz-animation-delay: 0.04s; -o-animation-delay: 0.04s; animation-delay: 0.04s; } .la-ball-grid-pulse > div:nth-child(6) { -webkit-animation-duration: 0.84s; -moz-animation-duration: 0.84s; -o-animation-duration: 0.84s; animation-duration: 0.84s; -webkit-animation-delay: 0.07s; -moz-animation-delay: 0.07s; -o-animation-delay: 0.07s; animation-delay: 0.07s; } .la-ball-grid-pulse > div:nth-child(7) { -webkit-animation-duration: 0.68s; -moz-animation-duration: 0.68s; -o-animation-duration: 0.68s; animation-duration: 0.68s; -webkit-animation-delay: -0.66s; -moz-animation-delay: -0.66s; -o-animation-delay: -0.66s; animation-delay: -0.66s; } .la-ball-grid-pulse > div:nth-child(8) { -webkit-animation-duration: 0.93s; -moz-animation-duration: 0.93s; -o-animation-duration: 0.93s; animation-duration: 0.93s; -webkit-animation-delay: -0.76s; -moz-animation-delay: -0.76s; -o-animation-delay: -0.76s; animation-delay: -0.76s; } .la-ball-grid-pulse > div:nth-child(9) { -webkit-animation-duration: 1.24s; -moz-animation-duration: 1.24s; -o-animation-duration: 1.24s; animation-duration: 1.24s; -webkit-animation-delay: -0.76s; -moz-animation-delay: -0.76s; -o-animation-delay: -0.76s; animation-delay: -0.76s; } .la-ball-grid-pulse.la-sm { width: 18px; height: 18px; } .la-ball-grid-pulse.la-sm > div { width: 4px; height: 4px; margin: 1px; } .la-ball-grid-pulse.la-2x { width: 72px; height: 72px; } .la-ball-grid-pulse.la-2x > div { width: 16px; height: 16px; margin: 4px; } .la-ball-grid-pulse.la-3x { width: 108px; height: 108px; } .la-ball-grid-pulse.la-3x > div { width: 24px; height: 24px; margin: 6px; } @-webkit-keyframes ball-grid-pulse { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0.35; -webkit-transform: scale(0.45); transform: scale(0.45); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes ball-grid-pulse { 0% { opacity: 1; -moz-transform: scale(1); transform: scale(1); } 50% { opacity: 0.35; -moz-transform: scale(0.45); transform: scale(0.45); } 100% { opacity: 1; -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes ball-grid-pulse { 0% { opacity: 1; -o-transform: scale(1); transform: scale(1); } 50% { opacity: 0.35; -o-transform: scale(0.45); transform: scale(0.45); } 100% { opacity: 1; -o-transform: scale(1); transform: scale(1); } } @keyframes ball-grid-pulse { 0% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 50% { opacity: 0.35; -webkit-transform: scale(0.45); -moz-transform: scale(0.45); -o-transform: scale(0.45); transform: scale(0.45); } 100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .la-ball-newton-cradle, .la-ball-newton-cradle > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-newton-cradle { display: block; font-size: 0; color: #fff; } .la-ball-newton-cradle.la-dark { color: #333; } .la-ball-newton-cradle > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-newton-cradle { width: 40px; height: 10px; } .la-ball-newton-cradle > div { width: 10px; height: 10px; border-radius: 100%; } .la-ball-newton-cradle > div:first-child { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); -webkit-animation: ball-newton-cradle-left 1s 0s ease-out infinite; -moz-animation: ball-newton-cradle-left 1s 0s ease-out infinite; -o-animation: ball-newton-cradle-left 1s 0s ease-out infinite; animation: ball-newton-cradle-left 1s 0s ease-out infinite; } .la-ball-newton-cradle > div:last-child { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); -webkit-animation: ball-newton-cradle-right 1s 0s ease-out infinite; -moz-animation: ball-newton-cradle-right 1s 0s ease-out infinite; -o-animation: ball-newton-cradle-right 1s 0s ease-out infinite; animation: ball-newton-cradle-right 1s 0s ease-out infinite; } .la-ball-newton-cradle.la-sm { width: 20px; height: 4px; } .la-ball-newton-cradle.la-sm > div { width: 4px; height: 4px; } .la-ball-newton-cradle.la-2x { width: 80px; height: 20px; } .la-ball-newton-cradle.la-2x > div { width: 20px; height: 20px; } .la-ball-newton-cradle.la-3x { width: 120px; height: 30px; } .la-ball-newton-cradle.la-3x > div { width: 30px; height: 30px; } @-webkit-keyframes ball-newton-cradle-left { 25% { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @-moz-keyframes ball-newton-cradle-left { 25% { -moz-transform: translateX(-100%); transform: translateX(-100%); -moz-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -moz-transform: translateX(0%); transform: translateX(0%); } } @-o-keyframes ball-newton-cradle-left { 25% { -o-transform: translateX(-100%); transform: translateX(-100%); -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -o-transform: translateX(0%); transform: translateX(0%); } } @keyframes ball-newton-cradle-left { 25% { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes ball-newton-cradle-right { 50% { -webkit-transform: translateX(0%); transform: translateX(0%); } 75% { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @-moz-keyframes ball-newton-cradle-right { 50% { -moz-transform: translateX(0%); transform: translateX(0%); } 75% { -moz-transform: translateX(100%); transform: translateX(100%); -moz-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -moz-transform: translateX(0%); transform: translateX(0%); } } @-o-keyframes ball-newton-cradle-right { 50% { -o-transform: translateX(0%); transform: translateX(0%); } 75% { -o-transform: translateX(100%); transform: translateX(100%); -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -o-transform: translateX(0%); transform: translateX(0%); } } @keyframes ball-newton-cradle-right { 50% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 75% { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } .la-ball-pulse-rise, .la-ball-pulse-rise > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-pulse-rise { display: block; font-size: 0; color: #fff; } .la-ball-pulse-rise.la-dark { color: #333; } .la-ball-pulse-rise > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-pulse-rise { width: 70px; height: 14px; } .la-ball-pulse-rise > div { width: 10px; height: 10px; margin: 2px; border-radius: 100%; -webkit-animation: ball-pulse-rise-even 1s cubic-bezier(0.15, 0.36, 0.9, 0.6) 0s infinite; -moz-animation: ball-pulse-rise-even 1s cubic-bezier(0.15, 0.36, 0.9, 0.6) 0s infinite; -o-animation: ball-pulse-rise-even 1s cubic-bezier(0.15, 0.36, 0.9, 0.6) 0s infinite; animation: ball-pulse-rise-even 1s cubic-bezier(0.15, 0.36, 0.9, 0.6) 0s infinite; } .la-ball-pulse-rise > div:nth-child(2n-1) { -webkit-animation-name: ball-pulse-rise-odd; -moz-animation-name: ball-pulse-rise-odd; -o-animation-name: ball-pulse-rise-odd; animation-name: ball-pulse-rise-odd; } .la-ball-pulse-rise.la-sm { width: 34px; height: 6px; } .la-ball-pulse-rise.la-sm > div { width: 4px; height: 4px; margin: 1px; } .la-ball-pulse-rise.la-2x { width: 140px; height: 28px; } .la-ball-pulse-rise.la-2x > div { width: 20px; height: 20px; margin: 4px; } .la-ball-pulse-rise.la-3x { width: 210px; height: 42px; } .la-ball-pulse-rise.la-3x > div { width: 30px; height: 30px; margin: 6px; } @-webkit-keyframes ball-pulse-rise-even { 0% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 25% { -webkit-transform: translateY(-200%); transform: translateY(-200%); } 50% { opacity: 0.35; -webkit-transform: scale(0.3); transform: scale(0.3); } 75% { -webkit-transform: translateY(200%); transform: translateY(200%); } 100% { opacity: 1; -webkit-transform: translateY(0); -webkit-transform: scale(1); transform: translateY(0); transform: scale(1); } } @-moz-keyframes ball-pulse-rise-even { 0% { opacity: 1; -moz-transform: scale(1.1); transform: scale(1.1); } 25% { -moz-transform: translateY(-200%); transform: translateY(-200%); } 50% { opacity: 0.35; -moz-transform: scale(0.3); transform: scale(0.3); } 75% { -moz-transform: translateY(200%); transform: translateY(200%); } 100% { opacity: 1; -moz-transform: translateY(0); -moz-transform: scale(1); transform: translateY(0); transform: scale(1); } } @-o-keyframes ball-pulse-rise-even { 0% { opacity: 1; -o-transform: scale(1.1); transform: scale(1.1); } 25% { -o-transform: translateY(-200%); transform: translateY(-200%); } 50% { opacity: 0.35; -o-transform: scale(0.3); transform: scale(0.3); } 75% { -o-transform: translateY(200%); transform: translateY(200%); } 100% { opacity: 1; -o-transform: translateY(0); -o-transform: scale(1); transform: translateY(0); transform: scale(1); } } @keyframes ball-pulse-rise-even { 0% { opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 25% { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -o-transform: translateY(-200%); transform: translateY(-200%); } 50% { opacity: 0.35; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); } 75% { -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%); } 100% { opacity: 1; -webkit-transform: translateY(0); -webkit-transform: scale(1); -moz-transform: translateY(0); -moz-transform: scale(1); -o-transform: translateY(0); -o-transform: scale(1); transform: translateY(0); transform: scale(1); } } @-webkit-keyframes ball-pulse-rise-odd { 0% { opacity: 0.35; -webkit-transform: scale(0.4); transform: scale(0.4); } 25% { -webkit-transform: translateY(200%); transform: translateY(200%); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: translateY(-200%); transform: translateY(-200%); } 100% { opacity: 0.35; -webkit-transform: translateY(0); -webkit-transform: scale(0.75); transform: translateY(0); transform: scale(0.75); } } @-moz-keyframes ball-pulse-rise-odd { 0% { opacity: 0.35; -moz-transform: scale(0.4); transform: scale(0.4); } 25% { -moz-transform: translateY(200%); transform: translateY(200%); } 50% { opacity: 1; -moz-transform: scale(1.1); transform: scale(1.1); } 75% { -moz-transform: translateY(-200%); transform: translateY(-200%); } 100% { opacity: 0.35; -moz-transform: translateY(0); -moz-transform: scale(0.75); transform: translateY(0); transform: scale(0.75); } } @-o-keyframes ball-pulse-rise-odd { 0% { opacity: 0.35; -o-transform: scale(0.4); transform: scale(0.4); } 25% { -o-transform: translateY(200%); transform: translateY(200%); } 50% { opacity: 1; -o-transform: scale(1.1); transform: scale(1.1); } 75% { -o-transform: translateY(-200%); transform: translateY(-200%); } 100% { opacity: 0.35; -o-transform: translateY(0); -o-transform: scale(0.75); transform: translateY(0); transform: scale(0.75); } } @keyframes ball-pulse-rise-odd { 0% { opacity: 0.35; -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); } 25% { -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%); } 50% { opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -o-transform: translateY(-200%); transform: translateY(-200%); } 100% { opacity: 0.35; -webkit-transform: translateY(0); -webkit-transform: scale(0.75); -moz-transform: translateY(0); -moz-transform: scale(0.75); -o-transform: translateY(0); -o-transform: scale(0.75); transform: translateY(0); transform: scale(0.75); } } .la-ball-pulse-sync, .la-ball-pulse-sync > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-pulse-sync { display: block; font-size: 0; color: #fff; } .la-ball-pulse-sync.la-dark { color: #333; } .la-ball-pulse-sync > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-pulse-sync { width: 54px; height: 18px; } .la-ball-pulse-sync > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; -webkit-animation: ball-pulse-sync 0.6s infinite ease-in-out; -moz-animation: ball-pulse-sync 0.6s infinite ease-in-out; -o-animation: ball-pulse-sync 0.6s infinite ease-in-out; animation: ball-pulse-sync 0.6s infinite ease-in-out; } .la-ball-pulse-sync > div:nth-child(1) { -webkit-animation-delay: -0.14s; -moz-animation-delay: -0.14s; -o-animation-delay: -0.14s; animation-delay: -0.14s; } .la-ball-pulse-sync > div:nth-child(2) { -webkit-animation-delay: -0.07s; -moz-animation-delay: -0.07s; -o-animation-delay: -0.07s; animation-delay: -0.07s; } .la-ball-pulse-sync > div:nth-child(3) { -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } .la-ball-pulse-sync.la-sm { width: 26px; height: 8px; } .la-ball-pulse-sync.la-sm > div { width: 4px; height: 4px; margin: 2px; } .la-ball-pulse-sync.la-2x { width: 108px; height: 36px; } .la-ball-pulse-sync.la-2x > div { width: 20px; height: 20px; margin: 8px; } .la-ball-pulse-sync.la-3x { width: 162px; height: 54px; } .la-ball-pulse-sync.la-3x > div { width: 30px; height: 30px; margin: 12px; } @-webkit-keyframes ball-pulse-sync { 33% { -webkit-transform: translateY(100%); transform: translateY(100%); } 66% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes ball-pulse-sync { 33% { -moz-transform: translateY(100%); transform: translateY(100%); } 66% { -moz-transform: translateY(-100%); transform: translateY(-100%); } 100% { -moz-transform: translateY(0); transform: translateY(0); } } @-o-keyframes ball-pulse-sync { 33% { -o-transform: translateY(100%); transform: translateY(100%); } 66% { -o-transform: translateY(-100%); transform: translateY(-100%); } 100% { -o-transform: translateY(0); transform: translateY(0); } } @keyframes ball-pulse-sync { 33% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } 66% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } .la-ball-pulse, .la-ball-pulse > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-pulse { display: block; font-size: 0; color: #fff; } .la-ball-pulse.la-dark { color: #333; } .la-ball-pulse > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-pulse { width: 54px; height: 18px; } .la-ball-pulse > div:nth-child(1) { -webkit-animation-delay: -200ms; -moz-animation-delay: -200ms; -o-animation-delay: -200ms; animation-delay: -200ms; } .la-ball-pulse > div:nth-child(2) { -webkit-animation-delay: -100ms; -moz-animation-delay: -100ms; -o-animation-delay: -100ms; animation-delay: -100ms; } .la-ball-pulse > div:nth-child(3) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -o-animation-delay: 0ms; animation-delay: 0ms; } .la-ball-pulse > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; -webkit-animation: ball-pulse 1s ease infinite; -moz-animation: ball-pulse 1s ease infinite; -o-animation: ball-pulse 1s ease infinite; animation: ball-pulse 1s ease infinite; } .la-ball-pulse.la-sm { width: 26px; height: 8px; } .la-ball-pulse.la-sm > div { width: 4px; height: 4px; margin: 2px; } .la-ball-pulse.la-2x { width: 108px; height: 36px; } .la-ball-pulse.la-2x > div { width: 20px; height: 20px; margin: 8px; } .la-ball-pulse.la-3x { width: 162px; height: 54px; } .la-ball-pulse.la-3x > div { width: 30px; height: 30px; margin: 12px; } @-webkit-keyframes ball-pulse { 0%, 60%, 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 30% { opacity: 0.1; -webkit-transform: scale(0.01); transform: scale(0.01); } } @-moz-keyframes ball-pulse { 0%, 60%, 100% { opacity: 1; -moz-transform: scale(1); transform: scale(1); } 30% { opacity: 0.1; -moz-transform: scale(0.01); transform: scale(0.01); } } @-o-keyframes ball-pulse { 0%, 60%, 100% { opacity: 1; -o-transform: scale(1); transform: scale(1); } 30% { opacity: 0.1; -o-transform: scale(0.01); transform: scale(0.01); } } @keyframes ball-pulse { 0%, 60%, 100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 30% { opacity: 0.1; -webkit-transform: scale(0.01); -moz-transform: scale(0.01); -o-transform: scale(0.01); transform: scale(0.01); } } .la-ball-rotate, .la-ball-rotate > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-rotate { display: block; font-size: 0; color: #fff; } .la-ball-rotate.la-dark { color: #333; } .la-ball-rotate > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-rotate { width: 10px; height: 10px; } .la-ball-rotate > div { width: 10px; height: 10px; border-radius: 100%; -webkit-animation: ball-rotate-animation 1s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; -moz-animation: ball-rotate-animation 1s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; -o-animation: ball-rotate-animation 1s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; animation: ball-rotate-animation 1s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; } .la-ball-rotate > div:before, .la-ball-rotate > div:after { position: absolute; width: inherit; height: inherit; margin: inherit; content: ''; background: currentColor; border-radius: inherit; opacity: 0.8; } .la-ball-rotate > div:before { top: 0; left: -150%; } .la-ball-rotate > div:after { top: 0; left: 150%; } .la-ball-rotate.la-sm { width: 4px; height: 4px; } .la-ball-rotate.la-sm > div { width: 4px; height: 4px; } .la-ball-rotate.la-2x { width: 20px; height: 20px; } .la-ball-rotate.la-2x > div { width: 20px; height: 20px; } .la-ball-rotate.la-3x { width: 30px; height: 30px; } .la-ball-rotate.la-3x > div { width: 30px; height: 30px; } @-webkit-keyframes ball-rotate-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes ball-rotate-animation { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 50% { -moz-transform: rotate(180deg); transform: rotate(180deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes ball-rotate-animation { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 50% { -o-transform: rotate(180deg); transform: rotate(180deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes ball-rotate-animation { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .la-ball-running-dots, .la-ball-running-dots > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-running-dots { display: block; font-size: 0; color: #fff; } .la-ball-running-dots.la-dark { color: #333; } .la-ball-running-dots > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-running-dots { width: 10px; height: 10px; } .la-ball-running-dots > div { position: absolute; width: 10px; height: 10px; margin-left: -25px; border-radius: 100%; -webkit-animation: ball-running-dots-animate 2s linear infinite; -moz-animation: ball-running-dots-animate 2s linear infinite; -o-animation: ball-running-dots-animate 2s linear infinite; animation: ball-running-dots-animate 2s linear infinite; } .la-ball-running-dots > div:nth-child(1) { -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } .la-ball-running-dots > div:nth-child(2) { -webkit-animation-delay: -0.4s; -moz-animation-delay: -0.4s; -o-animation-delay: -0.4s; animation-delay: -0.4s; } .la-ball-running-dots > div:nth-child(3) { -webkit-animation-delay: -0.8s; -moz-animation-delay: -0.8s; -o-animation-delay: -0.8s; animation-delay: -0.8s; } .la-ball-running-dots > div:nth-child(4) { -webkit-animation-delay: -1.2s; -moz-animation-delay: -1.2s; -o-animation-delay: -1.2s; animation-delay: -1.2s; } .la-ball-running-dots > div:nth-child(5) { -webkit-animation-delay: -1.6s; -moz-animation-delay: -1.6s; -o-animation-delay: -1.6s; animation-delay: -1.6s; } .la-ball-running-dots > div:nth-child(6) { -webkit-animation-delay: -2s; -moz-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; } .la-ball-running-dots > div:nth-child(7) { -webkit-animation-delay: -2.4s; -moz-animation-delay: -2.4s; -o-animation-delay: -2.4s; animation-delay: -2.4s; } .la-ball-running-dots > div:nth-child(8) { -webkit-animation-delay: -2.8s; -moz-animation-delay: -2.8s; -o-animation-delay: -2.8s; animation-delay: -2.8s; } .la-ball-running-dots > div:nth-child(9) { -webkit-animation-delay: -3.2s; -moz-animation-delay: -3.2s; -o-animation-delay: -3.2s; animation-delay: -3.2s; } .la-ball-running-dots > div:nth-child(10) { -webkit-animation-delay: -3.6s; -moz-animation-delay: -3.6s; -o-animation-delay: -3.6s; animation-delay: -3.6s; } .la-ball-running-dots.la-sm { width: 4px; height: 4px; } .la-ball-running-dots.la-sm > div { width: 4px; height: 4px; margin-left: -12px; } .la-ball-running-dots.la-2x { width: 20px; height: 20px; } .la-ball-running-dots.la-2x > div { width: 20px; height: 20px; margin-left: -50px; } .la-ball-running-dots.la-3x { width: 30px; height: 30px; } .la-ball-running-dots.la-3x > div { width: 30px; height: 30px; margin-left: -75px; } @-webkit-keyframes ball-running-dots-animate { 0%, 100% { width: 100%; height: 100%; -webkit-transform: translateY(0) translateX(500%); transform: translateY(0) translateX(500%); } 80% { -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } 85% { width: 100%; height: 100%; -webkit-transform: translateY(-125%) translateX(0); transform: translateY(-125%) translateX(0); } 90% { width: 200%; height: 75%; } 95% { width: 100%; height: 100%; -webkit-transform: translateY(-100%) translateX(500%); transform: translateY(-100%) translateX(500%); } } @-moz-keyframes ball-running-dots-animate { 0%, 100% { width: 100%; height: 100%; -moz-transform: translateY(0) translateX(500%); transform: translateY(0) translateX(500%); } 80% { -moz-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } 85% { width: 100%; height: 100%; -moz-transform: translateY(-125%) translateX(0); transform: translateY(-125%) translateX(0); } 90% { width: 200%; height: 75%; } 95% { width: 100%; height: 100%; -moz-transform: translateY(-100%) translateX(500%); transform: translateY(-100%) translateX(500%); } } @-o-keyframes ball-running-dots-animate { 0%, 100% { width: 100%; height: 100%; -o-transform: translateY(0) translateX(500%); transform: translateY(0) translateX(500%); } 80% { -o-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } 85% { width: 100%; height: 100%; -o-transform: translateY(-125%) translateX(0); transform: translateY(-125%) translateX(0); } 90% { width: 200%; height: 75%; } 95% { width: 100%; height: 100%; -o-transform: translateY(-100%) translateX(500%); transform: translateY(-100%) translateX(500%); } } @keyframes ball-running-dots-animate { 0%, 100% { width: 100%; height: 100%; -webkit-transform: translateY(0) translateX(500%); -moz-transform: translateY(0) translateX(500%); -o-transform: translateY(0) translateX(500%); transform: translateY(0) translateX(500%); } 80% { -webkit-transform: translateY(0) translateX(0); -moz-transform: translateY(0) translateX(0); -o-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } 85% { width: 100%; height: 100%; -webkit-transform: translateY(-125%) translateX(0); -moz-transform: translateY(-125%) translateX(0); -o-transform: translateY(-125%) translateX(0); transform: translateY(-125%) translateX(0); } 90% { width: 200%; height: 75%; } 95% { width: 100%; height: 100%; -webkit-transform: translateY(-100%) translateX(500%); -moz-transform: translateY(-100%) translateX(500%); -o-transform: translateY(-100%) translateX(500%); transform: translateY(-100%) translateX(500%); } } .la-ball-scale-multiple, .la-ball-scale-multiple > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-scale-multiple { display: block; font-size: 0; color: #fff; } .la-ball-scale-multiple.la-dark { color: #333; } .la-ball-scale-multiple > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-scale-multiple { width: 32px; height: 32px; } .la-ball-scale-multiple > div { position: absolute; top: 0; left: 0; width: 32px; height: 32px; border-radius: 100%; opacity: 0; -webkit-animation: ball-scale-multiple 1s 0s linear infinite; -moz-animation: ball-scale-multiple 1s 0s linear infinite; -o-animation: ball-scale-multiple 1s 0s linear infinite; animation: ball-scale-multiple 1s 0s linear infinite; } .la-ball-scale-multiple > div:nth-child(2) { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; } .la-ball-scale-multiple > div:nth-child(3) { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; } .la-ball-scale-multiple.la-sm { width: 16px; height: 16px; } .la-ball-scale-multiple.la-sm > div { width: 16px; height: 16px; } .la-ball-scale-multiple.la-2x { width: 64px; height: 64px; } .la-ball-scale-multiple.la-2x > div { width: 64px; height: 64px; } .la-ball-scale-multiple.la-3x { width: 96px; height: 96px; } .la-ball-scale-multiple.la-3x > div { width: 96px; height: 96px; } @-webkit-keyframes ball-scale-multiple { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 5% { opacity: 0.75; } 100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes ball-scale-multiple { 0% { opacity: 0; -moz-transform: scale(0); transform: scale(0); } 5% { opacity: 0.75; } 100% { opacity: 0; -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes ball-scale-multiple { 0% { opacity: 0; -o-transform: scale(0); transform: scale(0); } 5% { opacity: 0.75; } 100% { opacity: 0; -o-transform: scale(1); transform: scale(1); } } @keyframes ball-scale-multiple { 0% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 5% { opacity: 0.75; } 100% { opacity: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .la-ball-scale-pulse, .la-ball-scale-pulse > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-scale-pulse { display: block; font-size: 0; color: #fff; } .la-ball-scale-pulse.la-dark { color: #333; } .la-ball-scale-pulse > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-scale-pulse { width: 32px; height: 32px; } .la-ball-scale-pulse > div { position: absolute; top: 0; left: 0; width: 32px; height: 32px; border-radius: 100%; opacity: 0.5; -webkit-animation: ball-scale-pulse 2s infinite ease-in-out; -moz-animation: ball-scale-pulse 2s infinite ease-in-out; -o-animation: ball-scale-pulse 2s infinite ease-in-out; animation: ball-scale-pulse 2s infinite ease-in-out; } .la-ball-scale-pulse > div:last-child { -webkit-animation-delay: -1s; -moz-animation-delay: -1s; -o-animation-delay: -1s; animation-delay: -1s; } .la-ball-scale-pulse.la-sm { width: 16px; height: 16px; } .la-ball-scale-pulse.la-sm > div { width: 16px; height: 16px; } .la-ball-scale-pulse.la-2x { width: 64px; height: 64px; } .la-ball-scale-pulse.la-2x > div { width: 64px; height: 64px; } .la-ball-scale-pulse.la-3x { width: 96px; height: 96px; } .la-ball-scale-pulse.la-3x > div { width: 96px; height: 96px; } @-webkit-keyframes ball-scale-pulse { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes ball-scale-pulse { 0%, 100% { -moz-transform: scale(0); transform: scale(0); } 50% { -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes ball-scale-pulse { 0%, 100% { -o-transform: scale(0); transform: scale(0); } 50% { -o-transform: scale(1); transform: scale(1); } } @keyframes ball-scale-pulse { 0%, 100% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .la-ball-scale-ripple-multiple, .la-ball-scale-ripple-multiple > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-scale-ripple-multiple { display: block; font-size: 0; color: #fff; } .la-ball-scale-ripple-multiple.la-dark { color: #333; } .la-ball-scale-ripple-multiple > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-scale-ripple-multiple { width: 32px; height: 32px; } .la-ball-scale-ripple-multiple > div { position: absolute; top: 0; left: 0; width: 32px; height: 32px; background: transparent; border-width: 2px; border-radius: 100%; opacity: 0; -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); -moz-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); -o-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); } .la-ball-scale-ripple-multiple > div:nth-child(1) { -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } .la-ball-scale-ripple-multiple > div:nth-child(2) { -webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; -o-animation-delay: 0.25s; animation-delay: 0.25s; } .la-ball-scale-ripple-multiple > div:nth-child(3) { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; } .la-ball-scale-ripple-multiple.la-sm { width: 16px; height: 16px; } .la-ball-scale-ripple-multiple.la-sm > div { width: 16px; height: 16px; border-width: 1px; } .la-ball-scale-ripple-multiple.la-2x { width: 64px; height: 64px; } .la-ball-scale-ripple-multiple.la-2x > div { width: 64px; height: 64px; border-width: 4px; } .la-ball-scale-ripple-multiple.la-3x { width: 96px; height: 96px; } .la-ball-scale-ripple-multiple.la-3x > div { width: 96px; height: 96px; border-width: 6px; } @-webkit-keyframes ball-scale-ripple-multiple { 0% { opacity: 1; -webkit-transform: scale(0.1); transform: scale(0.1); } 70% { opacity: 0.5; -webkit-transform: scale(1); transform: scale(1); } 95% { opacity: 0; } } @-moz-keyframes ball-scale-ripple-multiple { 0% { opacity: 1; -moz-transform: scale(0.1); transform: scale(0.1); } 70% { opacity: 0.5; -moz-transform: scale(1); transform: scale(1); } 95% { opacity: 0; } } @-o-keyframes ball-scale-ripple-multiple { 0% { opacity: 1; -o-transform: scale(0.1); transform: scale(0.1); } 70% { opacity: 0.5; -o-transform: scale(1); transform: scale(1); } 95% { opacity: 0; } } @keyframes ball-scale-ripple-multiple { 0% { opacity: 1; -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1); } 70% { opacity: 0.5; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 95% { opacity: 0; } } .la-ball-scale-ripple, .la-ball-scale-ripple > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-scale-ripple { display: block; font-size: 0; color: #fff; } .la-ball-scale-ripple.la-dark { color: #333; } .la-ball-scale-ripple > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-scale-ripple { width: 32px; height: 32px; } .la-ball-scale-ripple > div { width: 32px; height: 32px; background: transparent; border-width: 2px; border-radius: 100%; opacity: 0; -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); -moz-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); -o-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); } .la-ball-scale-ripple.la-sm { width: 16px; height: 16px; } .la-ball-scale-ripple.la-sm > div { width: 16px; height: 16px; border-width: 1px; } .la-ball-scale-ripple.la-2x { width: 64px; height: 64px; } .la-ball-scale-ripple.la-2x > div { width: 64px; height: 64px; border-width: 4px; } .la-ball-scale-ripple.la-3x { width: 96px; height: 96px; } .la-ball-scale-ripple.la-3x > div { width: 96px; height: 96px; border-width: 6px; } @-webkit-keyframes ball-scale-ripple { 0% { opacity: 1; -webkit-transform: scale(0.1); transform: scale(0.1); } 70% { opacity: 0.65; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; } } @-moz-keyframes ball-scale-ripple { 0% { opacity: 1; -moz-transform: scale(0.1); transform: scale(0.1); } 70% { opacity: 0.65; -moz-transform: scale(1); transform: scale(1); } 100% { opacity: 0; } } @-o-keyframes ball-scale-ripple { 0% { opacity: 1; -o-transform: scale(0.1); transform: scale(0.1); } 70% { opacity: 0.65; -o-transform: scale(1); transform: scale(1); } 100% { opacity: 0; } } @keyframes ball-scale-ripple { 0% { opacity: 1; -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1); } 70% { opacity: 0.65; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { opacity: 0; } } .la-ball-scale, .la-ball-scale > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-scale { display: block; font-size: 0; color: #fff; } .la-ball-scale.la-dark { color: #333; } .la-ball-scale > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-scale { width: 32px; height: 32px; } .la-ball-scale > div { width: 32px; height: 32px; border-radius: 100%; opacity: 0; -webkit-animation: ball-scale 1s 0s ease-in-out infinite; -moz-animation: ball-scale 1s 0s ease-in-out infinite; -o-animation: ball-scale 1s 0s ease-in-out infinite; animation: ball-scale 1s 0s ease-in-out infinite; } .la-ball-scale.la-sm { width: 16px; height: 16px; } .la-ball-scale.la-sm > div { width: 16px; height: 16px; } .la-ball-scale.la-2x { width: 64px; height: 64px; } .la-ball-scale.la-2x > div { width: 64px; height: 64px; } .la-ball-scale.la-3x { width: 96px; height: 96px; } .la-ball-scale.la-3x > div { width: 96px; height: 96px; } @-webkit-keyframes ball-scale { 0% { opacity: 1; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes ball-scale { 0% { opacity: 1; -moz-transform: scale(0); transform: scale(0); } 100% { opacity: 0; -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes ball-scale { 0% { opacity: 1; -o-transform: scale(0); transform: scale(0); } 100% { opacity: 0; -o-transform: scale(1); transform: scale(1); } } @keyframes ball-scale { 0% { opacity: 1; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 100% { opacity: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .la-ball-spin-clockwise-fade-rotating, .la-ball-spin-clockwise-fade-rotating > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-spin-clockwise-fade-rotating { display: block; font-size: 0; color: #fff; } .la-ball-spin-clockwise-fade-rotating.la-dark { color: #333; } .la-ball-spin-clockwise-fade-rotating > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-spin-clockwise-fade-rotating { width: 32px; height: 32px; -webkit-animation: ball-spin-clockwise-fade-rotating-rotate 6s infinite linear; -moz-animation: ball-spin-clockwise-fade-rotating-rotate 6s infinite linear; -o-animation: ball-spin-clockwise-fade-rotating-rotate 6s infinite linear; animation: ball-spin-clockwise-fade-rotating-rotate 6s infinite linear; } .la-ball-spin-clockwise-fade-rotating > div { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-top: -4px; margin-left: -4px; border-radius: 100%; -webkit-animation: ball-spin-clockwise-fade-rotating 1s infinite linear; -moz-animation: ball-spin-clockwise-fade-rotating 1s infinite linear; -o-animation: ball-spin-clockwise-fade-rotating 1s infinite linear; animation: ball-spin-clockwise-fade-rotating 1s infinite linear; } .la-ball-spin-clockwise-fade-rotating > div:nth-child(1) { top: 5%; left: 50%; -webkit-animation-delay: -0.875s; -moz-animation-delay: -0.875s; -o-animation-delay: -0.875s; animation-delay: -0.875s; } .la-ball-spin-clockwise-fade-rotating > div:nth-child(2) { top: 18.1801948466%; left: 81.8198051534%; -webkit-animation-delay: -0.75s; -moz-animation-delay: -0.75s; -o-animation-delay: -0.75s; animation-delay: -0.75s; } .la-ball-spin-clockwise-fade-rotating > div:nth-child(3) { top: 50%; left: 95%; -webkit-animation-delay: -0.625s; -moz-animation-delay: -0.625s; -o-animation-delay: -0.625s; animation-delay: -0.625s; } .la-ball-spin-clockwise-fade-rotating > div:nth-child(4) { top: 81.8198051534%; left: 81.8198051534%; -webkit-animation-delay: -0.5s; -moz-animation-delay: -0.5s; -o-animation-delay: -0.5s; animation-delay: -0.5s; } .la-ball-spin-clockwise-fade-rotating > div:nth-child(5) { top: 94.9999999966%; left: 50.0000000005%; -webkit-animation-delay: -0.375s; -moz-animation-delay: -0.375s; -o-animation-delay: -0.375s; animation-delay: -0.375s; } .la-ball-spin-clockwise-fade-rotating > div:nth-child(6) { top: 81.8198046966%; left: 18.1801949248%; -webkit-animation-delay: -0.25s; -moz-animation-delay: -0.25s; -o-animation-delay: -0.25s; animation-delay: -0.25s; } .la-ball-spin-clockwise-fade-rotating > div:nth-child(7) { top: 49.9999750815%; left: 5.0000051215%; -webkit-animation-delay: -0.125s; -moz-animation-delay: -0.125s; -o-animation-delay: -0.125s; animation-delay: -0.125s; } .la-ball-spin-clockwise-fade-rotating > div:nth-child(8) { top: 18.179464974%; left: 18.1803700518%; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } .la-ball-spin-clockwise-fade-rotating.la-sm { width: 16px; height: 16px; } .la-ball-spin-clockwise-fade-rotating.la-sm > div { width: 4px; height: 4px; margin-top: -2px; margin-left: -2px; } .la-ball-spin-clockwise-fade-rotating.la-2x { width: 64px; height: 64px; } .la-ball-spin-clockwise-fade-rotating.la-2x > div { width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; } .la-ball-spin-clockwise-fade-rotating.la-3x { width: 96px; height: 96px; } .la-ball-spin-clockwise-fade-rotating.la-3x > div { width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; } @-webkit-keyframes ball-spin-clockwise-fade-rotating-rotate { 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @-moz-keyframes ball-spin-clockwise-fade-rotating-rotate { 100% { -moz-transform: rotate(-360deg); transform: rotate(-360deg); } } @-o-keyframes ball-spin-clockwise-fade-rotating-rotate { 100% { -o-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes ball-spin-clockwise-fade-rotating-rotate { 100% { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg); } } @-webkit-keyframes ball-spin-clockwise-fade-rotating { 50% { opacity: 0.25; -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes ball-spin-clockwise-fade-rotating { 50% { opacity: 0.25; -moz-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes ball-spin-clockwise-fade-rotating { 50% { opacity: 0.25; -o-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; -o-transform: scale(1); transform: scale(1); } } @keyframes ball-spin-clockwise-fade-rotating { 50% { opacity: 0.25; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .la-ball-spin-clockwise-fade, .la-ball-spin-clockwise-fade > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-spin-clockwise-fade { display: block; font-size: 0; color: #fff; } .la-ball-spin-clockwise-fade.la-dark { color: #333; } .la-ball-spin-clockwise-fade > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-spin-clockwise-fade { width: 32px; height: 32px; } .la-ball-spin-clockwise-fade > div { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-top: -4px; margin-left: -4px; border-radius: 100%; -webkit-animation: ball-spin-clockwise-fade 1s infinite linear; -moz-animation: ball-spin-clockwise-fade 1s infinite linear; -o-animation: ball-spin-clockwise-fade 1s infinite linear; animation: ball-spin-clockwise-fade 1s infinite linear; } .la-ball-spin-clockwise-fade > div:nth-child(1) { top: 5%; left: 50%; -webkit-animation-delay: -0.875s; -moz-animation-delay: -0.875s; -o-animation-delay: -0.875s; animation-delay: -0.875s; } .la-ball-spin-clockwise-fade > div:nth-child(2) { top: 18.1801948466%; left: 81.8198051534%; -webkit-animation-delay: -0.75s; -moz-animation-delay: -0.75s; -o-animation-delay: -0.75s; animation-delay: -0.75s; } .la-ball-spin-clockwise-fade > div:nth-child(3) { top: 50%; left: 95%; -webkit-animation-delay: -0.625s; -moz-animation-delay: -0.625s; -o-animation-delay: -0.625s; animation-delay: -0.625s; } .la-ball-spin-clockwise-fade > div:nth-child(4) { top: 81.8198051534%; left: 81.8198051534%; -webkit-animation-delay: -0.5s; -moz-animation-delay: -0.5s; -o-animation-delay: -0.5s; animation-delay: -0.5s; } .la-ball-spin-clockwise-fade > div:nth-child(5) { top: 94.9999999966%; left: 50.0000000005%; -webkit-animation-delay: -0.375s; -moz-animation-delay: -0.375s; -o-animation-delay: -0.375s; animation-delay: -0.375s; } .la-ball-spin-clockwise-fade > div:nth-child(6) { top: 81.8198046966%; left: 18.1801949248%; -webkit-animation-delay: -0.25s; -moz-animation-delay: -0.25s; -o-animation-delay: -0.25s; animation-delay: -0.25s; } .la-ball-spin-clockwise-fade > div:nth-child(7) { top: 49.9999750815%; left: 5.0000051215%; -webkit-animation-delay: -0.125s; -moz-animation-delay: -0.125s; -o-animation-delay: -0.125s; animation-delay: -0.125s; } .la-ball-spin-clockwise-fade > div:nth-child(8) { top: 18.179464974%; left: 18.1803700518%; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } .la-ball-spin-clockwise-fade.la-sm { width: 16px; height: 16px; } .la-ball-spin-clockwise-fade.la-sm > div { width: 4px; height: 4px; margin-top: -2px; margin-left: -2px; } .la-ball-spin-clockwise-fade.la-2x { width: 64px; height: 64px; } .la-ball-spin-clockwise-fade.la-2x > div { width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; } .la-ball-spin-clockwise-fade.la-3x { width: 96px; height: 96px; } .la-ball-spin-clockwise-fade.la-3x > div { width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; } @-webkit-keyframes ball-spin-clockwise-fade { 50% { opacity: 0.25; -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes ball-spin-clockwise-fade { 50% { opacity: 0.25; -moz-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes ball-spin-clockwise-fade { 50% { opacity: 0.25; -o-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; -o-transform: scale(1); transform: scale(1); } } @keyframes ball-spin-clockwise-fade { 50% { opacity: 0.25; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .la-ball-spin-clockwise, .la-ball-spin-clockwise > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-spin-clockwise { display: block; font-size: 0; color: #fff; } .la-ball-spin-clockwise.la-dark { color: #333; } .la-ball-spin-clockwise > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-spin-clockwise { width: 32px; height: 32px; } .la-ball-spin-clockwise > div { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-top: -4px; margin-left: -4px; border-radius: 100%; -webkit-animation: ball-spin-clockwise 1s infinite ease-in-out; -moz-animation: ball-spin-clockwise 1s infinite ease-in-out; -o-animation: ball-spin-clockwise 1s infinite ease-in-out; animation: ball-spin-clockwise 1s infinite ease-in-out; } .la-ball-spin-clockwise > div:nth-child(1) { top: 5%; left: 50%; -webkit-animation-delay: -0.875s; -moz-animation-delay: -0.875s; -o-animation-delay: -0.875s; animation-delay: -0.875s; } .la-ball-spin-clockwise > div:nth-child(2) { top: 18.1801948466%; left: 81.8198051534%; -webkit-animation-delay: -0.75s; -moz-animation-delay: -0.75s; -o-animation-delay: -0.75s; animation-delay: -0.75s; } .la-ball-spin-clockwise > div:nth-child(3) { top: 50%; left: 95%; -webkit-animation-delay: -0.625s; -moz-animation-delay: -0.625s; -o-animation-delay: -0.625s; animation-delay: -0.625s; } .la-ball-spin-clockwise > div:nth-child(4) { top: 81.8198051534%; left: 81.8198051534%; -webkit-animation-delay: -0.5s; -moz-animation-delay: -0.5s; -o-animation-delay: -0.5s; animation-delay: -0.5s; } .la-ball-spin-clockwise > div:nth-child(5) { top: 94.9999999966%; left: 50.0000000005%; -webkit-animation-delay: -0.375s; -moz-animation-delay: -0.375s; -o-animation-delay: -0.375s; animation-delay: -0.375s; } .la-ball-spin-clockwise > div:nth-child(6) { top: 81.8198046966%; left: 18.1801949248%; -webkit-animation-delay: -0.25s; -moz-animation-delay: -0.25s; -o-animation-delay: -0.25s; animation-delay: -0.25s; } .la-ball-spin-clockwise > div:nth-child(7) { top: 49.9999750815%; left: 5.0000051215%; -webkit-animation-delay: -0.125s; -moz-animation-delay: -0.125s; -o-animation-delay: -0.125s; animation-delay: -0.125s; } .la-ball-spin-clockwise > div:nth-child(8) { top: 18.179464974%; left: 18.1803700518%; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } .la-ball-spin-clockwise.la-sm { width: 16px; height: 16px; } .la-ball-spin-clockwise.la-sm > div { width: 4px; height: 4px; margin-top: -2px; margin-left: -2px; } .la-ball-spin-clockwise.la-2x { width: 64px; height: 64px; } .la-ball-spin-clockwise.la-2x > div { width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; } .la-ball-spin-clockwise.la-3x { width: 96px; height: 96px; } .la-ball-spin-clockwise.la-3x > div { width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; } @-webkit-keyframes ball-spin-clockwise { 0%, 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 20% { opacity: 1; } 80% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } } @-moz-keyframes ball-spin-clockwise { 0%, 100% { opacity: 1; -moz-transform: scale(1); transform: scale(1); } 20% { opacity: 1; } 80% { opacity: 0; -moz-transform: scale(0); transform: scale(0); } } @-o-keyframes ball-spin-clockwise { 0%, 100% { opacity: 1; -o-transform: scale(1); transform: scale(1); } 20% { opacity: 1; } 80% { opacity: 0; -o-transform: scale(0); transform: scale(0); } } @keyframes ball-spin-clockwise { 0%, 100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 20% { opacity: 1; } 80% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } } .la-ball-spin-fade-rotating, .la-ball-spin-fade-rotating > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-spin-fade-rotating { display: block; font-size: 0; color: #fff; } .la-ball-spin-fade-rotating.la-dark { color: #333; } .la-ball-spin-fade-rotating > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-spin-fade-rotating { width: 32px; height: 32px; -webkit-animation: ball-spin-fade-rotate 6s infinite linear; -moz-animation: ball-spin-fade-rotate 6s infinite linear; -o-animation: ball-spin-fade-rotate 6s infinite linear; animation: ball-spin-fade-rotate 6s infinite linear; } .la-ball-spin-fade-rotating > div { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-top: -4px; margin-left: -4px; border-radius: 100%; -webkit-animation: ball-spin-fade 1s infinite linear; -moz-animation: ball-spin-fade 1s infinite linear; -o-animation: ball-spin-fade 1s infinite linear; animation: ball-spin-fade 1s infinite linear; } .la-ball-spin-fade-rotating > div:nth-child(1) { top: 5%; left: 50%; -webkit-animation-delay: -1.125s; -moz-animation-delay: -1.125s; -o-animation-delay: -1.125s; animation-delay: -1.125s; } .la-ball-spin-fade-rotating > div:nth-child(2) { top: 18.1801948466%; left: 81.8198051534%; -webkit-animation-delay: -1.25s; -moz-animation-delay: -1.25s; -o-animation-delay: -1.25s; animation-delay: -1.25s; } .la-ball-spin-fade-rotating > div:nth-child(3) { top: 50%; left: 95%; -webkit-animation-delay: -1.375s; -moz-animation-delay: -1.375s; -o-animation-delay: -1.375s; animation-delay: -1.375s; } .la-ball-spin-fade-rotating > div:nth-child(4) { top: 81.8198051534%; left: 81.8198051534%; -webkit-animation-delay: -1.5s; -moz-animation-delay: -1.5s; -o-animation-delay: -1.5s; animation-delay: -1.5s; } .la-ball-spin-fade-rotating > div:nth-child(5) { top: 94.9999999966%; left: 50.0000000005%; -webkit-animation-delay: -1.625s; -moz-animation-delay: -1.625s; -o-animation-delay: -1.625s; animation-delay: -1.625s; } .la-ball-spin-fade-rotating > div:nth-child(6) { top: 81.8198046966%; left: 18.1801949248%; -webkit-animation-delay: -1.75s; -moz-animation-delay: -1.75s; -o-animation-delay: -1.75s; animation-delay: -1.75s; } .la-ball-spin-fade-rotating > div:nth-child(7) { top: 49.9999750815%; left: 5.0000051215%; -webkit-animation-delay: -1.875s; -moz-animation-delay: -1.875s; -o-animation-delay: -1.875s; animation-delay: -1.875s; } .la-ball-spin-fade-rotating > div:nth-child(8) { top: 18.179464974%; left: 18.1803700518%; -webkit-animation-delay: -2s; -moz-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; } .la-ball-spin-fade-rotating.la-sm { width: 16px; height: 16px; } .la-ball-spin-fade-rotating.la-sm > div { width: 4px; height: 4px; margin-top: -2px; margin-left: -2px; } .la-ball-spin-fade-rotating.la-2x { width: 64px; height: 64px; } .la-ball-spin-fade-rotating.la-2x > div { width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; } .la-ball-spin-fade-rotating.la-3x { width: 96px; height: 96px; } .la-ball-spin-fade-rotating.la-3x > div { width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; } @-webkit-keyframes ball-spin-fade-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes ball-spin-fade-rotate { 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes ball-spin-fade-rotate { 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes ball-spin-fade-rotate { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes ball-spin-fade { 0%, 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0.25; -webkit-transform: scale(0.5); transform: scale(0.5); } } @-moz-keyframes ball-spin-fade { 0%, 100% { opacity: 1; -moz-transform: scale(1); transform: scale(1); } 50% { opacity: 0.25; -moz-transform: scale(0.5); transform: scale(0.5); } } @-o-keyframes ball-spin-fade { 0%, 100% { opacity: 1; -o-transform: scale(1); transform: scale(1); } 50% { opacity: 0.25; -o-transform: scale(0.5); transform: scale(0.5); } } @keyframes ball-spin-fade { 0%, 100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 50% { opacity: 0.25; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } } .la-ball-spin-fade, .la-ball-spin-fade > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-spin-fade { display: block; font-size: 0; color: #fff; } .la-ball-spin-fade.la-dark { color: #333; } .la-ball-spin-fade > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-spin-fade { width: 32px; height: 32px; } .la-ball-spin-fade > div { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-top: -4px; margin-left: -4px; border-radius: 100%; -webkit-animation: ball-spin-fade 1s infinite linear; -moz-animation: ball-spin-fade 1s infinite linear; -o-animation: ball-spin-fade 1s infinite linear; animation: ball-spin-fade 1s infinite linear; } .la-ball-spin-fade > div:nth-child(1) { top: 5%; left: 50%; -webkit-animation-delay: -1.125s; -moz-animation-delay: -1.125s; -o-animation-delay: -1.125s; animation-delay: -1.125s; } .la-ball-spin-fade > div:nth-child(2) { top: 18.1801948466%; left: 81.8198051534%; -webkit-animation-delay: -1.25s; -moz-animation-delay: -1.25s; -o-animation-delay: -1.25s; animation-delay: -1.25s; } .la-ball-spin-fade > div:nth-child(3) { top: 50%; left: 95%; -webkit-animation-delay: -1.375s; -moz-animation-delay: -1.375s; -o-animation-delay: -1.375s; animation-delay: -1.375s; } .la-ball-spin-fade > div:nth-child(4) { top: 81.8198051534%; left: 81.8198051534%; -webkit-animation-delay: -1.5s; -moz-animation-delay: -1.5s; -o-animation-delay: -1.5s; animation-delay: -1.5s; } .la-ball-spin-fade > div:nth-child(5) { top: 94.9999999966%; left: 50.0000000005%; -webkit-animation-delay: -1.625s; -moz-animation-delay: -1.625s; -o-animation-delay: -1.625s; animation-delay: -1.625s; } .la-ball-spin-fade > div:nth-child(6) { top: 81.8198046966%; left: 18.1801949248%; -webkit-animation-delay: -1.75s; -moz-animation-delay: -1.75s; -o-animation-delay: -1.75s; animation-delay: -1.75s; } .la-ball-spin-fade > div:nth-child(7) { top: 49.9999750815%; left: 5.0000051215%; -webkit-animation-delay: -1.875s; -moz-animation-delay: -1.875s; -o-animation-delay: -1.875s; animation-delay: -1.875s; } .la-ball-spin-fade > div:nth-child(8) { top: 18.179464974%; left: 18.1803700518%; -webkit-animation-delay: -2s; -moz-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; } .la-ball-spin-fade.la-sm { width: 16px; height: 16px; } .la-ball-spin-fade.la-sm > div { width: 4px; height: 4px; margin-top: -2px; margin-left: -2px; } .la-ball-spin-fade.la-2x { width: 64px; height: 64px; } .la-ball-spin-fade.la-2x > div { width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; } .la-ball-spin-fade.la-3x { width: 96px; height: 96px; } .la-ball-spin-fade.la-3x > div { width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; } @-webkit-keyframes ball-spin-fade { 0%, 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0.25; -webkit-transform: scale(0.5); transform: scale(0.5); } } @-moz-keyframes ball-spin-fade { 0%, 100% { opacity: 1; -moz-transform: scale(1); transform: scale(1); } 50% { opacity: 0.25; -moz-transform: scale(0.5); transform: scale(0.5); } } @-o-keyframes ball-spin-fade { 0%, 100% { opacity: 1; -o-transform: scale(1); transform: scale(1); } 50% { opacity: 0.25; -o-transform: scale(0.5); transform: scale(0.5); } } @keyframes ball-spin-fade { 0%, 100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 50% { opacity: 0.25; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } } .la-ball-spin-rotate, .la-ball-spin-rotate > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-spin-rotate { display: block; font-size: 0; color: #fff; } .la-ball-spin-rotate.la-dark { color: #333; } .la-ball-spin-rotate > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-spin-rotate { width: 32px; height: 32px; -webkit-animation: ball-spin-rotate 2s infinite linear; -moz-animation: ball-spin-rotate 2s infinite linear; -o-animation: ball-spin-rotate 2s infinite linear; animation: ball-spin-rotate 2s infinite linear; } .la-ball-spin-rotate > div { position: absolute; top: 0; width: 60%; height: 60%; border-radius: 100%; -webkit-animation: ball-spin-bounce 2s infinite ease-in-out; -moz-animation: ball-spin-bounce 2s infinite ease-in-out; -o-animation: ball-spin-bounce 2s infinite ease-in-out; animation: ball-spin-bounce 2s infinite ease-in-out; } .la-ball-spin-rotate > div:last-child { top: auto; bottom: 0; -webkit-animation-delay: -1s; -moz-animation-delay: -1s; -o-animation-delay: -1s; animation-delay: -1s; } .la-ball-spin-rotate.la-sm { width: 16px; height: 16px; } .la-ball-spin-rotate.la-2x { width: 64px; height: 64px; } .la-ball-spin-rotate.la-3x { width: 96px; height: 96px; } @-webkit-keyframes ball-spin-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes ball-spin-rotate { 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes ball-spin-rotate { 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes ball-spin-rotate { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes ball-spin-bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes ball-spin-bounce { 0%, 100% { -moz-transform: scale(0); transform: scale(0); } 50% { -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes ball-spin-bounce { 0%, 100% { -o-transform: scale(0); transform: scale(0); } 50% { -o-transform: scale(1); transform: scale(1); } } @keyframes ball-spin-bounce { 0%, 100% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .la-ball-spin, .la-ball-spin > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-spin { display: block; font-size: 0; color: #fff; } .la-ball-spin.la-dark { color: #333; } .la-ball-spin > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-spin { width: 32px; height: 32px; } .la-ball-spin > div { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-top: -4px; margin-left: -4px; border-radius: 100%; -webkit-animation: ball-spin 1s infinite ease-in-out; -moz-animation: ball-spin 1s infinite ease-in-out; -o-animation: ball-spin 1s infinite ease-in-out; animation: ball-spin 1s infinite ease-in-out; } .la-ball-spin > div:nth-child(1) { top: 5%; left: 50%; -webkit-animation-delay: -1.125s; -moz-animation-delay: -1.125s; -o-animation-delay: -1.125s; animation-delay: -1.125s; } .la-ball-spin > div:nth-child(2) { top: 18.1801948466%; left: 81.8198051534%; -webkit-animation-delay: -1.25s; -moz-animation-delay: -1.25s; -o-animation-delay: -1.25s; animation-delay: -1.25s; } .la-ball-spin > div:nth-child(3) { top: 50%; left: 95%; -webkit-animation-delay: -1.375s; -moz-animation-delay: -1.375s; -o-animation-delay: -1.375s; animation-delay: -1.375s; } .la-ball-spin > div:nth-child(4) { top: 81.8198051534%; left: 81.8198051534%; -webkit-animation-delay: -1.5s; -moz-animation-delay: -1.5s; -o-animation-delay: -1.5s; animation-delay: -1.5s; } .la-ball-spin > div:nth-child(5) { top: 94.9999999966%; left: 50.0000000005%; -webkit-animation-delay: -1.625s; -moz-animation-delay: -1.625s; -o-animation-delay: -1.625s; animation-delay: -1.625s; } .la-ball-spin > div:nth-child(6) { top: 81.8198046966%; left: 18.1801949248%; -webkit-animation-delay: -1.75s; -moz-animation-delay: -1.75s; -o-animation-delay: -1.75s; animation-delay: -1.75s; } .la-ball-spin > div:nth-child(7) { top: 49.9999750815%; left: 5.0000051215%; -webkit-animation-delay: -1.875s; -moz-animation-delay: -1.875s; -o-animation-delay: -1.875s; animation-delay: -1.875s; } .la-ball-spin > div:nth-child(8) { top: 18.179464974%; left: 18.1803700518%; -webkit-animation-delay: -2s; -moz-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; } .la-ball-spin.la-sm { width: 16px; height: 16px; } .la-ball-spin.la-sm > div { width: 4px; height: 4px; margin-top: -2px; margin-left: -2px; } .la-ball-spin.la-2x { width: 64px; height: 64px; } .la-ball-spin.la-2x > div { width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; } .la-ball-spin.la-3x { width: 96px; height: 96px; } .la-ball-spin.la-3x > div { width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; } @-webkit-keyframes ball-spin { 0%, 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 20% { opacity: 1; } 80% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } } @-moz-keyframes ball-spin { 0%, 100% { opacity: 1; -moz-transform: scale(1); transform: scale(1); } 20% { opacity: 1; } 80% { opacity: 0; -moz-transform: scale(0); transform: scale(0); } } @-o-keyframes ball-spin { 0%, 100% { opacity: 1; -o-transform: scale(1); transform: scale(1); } 20% { opacity: 1; } 80% { opacity: 0; -o-transform: scale(0); transform: scale(0); } } @keyframes ball-spin { 0%, 100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 20% { opacity: 1; } 80% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } } .la-ball-square-clockwise-spin, .la-ball-square-clockwise-spin > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-square-clockwise-spin { display: block; font-size: 0; color: #fff; } .la-ball-square-clockwise-spin.la-dark { color: #333; } .la-ball-square-clockwise-spin > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-square-clockwise-spin { width: 26px; height: 26px; } .la-ball-square-clockwise-spin > div { position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; margin-top: -6px; margin-left: -6px; border-radius: 100%; -webkit-animation: ball-square-clockwise-spin 1s infinite ease-in-out; -moz-animation: ball-square-clockwise-spin 1s infinite ease-in-out; -o-animation: ball-square-clockwise-spin 1s infinite ease-in-out; animation: ball-square-clockwise-spin 1s infinite ease-in-out; } .la-ball-square-clockwise-spin > div:nth-child(1) { top: 0; left: 0; -webkit-animation-delay: -0.875s; -moz-animation-delay: -0.875s; -o-animation-delay: -0.875s; animation-delay: -0.875s; } .la-ball-square-clockwise-spin > div:nth-child(2) { top: 0; left: 50%; -webkit-animation-delay: -0.75s; -moz-animation-delay: -0.75s; -o-animation-delay: -0.75s; animation-delay: -0.75s; } .la-ball-square-clockwise-spin > div:nth-child(3) { top: 0; left: 100%; -webkit-animation-delay: -0.625s; -moz-animation-delay: -0.625s; -o-animation-delay: -0.625s; animation-delay: -0.625s; } .la-ball-square-clockwise-spin > div:nth-child(4) { top: 50%; left: 100%; -webkit-animation-delay: -0.5s; -moz-animation-delay: -0.5s; -o-animation-delay: -0.5s; animation-delay: -0.5s; } .la-ball-square-clockwise-spin > div:nth-child(5) { top: 100%; left: 100%; -webkit-animation-delay: -0.375s; -moz-animation-delay: -0.375s; -o-animation-delay: -0.375s; animation-delay: -0.375s; } .la-ball-square-clockwise-spin > div:nth-child(6) { top: 100%; left: 50%; -webkit-animation-delay: -0.25s; -moz-animation-delay: -0.25s; -o-animation-delay: -0.25s; animation-delay: -0.25s; } .la-ball-square-clockwise-spin > div:nth-child(7) { top: 100%; left: 0; -webkit-animation-delay: -0.125s; -moz-animation-delay: -0.125s; -o-animation-delay: -0.125s; animation-delay: -0.125s; } .la-ball-square-clockwise-spin > div:nth-child(8) { top: 50%; left: 0; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } .la-ball-square-clockwise-spin.la-sm { width: 12px; height: 12px; } .la-ball-square-clockwise-spin.la-sm > div { width: 6px; height: 6px; margin-top: -3px; margin-left: -3px; } .la-ball-square-clockwise-spin.la-2x { width: 52px; height: 52px; } .la-ball-square-clockwise-spin.la-2x > div { width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; } .la-ball-square-clockwise-spin.la-3x { width: 78px; height: 78px; } .la-ball-square-clockwise-spin.la-3x > div { width: 36px; height: 36px; margin-top: -18px; margin-left: -18px; } @-webkit-keyframes ball-square-clockwise-spin { 0%, 40%, 100% { -webkit-transform: scale(0.4); transform: scale(0.4); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes ball-square-clockwise-spin { 0%, 40%, 100% { -moz-transform: scale(0.4); transform: scale(0.4); } 70% { -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes ball-square-clockwise-spin { 0%, 40%, 100% { -o-transform: scale(0.4); transform: scale(0.4); } 70% { -o-transform: scale(1); transform: scale(1); } } @keyframes ball-square-clockwise-spin { 0%, 40%, 100% { -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); } 70% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .la-ball-square-spin, .la-ball-square-spin > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-square-spin { display: block; font-size: 0; color: #fff; } .la-ball-square-spin.la-dark { color: #333; } .la-ball-square-spin > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-square-spin { width: 26px; height: 26px; } .la-ball-square-spin > div { position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; margin-top: -6px; margin-left: -6px; border-radius: 100%; -webkit-animation: ball-square-spin 1s infinite ease-in-out; -moz-animation: ball-square-spin 1s infinite ease-in-out; -o-animation: ball-square-spin 1s infinite ease-in-out; animation: ball-square-spin 1s infinite ease-in-out; } .la-ball-square-spin > div:nth-child(1) { top: 0; left: 0; -webkit-animation-delay: -1.125s; -moz-animation-delay: -1.125s; -o-animation-delay: -1.125s; animation-delay: -1.125s; } .la-ball-square-spin > div:nth-child(2) { top: 0; left: 50%; -webkit-animation-delay: -1.25s; -moz-animation-delay: -1.25s; -o-animation-delay: -1.25s; animation-delay: -1.25s; } .la-ball-square-spin > div:nth-child(3) { top: 0; left: 100%; -webkit-animation-delay: -1.375s; -moz-animation-delay: -1.375s; -o-animation-delay: -1.375s; animation-delay: -1.375s; } .la-ball-square-spin > div:nth-child(4) { top: 50%; left: 100%; -webkit-animation-delay: -1.5s; -moz-animation-delay: -1.5s; -o-animation-delay: -1.5s; animation-delay: -1.5s; } .la-ball-square-spin > div:nth-child(5) { top: 100%; left: 100%; -webkit-animation-delay: -1.625s; -moz-animation-delay: -1.625s; -o-animation-delay: -1.625s; animation-delay: -1.625s; } .la-ball-square-spin > div:nth-child(6) { top: 100%; left: 50%; -webkit-animation-delay: -1.75s; -moz-animation-delay: -1.75s; -o-animation-delay: -1.75s; animation-delay: -1.75s; } .la-ball-square-spin > div:nth-child(7) { top: 100%; left: 0; -webkit-animation-delay: -1.875s; -moz-animation-delay: -1.875s; -o-animation-delay: -1.875s; animation-delay: -1.875s; } .la-ball-square-spin > div:nth-child(8) { top: 50%; left: 0; -webkit-animation-delay: -2s; -moz-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; } .la-ball-square-spin.la-sm { width: 12px; height: 12px; } .la-ball-square-spin.la-sm > div { width: 6px; height: 6px; margin-top: -3px; margin-left: -3px; } .la-ball-square-spin.la-2x { width: 52px; height: 52px; } .la-ball-square-spin.la-2x > div { width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; } .la-ball-square-spin.la-3x { width: 78px; height: 78px; } .la-ball-square-spin.la-3x > div { width: 36px; height: 36px; margin-top: -18px; margin-left: -18px; } @-webkit-keyframes ball-square-spin { 0%, 40%, 100% { -webkit-transform: scale(0.4); transform: scale(0.4); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes ball-square-spin { 0%, 40%, 100% { -moz-transform: scale(0.4); transform: scale(0.4); } 70% { -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes ball-square-spin { 0%, 40%, 100% { -o-transform: scale(0.4); transform: scale(0.4); } 70% { -o-transform: scale(1); transform: scale(1); } } @keyframes ball-square-spin { 0%, 40%, 100% { -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); } 70% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .la-ball-triangle-path, .la-ball-triangle-path > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-triangle-path { display: block; font-size: 0; color: #fff; } .la-ball-triangle-path.la-dark { color: #333; } .la-ball-triangle-path > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-triangle-path { width: 32px; height: 32px; } .la-ball-triangle-path > div { position: absolute; top: 0; left: 0; width: 10px; height: 10px; border-radius: 100%; } .la-ball-triangle-path > div:nth-child(1) { -webkit-animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite; -moz-animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite; -o-animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite; animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite; } .la-ball-triangle-path > div:nth-child(2) { -webkit-animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite; -moz-animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite; -o-animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite; animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite; } .la-ball-triangle-path > div:nth-child(3) { -webkit-animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite; -moz-animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite; -o-animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite; animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite; } .la-ball-triangle-path.la-sm { width: 16px; height: 16px; } .la-ball-triangle-path.la-sm > div { width: 4px; height: 4px; } .la-ball-triangle-path.la-2x { width: 64px; height: 64px; } .la-ball-triangle-path.la-2x > div { width: 20px; height: 20px; } .la-ball-triangle-path.la-3x { width: 96px; height: 96px; } .la-ball-triangle-path.la-3x > div { width: 30px; height: 30px; } @-webkit-keyframes ball-triangle-path-ball-one { 0% { -webkit-transform: translate(0, 220%); transform: translate(0, 220%); } 17% { opacity: 0.25; } 33% { opacity: 1; -webkit-transform: translate(110%, 0); transform: translate(110%, 0); } 50% { opacity: 0.25; } 66% { opacity: 1; -webkit-transform: translate(220%, 220%); transform: translate(220%, 220%); } 83% { opacity: 0.25; } 100% { opacity: 1; -webkit-transform: translate(0, 220%); transform: translate(0, 220%); } } @-moz-keyframes ball-triangle-path-ball-one { 0% { -moz-transform: translate(0, 220%); transform: translate(0, 220%); } 17% { opacity: 0.25; } 33% { opacity: 1; -moz-transform: translate(110%, 0); transform: translate(110%, 0); } 50% { opacity: 0.25; } 66% { opacity: 1; -moz-transform: translate(220%, 220%); transform: translate(220%, 220%); } 83% { opacity: 0.25; } 100% { opacity: 1; -moz-transform: translate(0, 220%); transform: translate(0, 220%); } } @-o-keyframes ball-triangle-path-ball-one { 0% { -o-transform: translate(0, 220%); transform: translate(0, 220%); } 17% { opacity: 0.25; } 33% { opacity: 1; -o-transform: translate(110%, 0); transform: translate(110%, 0); } 50% { opacity: 0.25; } 66% { opacity: 1; -o-transform: translate(220%, 220%); transform: translate(220%, 220%); } 83% { opacity: 0.25; } 100% { opacity: 1; -o-transform: translate(0, 220%); transform: translate(0, 220%); } } @keyframes ball-triangle-path-ball-one { 0% { -webkit-transform: translate(0, 220%); -moz-transform: translate(0, 220%); -o-transform: translate(0, 220%); transform: translate(0, 220%); } 17% { opacity: 0.25; } 33% { opacity: 1; -webkit-transform: translate(110%, 0); -moz-transform: translate(110%, 0); -o-transform: translate(110%, 0); transform: translate(110%, 0); } 50% { opacity: 0.25; } 66% { opacity: 1; -webkit-transform: translate(220%, 220%); -moz-transform: translate(220%, 220%); -o-transform: translate(220%, 220%); transform: translate(220%, 220%); } 83% { opacity: 0.25; } 100% { opacity: 1; -webkit-transform: translate(0, 220%); -moz-transform: translate(0, 220%); -o-transform: translate(0, 220%); transform: translate(0, 220%); } } @-webkit-keyframes ball-triangle-path-ball-two { 0% { -webkit-transform: translate(110%, 0); transform: translate(110%, 0); } 17% { opacity: 0.25; } 33% { opacity: 1; -webkit-transform: translate(220%, 220%); transform: translate(220%, 220%); } 50% { opacity: 0.25; } 66% { opacity: 1; -webkit-transform: translate(0, 220%); transform: translate(0, 220%); } 83% { opacity: 0.25; } 100% { opacity: 1; -webkit-transform: translate(110%, 0); transform: translate(110%, 0); } } @-moz-keyframes ball-triangle-path-ball-two { 0% { -moz-transform: translate(110%, 0); transform: translate(110%, 0); } 17% { opacity: 0.25; } 33% { opacity: 1; -moz-transform: translate(220%, 220%); transform: translate(220%, 220%); } 50% { opacity: 0.25; } 66% { opacity: 1; -moz-transform: translate(0, 220%); transform: translate(0, 220%); } 83% { opacity: 0.25; } 100% { opacity: 1; -moz-transform: translate(110%, 0); transform: translate(110%, 0); } } @-o-keyframes ball-triangle-path-ball-two { 0% { -o-transform: translate(110%, 0); transform: translate(110%, 0); } 17% { opacity: 0.25; } 33% { opacity: 1; -o-transform: translate(220%, 220%); transform: translate(220%, 220%); } 50% { opacity: 0.25; } 66% { opacity: 1; -o-transform: translate(0, 220%); transform: translate(0, 220%); } 83% { opacity: 0.25; } 100% { opacity: 1; -o-transform: translate(110%, 0); transform: translate(110%, 0); } } @keyframes ball-triangle-path-ball-two { 0% { -webkit-transform: translate(110%, 0); -moz-transform: translate(110%, 0); -o-transform: translate(110%, 0); transform: translate(110%, 0); } 17% { opacity: 0.25; } 33% { opacity: 1; -webkit-transform: translate(220%, 220%); -moz-transform: translate(220%, 220%); -o-transform: translate(220%, 220%); transform: translate(220%, 220%); } 50% { opacity: 0.25; } 66% { opacity: 1; -webkit-transform: translate(0, 220%); -moz-transform: translate(0, 220%); -o-transform: translate(0, 220%); transform: translate(0, 220%); } 83% { opacity: 0.25; } 100% { opacity: 1; -webkit-transform: translate(110%, 0); -moz-transform: translate(110%, 0); -o-transform: translate(110%, 0); transform: translate(110%, 0); } } @-webkit-keyframes ball-triangle-path-ball-tree { 0% { -webkit-transform: translate(220%, 220%); transform: translate(220%, 220%); } 17% { opacity: 0.25; } 33% { opacity: 1; -webkit-transform: translate(0, 220%); transform: translate(0, 220%); } 50% { opacity: 0.25; } 66% { opacity: 1; -webkit-transform: translate(110%, 0); transform: translate(110%, 0); } 83% { opacity: 0.25; } 100% { opacity: 1; -webkit-transform: translate(220%, 220%); transform: translate(220%, 220%); } } @-moz-keyframes ball-triangle-path-ball-tree { 0% { -moz-transform: translate(220%, 220%); transform: translate(220%, 220%); } 17% { opacity: 0.25; } 33% { opacity: 1; -moz-transform: translate(0, 220%); transform: translate(0, 220%); } 50% { opacity: 0.25; } 66% { opacity: 1; -moz-transform: translate(110%, 0); transform: translate(110%, 0); } 83% { opacity: 0.25; } 100% { opacity: 1; -moz-transform: translate(220%, 220%); transform: translate(220%, 220%); } } @-o-keyframes ball-triangle-path-ball-tree { 0% { -o-transform: translate(220%, 220%); transform: translate(220%, 220%); } 17% { opacity: 0.25; } 33% { opacity: 1; -o-transform: translate(0, 220%); transform: translate(0, 220%); } 50% { opacity: 0.25; } 66% { opacity: 1; -o-transform: translate(110%, 0); transform: translate(110%, 0); } 83% { opacity: 0.25; } 100% { opacity: 1; -o-transform: translate(220%, 220%); transform: translate(220%, 220%); } } @keyframes ball-triangle-path-ball-tree { 0% { -webkit-transform: translate(220%, 220%); -moz-transform: translate(220%, 220%); -o-transform: translate(220%, 220%); transform: translate(220%, 220%); } 17% { opacity: 0.25; } 33% { opacity: 1; -webkit-transform: translate(0, 220%); -moz-transform: translate(0, 220%); -o-transform: translate(0, 220%); transform: translate(0, 220%); } 50% { opacity: 0.25; } 66% { opacity: 1; -webkit-transform: translate(110%, 0); -moz-transform: translate(110%, 0); -o-transform: translate(110%, 0); transform: translate(110%, 0); } 83% { opacity: 0.25; } 100% { opacity: 1; -webkit-transform: translate(220%, 220%); -moz-transform: translate(220%, 220%); -o-transform: translate(220%, 220%); transform: translate(220%, 220%); } } .la-ball-zig-zag-deflect, .la-ball-zig-zag-deflect > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-zig-zag-deflect { display: block; font-size: 0; color: #fff; } .la-ball-zig-zag-deflect.la-dark { color: #333; } .la-ball-zig-zag-deflect > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-zig-zag-deflect { position: relative; width: 32px; height: 32px; } .la-ball-zig-zag-deflect > div { position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; margin-top: -5px; margin-left: -5px; border-radius: 100%; } .la-ball-zig-zag-deflect > div:first-child { -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear; -moz-animation: ball-zig-deflect 1.5s 0s infinite linear; -o-animation: ball-zig-deflect 1.5s 0s infinite linear; animation: ball-zig-deflect 1.5s 0s infinite linear; } .la-ball-zig-zag-deflect > div:last-child { -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear; -moz-animation: ball-zag-deflect 1.5s 0s infinite linear; -o-animation: ball-zag-deflect 1.5s 0s infinite linear; animation: ball-zag-deflect 1.5s 0s infinite linear; } .la-ball-zig-zag-deflect.la-sm { width: 16px; height: 16px; } .la-ball-zig-zag-deflect.la-sm > div { width: 4px; height: 4px; margin-top: -2px; margin-left: -2px; } .la-ball-zig-zag-deflect.la-2x { width: 64px; height: 64px; } .la-ball-zig-zag-deflect.la-2x > div { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; } .la-ball-zig-zag-deflect.la-3x { width: 96px; height: 96px; } .la-ball-zig-zag-deflect.la-3x > div { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; } @-webkit-keyframes ball-zig-deflect { 17% { -webkit-transform: translate(-80%, -160%); transform: translate(-80%, -160%); } 34% { -webkit-transform: translate(80%, -160%); transform: translate(80%, -160%); } 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 67% { -webkit-transform: translate(80%, -160%); transform: translate(80%, -160%); } 84% { -webkit-transform: translate(-80%, -160%); transform: translate(-80%, -160%); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-moz-keyframes ball-zig-deflect { 17% { -moz-transform: translate(-80%, -160%); transform: translate(-80%, -160%); } 34% { -moz-transform: translate(80%, -160%); transform: translate(80%, -160%); } 50% { -moz-transform: translate(0, 0); transform: translate(0, 0); } 67% { -moz-transform: translate(80%, -160%); transform: translate(80%, -160%); } 84% { -moz-transform: translate(-80%, -160%); transform: translate(-80%, -160%); } 100% { -moz-transform: translate(0, 0); transform: translate(0, 0); } } @-o-keyframes ball-zig-deflect { 17% { -o-transform: translate(-80%, -160%); transform: translate(-80%, -160%); } 34% { -o-transform: translate(80%, -160%); transform: translate(80%, -160%); } 50% { -o-transform: translate(0, 0); transform: translate(0, 0); } 67% { -o-transform: translate(80%, -160%); transform: translate(80%, -160%); } 84% { -o-transform: translate(-80%, -160%); transform: translate(-80%, -160%); } 100% { -o-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-zig-deflect { 17% { -webkit-transform: translate(-80%, -160%); -moz-transform: translate(-80%, -160%); -o-transform: translate(-80%, -160%); transform: translate(-80%, -160%); } 34% { -webkit-transform: translate(80%, -160%); -moz-transform: translate(80%, -160%); -o-transform: translate(80%, -160%); transform: translate(80%, -160%); } 50% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } 67% { -webkit-transform: translate(80%, -160%); -moz-transform: translate(80%, -160%); -o-transform: translate(80%, -160%); transform: translate(80%, -160%); } 84% { -webkit-transform: translate(-80%, -160%); -moz-transform: translate(-80%, -160%); -o-transform: translate(-80%, -160%); transform: translate(-80%, -160%); } 100% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ball-zag-deflect { 17% { -webkit-transform: translate(80%, 160%); transform: translate(80%, 160%); } 34% { -webkit-transform: translate(-80%, 160%); transform: translate(-80%, 160%); } 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 67% { -webkit-transform: translate(-80%, 160%); transform: translate(-80%, 160%); } 84% { -webkit-transform: translate(80%, 160%); transform: translate(80%, 160%); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-moz-keyframes ball-zag-deflect { 17% { -moz-transform: translate(80%, 160%); transform: translate(80%, 160%); } 34% { -moz-transform: translate(-80%, 160%); transform: translate(-80%, 160%); } 50% { -moz-transform: translate(0, 0); transform: translate(0, 0); } 67% { -moz-transform: translate(-80%, 160%); transform: translate(-80%, 160%); } 84% { -moz-transform: translate(80%, 160%); transform: translate(80%, 160%); } 100% { -moz-transform: translate(0, 0); transform: translate(0, 0); } } @-o-keyframes ball-zag-deflect { 17% { -o-transform: translate(80%, 160%); transform: translate(80%, 160%); } 34% { -o-transform: translate(-80%, 160%); transform: translate(-80%, 160%); } 50% { -o-transform: translate(0, 0); transform: translate(0, 0); } 67% { -o-transform: translate(-80%, 160%); transform: translate(-80%, 160%); } 84% { -o-transform: translate(80%, 160%); transform: translate(80%, 160%); } 100% { -o-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-zag-deflect { 17% { -webkit-transform: translate(80%, 160%); -moz-transform: translate(80%, 160%); -o-transform: translate(80%, 160%); transform: translate(80%, 160%); } 34% { -webkit-transform: translate(-80%, 160%); -moz-transform: translate(-80%, 160%); -o-transform: translate(-80%, 160%); transform: translate(-80%, 160%); } 50% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } 67% { -webkit-transform: translate(-80%, 160%); -moz-transform: translate(-80%, 160%); -o-transform: translate(-80%, 160%); transform: translate(-80%, 160%); } 84% { -webkit-transform: translate(80%, 160%); -moz-transform: translate(80%, 160%); -o-transform: translate(80%, 160%); transform: translate(80%, 160%); } 100% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } .la-ball-zig-zag, .la-ball-zig-zag > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-zig-zag { display: block; font-size: 0; color: #fff; } .la-ball-zig-zag.la-dark { color: #333; } .la-ball-zig-zag > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-zig-zag { position: relative; width: 32px; height: 32px; } .la-ball-zig-zag > div { position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; margin-top: -5px; margin-left: -5px; border-radius: 100%; } .la-ball-zig-zag > div:first-child { -webkit-animation: ball-zig-effect 0.7s 0s infinite linear; -moz-animation: ball-zig-effect 0.7s 0s infinite linear; -o-animation: ball-zig-effect 0.7s 0s infinite linear; animation: ball-zig-effect 0.7s 0s infinite linear; } .la-ball-zig-zag > div:last-child { -webkit-animation: ball-zag-effect 0.7s 0s infinite linear; -moz-animation: ball-zag-effect 0.7s 0s infinite linear; -o-animation: ball-zag-effect 0.7s 0s infinite linear; animation: ball-zag-effect 0.7s 0s infinite linear; } .la-ball-zig-zag.la-sm { width: 16px; height: 16px; } .la-ball-zig-zag.la-sm > div { width: 4px; height: 4px; margin-top: -2px; margin-left: -2px; } .la-ball-zig-zag.la-2x { width: 64px; height: 64px; } .la-ball-zig-zag.la-2x > div { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; } .la-ball-zig-zag.la-3x { width: 96px; height: 96px; } .la-ball-zig-zag.la-3x > div { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; } @-webkit-keyframes ball-zig-effect { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 33% { -webkit-transform: translate(-75%, -150%); transform: translate(-75%, -150%); } 66% { -webkit-transform: translate(75%, -150%); transform: translate(75%, -150%); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-moz-keyframes ball-zig-effect { 0% { -moz-transform: translate(0, 0); transform: translate(0, 0); } 33% { -moz-transform: translate(-75%, -150%); transform: translate(-75%, -150%); } 66% { -moz-transform: translate(75%, -150%); transform: translate(75%, -150%); } 100% { -moz-transform: translate(0, 0); transform: translate(0, 0); } } @-o-keyframes ball-zig-effect { 0% { -o-transform: translate(0, 0); transform: translate(0, 0); } 33% { -o-transform: translate(-75%, -150%); transform: translate(-75%, -150%); } 66% { -o-transform: translate(75%, -150%); transform: translate(75%, -150%); } 100% { -o-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-zig-effect { 0% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } 33% { -webkit-transform: translate(-75%, -150%); -moz-transform: translate(-75%, -150%); -o-transform: translate(-75%, -150%); transform: translate(-75%, -150%); } 66% { -webkit-transform: translate(75%, -150%); -moz-transform: translate(75%, -150%); -o-transform: translate(75%, -150%); transform: translate(75%, -150%); } 100% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ball-zag-effect { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 33% { -webkit-transform: translate(75%, 150%); transform: translate(75%, 150%); } 66% { -webkit-transform: translate(-75%, 150%); transform: translate(-75%, 150%); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-moz-keyframes ball-zag-effect { 0% { -moz-transform: translate(0, 0); transform: translate(0, 0); } 33% { -moz-transform: translate(75%, 150%); transform: translate(75%, 150%); } 66% { -moz-transform: translate(-75%, 150%); transform: translate(-75%, 150%); } 100% { -moz-transform: translate(0, 0); transform: translate(0, 0); } } @-o-keyframes ball-zag-effect { 0% { -o-transform: translate(0, 0); transform: translate(0, 0); } 33% { -o-transform: translate(75%, 150%); transform: translate(75%, 150%); } 66% { -o-transform: translate(-75%, 150%); transform: translate(-75%, 150%); } 100% { -o-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-zag-effect { 0% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } 33% { -webkit-transform: translate(75%, 150%); -moz-transform: translate(75%, 150%); -o-transform: translate(75%, 150%); transform: translate(75%, 150%); } 66% { -webkit-transform: translate(-75%, 150%); -moz-transform: translate(-75%, 150%); -o-transform: translate(-75%, 150%); transform: translate(-75%, 150%); } 100% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } .la-cog, .la-cog > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-cog { display: block; font-size: 0; color: #fff; } .la-cog.la-dark { color: #333; } .la-cog > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-cog { width: 31px; height: 31px; } .la-cog > div { width: 100%; height: 100%; background-color: transparent; border-style: dashed; border-width: 2px; border-radius: 100%; -webkit-animation: cog-rotate 4s linear infinite; -moz-animation: cog-rotate 4s linear infinite; -o-animation: cog-rotate 4s linear infinite; animation: cog-rotate 4s linear infinite; } .la-cog > div:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; border: 2px solid currentColor; border-radius: 100%; } .la-cog.la-sm { width: 15px; height: 15px; } .la-cog.la-sm > div { border-width: 1px; } .la-cog.la-sm > div:after { border-width: 1px; } .la-cog.la-2x { width: 61px; height: 61px; } .la-cog.la-2x > div { border-width: 4px; } .la-cog.la-2x > div:after { border-width: 4px; } .la-cog.la-3x { width: 91px; height: 91px; } .la-cog.la-3x > div { border-width: 6px; } .la-cog.la-3x > div:after { border-width: 6px; } @-webkit-keyframes cog-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes cog-rotate { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes cog-rotate { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes cog-rotate { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .la-cube-transition, .la-cube-transition > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-cube-transition { display: block; font-size: 0; color: #fff; } .la-cube-transition.la-dark { color: #333; } .la-cube-transition > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-cube-transition { width: 32px; height: 32px; } .la-cube-transition > div { position: absolute; top: 0; left: 0; width: 14px; height: 14px; margin-top: -7px; margin-left: -7px; border-radius: 0; -webkit-animation: cube-transition 1.6s 0s infinite ease-in-out; -moz-animation: cube-transition 1.6s 0s infinite ease-in-out; -o-animation: cube-transition 1.6s 0s infinite ease-in-out; animation: cube-transition 1.6s 0s infinite ease-in-out; } .la-cube-transition > div:last-child { -webkit-animation-delay: -0.8s; -moz-animation-delay: -0.8s; -o-animation-delay: -0.8s; animation-delay: -0.8s; } .la-cube-transition.la-sm { width: 16px; height: 16px; } .la-cube-transition.la-sm > div { width: 6px; height: 6px; margin-top: -3px; margin-left: -3px; } .la-cube-transition.la-2x { width: 64px !important; height: 64px !important; } .la-cube-transition.la-2x > div { width: 28px !important; height: 28px !important; margin-top: -14px; margin-left: -14px; } .la-cube-transition.la-3x { width: 96px; height: 96px; } .la-cube-transition.la-3x > div { width: 42px; height: 42px; margin-top: -21px; margin-left: -21px; } @-webkit-keyframes cube-transition { 25% { top: 0; left: 100%; -webkit-transform: scale(0.5) rotate(-90deg); transform: scale(0.5) rotate(-90deg); } 50% { top: 100%; left: 100%; -webkit-transform: scale(1) rotate(-180deg); transform: scale(1) rotate(-180deg); } 75% { top: 100%; left: 0; -webkit-transform: scale(0.5) rotate(-270deg); transform: scale(0.5) rotate(-270deg); } 100% { top: 0; left: 0; -webkit-transform: scale(1) rotate(-360deg); transform: scale(1) rotate(-360deg); } } @-moz-keyframes cube-transition { 25% { top: 0; left: 100%; -moz-transform: scale(0.5) rotate(-90deg); transform: scale(0.5) rotate(-90deg); } 50% { top: 100%; left: 100%; -moz-transform: scale(1) rotate(-180deg); transform: scale(1) rotate(-180deg); } 75% { top: 100%; left: 0; -moz-transform: scale(0.5) rotate(-270deg); transform: scale(0.5) rotate(-270deg); } 100% { top: 0; left: 0; -moz-transform: scale(1) rotate(-360deg); transform: scale(1) rotate(-360deg); } } @-o-keyframes cube-transition { 25% { top: 0; left: 100%; -o-transform: scale(0.5) rotate(-90deg); transform: scale(0.5) rotate(-90deg); } 50% { top: 100%; left: 100%; -o-transform: scale(1) rotate(-180deg); transform: scale(1) rotate(-180deg); } 75% { top: 100%; left: 0; -o-transform: scale(0.5) rotate(-270deg); transform: scale(0.5) rotate(-270deg); } 100% { top: 0; left: 0; -o-transform: scale(1) rotate(-360deg); transform: scale(1) rotate(-360deg); } } @keyframes cube-transition { 25% { top: 0; left: 100%; -webkit-transform: scale(0.5) rotate(-90deg); -moz-transform: scale(0.5) rotate(-90deg); -o-transform: scale(0.5) rotate(-90deg); transform: scale(0.5) rotate(-90deg); } 50% { top: 100%; left: 100%; -webkit-transform: scale(1) rotate(-180deg); -moz-transform: scale(1) rotate(-180deg); -o-transform: scale(1) rotate(-180deg); transform: scale(1) rotate(-180deg); } 75% { top: 100%; left: 0; -webkit-transform: scale(0.5) rotate(-270deg); -moz-transform: scale(0.5) rotate(-270deg); -o-transform: scale(0.5) rotate(-270deg); transform: scale(0.5) rotate(-270deg); } 100% { top: 0; left: 0; -webkit-transform: scale(1) rotate(-360deg); -moz-transform: scale(1) rotate(-360deg); -o-transform: scale(1) rotate(-360deg); transform: scale(1) rotate(-360deg); } } .la-fire, .la-fire > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-fire { display: block; font-size: 0; color: #fff; } .la-fire.la-dark { color: #333; } .la-fire > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-fire { width: 32px; height: 32px; } .la-fire > div { position: absolute; bottom: 0; left: 50%; width: 12px; height: 12px; border-radius: 0; border-radius: 2px; -webkit-transform: translateY(0) translateX(-50%) rotate(45deg) scale(0); -moz-transform: translateY(0) translateX(-50%) rotate(45deg) scale(0); -ms-transform: translateY(0) translateX(-50%) rotate(45deg) scale(0); -o-transform: translateY(0) translateX(-50%) rotate(45deg) scale(0); transform: translateY(0) translateX(-50%) rotate(45deg) scale(0); -webkit-animation: fire-diamonds 1.5s infinite linear; -moz-animation: fire-diamonds 1.5s infinite linear; -o-animation: fire-diamonds 1.5s infinite linear; animation: fire-diamonds 1.5s infinite linear; } .la-fire > div:nth-child(1) { -webkit-animation-delay: -0.85s; -moz-animation-delay: -0.85s; -o-animation-delay: -0.85s; animation-delay: -0.85s; } .la-fire > div:nth-child(2) { -webkit-animation-delay: -1.85s; -moz-animation-delay: -1.85s; -o-animation-delay: -1.85s; animation-delay: -1.85s; } .la-fire > div:nth-child(3) { -webkit-animation-delay: -2.85s; -moz-animation-delay: -2.85s; -o-animation-delay: -2.85s; animation-delay: -2.85s; } .la-fire.la-sm { width: 16px; height: 16px; } .la-fire.la-sm > div { width: 6px; height: 6px; } .la-fire.la-2x { width: 64px; height: 64px; } .la-fire.la-2x > div { width: 24px; height: 24px; } .la-fire.la-3x { width: 96px; height: 96px; } .la-fire.la-3x > div { width: 36px; height: 36px; } @-webkit-keyframes fire-diamonds { 0% { -webkit-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0); transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0); } 50% { -webkit-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1); transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1); } 100% { -webkit-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0); transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0); } } @-moz-keyframes fire-diamonds { 0% { -moz-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0); transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0); } 50% { -moz-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1); transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1); } 100% { -moz-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0); transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0); } } @-o-keyframes fire-diamonds { 0% { -o-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0); transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0); } 50% { -o-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1); transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1); } 100% { -o-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0); transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0); } } @keyframes fire-diamonds { 0% { -webkit-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0); -moz-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0); -o-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0); transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0); } 50% { -webkit-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1); -moz-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1); -o-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1); transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1); } 100% { -webkit-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0); -moz-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0); -o-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0); transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0); } } .la-line-scale-party, .la-line-scale-party > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-line-scale-party { display: block; font-size: 0; color: #fff; } .la-line-scale-party.la-dark { color: #333; } .la-line-scale-party > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-line-scale-party { width: 40px; height: 32px; } .la-line-scale-party > div { width: 4px; height: 32px; margin: 2px; margin-top: 0; margin-bottom: 0; border-radius: 0; -webkit-animation-name: line-scale-party; -moz-animation-name: line-scale-party; -o-animation-name: line-scale-party; animation-name: line-scale-party; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; } .la-line-scale-party > div:nth-child(1) { -webkit-animation-duration: 0.43s; -moz-animation-duration: 0.43s; -o-animation-duration: 0.43s; animation-duration: 0.43s; -webkit-animation-delay: -0.23s; -moz-animation-delay: -0.23s; -o-animation-delay: -0.23s; animation-delay: -0.23s; } .la-line-scale-party > div:nth-child(2) { -webkit-animation-duration: 0.62s; -moz-animation-duration: 0.62s; -o-animation-duration: 0.62s; animation-duration: 0.62s; -webkit-animation-delay: -0.32s; -moz-animation-delay: -0.32s; -o-animation-delay: -0.32s; animation-delay: -0.32s; } .la-line-scale-party > div:nth-child(3) { -webkit-animation-duration: 0.43s; -moz-animation-duration: 0.43s; -o-animation-duration: 0.43s; animation-duration: 0.43s; -webkit-animation-delay: -0.44s; -moz-animation-delay: -0.44s; -o-animation-delay: -0.44s; animation-delay: -0.44s; } .la-line-scale-party > div:nth-child(4) { -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: -0.31s; -moz-animation-delay: -0.31s; -o-animation-delay: -0.31s; animation-delay: -0.31s; } .la-line-scale-party > div:nth-child(5) { -webkit-animation-duration: 0.74s; -moz-animation-duration: 0.74s; -o-animation-duration: 0.74s; animation-duration: 0.74s; -webkit-animation-delay: -0.24s; -moz-animation-delay: -0.24s; -o-animation-delay: -0.24s; animation-delay: -0.24s; } .la-line-scale-party.la-sm { width: 20px; height: 16px; } .la-line-scale-party.la-sm > div { width: 2px; height: 16px; margin: 1px; margin-top: 0; margin-bottom: 0; } .la-line-scale-party.la-2x { width: 80px; height: 64px; } .la-line-scale-party.la-2x > div { width: 8px; height: 64px; margin: 4px; margin-top: 0; margin-bottom: 0; } .la-line-scale-party.la-3x { width: 120px; height: 96px; } .la-line-scale-party.la-3x > div { width: 12px; height: 96px; margin: 6px; margin-top: 0; margin-bottom: 0; } @-webkit-keyframes line-scale-party { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); } 50% { -webkit-transform: scaleY(0.3); transform: scaleY(0.3); } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); } } @-moz-keyframes line-scale-party { 0% { -moz-transform: scaleY(1); transform: scaleY(1); } 50% { -moz-transform: scaleY(0.3); transform: scaleY(0.3); } 100% { -moz-transform: scaleY(1); transform: scaleY(1); } } @-o-keyframes line-scale-party { 0% { -o-transform: scaleY(1); transform: scaleY(1); } 50% { -o-transform: scaleY(0.3); transform: scaleY(0.3); } 100% { -o-transform: scaleY(1); transform: scaleY(1); } } @keyframes line-scale-party { 0% { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } 50% { -webkit-transform: scaleY(0.3); -moz-transform: scaleY(0.3); -o-transform: scaleY(0.3); transform: scaleY(0.3); } 100% { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } } .la-line-scale-pulse-out-rapid, .la-line-scale-pulse-out-rapid > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-line-scale-pulse-out-rapid { display: block; font-size: 0; color: #fff; } .la-line-scale-pulse-out-rapid.la-dark { color: #333; } .la-line-scale-pulse-out-rapid > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-line-scale-pulse-out-rapid { width: 40px; height: 32px; } .la-line-scale-pulse-out-rapid > div { width: 4px; height: 32px; margin: 2px; margin-top: 0; margin-bottom: 0; border-radius: 0; -webkit-animation: line-scale-pulse-out-rapid 0.9s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); -moz-animation: line-scale-pulse-out-rapid 0.9s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); -o-animation: line-scale-pulse-out-rapid 0.9s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); animation: line-scale-pulse-out-rapid 0.9s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); } .la-line-scale-pulse-out-rapid > div:nth-child(3) { -webkit-animation-delay: -0.9s; -moz-animation-delay: -0.9s; -o-animation-delay: -0.9s; animation-delay: -0.9s; } .la-line-scale-pulse-out-rapid > div:nth-child(2), .la-line-scale-pulse-out-rapid > div:nth-child(4) { -webkit-animation-delay: -0.65s; -moz-animation-delay: -0.65s; -o-animation-delay: -0.65s; animation-delay: -0.65s; } .la-line-scale-pulse-out-rapid > div:nth-child(1), .la-line-scale-pulse-out-rapid > div:nth-child(5) { -webkit-animation-delay: -0.4s; -moz-animation-delay: -0.4s; -o-animation-delay: -0.4s; animation-delay: -0.4s; } .la-line-scale-pulse-out-rapid.la-sm { width: 20px; height: 16px; } .la-line-scale-pulse-out-rapid.la-sm > div { width: 2px; height: 16px; margin: 1px; margin-top: 0; margin-bottom: 0; } .la-line-scale-pulse-out-rapid.la-2x { width: 80px; height: 64px; } .la-line-scale-pulse-out-rapid.la-2x > div { width: 8px; height: 64px; margin: 4px; margin-top: 0; margin-bottom: 0; } .la-line-scale-pulse-out-rapid.la-3x { width: 120px; height: 96px; } .la-line-scale-pulse-out-rapid.la-3x > div { width: 12px; height: 96px; margin: 6px; margin-top: 0; margin-bottom: 0; } @-webkit-keyframes line-scale-pulse-out-rapid { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 80% { -webkit-transform: scaley(0.3); transform: scaley(0.3); } 90% { -webkit-transform: scaley(1); transform: scaley(1); } } @-moz-keyframes line-scale-pulse-out-rapid { 0% { -moz-transform: scaley(1); transform: scaley(1); } 80% { -moz-transform: scaley(0.3); transform: scaley(0.3); } 90% { -moz-transform: scaley(1); transform: scaley(1); } } @-o-keyframes line-scale-pulse-out-rapid { 0% { -o-transform: scaley(1); transform: scaley(1); } 80% { -o-transform: scaley(0.3); transform: scaley(0.3); } 90% { -o-transform: scaley(1); transform: scaley(1); } } @keyframes line-scale-pulse-out-rapid { 0% { -webkit-transform: scaley(1); -moz-transform: scaley(1); -o-transform: scaley(1); transform: scaley(1); } 80% { -webkit-transform: scaley(0.3); -moz-transform: scaley(0.3); -o-transform: scaley(0.3); transform: scaley(0.3); } 90% { -webkit-transform: scaley(1); -moz-transform: scaley(1); -o-transform: scaley(1); transform: scaley(1); } } .la-line-scale-pulse-out, .la-line-scale-pulse-out > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-line-scale-pulse-out { display: block; font-size: 0; color: #fff; } .la-line-scale-pulse-out.la-dark { color: #333; } .la-line-scale-pulse-out > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-line-scale-pulse-out { width: 40px; height: 32px; } .la-line-scale-pulse-out > div { width: 4px; height: 32px; margin: 2px; margin-top: 0; margin-bottom: 0; border-radius: 0; -webkit-animation: line-scale-pulse-out 0.9s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); -moz-animation: line-scale-pulse-out 0.9s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); -o-animation: line-scale-pulse-out 0.9s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); animation: line-scale-pulse-out 0.9s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); } .la-line-scale-pulse-out > div:nth-child(3) { -webkit-animation-delay: -0.9s; -moz-animation-delay: -0.9s; -o-animation-delay: -0.9s; animation-delay: -0.9s; } .la-line-scale-pulse-out > div:nth-child(2), .la-line-scale-pulse-out > div:nth-child(4) { -webkit-animation-delay: -0.7s; -moz-animation-delay: -0.7s; -o-animation-delay: -0.7s; animation-delay: -0.7s; } .la-line-scale-pulse-out > div:nth-child(1), .la-line-scale-pulse-out > div:nth-child(5) { -webkit-animation-delay: -0.5s; -moz-animation-delay: -0.5s; -o-animation-delay: -0.5s; animation-delay: -0.5s; } .la-line-scale-pulse-out.la-sm { width: 20px; height: 16px; } .la-line-scale-pulse-out.la-sm > div { width: 2px; height: 16px; margin: 1px; margin-top: 0; margin-bottom: 0; } .la-line-scale-pulse-out.la-2x { width: 80px; height: 64px; } .la-line-scale-pulse-out.la-2x > div { width: 8px; height: 64px; margin: 4px; margin-top: 0; margin-bottom: 0; } .la-line-scale-pulse-out.la-3x { width: 120px; height: 96px; } .la-line-scale-pulse-out.la-3x > div { width: 12px; height: 96px; margin: 6px; margin-top: 0; margin-bottom: 0; } @-webkit-keyframes line-scale-pulse-out { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 50% { -webkit-transform: scaley(0.3); transform: scaley(0.3); } 100% { -webkit-transform: scaley(1); transform: scaley(1); } } @-moz-keyframes line-scale-pulse-out { 0% { -moz-transform: scaley(1); transform: scaley(1); } 50% { -moz-transform: scaley(0.3); transform: scaley(0.3); } 100% { -moz-transform: scaley(1); transform: scaley(1); } } @-o-keyframes line-scale-pulse-out { 0% { -o-transform: scaley(1); transform: scaley(1); } 50% { -o-transform: scaley(0.3); transform: scaley(0.3); } 100% { -o-transform: scaley(1); transform: scaley(1); } } @keyframes line-scale-pulse-out { 0% { -webkit-transform: scaley(1); -moz-transform: scaley(1); -o-transform: scaley(1); transform: scaley(1); } 50% { -webkit-transform: scaley(0.3); -moz-transform: scaley(0.3); -o-transform: scaley(0.3); transform: scaley(0.3); } 100% { -webkit-transform: scaley(1); -moz-transform: scaley(1); -o-transform: scaley(1); transform: scaley(1); } } .la-line-scale, .la-line-scale > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-line-scale { display: block; font-size: 0; color: #fff; } .la-line-scale.la-dark { color: #333; } .la-line-scale > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-line-scale { width: 40px; height: 32px; } .la-line-scale > div { width: 4px; height: 32px; margin: 2px; margin-top: 0; margin-bottom: 0; border-radius: 0; -webkit-animation: line-scale 1.2s infinite ease; -moz-animation: line-scale 1.2s infinite ease; -o-animation: line-scale 1.2s infinite ease; animation: line-scale 1.2s infinite ease; } .la-line-scale > div:nth-child(1) { -webkit-animation-delay: -1.2s; -moz-animation-delay: -1.2s; -o-animation-delay: -1.2s; animation-delay: -1.2s; } .la-line-scale > div:nth-child(2) { -webkit-animation-delay: -1.1s; -moz-animation-delay: -1.1s; -o-animation-delay: -1.1s; animation-delay: -1.1s; } .la-line-scale > div:nth-child(3) { -webkit-animation-delay: -1s; -moz-animation-delay: -1s; -o-animation-delay: -1s; animation-delay: -1s; } .la-line-scale > div:nth-child(4) { -webkit-animation-delay: -0.9s; -moz-animation-delay: -0.9s; -o-animation-delay: -0.9s; animation-delay: -0.9s; } .la-line-scale > div:nth-child(5) { -webkit-animation-delay: -0.8s; -moz-animation-delay: -0.8s; -o-animation-delay: -0.8s; animation-delay: -0.8s; } .la-line-scale.la-sm { width: 20px; height: 16px; } .la-line-scale.la-sm > div { width: 2px; height: 16px; margin: 1px; margin-top: 0; margin-bottom: 0; } .la-line-scale.la-2x { width: 80px; height: 64px; } .la-line-scale.la-2x > div { width: 8px; height: 64px; margin: 4px; margin-top: 0; margin-bottom: 0; } .la-line-scale.la-3x { width: 120px; height: 96px; } .la-line-scale.la-3x > div { width: 12px; height: 96px; margin: 6px; margin-top: 0; margin-bottom: 0; } @-webkit-keyframes line-scale { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } @-moz-keyframes line-scale { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); -moz-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); } } @-o-keyframes line-scale { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); -o-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } } @keyframes line-scale { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); -moz-transform: scaleY(0.4); -o-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } } .la-line-spin-clockwise-fade-rotating, .la-line-spin-clockwise-fade-rotating > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-line-spin-clockwise-fade-rotating { display: block; font-size: 0; color: #fff; } .la-line-spin-clockwise-fade-rotating.la-dark { color: #333; } .la-line-spin-clockwise-fade-rotating > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-line-spin-clockwise-fade-rotating { width: 32px; height: 32px; -webkit-animation: line-spin-clockwise-fade-rotating-rotate 6s infinite linear; -moz-animation: line-spin-clockwise-fade-rotating-rotate 6s infinite linear; -o-animation: line-spin-clockwise-fade-rotating-rotate 6s infinite linear; animation: line-spin-clockwise-fade-rotating-rotate 6s infinite linear; } .la-line-spin-clockwise-fade-rotating > div { position: absolute; width: 2px; height: 10px; margin: 2px; margin-top: -5px; margin-left: -1px; border-radius: 0; -webkit-animation: line-spin-clockwise-fade-rotating 1s infinite ease-in-out; -moz-animation: line-spin-clockwise-fade-rotating 1s infinite ease-in-out; -o-animation: line-spin-clockwise-fade-rotating 1s infinite ease-in-out; animation: line-spin-clockwise-fade-rotating 1s infinite ease-in-out; } .la-line-spin-clockwise-fade-rotating > div:nth-child(1) { top: 15%; left: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-delay: -0.875s; -moz-animation-delay: -0.875s; -o-animation-delay: -0.875s; animation-delay: -0.875s; } .la-line-spin-clockwise-fade-rotating > div:nth-child(2) { top: 25.2512626585%; left: 74.7487373415%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation-delay: -0.75s; -moz-animation-delay: -0.75s; -o-animation-delay: -0.75s; animation-delay: -0.75s; } .la-line-spin-clockwise-fade-rotating > div:nth-child(3) { top: 50%; left: 85%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-delay: -0.625s; -moz-animation-delay: -0.625s; -o-animation-delay: -0.625s; animation-delay: -0.625s; } .la-line-spin-clockwise-fade-rotating > div:nth-child(4) { top: 74.7487373415%; left: 74.7487373415%; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); -webkit-animation-delay: -0.5s; -moz-animation-delay: -0.5s; -o-animation-delay: -0.5s; animation-delay: -0.5s; } .la-line-spin-clockwise-fade-rotating > div:nth-child(5) { top: 84.9999999974%; left: 50.0000000004%; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-delay: -0.375s; -moz-animation-delay: -0.375s; -o-animation-delay: -0.375s; animation-delay: -0.375s; } .la-line-spin-clockwise-fade-rotating > div:nth-child(6) { top: 74.7487369862%; left: 25.2512627193%; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); -webkit-animation-delay: -0.25s; -moz-animation-delay: -0.25s; -o-animation-delay: -0.25s; animation-delay: -0.25s; } .la-line-spin-clockwise-fade-rotating > div:nth-child(7) { top: 49.9999806189%; left: 15.0000039834%; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-delay: -0.125s; -moz-animation-delay: -0.125s; -o-animation-delay: -0.125s; animation-delay: -0.125s; } .la-line-spin-clockwise-fade-rotating > div:nth-child(8) { top: 25.2506949798%; left: 25.2513989292%; -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); transform: rotate(315deg); -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } .la-line-spin-clockwise-fade-rotating.la-sm { width: 16px; height: 16px; } .la-line-spin-clockwise-fade-rotating.la-sm > div { width: 1px; height: 4px; margin-top: -2px; margin-left: 0; } .la-line-spin-clockwise-fade-rotating.la-2x { width: 64px; height: 64px; } .la-line-spin-clockwise-fade-rotating.la-2x > div { width: 4px; height: 20px; margin-top: -10px; margin-left: -2px; } .la-line-spin-clockwise-fade-rotating.la-3x { width: 96px; height: 96px; } .la-line-spin-clockwise-fade-rotating.la-3x > div { width: 6px; height: 30px; margin-top: -15px; margin-left: -3px; } @-webkit-keyframes line-spin-clockwise-fade-rotating-rotate { 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @-moz-keyframes line-spin-clockwise-fade-rotating-rotate { 100% { -moz-transform: rotate(-360deg); transform: rotate(-360deg); } } @-o-keyframes line-spin-clockwise-fade-rotating-rotate { 100% { -o-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes line-spin-clockwise-fade-rotating-rotate { 100% { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg); } } @-webkit-keyframes line-spin-clockwise-fade-rotating { 50% { opacity: 0.2; } 100% { opacity: 1; } } @-moz-keyframes line-spin-clockwise-fade-rotating { 50% { opacity: 0.2; } 100% { opacity: 1; } } @-o-keyframes line-spin-clockwise-fade-rotating { 50% { opacity: 0.2; } 100% { opacity: 1; } } @keyframes line-spin-clockwise-fade-rotating { 50% { opacity: 0.2; } 100% { opacity: 1; } } .la-line-spin-clockwise-fade, .la-line-spin-clockwise-fade > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-line-spin-clockwise-fade { display: block; font-size: 0; color: #fff; } .la-line-spin-clockwise-fade.la-dark { color: #333; } .la-line-spin-clockwise-fade > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-line-spin-clockwise-fade { width: 32px; height: 32px; } .la-line-spin-clockwise-fade > div { position: absolute; width: 2px; height: 10px; margin: 2px; margin-top: -5px; margin-left: -1px; border-radius: 0; -webkit-animation: line-spin-clockwise-fade 1s infinite ease-in-out; -moz-animation: line-spin-clockwise-fade 1s infinite ease-in-out; -o-animation: line-spin-clockwise-fade 1s infinite ease-in-out; animation: line-spin-clockwise-fade 1s infinite ease-in-out; } .la-line-spin-clockwise-fade > div:nth-child(1) { top: 15%; left: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-delay: -0.875s; -moz-animation-delay: -0.875s; -o-animation-delay: -0.875s; animation-delay: -0.875s; } .la-line-spin-clockwise-fade > div:nth-child(2) { top: 25.2512626585%; left: 74.7487373415%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation-delay: -0.75s; -moz-animation-delay: -0.75s; -o-animation-delay: -0.75s; animation-delay: -0.75s; } .la-line-spin-clockwise-fade > div:nth-child(3) { top: 50%; left: 85%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-delay: -0.625s; -moz-animation-delay: -0.625s; -o-animation-delay: -0.625s; animation-delay: -0.625s; } .la-line-spin-clockwise-fade > div:nth-child(4) { top: 74.7487373415%; left: 74.7487373415%; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); -webkit-animation-delay: -0.5s; -moz-animation-delay: -0.5s; -o-animation-delay: -0.5s; animation-delay: -0.5s; } .la-line-spin-clockwise-fade > div:nth-child(5) { top: 84.9999999974%; left: 50.0000000004%; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-delay: -0.375s; -moz-animation-delay: -0.375s; -o-animation-delay: -0.375s; animation-delay: -0.375s; } .la-line-spin-clockwise-fade > div:nth-child(6) { top: 74.7487369862%; left: 25.2512627193%; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); -webkit-animation-delay: -0.25s; -moz-animation-delay: -0.25s; -o-animation-delay: -0.25s; animation-delay: -0.25s; } .la-line-spin-clockwise-fade > div:nth-child(7) { top: 49.9999806189%; left: 15.0000039834%; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-delay: -0.125s; -moz-animation-delay: -0.125s; -o-animation-delay: -0.125s; animation-delay: -0.125s; } .la-line-spin-clockwise-fade > div:nth-child(8) { top: 25.2506949798%; left: 25.2513989292%; -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); transform: rotate(315deg); -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } .la-line-spin-clockwise-fade.la-sm { width: 16px; height: 16px; } .la-line-spin-clockwise-fade.la-sm > div { width: 1px; height: 4px; margin-top: -2px; margin-left: 0; } .la-line-spin-clockwise-fade.la-2x { width: 64px; height: 64px; } .la-line-spin-clockwise-fade.la-2x > div { width: 4px; height: 20px; margin-top: -10px; margin-left: -2px; } .la-line-spin-clockwise-fade.la-3x { width: 96px; height: 96px; } .la-line-spin-clockwise-fade.la-3x > div { width: 6px; height: 30px; margin-top: -15px; margin-left: -3px; } @-webkit-keyframes line-spin-clockwise-fade { 50% { opacity: 0.2; } 100% { opacity: 1; } } @-moz-keyframes line-spin-clockwise-fade { 50% { opacity: 0.2; } 100% { opacity: 1; } } @-o-keyframes line-spin-clockwise-fade { 50% { opacity: 0.2; } 100% { opacity: 1; } } @keyframes line-spin-clockwise-fade { 50% { opacity: 0.2; } 100% { opacity: 1; } } .la-line-spin-fade-rotating, .la-line-spin-fade-rotating > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-line-spin-fade-rotating { display: block; font-size: 0; color: #fff; } .la-line-spin-fade-rotating.la-dark { color: #333; } .la-line-spin-fade-rotating > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-line-spin-fade-rotating { width: 32px; height: 32px; -webkit-animation: ball-spin-fade-rotating-rotate 6s infinite linear; -moz-animation: ball-spin-fade-rotating-rotate 6s infinite linear; -o-animation: ball-spin-fade-rotating-rotate 6s infinite linear; animation: ball-spin-fade-rotating-rotate 6s infinite linear; } .la-line-spin-fade-rotating > div { position: absolute; width: 2px; height: 10px; margin: 2px; margin-top: -5px; margin-left: -1px; border-radius: 0; -webkit-animation: line-spin-fade-rotating 1s infinite ease-in-out; -moz-animation: line-spin-fade-rotating 1s infinite ease-in-out; -o-animation: line-spin-fade-rotating 1s infinite ease-in-out; animation: line-spin-fade-rotating 1s infinite ease-in-out; } .la-line-spin-fade-rotating > div:nth-child(1) { top: 15%; left: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-delay: -1.125s; -moz-animation-delay: -1.125s; -o-animation-delay: -1.125s; animation-delay: -1.125s; } .la-line-spin-fade-rotating > div:nth-child(2) { top: 25.2512626585%; left: 74.7487373415%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation-delay: -1.25s; -moz-animation-delay: -1.25s; -o-animation-delay: -1.25s; animation-delay: -1.25s; } .la-line-spin-fade-rotating > div:nth-child(3) { top: 50%; left: 85%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-delay: -1.375s; -moz-animation-delay: -1.375s; -o-animation-delay: -1.375s; animation-delay: -1.375s; } .la-line-spin-fade-rotating > div:nth-child(4) { top: 74.7487373415%; left: 74.7487373415%; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); -webkit-animation-delay: -1.5s; -moz-animation-delay: -1.5s; -o-animation-delay: -1.5s; animation-delay: -1.5s; } .la-line-spin-fade-rotating > div:nth-child(5) { top: 84.9999999974%; left: 50.0000000004%; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-delay: -1.625s; -moz-animation-delay: -1.625s; -o-animation-delay: -1.625s; animation-delay: -1.625s; } .la-line-spin-fade-rotating > div:nth-child(6) { top: 74.7487369862%; left: 25.2512627193%; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); -webkit-animation-delay: -1.75s; -moz-animation-delay: -1.75s; -o-animation-delay: -1.75s; animation-delay: -1.75s; } .la-line-spin-fade-rotating > div:nth-child(7) { top: 49.9999806189%; left: 15.0000039834%; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-delay: -1.875s; -moz-animation-delay: -1.875s; -o-animation-delay: -1.875s; animation-delay: -1.875s; } .la-line-spin-fade-rotating > div:nth-child(8) { top: 25.2506949798%; left: 25.2513989292%; -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); transform: rotate(315deg); -webkit-animation-delay: -2s; -moz-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; } .la-line-spin-fade-rotating.la-sm { width: 16px; height: 16px; } .la-line-spin-fade-rotating.la-sm > div { width: 1px; height: 4px; margin-top: -2px; margin-left: 0; } .la-line-spin-fade-rotating.la-2x { width: 64px; height: 64px; } .la-line-spin-fade-rotating.la-2x > div { width: 4px; height: 20px; margin-top: -10px; margin-left: -2px; } .la-line-spin-fade-rotating.la-3x { width: 96px; height: 96px; } .la-line-spin-fade-rotating.la-3x > div { width: 6px; height: 30px; margin-top: -15px; margin-left: -3px; } @-webkit-keyframes ball-spin-fade-rotating-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes ball-spin-fade-rotating-rotate { 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes ball-spin-fade-rotating-rotate { 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes ball-spin-fade-rotating-rotate { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes line-spin-fade-rotating { 50% { opacity: 0.2; } 100% { opacity: 1; } } @-moz-keyframes line-spin-fade-rotating { 50% { opacity: 0.2; } 100% { opacity: 1; } } @-o-keyframes line-spin-fade-rotating { 50% { opacity: 0.2; } 100% { opacity: 1; } } @keyframes line-spin-fade-rotating { 50% { opacity: 0.2; } 100% { opacity: 1; } } .la-line-spin-fade, .la-line-spin-fade > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-line-spin-fade { display: block; font-size: 0; color: #fff; } .la-line-spin-fade.la-dark { color: #333; } .la-line-spin-fade > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-line-spin-fade { width: 32px; height: 32px; } .la-line-spin-fade > div { position: absolute; width: 2px; height: 10px; margin: 2px; margin-top: -5px; margin-left: -1px; border-radius: 0; -webkit-animation: line-spin-fade 1s infinite ease-in-out; -moz-animation: line-spin-fade 1s infinite ease-in-out; -o-animation: line-spin-fade 1s infinite ease-in-out; animation: line-spin-fade 1s infinite ease-in-out; } .la-line-spin-fade > div:nth-child(1) { top: 15%; left: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-delay: -1.125s; -moz-animation-delay: -1.125s; -o-animation-delay: -1.125s; animation-delay: -1.125s; } .la-line-spin-fade > div:nth-child(2) { top: 25.2512626585%; left: 74.7487373415%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation-delay: -1.25s; -moz-animation-delay: -1.25s; -o-animation-delay: -1.25s; animation-delay: -1.25s; } .la-line-spin-fade > div:nth-child(3) { top: 50%; left: 85%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-delay: -1.375s; -moz-animation-delay: -1.375s; -o-animation-delay: -1.375s; animation-delay: -1.375s; } .la-line-spin-fade > div:nth-child(4) { top: 74.7487373415%; left: 74.7487373415%; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); -webkit-animation-delay: -1.5s; -moz-animation-delay: -1.5s; -o-animation-delay: -1.5s; animation-delay: -1.5s; } .la-line-spin-fade > div:nth-child(5) { top: 84.9999999974%; left: 50.0000000004%; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-delay: -1.625s; -moz-animation-delay: -1.625s; -o-animation-delay: -1.625s; animation-delay: -1.625s; } .la-line-spin-fade > div:nth-child(6) { top: 74.7487369862%; left: 25.2512627193%; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); -webkit-animation-delay: -1.75s; -moz-animation-delay: -1.75s; -o-animation-delay: -1.75s; animation-delay: -1.75s; } .la-line-spin-fade > div:nth-child(7) { top: 49.9999806189%; left: 15.0000039834%; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-delay: -1.875s; -moz-animation-delay: -1.875s; -o-animation-delay: -1.875s; animation-delay: -1.875s; } .la-line-spin-fade > div:nth-child(8) { top: 25.2506949798%; left: 25.2513989292%; -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); transform: rotate(315deg); -webkit-animation-delay: -2s; -moz-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; } .la-line-spin-fade.la-sm { width: 16px; height: 16px; } .la-line-spin-fade.la-sm > div { width: 1px; height: 4px; margin-top: -2px; margin-left: 0; } .la-line-spin-fade.la-2x { width: 64px; height: 64px; } .la-line-spin-fade.la-2x > div { width: 4px; height: 20px; margin-top: -10px; margin-left: -2px; } .la-line-spin-fade.la-3x { width: 96px; height: 96px; } .la-line-spin-fade.la-3x > div { width: 6px; height: 30px; margin-top: -15px; margin-left: -3px; } @-webkit-keyframes line-spin-fade { 50% { opacity: 0.2; } 100% { opacity: 1; } } @-moz-keyframes line-spin-fade { 50% { opacity: 0.2; } 100% { opacity: 1; } } @-o-keyframes line-spin-fade { 50% { opacity: 0.2; } 100% { opacity: 1; } } @keyframes line-spin-fade { 50% { opacity: 0.2; } 100% { opacity: 1; } } .la-pacman, .la-pacman > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-pacman { display: block; font-size: 0; color: #fff; } .la-pacman.la-dark { color: #333; } .la-pacman > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-pacman { width: 32px; height: 32px; } .la-pacman > div:nth-child(1), .la-pacman > div:nth-child(2) { width: 0; height: 0; background: transparent; border-style: solid; border-width: 16px; border-right-color: transparent; border-radius: 100%; -webkit-animation: pacman-rotate-half-up 0.5s 0s infinite; -moz-animation: pacman-rotate-half-up 0.5s 0s infinite; -o-animation: pacman-rotate-half-up 0.5s 0s infinite; animation: pacman-rotate-half-up 0.5s 0s infinite; } .la-pacman > div:nth-child(2) { margin-top: -32px; -webkit-animation-name: pacman-rotate-half-down; -moz-animation-name: pacman-rotate-half-down; -o-animation-name: pacman-rotate-half-down; animation-name: pacman-rotate-half-down; } .la-pacman > div:nth-child(3), .la-pacman > div:nth-child(4), .la-pacman > div:nth-child(5), .la-pacman > div:nth-child(6) { position: absolute; top: 50%; left: 200%; width: 8px; height: 8px; border-radius: 100%; opacity: 0; -webkit-animation: pacman-balls 2s 0s infinite linear; -moz-animation: pacman-balls 2s 0s infinite linear; -o-animation: pacman-balls 2s 0s infinite linear; animation: pacman-balls 2s 0s infinite linear; } .la-pacman > div:nth-child(3) { -webkit-animation-delay: -1.44s; -moz-animation-delay: -1.44s; -o-animation-delay: -1.44s; animation-delay: -1.44s; } .la-pacman > div:nth-child(4) { -webkit-animation-delay: -1.94s; -moz-animation-delay: -1.94s; -o-animation-delay: -1.94s; animation-delay: -1.94s; } .la-pacman > div:nth-child(5) { -webkit-animation-delay: -2.44s; -moz-animation-delay: -2.44s; -o-animation-delay: -2.44s; animation-delay: -2.44s; } .la-pacman > div:nth-child(6) { -webkit-animation-delay: -2.94s; -moz-animation-delay: -2.94s; -o-animation-delay: -2.94s; animation-delay: -2.94s; } .la-pacman.la-sm { width: 16px; height: 16px; } .la-pacman.la-sm > div:nth-child(1), .la-pacman.la-sm > div:nth-child(2) { border-width: 8px; } .la-pacman.la-sm > div:nth-child(2) { margin-top: -16px; } .la-pacman.la-sm > div:nth-child(3), .la-pacman.la-sm > div:nth-child(4), .la-pacman.la-sm > div:nth-child(5), .la-pacman.la-sm > div:nth-child(6) { width: 4px; height: 4px; } .la-pacman.la-2x { width: 64px; height: 64px; } .la-pacman.la-2x > div:nth-child(1), .la-pacman.la-2x > div:nth-child(2) { border-width: 32px; } .la-pacman.la-2x > div:nth-child(2) { margin-top: -64px; } .la-pacman.la-2x > div:nth-child(3), .la-pacman.la-2x > div:nth-child(4), .la-pacman.la-2x > div:nth-child(5), .la-pacman.la-2x > div:nth-child(6) { width: 16px; height: 16px; } .la-pacman.la-3x { width: 96px; height: 96px; } .la-pacman.la-3x > div:nth-child(1), .la-pacman.la-3x > div:nth-child(2) { border-width: 48px; } .la-pacman.la-3x > div:nth-child(2) { margin-top: -96px; } .la-pacman.la-3x > div:nth-child(3), .la-pacman.la-3x > div:nth-child(4), .la-pacman.la-3x > div:nth-child(5), .la-pacman.la-3x > div:nth-child(6) { width: 24px; height: 24px; } @-webkit-keyframes pacman-rotate-half-up { 0%, 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } 50% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes pacman-rotate-half-up { 0%, 100% { -moz-transform: rotate(270deg); transform: rotate(270deg); } 50% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes pacman-rotate-half-up { 0%, 100% { -o-transform: rotate(270deg); transform: rotate(270deg); } 50% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes pacman-rotate-half-up { 0%, 100% { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } 50% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes pacman-rotate-half-down { 0%, 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-moz-keyframes pacman-rotate-half-down { 0%, 100% { -moz-transform: rotate(90deg); transform: rotate(90deg); } 50% { -moz-transform: rotate(0deg); transform: rotate(0deg); } } @-o-keyframes pacman-rotate-half-down { 0%, 100% { -o-transform: rotate(90deg); transform: rotate(90deg); } 50% { -o-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes pacman-rotate-half-down { 0%, 100% { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } 50% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes pacman-balls { 0% { left: 200%; opacity: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } 5% { opacity: 0.5; } 66% { opacity: 1; } 67% { opacity: 0; } 100% { left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @-moz-keyframes pacman-balls { 0% { left: 200%; opacity: 0; -moz-transform: translateY(-50%); transform: translateY(-50%); } 5% { opacity: 0.5; } 66% { opacity: 1; } 67% { opacity: 0; } 100% { left: 0; -moz-transform: translateY(-50%); transform: translateY(-50%); } } @-o-keyframes pacman-balls { 0% { left: 200%; opacity: 0; -o-transform: translateY(-50%); transform: translateY(-50%); } 5% { opacity: 0.5; } 66% { opacity: 1; } 67% { opacity: 0; } 100% { left: 0; -o-transform: translateY(-50%); transform: translateY(-50%); } } @keyframes pacman-balls { 0% { left: 200%; opacity: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } 5% { opacity: 0.5; } 66% { opacity: 1; } 67% { opacity: 0; } 100% { left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } } .la-square-jelly-box, .la-square-jelly-box > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-square-jelly-box { display: block; font-size: 0; color: #fff; } .la-square-jelly-box.la-dark { color: #333; } .la-square-jelly-box > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-square-jelly-box { width: 32px; height: 32px; } .la-square-jelly-box > div:nth-child(1), .la-square-jelly-box > div:nth-child(2) { position: absolute; left: 0; width: 100%; } .la-square-jelly-box > div:nth-child(1) { top: -25%; z-index: 1; height: 100%; border-radius: 10%; -webkit-animation: square-jelly-box-animate 0.6s -0.1s linear infinite; -moz-animation: square-jelly-box-animate 0.6s -0.1s linear infinite; -o-animation: square-jelly-box-animate 0.6s -0.1s linear infinite; animation: square-jelly-box-animate 0.6s -0.1s linear infinite; } .la-square-jelly-box > div:nth-child(2) { bottom: -9%; height: 10%; background: #000; border-radius: 50%; opacity: 0.2; -webkit-animation: square-jelly-box-shadow 0.6s -0.1s linear infinite; -moz-animation: square-jelly-box-shadow 0.6s -0.1s linear infinite; -o-animation: square-jelly-box-shadow 0.6s -0.1s linear infinite; animation: square-jelly-box-shadow 0.6s -0.1s linear infinite; } .la-square-jelly-box.la-sm { width: 16px; height: 16px; } .la-square-jelly-box.la-2x { width: 64px; height: 64px; } .la-square-jelly-box.la-3x { width: 96px; height: 96px; } @-webkit-keyframes square-jelly-box-animate { 17% { border-bottom-right-radius: 10%; } 25% { -webkit-transform: translateY(25%) rotate(22.5deg); transform: translateY(25%) rotate(22.5deg); } 50% { border-bottom-right-radius: 100%; -webkit-transform: translateY(50%) scale(1, 0.9) rotate(45deg); transform: translateY(50%) scale(1, 0.9) rotate(45deg); } 75% { -webkit-transform: translateY(25%) rotate(67.5deg); transform: translateY(25%) rotate(67.5deg); } 100% { -webkit-transform: translateY(0) rotate(90deg); transform: translateY(0) rotate(90deg); } } @-moz-keyframes square-jelly-box-animate { 17% { border-bottom-right-radius: 10%; } 25% { -moz-transform: translateY(25%) rotate(22.5deg); transform: translateY(25%) rotate(22.5deg); } 50% { border-bottom-right-radius: 100%; -moz-transform: translateY(50%) scale(1, 0.9) rotate(45deg); transform: translateY(50%) scale(1, 0.9) rotate(45deg); } 75% { -moz-transform: translateY(25%) rotate(67.5deg); transform: translateY(25%) rotate(67.5deg); } 100% { -moz-transform: translateY(0) rotate(90deg); transform: translateY(0) rotate(90deg); } } @-o-keyframes square-jelly-box-animate { 17% { border-bottom-right-radius: 10%; } 25% { -o-transform: translateY(25%) rotate(22.5deg); transform: translateY(25%) rotate(22.5deg); } 50% { border-bottom-right-radius: 100%; -o-transform: translateY(50%) scale(1, 0.9) rotate(45deg); transform: translateY(50%) scale(1, 0.9) rotate(45deg); } 75% { -o-transform: translateY(25%) rotate(67.5deg); transform: translateY(25%) rotate(67.5deg); } 100% { -o-transform: translateY(0) rotate(90deg); transform: translateY(0) rotate(90deg); } } @keyframes square-jelly-box-animate { 17% { border-bottom-right-radius: 10%; } 25% { -webkit-transform: translateY(25%) rotate(22.5deg); -moz-transform: translateY(25%) rotate(22.5deg); -o-transform: translateY(25%) rotate(22.5deg); transform: translateY(25%) rotate(22.5deg); } 50% { border-bottom-right-radius: 100%; -webkit-transform: translateY(50%) scale(1, 0.9) rotate(45deg); -moz-transform: translateY(50%) scale(1, 0.9) rotate(45deg); -o-transform: translateY(50%) scale(1, 0.9) rotate(45deg); transform: translateY(50%) scale(1, 0.9) rotate(45deg); } 75% { -webkit-transform: translateY(25%) rotate(67.5deg); -moz-transform: translateY(25%) rotate(67.5deg); -o-transform: translateY(25%) rotate(67.5deg); transform: translateY(25%) rotate(67.5deg); } 100% { -webkit-transform: translateY(0) rotate(90deg); -moz-transform: translateY(0) rotate(90deg); -o-transform: translateY(0) rotate(90deg); transform: translateY(0) rotate(90deg); } } @-webkit-keyframes square-jelly-box-shadow { 50% { -webkit-transform: scale(1.25, 1); transform: scale(1.25, 1); } } @-moz-keyframes square-jelly-box-shadow { 50% { -moz-transform: scale(1.25, 1); transform: scale(1.25, 1); } } @-o-keyframes square-jelly-box-shadow { 50% { -o-transform: scale(1.25, 1); transform: scale(1.25, 1); } } @keyframes square-jelly-box-shadow { 50% { -webkit-transform: scale(1.25, 1); -moz-transform: scale(1.25, 1); -o-transform: scale(1.25, 1); transform: scale(1.25, 1); } } .la-square-loader, .la-square-loader > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-square-loader { display: block; font-size: 0; color: #fff; } .la-square-loader.la-dark { color: #333; } .la-square-loader > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-square-loader { width: 32px; height: 32px; } .la-square-loader > div { width: 100%; height: 100%; background: transparent; border-width: 2px; border-radius: 0; -webkit-animation: square-loader 2s infinite ease; -moz-animation: square-loader 2s infinite ease; -o-animation: square-loader 2s infinite ease; animation: square-loader 2s infinite ease; } .la-square-loader > div:after { display: inline-block; width: 100%; vertical-align: top; content: ''; background-color: currentColor; -webkit-animation: square-loader-inner 2s infinite ease-in; -moz-animation: square-loader-inner 2s infinite ease-in; -o-animation: square-loader-inner 2s infinite ease-in; animation: square-loader-inner 2s infinite ease-in; } .la-square-loader.la-sm { width: 16px; height: 16px; } .la-square-loader.la-sm > div { border-width: 1px; } .la-square-loader.la-2x { width: 64px; height: 64px; } .la-square-loader.la-2x > div { border-width: 4px; } .la-square-loader.la-3x { width: 96px; height: 96px; } .la-square-loader.la-3x > div { border-width: 6px; } @-webkit-keyframes square-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 75% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes square-loader { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 25% { -moz-transform: rotate(180deg); transform: rotate(180deg); } 50% { -moz-transform: rotate(180deg); transform: rotate(180deg); } 75% { -moz-transform: rotate(360deg); transform: rotate(360deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes square-loader { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 25% { -o-transform: rotate(180deg); transform: rotate(180deg); } 50% { -o-transform: rotate(180deg); transform: rotate(180deg); } 75% { -o-transform: rotate(360deg); transform: rotate(360deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes square-loader { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } 50% { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } 75% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes square-loader-inner { 0% { height: 0; } 25% { height: 0; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0; } } @-moz-keyframes square-loader-inner { 0% { height: 0; } 25% { height: 0; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0; } } @-o-keyframes square-loader-inner { 0% { height: 0; } 25% { height: 0; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0; } } @keyframes square-loader-inner { 0% { height: 0; } 25% { height: 0; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0; } } .la-square-spin, .la-square-spin > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-square-spin { display: block; font-size: 0; color: #fff; } .la-square-spin.la-dark { color: #333; } .la-square-spin > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-square-spin { width: 32px; height: 32px; } .la-square-spin > div { width: 100%; height: 100%; border-radius: 0; -webkit-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; -moz-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; -o-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } .la-square-spin.la-sm { width: 16px; height: 16px; } .la-square-spin.la-2x { width: 64px; height: 64px; } .la-square-spin.la-3x { width: 96px; height: 96px; } @-webkit-keyframes square-spin { 0% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(360deg); transform: perspective(100px) rotateX(0) rotateY(360deg); } } @-moz-keyframes square-spin { 0% { -moz-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } 25% { -moz-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { -moz-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { -moz-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -moz-transform: perspective(100px) rotateX(0) rotateY(360deg); transform: perspective(100px) rotateX(0) rotateY(360deg); } } @-o-keyframes square-spin { 0% { transform: perspective(100px) rotateX(0) rotateY(0); } 25% { transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { transform: perspective(100px) rotateX(0) rotateY(360deg); } } @keyframes square-spin { 0% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); -moz-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); -moz-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); -moz-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); -moz-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(360deg); -moz-transform: perspective(100px) rotateX(0) rotateY(360deg); transform: perspective(100px) rotateX(0) rotateY(360deg); } } .la-timer, .la-timer > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-timer { display: block; font-size: 0; color: #fff; } .la-timer.la-dark { color: #333; } .la-timer > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-timer { width: 32px; height: 32px; } .la-timer > div { width: 32px; height: 32px; background: transparent; border-width: 2px; border-radius: 100%; } .la-timer > div:before, .la-timer > div:after { position: absolute; top: 14px; left: 14px; display: block; width: 2px; margin-top: -1px; margin-left: -1px; content: ''; background: currentColor; border-radius: 2px; -webkit-transform-origin: 1px 1px 0; -moz-transform-origin: 1px 1px 0; -ms-transform-origin: 1px 1px 0; -o-transform-origin: 1px 1px 0; transform-origin: 1px 1px 0; -webkit-animation: timer-loader 1250ms infinite linear; -moz-animation: timer-loader 1250ms infinite linear; -o-animation: timer-loader 1250ms infinite linear; animation: timer-loader 1250ms infinite linear; -webkit-animation-delay: -625ms; -moz-animation-delay: -625ms; -o-animation-delay: -625ms; animation-delay: -625ms; } .la-timer > div:before { height: 12px; } .la-timer > div:after { height: 8px; -webkit-animation-duration: 15s; -moz-animation-duration: 15s; -o-animation-duration: 15s; animation-duration: 15s; -webkit-animation-delay: -7.5s; -moz-animation-delay: -7.5s; -o-animation-delay: -7.5s; animation-delay: -7.5s; } .la-timer.la-sm { width: 16px; height: 16px; } .la-timer.la-sm > div { width: 16px; height: 16px; border-width: 1px; } .la-timer.la-sm > div:before, .la-timer.la-sm > div:after { top: 7px; left: 7px; width: 1px; margin-top: -0.5px; margin-left: -0.5px; border-radius: 1px; -webkit-transform-origin: 0.5px 0.5px 0; -moz-transform-origin: 0.5px 0.5px 0; -ms-transform-origin: 0.5px 0.5px 0; -o-transform-origin: 0.5px 0.5px 0; transform-origin: 0.5px 0.5px 0; } .la-timer.la-sm > div:before { height: 6px; } .la-timer.la-sm > div:after { height: 4px; } .la-timer.la-2x { width: 64px; height: 64px; } .la-timer.la-2x > div { width: 64px; height: 64px; border-width: 4px; } .la-timer.la-2x > div:before, .la-timer.la-2x > div:after { top: 28px; left: 28px; width: 4px; margin-top: -2px; margin-left: -2px; border-radius: 4px; -webkit-transform-origin: 2px 2px 0; -moz-transform-origin: 2px 2px 0; -ms-transform-origin: 2px 2px 0; -o-transform-origin: 2px 2px 0; transform-origin: 2px 2px 0; } .la-timer.la-2x > div:before { height: 24px; } .la-timer.la-2x > div:after { height: 16px; } .la-timer.la-3x { width: 96px; height: 96px; } .la-timer.la-3x > div { width: 96px; height: 96px; border-width: 6px; } .la-timer.la-3x > div:before, .la-timer.la-3x > div:after { top: 42px; left: 42px; width: 6px; margin-top: -3px; margin-left: -3px; border-radius: 6px; -webkit-transform-origin: 3px 3px 0; -moz-transform-origin: 3px 3px 0; -ms-transform-origin: 3px 3px 0; -o-transform-origin: 3px 3px 0; transform-origin: 3px 3px 0; } .la-timer.la-3x > div:before { height: 36px; } .la-timer.la-3x > div:after { height: 24px; } @-webkit-keyframes timer-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes timer-loader { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes timer-loader { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes timer-loader { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .la-triangle-skew-spin, .la-triangle-skew-spin > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-triangle-skew-spin { display: block; font-size: 0; color: #fff; } .la-triangle-skew-spin.la-dark { color: #333; } .la-triangle-skew-spin > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-triangle-skew-spin { width: 32px; height: 16px; } .la-triangle-skew-spin > div { width: 0; height: 0; background: transparent; border: none; border-style: solid; border-width: 16px; border-top-width: 0; border-right-color: transparent; border-left-color: transparent; -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; -moz-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; -o-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } .la-triangle-skew-spin.la-sm { width: 16px; height: 8px; } .la-triangle-skew-spin.la-sm > div { border-width: 8px; border-top-width: 0; } .la-triangle-skew-spin.la-2x { width: 64px; height: 32px; } .la-triangle-skew-spin.la-2x > div { border-width: 32px; border-top-width: 0; } .la-triangle-skew-spin.la-3x { width: 96px; height: 48px; } .la-triangle-skew-spin.la-3x > div { border-width: 48px; border-top-width: 0; } @-webkit-keyframes triangle-skew-spin { 0% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(360deg); transform: perspective(100px) rotateX(0) rotateY(360deg); } } @-moz-keyframes triangle-skew-spin { 0% { -moz-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } 25% { -moz-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { -moz-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { -moz-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -moz-transform: perspective(100px) rotateX(0) rotateY(360deg); transform: perspective(100px) rotateX(0) rotateY(360deg); } } @-o-keyframes triangle-skew-spin { 0% { transform: perspective(100px) rotateX(0) rotateY(0); } 25% { transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { transform: perspective(100px) rotateX(0) rotateY(360deg); } } @keyframes triangle-skew-spin { 0% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); -moz-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); -moz-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); -moz-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); -moz-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(360deg); -moz-transform: perspective(100px) rotateX(0) rotateY(360deg); transform: perspective(100px) rotateX(0) rotateY(360deg); } } /* Old Default Table Loader */ .supsystic-table-loader, .supsystic-diagram-loader { margin: 0 auto; } .spinner { display: block; visibility: visible; width: 40px !important; height: 40px !important; background: transparent; background-color: #333; margin: 0 auto; opacity: 1; float: none; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotateplane { 0% { -webkit-transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @keyframes sk-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } svg > g > g:last-child { pointer-events: none; } .supsystic-tables-wrap .supsystic-table .bold { font-weight: 700; } .supsystic-tables-wrap .supsystic-table .italic { font-style: italic; } .supsystic-tables-wrap .supsystic-table .underline { text-decoration: underline; } .supsystic-tables-wrap .supsystic-table .htLeft { text-align: left; } .supsystic-tables-wrap .supsystic-table .htRight { text-align: right; } .supsystic-tables-wrap .supsystic-table .htCenter { text-align: center; } .supsystic-tables-wrap .supsystic-table .htTop { vertical-align: top; } .supsystic-tables-wrap .supsystic-table .htMiddle { vertical-align: middle; } .supsystic-tables-wrap .supsystic-table .htBottom { vertical-align: bottom; } .supsystic-tables-wrap .supsystic-table[data-responsive-mode='1'] td.child table { table-layout: fixed; } .supsystic-tables-wrap .supsystic-tables-export ul { margin: 0 !important; padding: 0 !important; } .supsystic-tables-wrap .supsystic-tables-export ul li { display: inline-block !important; margin-left: 10px; } .supsystic-tables-wrap .supsystic-tables-export ul li:first-child { margin-left: 0; } .supsystic-tables-wrap .supsystic-tables-export ul li .export-label, .supsystic-tables-wrap .supsystic-tables-export ul li a { line-height: 1.2em; vertical-align: middle; } .supsystic-tables-wrap { position: relative; width: 100%; overflow: hidden; box-sizing: border-box; -webkit-overflow-scrolling: touch; } .supsystic-tables-wrap.disable-responsive { overflow: visible; } .supsystic-tables-wrap .supsystic-table { box-sizing: border-box; } table.supsystic-table th, table.supsystic-table td { white-space: normal !important; } table.supsystic-table.nowrap th, table.supsystic-table.nowrap td { white-space: nowrap !important; } table.supsystic-table img.wp-post-image { max-width: none; } table.supsystic-table img { max-width: 100%; height: auto; } .supsystic-tables-wrap table.supsystic-table .no-header tr:first-child td { border-top: 1px solid #111; } .supsystic-tables-wrap .dataTables_wrapper .dataTables_paginate .paginate_button { position: relative; width: auto !important; height: auto !important; background-color: transparent; opacity: 1; transition: none; } .supsystic-tables-wrap.pagination-large .dataTables_paginate .paginate_button { padding: 0.5em 1em; } .supsystic-tables-wrap.pagination-medium .dataTables_paginate .paginate_button { padding: 0.3em 0.7em; } .supsystic-tables-wrap.pagination-small .dataTables_paginate .paginate_button { padding: 0.1em 0.5em; } table.supsystic-table .ww-h { white-space: nowrap !important; overflow: hidden; } table.supsystic-table { table-layout: auto !important; max-width: none; } table.supsystic-table[data-lfixed='1'] { table-layout: fixed !important; } table.supsystic-table .ww-v { white-space: nowrap !important; overflow: visible; max-width: 0; } .dataTables_wrapper .dataTables_filter input { width: auto; margin-bottom: 1em; } table.supsystic-table .ww-v { max-width: auto; } .supsystic-tables-features div { display: inline-block; margin-right: 15px; margin-bottom: 10px; } .supsystic-tables-features.after_table div { margin-top: 10px; margin-bottom: 0; } table.supsystic-table.collapsed > tbody > tr > td:first-child:before, table.supsystic-table.collapsed > tbody > tr > th:first-child:before { background-color: #2b2b2b; font-size: 16px; line-height: 16px; font-weight: normal; font-style: normal; text-align: center !important; text-indent: 1px !important; } table.supsystic-table.collapsed > tbody > tr.parent > td:first-child:before, table.supsystic-table.collapsed > tbody > tr.parent > th:first-child:before { background-color: #888; } /* Reset border styles for data tables, because border and border-left, border-right etc. styles are applied on table at the same time */ table.dataTable tbody th, table.dataTable tbody td { border: none; } table.dataTable caption { padding: 0 !important; } /* Add .no-border class for disable table borders at all */ table.dataTable.no-border.no-footer, table.dataTable.no-border th, table.dataTable.no-border td { border-top: none; border-left: none; border-right: none; border-bottom: none; } table.oneColumn, table.oneColumn thead, table.oneColumn tbody, table.oneColumn th, table.oneColumn td, table.oneColumn tr { display: block; } table.oneColumn thead tr, table.oneColumn tfoot tr { position: absolute; top: -9999px; left: -9999px; } table.oneColumn tr { border: 1px solid #ccc; height: auto !important; } table.oneColumn td { border: none; border-bottom: 1px solid #eee; position: relative; text-align: left; box-sizing: border-box; } table.oneColumnWithLabels tr:not(.haveMergedCell) td { padding-left: 50% !important; border-top: none !important; } table.oneColumnWithLabels tr:not(.haveMergedCell) td:before { position: absolute; text-align: left; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } table.oneColumnWithLabels tr:not(.haveMergedCell) td:after { content: ''; display: inline-block; } .supsystic-table.collapsed tr.child table td { overflow-y: auto; } .supsystic-table.fixedHeader-floating, .supsystic-table.fixedFooter-floating { display: none; } .supsystic-tables-wrap .table-signature { font-size: 12px; font-style: normal; font-weight: 500; color: #a4aaac; } .supsystic-tables-wrap .supsystic-table.compact .stbColumnsSearchWrapper th, .supsystic-tables-wrap .supsystic-table.compact .stbColumnsSearchWrapper td { padding: 4px; } .supsystic-tables-wrap .DTFC_ScrollWrapper { height: auto !important; } /* For of applying unneeded scroll to fixed columns */ .supsystic-tables-wrap .DTFC_LeftWrapper .supsystic-table, .supsystic-tables-wrap .DTFC_RightWrapper .supsystic-table { border-right: none; } /* For search by hidden cells and for invisible cells */ .supsystic-tables-wrap table.supsystic-table tr .hiddenCell, .supsystic-tables-wrap table.supsystic-table tr .invisibleCell { display: none !important; } /* Fix for Horizontal scroll responsive mode if table has different width for one column in header and body */ .supsystic-tables-wrap .fit-content { border-bottom: none !important; } .supsystic-tables-wrap .fit-content table { float: left; border-bottom: 1px solid #111 !important; } /* Fix for using autowidth for tables with Fixed Header or Horizontal scroll responsive mode */ .supsystic-tables-wrap .dataTables_scrollHeadInner, .supsystic-tables-wrap .dataTables_scrollFootInner { margin: 0 !important; } .supsystic-tables-wrap table { margin-left: 0 !important; } .supsystic-tables-wrap .dataTables_scroll { padding-top: 0 !important; } table.dataTable input.search-column { width: 100%; padding: 3px; box-sizing: border-box; } .stbMobileComment { position: absolute; border-radius: 6px; background-color: #999; color: white; padding: 7px; z-index: 10; } .supsystic-table.compact[data-auto-index='new'] tr td:first-child { word-break: normal; } .dataTables_wrapper table td, .dataTables_wrapper table th { word-break: initial !important; word-wrap: initial !important; } .supsystic-tables-wrap table.supsystic-table.stripe, .supsystic-tables-wrap table.supsystic-table.hover td { background-color: inherit; } .supsystic-tables-global-page-search-wrapper { margin-bottom: 10px; margin-top: 10px; } .supsystic-tables-wrap .supsystic-table .editfile .delete-upload-file { display: none; } /*Disable Edit Link that was placed wrong in plugin before*/ .supsystic-tables-wrap > a { display: none; } .selectArea { background: white; } .inputArea { background: white; -ms-overflow-style: none; scrollbar-width: none; } .inputArea::-webkit-scrollbar { display: none; } div.dtsFrontendExportNotice { display: none; position: relative; width: 100%; margin: 0px; margin-top: 15px; padding: 5px 4px; color: black; border-radius: 3px; border: 1px solid gray; background: #dfdfdf; } .dataTables_paginate .ui-state-disabled, .dataTables_paginate .ui-widget-content .ui-state-disabled, .dataTables_paginate .ui-widget-header .ui-state-disabled { opacity: 0.35; } .dataTables_paginate .button.supsystic-button, .dataTables_paginate .supsystic-plugin .button, .dataTables_paginate .supsystic-plugin .paginate_button, .dataTables_paginate .supsystic-plugin .button-primary, .dataTables_paginate .ui-button:not(.ui-dialog-titlebar-close), .dataTables_paginate .ui-button.ui-state-default:not(.ui-dialog-titlebar-close) { padding: 0.4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: 0.1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: visible; font-size: 15px !important; height: 35px !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; color: #28282a !important; background-color: transparent !important; background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: 1px solid #000 !important; line-height: 31px !important; padding: 0 8px 1px !important; } table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable thead th,table.dataTable thead td{padding:10px 18px;border-bottom:1px solid #111}table.dataTable thead th:active,table.dataTable thead td:active{outline:none}table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 18px 6px 18px;border-top:1px solid #111}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;*cursor:hand;background-repeat:no-repeat;background-position:center right}table.dataTable thead .sorting{background-image:url("https://dmciprojects.net/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/../images/sort_both.png")}table.dataTable thead .sorting_asc{background-image:url("https://dmciprojects.net/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/../images/sort_asc.png")}table.dataTable thead .sorting_desc{background-image:url("https://dmciprojects.net/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/../images/sort_desc.png")}table.dataTable thead .sorting_asc_disabled{background-image:url("https://dmciprojects.net/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/../images/sort_asc_disabled.png")}table.dataTable thead .sorting_desc_disabled{background-image:url("https://dmciprojects.net/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/../images/sort_desc_disabled.png")}table.dataTable tbody tr{background-color:#fff}table.dataTable tbody tr.selected{background-color:#b0bed9}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid #ddd}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid #ddd;border-right:1px solid #ddd}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid #ddd}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{background-color:#f9f9f9}table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected{background-color:#acbad4}table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:#f6f6f6}table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected{background-color:#aab7d1}table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3{background-color:#fafafa}table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3{background-color:#acbad5}table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:#f1f1f1}table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2{background-color:#f3f3f3}table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3{background-color:whitesmoke}table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1{background-color:#a6b4cd}table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2{background-color:#a8b5cf}table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3{background-color:#a9b7d1}table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#fafafa}table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2{background-color:#fcfcfc}table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3{background-color:#fefefe}table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1{background-color:#acbad5}table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2{background-color:#aebcd6}table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{background-color:#eaeaea}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{background-color:#ececec}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{background-color:#efefef}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{background-color:#a2aec7}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{background-color:#a3b0c9}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{background-color:#a5b2cb}table.dataTable.no-footer{border-bottom:1px solid #111}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.compact thead th,table.dataTable.compact thead td{padding:4px 17px}table.dataTable.compact tfoot th,table.dataTable.compact tfoot td{padding:4px}table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable,table.dataTable th,table.dataTable td{box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both;*zoom:1;zoom:1}.dataTables_wrapper .dataTables_length{float:left; margin-bottom:10px;}.dataTables_wrapper .dataTables_length select{border:1px solid #aaa;border-radius:3px;min-width:40px;padding:5px;background-color:transparent;padding:4px}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;margin-left:3px}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:#333 !important;border:1px solid transparent;border-radius:2px}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333 !important;border:1px solid #979797;background-color:white;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));background:-webkit-linear-gradient(top, white 0%, #dcdcdc 100%);background:-moz-linear-gradient(top, white 0%, #dcdcdc 100%);background:-ms-linear-gradient(top, white 0%, #dcdcdc 100%);background:-o-linear-gradient(top, white 0%, #dcdcdc 100%);background:linear-gradient(to bottom, white 0%, #dcdcdc 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:white;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:-moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:-ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:-o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#333}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #111}.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:.5em}} table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{top:8px;left:4px;height:16px;width:16px;display:block;position:absolute;color:white;border:2px solid white;border-radius:16px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:left;font-family:'Courier New', Courier, monospace;text-indent:4px;line-height:16px;content:'+';background-color:#31b131}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{content:'-';background-color:#d33333}table.dataTable.dtr-inline.collapsed>tbody>tr.child td:before{display:none}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before{top:5px;left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:16px;width:16px;margin-top:-10px;margin-left:-10px;display:block;position:absolute;color:white;border:2px solid white;border-radius:16px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:left;font-family:'Courier New', Courier, monospace;text-indent:4px;line-height:16px;content:'+';background-color:#31b131}table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:'-';background-color:#d33333}table.dataTable>tbody>tr.child{padding:0.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul li{border-bottom:1px solid #efefef;padding:0.5em 0}table.dataTable>tbody>tr.child ul li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:0.5em;box-shadow:0 12px 30px rgba(0,0,0,0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0,0,0,0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}} table.DTFC_Cloned thead,table.DTFC_Cloned tfoot{background-color:white}div.DTFC_Blocker{background-color:white}div.DTFC_LeftWrapper table.dataTable,div.DTFC_RightWrapper table.dataTable{margin-bottom:0;z-index:2}div.DTFC_LeftWrapper table.dataTable.no-footer,div.DTFC_RightWrapper table.dataTable.no-footer{border-bottom:none} table.fixedHeader-floating{position:fixed !important;background-color:white}table.fixedHeader-floating.no-footer{border-bottom-width:0}table.fixedHeader-locked{position:absolute !important;background-color:white}@media print{table.fixedHeader-floating{display:none}} /** * Featherlight - ultra slim jQuery lightbox * Version 1.7.13 - http://noelboss.github.io/featherlight/ * * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ html.with-featherlight{overflow:hidden}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000;border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}@media print{html.with-featherlight>*>:not(.featherlight){display:none}} /* Styles for export table icons */ .supsystic-tables-export i { background-repeat: no-repeat; background-position: 50% 50%; height: 1.4em; width: 1.2em; display: inline-block; vertical-align: bottom; margin-right: 0.3em; } i.export-pdf-icon { background-image: url('//dmciprojects.net/wp-content/plugins/tables-generator-pro/src/SupsysticTablesPro/Tables/assets/css/../images/icons/pdf.svg'); } i.export-csv-icon { background-image: url('//dmciprojects.net/wp-content/plugins/tables-generator-pro/src/SupsysticTablesPro/Tables/assets/css/../images/icons/csv.svg'); } i.export-xls-icon { background-image: url('//dmciprojects.net/wp-content/plugins/tables-generator-pro/src/SupsysticTablesPro/Tables/assets/css/../images/icons/xls.svg'); } i.export-xlsx-icon { background-image: url('//dmciprojects.net/wp-content/plugins/tables-generator-pro/src/SupsysticTablesPro/Tables/assets/css/../images/icons/xls.svg'); } i.export-print-icon { background-image: url('//dmciprojects.net/wp-content/plugins/tables-generator-pro/src/SupsysticTablesPro/Tables/assets/css/../images/icons/print.svg'); } i.export-email-icon { background-image: url('//dmciprojects.net/wp-content/plugins/tables-generator-pro/src/SupsysticTablesPro/Tables/assets/css/../images/icons/email.svg'); } /* Styles for collapsible cells */ .supsystic-tables-wrap tr.collapsibleRowMain > th:first-child, .supsystic-tables-wrap tr.collapsibleRowMain > td:first-child { position: relative; padding-left: 30px !important; } .supsystic-tables-wrap tr.collapsibleRowMain > th:first-child:after, .supsystic-tables-wrap tr.collapsibleRowMain > td:first-child:after { position: absolute; top: 50%; left: 7px; content: "\f055"; font-family: FontAwesome; font-style: normal; font-weight: normal; color: #000; font-size: 18px; text-decoration: none; transform: translateY(-50%); } .supsystic-tables-wrap .supsystic-table.collapsed tr.collapsibleRowMain > th:first-child:after, .supsystic-tables-wrap .supsystic-table.collapsed tr.collapsibleRowMain > td:first-child:after { top: 19px; left: 30px; } .supsystic-tables-wrap .collapsibleRowMain.collapsibleRowOpen th:first-child:after, .supsystic-tables-wrap .collapsibleRowMain.collapsibleRowOpen td:first-child:after { content: "\f056"; } .supsystic-tables-wrap .collapsibleRowHide:not(.collapsibleSearchMode) { display: none; } /* Hide icons for tables inside .dataTables_scrollBody class because their native header is hidden */ .supsystic-tables-wrap .dataTables_scrollBody tr.collapsibleRowMain > th:first-child:after { content: ""; } /* Styles for tables with collapsible cells and response mode: Automatic Column Hiding */ .supsystic-tables-wrap .supsystic-table.collapsed tr.collapsibleRowMain > th:first-child, .supsystic-tables-wrap .supsystic-table.collapsed tr.collapsibleRowMain > td:first-child { padding-left: 50px !important; } /* Styles for tables with collapsible cells and response mode: Standart Responsive Mode */ .supsystic-tables-wrap .oneColumnWithLabels .collapsibleRowMain td:before { padding-left: 25px; } /* Mark for last edited cell */ .justEdited { position: relative; } .justEdited:after { position: absolute; padding-left: 3px; content: '✓'; } /* jQuery UI datepicker */ .ui-datepicker.stbDatePicker { z-index: 105 !important; } .supsystic-tables-wrap .supsystic-table .editfile{ cursor: pointer; position: relative; } .supsystic-tables-wrap .supsystic-table .editfile .delete-upload-file{ position: absolute; top: 0; right: 0; color: #000000; font-size: 1.4rem; width: 30px; /*height: 40px;*/ line-height: 30px; font-weight: bold; z-index: 99; background-color: rgba(255,255,255,0.8); border-radius: 3px; text-align: center; text-decoration: none; display: none; } .supsystic-tables-wrap .supsystic-table .editfile .delete-upload-file:hover, .supsystic-tables-wrap .supsystic-table .editfile .delete-upload-file:focus{ color: #000000; background-color: rgba(255,255,255,1); }