.sp-container{position:absolute;top:0;left:0;display:inline-block;z-index:9999994;overflow:hidden}.sp-original-input-container{position:relative;display:inline-flex}.sp-original-input-container input{margin:0!important}.sp-original-input-container .sp-add-on{width:40px;border-top-right-radius:0!important;border-bottom-right-radius:0!important}input.spectrum.with-add-on{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.sp-original-input-container .sp-add-on .sp-colorize{height:100%;width:100%;border-radius:inherit}.sp-colorize-container{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='%23ccc' fill-opacity='1'%3E%3Crect x='0' y='0' width='6' height='6' /%3E%3Crect x='6' y='6' width='6' height='6' /%3E%3C/svg%3E")}.sp-container.sp-flat{position:relative}.sp-container,.sp-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.sp-top{position:relative;width:100%;display:inline-block}.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0}.sp-color{position:absolute;top:0;left:0;bottom:0;right:20px!important}.sp-hue{position:absolute;top:0;right:0;bottom:0;width:12px;height:100%;left:initial!important}.sp-clear-enabled .sp-hue{top:15%;height:85%}.sp-fill{padding-top:80%}.sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0}.sp-alpha-enabled .sp-top{margin-bottom:28px!important}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha-handle{position:absolute;top:-3px;cursor:pointer;height:16px;border-radius:50%;width:16px;margin-right:5px;left:-2px;right:0;background:#f9f9f9;box-shadow:0 0 2px 0 #3a3a3a}.sp-alpha{display:none;position:absolute;bottom:-18px;right:0;left:0;height:10px}.sp-alpha-inner{border-radius:4px}.sp-clear{display:none}.sp-clear.sp-clear-display{background-position:center}.sp-clear-enabled .sp-clear{display:block;position:absolute;top:3px;right:0;bottom:0;cursor:pointer;left:initial;height:14px;width:14px}.sp-alpha,.sp-alpha-handle,.sp-clear,.sp-container,.sp-container button,.sp-container.sp-dragging .sp-input,.sp-dragger,.sp-preview,.sp-replacer,.sp-slider{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}.sp-container.sp-input-disabled .sp-input-container{display:none}.sp-container.sp-buttons-disabled .sp-button-container{display:none}.sp-container.sp-palette-buttons-disabled .sp-palette-button-container{display:none}.sp-palette-only .sp-picker-container{display:none}.sp-palette-disabled .sp-palette-container{display:none}.sp-initial-disabled .sp-initial{display:none}.sp-sat{background-image:-webkit-gradient(linear,0 0,100% 0,from(#fff),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-moz-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-o-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-ms-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:linear-gradient(to right,#fff,rgba(204,154,129,0))}.sp-val{border-radius:4px;background-image:-webkit-gradient(linear,0 100%,0 0,from(#000),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-moz-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-o-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-ms-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:linear-gradient(to top,#000,rgba(204,154,129,0))}.sp-hue{background:-moz-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-ms-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-o-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(.17,#ff0),color-stop(.33,#0f0),color-stop(.5,#0ff),color-stop(.67,#00f),color-stop(.83,#f0f),to(red));background:-webkit-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.sp-1{height:17%}.sp-2{height:16%}.sp-3{height:17%}.sp-4{height:17%}.sp-5{height:16%}.sp-6{height:17%}.sp-hidden{display:none!important}.sp-cf:after,.sp-cf:before{content:"";display:table}.sp-cf:after{clear:both}@media (max-device-width:480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}}.sp-dragger{border-radius:5px;height:10px;width:10px;border:1px solid #fff;cursor:pointer;position:absolute;top:0;left:0;margin-left:3px;margin-top:3px;box-shadow:0 0 2px 1px rgba(0,0,0,.2)}.sp-slider{position:absolute;top:0;cursor:pointer;height:16px;border-radius:50%;width:16px;left:-2px;background:#f9f9f9;box-shadow:0 0 2px 0 #3a3a3a;margin-top:8px}.sp-container{display:inline-flex;border-radius:0;background-color:#fff;padding:0;border-radius:4px;color:#000;box-shadow:0 0 0 1px rgba(99,114,130,.16),0 8px 16px rgba(27,39,51,.08)}.sp-clear,.sp-color,.sp-container,.sp-container button,.sp-container input,.sp-hue{font-size:12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.sp-top{margin-bottom:10px}.sp-clear,.sp-color,.sp-hue,.sp-sat,.sp-val{border-radius:3px}.sp-input-container{margin-top:-5px}.sp-button-container.sp-cf,.sp-initial.sp-thumb.sp-cf,.sp-input-container.sp-cf{height:25px}.sp-picker-container .sp-cf{margin-bottom:10px}.sp-palette-row-initial>span:first-child{cursor:pointer}.sp-initial-disabled .sp-input-container{width:100%}.sp-input{padding:0 5px!important;margin:0;width:100%;box-shadow:none!important;height:100%!important;background:0 0;color:#3a3a3a;border-radius:2px!important;border:1px solid #e0e0e0!important;text-align:center;font-family:monospace;font-size:inherit!important}.sp-input:focus{border:1px solid orange}.sp-input.sp-validation-error{border:1px solid red;background:#fdd}.sp-palette-container,.sp-picker-container{position:relative;padding:10px}.sp-picker-container{width:200px;padding-bottom:0}.sp-palette-container{border-right:solid 1px #ccc}.sp-palette-only .sp-palette-container{border:0}.sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:solid 2px transparent}.sp-palette .sp-thumb-el.sp-thumb-active,.sp-palette .sp-thumb-el:hover{border-color:orange}.sp-thumb-el{position:relative}.sp-initial{float:left}.sp-initial span{width:30px;height:25px;border:none;display:block;float:left;margin:0}.sp-initial .spe-thumb-el.sp-thumb-active{border-radius:0 5px 5px 0}.sp-initial .spe-thumb-el{border-radius:5px 0 0 5px}.sp-initial .sp-clear-display{background-position:center}.sp-button-container{float:right}.sp-palette-button-container{margin-top:10px}.sp-replacer{position:relative;overflow:hidden;cursor:pointer;display:inline-block;border-radius:3px;border:1px solid #aaa;color:#666;transition:border-color .3s;vertical-align:middle;width:3rem;height:1.5rem}.sp-replacer.sp-active,.sp-replacer:hover{border:1px solid #666;color:#000}.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver}.sp-dd{position:absolute;font-size:10px;right:0;top:0;bottom:0;padding:0 2px;line-height:1.6rem;background-color:#fff}.sp-preview{position:relative;width:100%;height:100%;float:left;z-index:0}.sp-preview-inner{transition:background-color .2s}.sp-preview-inner.sp-clear-display{display:none}.sp-palette .sp-thumb-el{width:16px;height:16px;margin:3px;border:none;border-radius:3px}.sp-container button{border-radius:3px;border:none;background:0 0;line-height:1;padding:0 8px;height:25px;text-transform:capitalize;text-align:center;vertical-align:middle;cursor:pointer;color:#606c72;font-weight:700}.sp-container button.sp-choose{background-color:#3cab3b;color:#fff;margin-left:5px}.sp-container button:hover{opacity:.8}.sp-container button.sp-palette-toggle{width:100%;background-color:#f3f3f3;margin:0}.sp-palette span.sp-thumb-active,.sp-palette span:hover{border-color:#000}.sp-alpha,.sp-preview,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='%23ccc' fill-opacity='1'%3E%3Crect x='0' y='0' width='6' height='6' /%3E%3Crect x='6' y='6' width='6' height='6' /%3E%3C/svg%3E")}.sp-alpha-inner,.sp-preview-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0}.sp-palette .sp-thumb-inner{border-radius:3px;background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M9 16.172l10.594-10.594 1.406 1.406-12 12-5.578-5.578 1.406-1.406z' fill='%23000'%3E%3C/path%3E%3C/svg%3E")}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M9 16.172l10.594-10.594 1.406 1.406-12 12-5.578-5.578 1.406-1.406z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E")}.sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABe0lEQVQokYXSsUtcQRTF4d8Jj+VhHSxkEQuLsEUKK0nhTBFTmLSSUhBCMCAWsmgIwWrBLk0akfwLCaSQKBJmtrIIISwpRFKIhViETScphGMzysMtvOVwvpm5d0bGNCuGWAOPgYdl6S8wSDn9b+bUhDHEKWAdeAFMANg+l/TV9ofcz6cjMIbYBvaBMds7QCqZ58CmpBNgPuV0DvAAIMyFGugWtJr7eTv38xEwkPRPErY7QDeG2LqFkjrAgu0dSd/KDVqSNmxvAZ8lfbS9AHRuYemnLWkv5XRVBrQMbAI/gTXgEzAJtJuwBVS2L2OIle03QA/4Lmkl5XQBXEqqbFcAVYFDYChpFngiqWf7l6TXKaezMt2Zkhk24THwG+jZriX9AFZvUAyxLbRke2D75O5zPAO+ADXwEtizjaRHwDvbTyUtppwOmicCHAJvbXcl9YA1SQDjtseA97YPRz7ATcUQp2y/kjRdevsjaTfldNrMjcDGBjXA3T96L7yvrgFzP69+0Ao/HAAAAABJRU5ErkJggg==);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='14' height='14'%3E%3Cpath d='M12 20.016q3.281 0 5.648-2.367t2.367-5.648q0-2.672-1.734-4.922l-11.203 11.203q2.25 1.734 4.922 1.734zM3.984 12q0 2.672 1.734 4.922l11.203-11.203q-2.25-1.734-4.922-1.734-3.281 0-5.648 2.367t-2.367 5.648zM12 2.016q4.125 0 7.055 2.93t2.93 7.055-2.93 7.055-7.055 2.93-7.055-2.93-2.93-7.055 2.93-7.055 7.055-2.93z' fill='%23000'%3E%3C/path%3E%3C/svg%3E")}:root {
--green: #3adfa9; --blue: #019ee5; --wpcbg: #ffffff; --lblue: #e0f4ff;
--lgreen: #def9ea;
--lred: #f0acac;
--gray1: #f5f5f5;
--gray2: #e9e9e9;
--gray3: #c1c1c1;
--gray4: #797979;
--black: #333739;
} .wpc-wrapper {
margin: 0 auto;
}
.wpc-main {
background-color: var(--wpcbg);
margin: 0 auto;
}
.wpc-flex-container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
}
.wpc-flex-full {
width: 100%;
}
.wpc-flex-center {
align-items: center;
}
.wpc-flex-content,
.wpc-flex-sidebar {
box-sizing: border-box;
}
.wpc-flex-content {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 70%;
}
.wpc-flex-sidebar {
flex-grow: 1;
flex-shrink: 0;
flex-basis: 30%;
}
.wpc-flex-content-right {
flex-basis: 68%;
margin-left: 2%;
}
.wpc-flex-content-left {
flex-basis: 68%;
margin-right: 2%;
}
.wpc-flex-content-fw:has(.wpc-flex-cards-wrapper) {
flex-basis: 100% !important;
margin: 0 !important;
}
.wpc-flex-toolbar .wpc-btn, .wpc-flex-toolbar .wpc-select {
margin-left: 10px;
}
.wpc-toolbar-dark {
background-color: #c7c7c7 !important;
}
.wpc-toolbar-dark label {
color: #fff;
}
.wpc-flex-toolbar .wpc-range-input {
min-width: 240px;
position: relative;
top: -1px;
}
.wpc-ajax-course-toolbar>div {
margin-bottom: 0;
}
.wpc-flex-cards-wrapper {
padding: 3% 2%;
}
.wpc-metabox-toolbar {
padding: 20px;
overflow: hidden;
margin: -6px -12px 0;
background-color: #c7c7c7 !important;
}
.wpc-metabox-toolbar .wpc-btn-soft {
color: #fff;
}
.wpc-metabox-container {
padding: 20px;
background: var(--gray1);
margin: -6px -12px -12px;
width: auto !important;
}
.wpc-metabox-content {
padding: 20px;
}
.wpc-metabox-item {
padding: 10px 0;
}
.wpc-metabox-label {
margin: 5px 0;
display: inline-block;
}
.wpc-flex-2,.wpc-flex-3, .wpc-flex-4, .wpc-flex-6, .wpc-flex-8, .wpc-flex-10, .wpc-flex-12 {
box-sizing: border-box;
flex-grow: 0;
flex-shrink: 0;
margin: 0% 1% 2% 1%;
}
.wpc-flex-2 {
flex-basis: 14.66%;
}
.wpc-flex-3 {
flex-basis: 23%;
}
.wpc-flex-4 {
flex-basis: 31.33%;
}
.wpc-flex-4.wpc-flex-no-margin {
flex-basis: 33.33%;
}
.wpc-flex-6 {
flex-basis: 48%;
}
.wpc-flex-8 {
flex-basis: 64.66%;
}
.wpc-flex-8.wpc-flex-no-margin {
flex-basis: 66.66%;
}
.wpc-flex-10 {
flex-basis: 78%;
}
.wpc-flex-12 {
flex-basis: 98%;
}
.wpc-flex-loader {
border-radius: 12px;
width: calc(100% - 40px);
margin: 20px auto;
padding: 240px 0;
text-align: center;
}
.wpc-flex-sidebar .wpc-material, 
.wpc-option-row {
margin-bottom: 2%;
}
.wpc-flex-no-margin {
margin: 0;
}
.wpc-flex-2.wpc-flex-no-margin {
flex-basis: 16.66%;
}
.wpc-flex-3.wpc-flex-no-margin {
flex-basis: 25%;
}
.wpc-flex-4.wpc-flex-no-margin {
flex-basis: 33.33%;
}
.wpc-flex-6.wpc-flex-no-margin {
flex-basis: 50%;
}
.wpc-flex-8.wpc-flex-no-margin {
flex-basis: 66.66%;
}
.wpc-flex-10.wpc-flex-no-margin {
flex-basis: 80%;
}
.wpc-flex-12.wpc-flex-no-margin {
flex-basis: 100%;
}
@media screen and (max-width: 500px) {
.wpc-material .wpc-btn:first-of-type {
margin-bottom: 10px;
}
}
@media screen and (max-width: 400px) {
.wpc-material .wpc-btn:first-of-type {
margin-bottom: 0;
}
} .wpc-modal-tools {
text-align: center;
padding: 20px;
}
.wpc-lightbox {
max-height: 85%;
position: relative;
overflow-y: auto;
background-color: #fff;
margin: 5% auto;
width: 80%;
max-width: 1140px;
height: auto;
border: 1px solid #e6e6e6;
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
}
.wpc-lightbox-featured-img {
width: 100%;
height: auto;
border-radius: 8px;
}
.wpc-lightbox-content-wrapper {
position: relative;
}
.wpc-lightbox-content {
padding: 40px;
overflow: hidden;
}
.wpc-lightbox-content .bx-viewport {
overflow: visible !important;
}
.wpc-modal-full-featured {
margin: -40px -40px 0;
}
.wpc-modal-full-featured img {
width: 100%;
}
.wpc-lightbox-title {
max-width: 80%;
margin: 0 20px;
min-height: 24px;
font-size: 22px;
line-height: 22px;
padding: 0;
}
.wpc-lightbox-title img {
max-height: 34px;
}
.wpc-lightbox-close {
cursor: pointer;
position: absolute;
top: 5px;
right: 40px;
font-size: 24px;
line-height: 34px;
}
.wpc-lightbox-close-wrapper {
position: relative;
overflow: hidden;
border-bottom: 1px solid #e6e6e6;
padding: 10px 20px;
background: var(--gray1);
}
.wpc-lightbox-wrapper {
width: 100%;
height: 100%;
position: fixed;
background: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
z-index: 999999;
}
.wpc-lightbox-wrapper .bx-wrapper {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
.wpc-lightbox-wrapper .bx-viewport {
margin: 20px 0;
}
.wpc-lightbox-pagination {
padding: 0 40px 40px 0;
margin-top: -40px !important;
}
@media screen and (max-width: 767px) {
.wpc-lightbox {
margin: 2% auto;
width: 96%;
}
.wpc-lightbox-content {
padding: 20px;
}
.wpc-lightbox-close-wrapper {
padding: 20px 5px;
}
} .wpc-transition-nav li {
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
}
.wpc-nav-list {
margin: 0;
list-style: none !important;
padding: 0 !important;
background-color: transparent;
overflow: hidden;
}
.wpc-admin-nav-list {
list-style: none;
}
.wpc-nav-list li, .wpc-admin-nav-list li {
font-size: 16px;
padding: 15px 25px;
color: #686868;
}
.wpc-nav-list.ui-sortable li {
cursor: grab !important;
}
.wpc-nav-list-contained {
border-top: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
overflow: hidden;
}
.wpc-nav-list-profile.wpc-nav-list-contained {
border-right: 1px solid #e6e6e6;
}
.wpc-nav-list li:not(.wpc-nav-list-header), .wpc-admin-nav-list li:not(.wpc-nav-list-header) {
cursor: pointer;
border-bottom: 1px solid #e6e6e6;
background-color: #fff;
margin-bottom: 0;
position: relative;
z-index: 1;
}
.wpc-nav-list li:not(.wpc-nav-list-header, .wpc-order-lesson-list-lesson, .wpc-course-list-li) {
transition: 0.3s;
}
.wpc-nav-list-section {
overflow: hidden;
}
.wpc-nav-list li i {
margin-right: 10px;
}
.wpc-nav-list li>a {
color: #686868;
display: block;
text-decoration: none;
margin: -15px -25px;
padding: 15px;
color: var(--black);
}
.wpc-active-admin-nav-item {
z-index: 2 !important;
}
#wpc-course-app .wpc-nav-list li:hover:not( .wpc-nav-list-header ),
.wpc-nav-list li:hover:not( .wpc-nav-list-header ) {
background-color: var(--gray1) !important;
}
.wpc-nav-list .wpc-nav-item-highlight {
background-color: white !important;
}
.wpc-nav-list .wpc-nav-item-success {
background-color: white !important;
}
.wpc-nav-list-header {
cursor: pointer;
background-color: var(--gray2);
border-bottom: 1px solid #cecece;
margin-bottom: 0;
position: relative;
z-index: 1;
}
.wpc-nav-list-header:hover {
background-color: #aeaeae;
}
#wpc-course-app .wpc-active-nav-item:not(.ui-sortable-handle),
.wpc-active-nav-item:not(.ui-sortable-handle) {
z-index: 0 !important;
transition: 0.3s;
}
a.wpc-active-nav-item {
margin-left: 0 !important;
}
.wpc-nav-list li .fa-check {
color: #3adfa9;
}
.wpc-nav-list li .fa-play {
color: #009ee5;
}
.wpc-nav-list li button {
margin-left: 10px;
} .wpc-error-message {
background-color: #f8d7da;
padding: 20px;
}
.wpc-success-message {
background-color: #d4edda;
padding: 20px;
}
.wpc-alert-message {
background-color: #f4f1c2;
padding: 20px;
} .wpc-form {
padding: 20px;
background: var(--gray1);
border-radius: 4px;
border: 1px solid #e6e6e6;
}
.wpc-form label {
font-weight: bold;
}
.wpc-form p {
margin: 0;
}
.wpc-form-section {
padding: 20px 0;
background: var(--gray1);
border-bottom: 1px solid #e6e6e6;
margin: 0;
}
.wpc-form-item {
padding-bottom: 10px;
}
.wpc-form-item:last-of-type {
padding-bottom: 0;
}
.wpc-form-section:first-of-type {
padding-top: 0;
}
.wpc-form-section:last-of-type {
padding-bottom: 0;
border-bottom: 0;
}
.wpc-form input[type="text"],
.wpc-lightbox-content input[type="text"],
.wpc-lightbox-content input[type="password"] {
width: 100%;
max-width: 100% !important;
margin-top: 10px;
border: 1px solid #e6e6e6;
padding: 5px 10px;
}
.wpc-form input[type="checkbox"] {
border: 1px solid #e6e6e6;
}
.wpc-select {
cursor: pointer;
color: var(--gray4) !important;
background-color: white;
border-radius: 4px !important;
height: auto;
border: 1px solid var(--gray3) !important;
font-size: 16px;
vertical-align: initial !important;
padding: 6px 12px;
position: relative;
top: 1px;
}
.wpc-input {
border: 1px solid #e6e6e6 !important;
}
.wpc-input-fw {
width: 100%;
}
.wpc-form textarea, .wpc-textarea {
width: 100%;
min-height: 140px;
border: 1px solid #e6e6e6;
margin-top: 10px;
}
.wpc-form-text {
font-size: 18px;
}
.wpc-form-select {
border: 1px solid #e6e6e6 !important;
margin-top: 10px;
}
.wpc-form-range, .wpc-form-range-labels {
width: calc(100% - 140px);
overflow: hidden;
}
.wpc-form-range {
cursor: pointer;
}
.wpc-form-range-labels {
position: relative;
top: -15px;
}
.wpc-range-left {
float: left;
}
.wpc-range-right {
float: right;
}
.wpc-form-range-val {
width: 120px;
padding: 10px;
box-sizing: border-box;
display: inline-block;
background: #f4f1c2;
margin-left: 10px;
font-size: 16px;
position: relative;
top: -3px;
}
.wpc-flex-toolbar .wp-picker-container {
position: relative;
top: -5px;
}
.wpc-switch {
display: inline-block;
height: 34px;
position: relative;
width: 60px;
color: #4e4e4e;
}
.wpc-switch input {
display: none;
}
.wpc-switch+label {
cursor: default;
color: #4e4e4e;
}
.wpc-slider {
background-color: #ccc;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: 0.4s;
}
.wpc-slider:before {
background-color: #fff;
bottom: 4px;
content: "";
height: 26px;
left: 4px;
position: absolute;
transition: 0.4s;
width: 26px;
}
input:checked+.wpc-slider {
background-color: #24d19f;
}
input:checked+.wpc-slider:before {
transform: translateX(26px);
}
.wpc-slider.wpc-round {
border-radius: 34px;
}
.wpc-slider.wpc-round:before {
border-radius: 50%;
} #wpc-full-screen-loader {
background-color: rgba(0, 0, 0, 0.7);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999999;
display: flex;
align-content: space-around;
align-items: center;
justify-content: flex-start;
}
#wpc-full-screen-loader>div {
width: 100%;
flex-basis: 100%;
text-align: center;
} .wpc-flex-toolbar {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 100%;
background-color: #fff;
padding: 20px;
overflow: hidden;
z-index: 1;
position: relative;
}
#wpc-right-toggle-sidebar {
background-color: var(--gray1);
border-left: 1px solid #e6e6e6;
box-shadow: -3px 3px 9px rgba(0, 0, 0, 0.2);
position: fixed;
background: white;
width: 320px;
height: 100%;
right: -320px;
top: 0;
z-index: 99999;
}
.wpc-toggle-sidebar-header {
background-color: var(--gray1);
border-bottom: 1px solid #e6e6e6;
padding: 20px;
position: relative;
z-index: 1;
}
.wpc-toggle-sidebar {
cursor: pointer;
}
.wpc-content-toolbar {
padding: 20px 0;
text-align: center;
}
.wpc-content-toolbar .wpc-btn {
margin-right: 10px;
}
#wpc-bottom-toggle-sidebar {
overflow-y: auto;
background-color: var(--gray1);
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
border-top: 1px solid #e6e6e6;
box-shadow: -3px 3px 9px rgba(0, 0, 0, 0.2);
position: fixed;
background: white;
width: 100%;
height: 80%;
bottom: -80%;
left: 0;
z-index: 9999;
}
.wpc-bottom-toggle-sidebar-header {
padding: 20px;
font-weight: bold;
background-color: var(--gray2);
border-bottom: var(--gray3);
font-size: 18px;
}
#wpc-toolbar-bottom {
background-color: transparent;
}
.wpc-toolbar-buttons {
float: right;
}
.wpc-bottom-toggle-sidebar-header {
cursor: pointer;
}
.wpc-ajax-filters-wrapper {
flex-basis: 33.33%;
margin: 0;
}
.wpc-ajax-search-wrapper {
flex-basis: 66.66%;
margin: 0;
}
#wpc-toolbar-top {
border: 1px solid #e8e6e6;
z-index: 1;
position: relative;
}
#wpc-toolbar-bottom {
border: 0;
} .wpc-table {
margin-top: 0;
border-collapse: collapse;
width: 100%;
background-color: #fff;
margin-bottom: 0;
border-top: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
}
.wpc-table ul,
.wpc-table ol {
list-style: none;
margin: 0;
padding: 0;
}
.wpc-table tr:nth-child(even) {
background-color: var(--gray1);
}
.wpc-table th {
background-color: var(--gray1);
padding: 10px;
}
.wpc-table td,
.wpc-table th {
padding: 10px;
border-bottom: 1px solid #e6e6e6;
border-left: 0;
border-right: 0;
border-top: 0;
}
.wpc-table th {
text-align: left;
} .wpc-img-wrapper {
max-height: 460px;
overflow: hidden;
}
.wpc-img-wrapper, .wpc-vid-wrapper {
margin: -20px -20px 0 -20px;
width: calc(100% + 40px);
height: auto;
}
.wpc-single-course-vid-wrapper {
margin: 0;
width: 100%;
}
.wpc-img-wrapper img {
width: 100%;
}
.wpc-video-wrapper {
margin-bottom: 20px;
} .wpc-pagination {
padding: 20px;
width: 100%;
text-align: right;
}
.wpc-ajax-course-sort-wrapper {
float: right;
}
.wpc-ajax-tool input[type="text"] {
border: 0;
padding: 10px 20px;
font-family: 'helvetica';
}
.wpc-ajax-tool #wpc-course-ajax-search, #wpc-course-search {
border-radius: 40px;
color: var(--gray4);
width: 100%;
padding: 7px 14px;
border: 1px solid var(--gray3) !important;
max-width: 767px;
font-size: 16px;
}
.wpc-center {
text-align: center;
}
.wpc-hide {
display: none;
}
.wpc-sorting-block {
width: 100%;
padding: 20px;
background-color: rgba(58, 223, 169, 0.3);
} .wpc-progress-wrapper {
width: 100%;
background-color: #cccccc;
border-radius: 50px;
overflow: hidden;
}
.wpc-progress-inner {
background-color: #4f646d;
}
.wpc-progress-text {
color: #fff;
font-size: 16px;
margin-left: 10px;
white-space: nowrap;
}
.wpc-material-meta-item .wpc-progress-wrapper {
margin-top: -10px;
}
.wpc-material-meta-item .wpc-progress-wrapper:last-of-type {
margin-bottom: 10px;
} #wpc-profile-nav {
margin-bottom: 20px;
}
.wpc-profile-option .wpc-option {
float: right;
} .wpc-btn-nav {
margin-bottom: 20px;
}
.wpc-btn, 
.wpc-button,
.wpc-material-content .pmpro_content_message a,
.wpc-lightbox-content input[type="submit"] {
height: auto;
font-size: 14px;
background: transparent;
display: inline-block;
line-height: 14px;
font-family: "helvetica";
display: inline-block;
cursor: pointer;
padding: 8px 12px;
border-radius: 4px;
text-decoration: none !important;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}
.wpc-btn:hover,
.wpc-button:hover,
.wpc-material-content .pmpro_content_message a:hover {
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}
.wpc-btn-icon i {
margin: 0 !important;
}
.wpc-mobile-btn {
display: none;
}
.wpc-btn-pagination,
.wpc-course-archive-pagination a {
margin-top: 10px;
margin-top: 10px;
border: 1px solid var(--gray3);
color: var(--gray4);
margin-left: 5px;
background-color: #fff;
line-height: 14px;
font-size: 14px;
box-shadow: none !important;
display: inline;
}
.wpc-course-archive-pagination {
text-align: right;
}
.wpc-btn-pagination:hover,
.wpc-course-archive-pagination a:hover {
background-color: var(--gray4);
color: #fff;
border: 1px solid var(--gray4) !important;
}
.wpc-course-archive-pagination a,
.wpc-course-archive-pagination span {
padding: 6px;
display: inline-block;
border-radius: 4px;
text-align: right;
}
.wpc-btn-pagination.wpc-active-nav-item {
color: #333333;
}
.wpc-button-soft {
background-color: #fff;
border: 3px solid #e6e6e6;
}
.wpc-btn-sm {
font-size: 14px;
padding: 6px;
line-height: 14px !important;
line-height: 0;
height: auto;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}
.wpc-btn-circle {
padding: 7px;
border-radius: 50px;
}
.wpc-btn-favorite {
background-color: #48c3d7;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}
.wpc-btn-favorite:hover {
color: red;
background-color: transparent;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}
.wpc-btn-round {
border-radius: 50px;
}
.wpc-question-btn {
background-color: var(--gray3);
border: 0 !important;
border-radius: 100%;
padding: 5px 9px !important;
font-size: 10px;
color: white;
}
.wpc-question-btn:hover {
border: 3px solid #919191;
background-color: #919191;
color: #fff;
}
.postbox .wpc-question-btn, .column-restriction .wpc-question-btn {
margin-left: 0;
margin-right: 10px;
}
.wpc-btn-input-action {
padding: 10px;
margin: 0 10px;
}
.wpc-mark-completed {
color: var(--green) !important;
border: 2px solid var(--green) !important;
}
.wpc-mark-completed:hover {
border-color: var(--gray2) !important;
background-color: var(--gray2) !important;
}
.wpc-btn-soft {
border: 2px solid var(--gray3);
color: var(--gray4);
}
.wpc-btn-soft button:hover {
color: var(--blue);
background-color: var(--gray1);
border-color: var(--gray1);
}
.wpc-btn-soft:focus {
background: #fff;
border: 2px solid #fff;
color: #434446;
}
.wpc-btn-text {
border: 3px solid transparent !important;
color :var(--blue);
background-color: transparent;
}
.wpc-crumb-link, .wpc-ajax-link {
cursor: pointer;
}
.wpc-crumb-link:hover {
cursor: pointer;
}
@media screen and (max-width: 600px) {
.wpc-btn {
padding: 6px 8px;
font-size: 12px;
}
} .wpc-grab {
cursor: grab;
padding: 15px;
margin: -15px 0 -15px -15px;
} .wpc-material,
.wpc-option-row {
background-color: #fff;
padding: 20px;
overflow: hidden;
box-shadow: 3px 3px 9px rgba(0,0,0,0.2);
border-radius: 4px;
}
.wpc-material-tools {
overflow: hidden;
margin-bottom: 10px;
margin-top: 10px;
}
.wpc-material-item {
padding: 2% 0 0;
border-bottom: 1px solid #e6e6e6;
}
.wpc-material-item:first-of-type {
padding-top: 0;
}
.wpc-material-item:last-of-type {
border-bottom: 0;
}
.wpc-material-content {
padding: 40px !important;
box-shadow: none;
border-radius: 0;
}
.wpc-material-meta {
font-family: "helvetica";
color: #5e5d5d;
border-top: 1px solid #e6e6e6;
margin: 20px -20px -20px -20px;
background: var(--gray1);
padding: 20px 10px;
}
.wpc-material-meta-item {
margin: 0;
padding: 10px;
}
.wpc-material-meta-item-lg {
border-right: 1px solid var(--gray2);
}
.wpc-material-meta-item-lg:last-of-type {
border: 0;
}
@media screen and (max-width: 400px) {
.wpc-material-meta-item-lg {
border: 0;
}
}
.wpc-material-meta-item-lg .wpc-material-meta-icon {
font-size: 46px;
}
.wpc-meta-container-lg {
margin: 60px 0 40px;
}
.wpc-meta-key {
font-weight: bold;
font-size: 14px;
}
.wpc-meta-value {
font-size: 14px;
}
.wpc-material-heading {
font-family: "helvetica";
color: #606060;
font-size: 18px;
padding: 10px 20px;
margin: -20px -20px 20px -20px;
border-bottom: 1px solid #e6e6e6;
}
.wpc-material-text {
font-size: 14px;
font-family: "helvetica";
color: #8e8e8e;
margin-bottom: 20px !important;
}
.wpc-material-meta-icon {
border-radius: 100%;
font-size: 22px;
}
.wpc-meta-lg {
font-size: 32px;
} #wpc-admin-main-menu {
margin: 0px 0 20px -20px;
}
.wpc-nav-menu {
margin-right: 20px;
}
.wpc-menu-item,
.wpc-admin-menu-item {
display: inline-block;
margin-bottom: 0;
padding: 0 5px;
margin-top: 5px;
}
#wpc-logo-sm-wrapper {
padding: 13px;
display: inline-block;
}
.wpc-menu-item>span,
.wpc-menu-item>span {
cursor: pointer;
padding-bottom: 13px !important;
}
.wpc-menu-item a, .wpc-menu-item>span,
.wpc-menu-item a, .wpc-menu-item>span {
display: block;
font-size: 16px;
padding: 15px;
text-decoration: none;
color: #434446;
}
.wpc-submenu-toggle {
margin-bottom: -2px;
}
.wpc-menu-item:not(:first-child),
.wpc-menu-item:not(:first-child) {
margin-left: -4px;
}
.wpc-menu-item:hover>span, .wpc-menu-item:hover>a,
.wpc-menu-item:hover>span, .wpc-menu-item:hover>a {
color: #696b6f;
}
.wpc-main-wrapper {
margin-right: 20px;
}
.wpc-menu-wrapper {
padding: 0 2%;
background-color: #fff;
overflow: hidden;
box-shadow: 3px 3px 15px rgb(0 0 0 / 20%);
}
.wpc-alt-menu {
margin: 0;
overflow: hidden;
float: right;
}
.wpc-alt-menu-separator {
border-left: 1px solid #434446 !important;
}
.wpc-menu-item:last-child {
border-right: 1px solid #434446 !important;
}
.wpc-premium-upgrade {
position: relative;
bottom: 7px;
left: 10px;
}
.wpc-premium-upgrade:active,
.wpc-premium-upgrade:focus {
color: white;
}
.wpc-submenu {
position: absolute;
z-index: 9999;
background: #fff;
box-shadow: 3px 5px 10px rgb(0 0 0 / 10%);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
margin-top: 5px;
margin-left: -5px;
}
.wpc-submenu li:hover a {
color: #696b6f;
}
.wpc-submenu li a {
color: #434446;
}
.wpc-submenu li {
margin-bottom: 0;
}
.wpc-submenu li:last-of-type {
border: 0;
}
.wpc-menu-item-active {
background-color: #434446 !important;
}
.wpc-menu-item-active>a, .wpc-menu-item-active>span {
color: #fff !important;
} .wpc-single-option-header {
margin-top: 0;
} #wpc-fe-quiz-container .wpc-load-profile {
display: none;
}
.wpc-answer {
min-width: 50%;
max-width: 70%;
}
.wpc-correct-i,
.wpc-incorrect-i {
font-size: 32px;
}
.wpc-correct-i {
color: #3adfa9;
}
.wpc-incorrect-i {
color: #cc545f; 
}
.wpc-quiz-question-img {
max-width: 240px;
border: 5px solid #e6e6e6;
border-radius: 4px;
}
.wpc-quiz-meta {
margin-top: 10px;
padding: 10px 0;
border-top: 1px solid #e6e6e6;
overflow: hidden;
}
.wpcq-nav-top {
margin-bottom: 20px;
}
.wpcq-nav-bottom {
margin-top: 20px;
}
.wpcq-nav-prev {
margin-right: 10px;
}
.wpc-single-answer label {
padding-left: 10px;
}
.wpc-single-answer input, .wpc-single-answer label {
cursor: pointer;
}
.wpc-fe-quiz-question h3 {
margin-top: 0;
font-weight: 700;
font-size: 16px;
}
.wpc-fe-quiz-question {
margin-bottom: 20px;
}
.wpc-fe-quiz-question img {
max-width: 100%;
}
.wpc-quiz-question-list {
margin: 0 0 20px 0 !important;
padding: 0 !important;
list-style: none !important;
border-right: 1px solid #e6e6e6;
}
.wpc-quiz-question-list>li>i {
margin-right: 10px;
}
#wpc-fe-quiz-container .wpc-progress-wrapper {
margin-bottom: 20px;
}
.wpcq-submit-quiz {
float: right;
}
.wpc-fe-quiz-question-wrapper {
margin-top: 20px;
} .wpc-requirement {
border-bottom: 1px solid #e6e6e6;
padding-top: 20px;
}
.wpc-requirement:first-of-type {
padding-top: 0;
}
.wpc-requirement:last-of-type {
border-bottom: 0;
padding-bottom: 0;
}
.wpc-requirement-courses-select {
max-width: 240px !important;
} .wpc-save-badge-design  {
position: relative;
top: 3px;
}
.wpc-badge-rules-list {
margin: 0;
padding: 0;
list-style: none;
border: 1px solid var(--gray3);
}
.wpc-badge-rules-list li {
padding: 15px;
border-bottom: 1px solid var(--gray3);
}
.wpc-badge-rules-list li:last-of-type {
border-bottom: 0;
}
.wpc-badge-rules-list .wpc-rule-true {
background-color: var(--lgreen);
}
.wpc-badge-rules-list .wpc-rule-false {
background-color: var(--lred);
}
#wpc-badge-editor-container {
width: 100%;
padding: 180px 0;
}
.wpc-badge-title {
color: #444;
font-size: 14px !important;
margin: 10px 0 0;
text-align: center;
line-height: initial;
}
.wpc-badge-container {
position: relative;
top: 0;
cursor: pointer;
background-color: #fff;
border: 1px solid #e6e6e6;
box-shadow: 3px 3px 10px #e6e6e6;
padding: 20px;
border-radius: 60px;
max-width: 80px;
box-sizing: content-box;
}
.wpc-badge-wrapper {
display: block;
margin: 0 auto;
width: 120px;
vertical-align: top;
}
.wpc-badge {
border: 1px solid white; -webkit-mask-size: cover;
mask-size: cover;
mask-position: center;
-webkit-mask-position: center;
}
.wpc-badge i {
font-size: 40px;
}
.wpc-badge span {
text-align: center;
height: 80px;
width: 80px;
vertical-align: middle;
display: table-cell;
}
.wpc-no-badge {
opacity: 0.3;
}
.wpc-circle {
-webkit-mask-image: url(//www.annmariecheung.com/blog/wp-content/plugins/wp-courses/init/wp-courses-premium/svg/circle.svg);
mask-image: url(//www.annmariecheung.com/blog/wp-content/plugins/wp-courses/init/wp-courses-premium/svg/circle.svg);
}
.wpc-circle-outline {
-webkit-mask-image: url(//www.annmariecheung.com/blog/wp-content/plugins/wp-courses/init/wp-courses-premium/svg/circle-outline.svg);
mask-image: url(//www.annmariecheung.com/blog/wp-content/plugins/wp-courses/init/wp-courses-premium/svg/circle-outline.svg);
}
.wpc-award {
-webkit-mask-image: url(//www.annmariecheung.com/blog/wp-content/plugins/wp-courses/init/wp-courses-premium/svg/award.svg);
mask-image: url(//www.annmariecheung.com/blog/wp-content/plugins/wp-courses/init/wp-courses-premium/svg/award.svg);
}
.wpc-heart {
-webkit-mask-image: url(//www.annmariecheung.com/blog/wp-content/plugins/wp-courses/init/wp-courses-premium/svg/heart.svg);
mask-image: url(//www.annmariecheung.com/blog/wp-content/plugins/wp-courses/init/wp-courses-premium/svg/heart.svg);
}
.wpc-pentagon {
-webkit-mask-image: url(//www.annmariecheung.com/blog/wp-content/plugins/wp-courses/init/wp-courses-premium/svg/pentagon.svg);
mask-image: url(//www.annmariecheung.com/blog/wp-content/plugins/wp-courses/init/wp-courses-premium/svg/pentagon.svg);
}
.wpc-wave {
-webkit-mask-image: url(//www.annmariecheung.com/blog/wp-content/plugins/wp-courses/init/wp-courses-premium/svg/wave.svg);
mask-image: url(//www.annmariecheung.com/blog/wp-content/plugins/wp-courses/init/wp-courses-premium/svg/wave.svg);
}
.wpc-24-badge {
-webkit-mask-image: url(//www.annmariecheung.com/blog/wp-content/plugins/wp-courses/init/wp-courses-premium/svg/24-point-badge.svg);
mask-image: url(//www.annmariecheung.com/blog/wp-content/plugins/wp-courses/init/wp-courses-premium/svg/wave.svg);
}
.wpc-24-ribbon {
-webkit-mask-image: url(//www.annmariecheung.com/blog/wp-content/plugins/wp-courses/init/wp-courses-premium/svg/24-point-ribbon.svg);
mask-image: url(//www.annmariecheung.com/blog/wp-content/plugins/wp-courses/init/wp-courses-premium/svg/wave.svg);
}
.wpc-24-ribbon i {
position: relative;
top: -7px;
}
.wpc-sun {
-webkit-mask-image: url(//www.annmariecheung.com/blog/wp-content/plugins/wp-courses/init/wp-courses-premium/svg/sun.svg);
mask-image: url(//www.annmariecheung.com/blog/wp-content/plugins/wp-courses/init/wp-courses-premium/svg/wave.svg);
}
.non-semantic-protector {
position: relative;
z-index: 1;
}
.wpc-sorting-block {
height: 20px;
width: 100%;
background: #e6e6e6;
}
.wpc-ribbon {
font-size: 16px !important;
width: 180px;
position: relative;
background: #ba89b6;
color: #fff;
text-align: center;
padding: 10px 10px !important;
margin: -25px auto 40px auto !important;
}
.wpc-ribbon:before, .wpc-ribbon:after {
content: "";
position: absolute;
display: block;
bottom: -1em;
border: 1.5em solid #986794;
z-index: -1;
}
.wpc-ribbon:before {
left: -2em;
border-right-width: 1.5em;
border-left-color: transparent;
}
.wpc-ribbon:after {
right: -2em;
border-left-width: 1.5em;
border-right-color: transparent;
}
.wpc-ribbon .wpc-ribbon-content:before, .wpc-ribbon .wpc-ribbon-content:after {
content: "";
position: absolute;
display: block;
border-style: solid;
border-color: #804f7c transparent transparent transparent;
bottom: -1em;
}
.wpc-ribbon .wpc-ribbon-content:before {
left: 0;
border-width: 1em 0 0 1em;
}
.wpc-ribbon .wpc-ribbon-content:after {
right: 0;
border-width: 1em 1em 0 0;
} .wpc-single-course-archive .wpc-btn {
margin-right: 10px;
}
#wpc-results-empty {
text-align: center;
padding: 30%;
}
#wpc-ajax-save {
line-height: 1em;
display: inline-block;
position: fixed;
bottom: 20px;
right: 20px;
padding: 10px;
background: #12ad80;
color: #fff;
border-radius: 4px;
box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.2);
z-index: 999;
}
#wpc-lesson-restriction-container {
overflow: hidden;
}
#wpc-lesson-restriction-overlay {
padding: 20px;
position: absolute;
height: 100%;
background: rgba(200, 17, 17, 0.8);
margin: -6px -12px 0;
color: white;
font-size: 16px;
z-index: 1;
text-shadow: 1px 1px 1px black;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
padding-left: 20px !important;
}
.select2-container .select2-search--inline {
float: none !important;
}
.column-course .select2-container {
max-width: 100%;
} .wpc-element-settings-icons {
position: absolute;
top: 0;
right: 0;
display: none;
}
.wpc-element-settings-icons i {
background-color: #4a4a4a;
color: #fff;
padding: 10px;
}
.wpc-element-settings-icons i:hover {
background-color: #5f5f5f;
}
.wpc-element-settings-icons i:first-of-type {
border-bottom-left-radius: 4px;
}
.wpc-row-settings-icons, 
.wpc-container-settings-icons {
position: absolute;
top: 0;
left: 0;
display: none;
z-index: 2;
}
.wpc-row-settings-icons i {
background-color: #12c795;
color: #fff;
padding: 10px;
}
.wpc-row-settings-icons i:hover {
background-color: #1ad6a2;
}
.wpc-row-settings-icons:last-of-type {
border-bottom-right-radius: 4px;
}
.wpc-settings-icons .fa-arrows {
cursor: move;
}
.wpc-container-settings-icons i {
background-color: #e21772;
color: #fff;
padding: 10px;
}
.wpc-container-settings-icons i:hover {
background-color: #fb308b;
}
.wpc-container-settings-icons i:last-of-type {
border-bottom-right-radius: 4px;
}
.wpc-row-empty-icon, .wpc-element-empty-icon {
text-align: center;
}
.wpc-row-empty-icon i {
border-radius: 100%;
color: #fff;
background-color: #12c795;
padding: 20px;
}
.wpc-element-empty-icon i {
border-radius: 100%;
color: #fff;
background-color: #4a4a4a;
padding: 20px;
}
.wpc-element-empty-icon i:hover {
background-color: #5f5f5f;
}
.wpc-row-empty-icon i:hover {
background-color: #1ad6a2;
}
.wpc-builder-container:hover {
outline: 3px solid #e21772;
}
.wpc-builder-row:hover, 
.wpc-builder-grabbed-row {
outline: 3px solid #12c795;
}
.wpc-builder-selectable {
cursor: pointer;
position: relative;
overflow: hidden;
}
.wpc-builder-element:hover,
.wpc-builder-grabbed-element {
outline: 3px solid #4a4a4a;
}
.wpc-builder-element:hover .wpc-element-settings-icons, 
.wpc-builder-row:hover .wpc-row-settings-icons,
.wpc-builder-container:hover .wpc-container-settings-icons {
display: block;
font-size: 18px;
}
.wpc-element-type-toolbar {
display: none;
top: 0;
left: 0;
}
.wpc-element-type-toolbar:before {
width: 0; 
height: 0; 
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #5b296a;
}
.wpc-element-type-toolbar-content {
padding: 20px;
overflow: hidden;
}
.wpc-element-type-header {
background-color: #5b296a;
padding: 20px 10px;
color: #fff;
font-size: 18px;
margin: 0;
}
.wpc-element-type-header .fa-times {
cursor: pointer;
}
.wpc-add-element {
width: 100%;
box-sizing: border-box;
padding: 20px 10px;
background: white;
border: 0;
border-radius: 4px;
cursor: pointer;
color: #636363;
}
.wpc-builder-button-select, 
.wpc-builder-button-toggle {
background-color: #e8e6e6;
color: #636363;
border: 0;
padding: 8px 11px;
border-radius: 4px;
cursor: pointer;
}
.wpc-add-element:hover,
.wpc-builder-button-select:hover, 
.wpc-builder-button-toggle:hover {
background-color: #e8e6e6;
}
.wpc-builder-selected-button {
background-color: #e21772 !important;
color: #fff;
}
.wpc-floating-toolbar,
.wpc-element-type-toolbar {
width: 480px;
background: var(--gray1);
position: absolute;
border-radius: 4px;
overflow: hidden;
z-index: 9999;
box-shadow: rgb(0 0 0 / 20%) 3px 3px 15px;
}
.wpc-tools-tab {
background-color: #e21772;
color: #fff;
font-size: 14px;
cursor: pointer;
margin: 0;
width: 50%;
display: inline-block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
float: left;
text-align: center;
padding: 10px;
}
.wpc-tools-tab-active {
background-color: #ff308d;
}
.wpc-toolbar-textarea {
width: 100%;
min-height: 240px;
width: calc(100% - 1px);
background-color: var(--gray1);
border: 0;
padding: 10px;
}
.wpc-tools-tabs {
margin: 0;
overflow: hidden;
}
.wpc-builder-img {
display: inline;
max-width: 100%;
}
.wpc-option-tabs {
overflow: hidden;
margin: 0 0 10px 0;
}
.wpc-option-tabs li {
width: 25%;
box-sizing: border-box;
float: left;
list-style: none;
text-align: center;
padding: 5px;
border: 1px solid lightgray;
margin-left: -1px;
cursor: pointer;
font-size: 14px;
}
.wpc-option-tabs li:first-of-type {
margin-left: 0;
}
.wpc-option-tabs li:hover, .wpc-option-tab-active {
background-color: var(--gray1);
}
.wpc-accordion-option-header {
background: #434446;
padding: 20px 10px;
cursor: pointer;
color: #fff !important;
font-size: 18px !important;
margin: 0 !important;
}
.wpc-accordion-option-content input[type="text"],
.wpc-accordion-option-content input[type="number"],
.wpc-option-row input {
background-color: #e6e6e6;
padding: 5px;
border: 0;
width: 100%;
}
.wpc-builder-range {
width: calc(100% - 104px);
}
.wpc-builder-range-input {
max-width: 96px !important;
}
.tool-toggle {
display: inline-block;
}
.tool-toggle i {
padding: 5px;
margin: 0 10px 10px 0;
background: #23d19f;
border: 1px solid #12ad80;
border-radius: 4px;
color: #fff;
}
.tool-toggle i:hover {
cursor: pointer;
}
.tools-container {
margin-top: 10px;
margin-bottom: 20px;
}
.toolbar-content {
margin: 10px 0;
display: none;
max-height: 184px;
overflow-y: scroll;
}
.wpc-toolbar-close,
.wpc-toolbar-save {
width: 50%;
float: left;
padding: 10px;
font-size: 14px;
border: 0;
color: #fff;
cursor: pointer;
}
.wpc-toolbar-close {
background-color: rgb(222, 60, 98);
}
.wpc-toolbar-save {
background-color: #12c795;
}
.wpc-toolbar-save:hover {
background: rgb(24 224 169);
}
.wpc-toolbar-close:hover {
background-color: rgb(255 68 112);
}
.wpc-accordion-option-content label {
font-weight: 700;
font-size: 14px;
display: inline-block;
}
.wpcb-center-label {
text-align: left !important;
padding-left: 5px;
margin: 0 auto;
display: block !important;
font-weight: 400 !important;
line-height: 14px;
}
.wpc-accordion-option-content select {
width: calc(100% - 2px);
background-color: var(--gray1);
border: 0;
padding: 10px;
}
.wpc-toolbar-section .iris-picker {
position: absolute;
z-index: 2;
}
.wpc-toolbar-section {
float: left;
clear: right;
padding: 5px 10px;
border-right: 1px solid #e6e6e6;
}
.wpc-accordion-option-content {
padding: 10px;
background-color: #fff;
}
.wpc-accordion-single-option {
border-bottom: 1px solid var(--gray1);
padding-bottom: 10px;
padding-top: 10px;
overflow: hidden;
}
.wpc-accordion-single-option:first-of-type {
padding-top: 0;
}
.wpc-accordion-single-option:last-of-type {
padding-bottom: 0;
border: 0;
}
.wpc-accordion-single-option,
.wpc-accordion-single-option input,
.wpc-option-row input {
color: #636363;
}
.wpc-accordion-single-option .wpc-tools-tab {
margin-bottom: 10px;
border: 1px solid lightgray;
color: #636363;
background-color: #fff;
}
.wpc-accordion-single-option .wpc-tools-tab-active {
background-color: var(--gray1);
}
.wpc-tools-tab:first-of-type {
border-right: 0;
}
.wpc-builder-add-media-button {
border-radius: 100%;
border: 0;
height: 42px;
width: 42px;
text-align: center;
background-color: #14c795;
color: white;
cursor: pointer;
}
.wpc-builder-button {
padding: 9px 12px;
border: 0;
border-radius: 4px;
background-color: var(--gray1);
color: #636363;
cursor: pointer;
}
.wpc-builder-button-positive {
background-color: #12c795;
color: white;
}
.wpc-builder-button-positive:hover {
background-color: rgb(24 224 169);
}
.wpc-builder-button-negative {
background-color: rgb(222, 60, 98);
color: #fff;
}
.wpc-builder-button-negative:hover {
background-color: rgb(255 68 112);
}
.wpc-builder-bg-img-wrapper {
width: 100%;
background-color: var(--gray1);
border-radius: 4px;
background-size: cover;
padding: 157px 20px;
text-align: center;
box-sizing: border-box;
overflow: hidden;
position: relative;
}
.wpc-builder-bg-tools {
position: absolute;
top: 0;
right: 0; 
border-bottom-left-radius: 4px;
overflow: hidden;
}
.wpc-builder-bg-tools i {
padding: 10px;
background-color: #12c795;
color: white;
cursor: pointer;
}
.wpc-builder-bg-tools .fa-trash {
background-color: rgb(222, 60, 98);
}
.wpc-builder-row {
line-height: 1.1;
} #wpc-certificate-preview .wpc-certificate {
margin: 0 auto !important;
}
.wpc-certificate-tools {
margin-top: 20px;
text-align: center;
}
.wpc-certificate-header {
text-align: center;
}
.certificate-bg {
background-size: contain;
background-repeat: no-repeat;
}
.wpc-certificate {
position: relative;
width: 11in;
height: 8.5in;
margin: 0 auto;
box-shadow: 0px 0px 9px rgba(0,0,0,0.3);
}
.wpc-award-archive-wrapper {
display: flex;
flex-wrap: wrap;
align-items: start;
align-content: center;
justify-content: flex-start;
}
.wpc-certificate-wrapper {
position: relative;
max-width: 219px;
height: 166px;
display: flex;
align-content: space-around;
justify-content: center;
align-items: center;
text-align: center;
border: 1px solid lightgray;
border-radius: 4px;
margin-bottom: 20px;
background-color: #fff;
box-shadow: 3px 3px 10px #e6e6e6;
margin: 0 auto 20px auto;
}
.wpc-certificate-wrapper .wpc-button {
margin: 0;
}
.wpc-certificate-title {
margin-bottom: 10px;
}
.wpc-single-certificate-wrapper {
overflow-x: auto;
text-align: center;
}
.wpc-single-certificate-wrapper .wpc-single-certificate {
margin: 0 auto;
}
.wpc-single-certificate {
display: inline-block;
position: relative;
}
.wpc-unawarded-certificate-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
background: rgba(0,0,0,0.8);
color: #fff;
display: flex;
flex-flow: row;
align-content: space-around;
flex-wrap: wrap;
align-items: center;
text-align: center;
font-size: 16px;
line-height: 22px;
justify-content: center;
z-index: 10;
}
.wpc-cert-row {
position: relative;
z-index: 1;
line-height: 1.1;
}
.wpc-cert-img {
z-index: 0;
max-height: 8.5in;
}
.wpc-certificate-title {
font-size: 32px;
}
.wpc-certificate-user {
font-size: 48px;
margin: 0;
}
.wpc-certificate-text {
font-size: 18px;
} #wpc-feature-upgrade-notice {
text-align: center;
}
#wpc-feature-upgrade-notice img {
border: none;
max-width: 240px;
display: block;
margin: 0 auto;
}
#wpc-feature-upgrade-notice p {
font-size: 18px;
text-align: center;
margin: 0 0 40px;
} .wpc-course-price {
float: right;
font-size: 18px;
color: var(--gray4);
}
.wpc-woo-courses-table {
border-collapse: collapse;
}
.wpc-woo-courses-table td {
padding: 20px !important;
border: 1px solid #e6e6e6;
}
.wpc-woo-courses-table td:nth-of-type(even) {
background-color: var(--gray1);
}
.wpc-woo-courses-table p {
margin-bottom: 0;
}
.wpc-woo-courses-table h3 {
margin-top: 0;
margin-bottom: 10px;
line-height: auto;
} .wpc-content-title {
margin: 20px 0;
} #wpc-courses-classic {
width: 100%;
}
.wpc-module-list {
list-style: none;
margin: 0;
padding: 0;
}
.wpc-module-list-section {
list-style: none;
margin: 0;
margin-bottom: 30px;
}
.wpc-module-list-lesson {
padding: 10px 0;
border-bottom: 3px dotted var(--gray3);
font-size: 16px;
}
.wpc-module-list-lesson>a {
text-decoration: none;
}
.wpc-module-list-count {
color: var(--gray4);
font-size: 42px;
font-weight: bold;
margin-right: 20px;
}
.wpc-module-list-lesson-count {
margin-right: 10px;
font-weight: bold;
}
.wpc-module-list-header {
margin-bottom: 0;
margin-top: 20px;
}
.wpc-single-course-details-header {
margin: 60px 0;
font-size: 36px;
font-weight: bold;
}
.wpc-single-course-title {
margin-bottom: 0;
margin-top: 60px;
text-align: center;
font-size: 42px;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.wpc-course-archive-excerpt {
display: none;
}
} .wpc-fe-options-wrapper {
position: fixed;
z-index: 999999;
bottom: 0;
left: -360px;
height: 80%;
background-color: #fff;
box-shadow: 3px 3px 10px rgba(0,0,0,30%);
width: 360px;
}
.wpc-range {
width: 60% !important;
}
.wpc-range-input {
width: 25% !important;
}
.wpc-spacing-wrapper {
display: flex;
}
#wpc-fe-setting-icon {
cursor: pointer;
position: fixed;
bottom: 20px;
left: 20px;
background: rgb(58, 223, 169);
z-index: 9999999;
border-radius: 100%;
color: #fff;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
width: 40px;
height: 40px;
}
#wpc-fe-setting-icon i {
flex-basis: 100%;
text-align: center;
}
.wpc-spacing-wrapper {
padding-top: 5px;
display: inline-block;
width: calc(25% - 4px);
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.wpc-spacing-wrapper label {
display: block;
padding-left: 5px;
margin-top: 5px;
}
.wpc-spacing-input {
width: 100%;
}
#wpc-options-page-wrapper input:focus {
outline: none;
box-shadow: none;
} .wpc-comments-header {
margin-top: 20px;
}
.wpc-comments {
list-style: none;
padding: 0 !important;
margin: 0 !important;
}
.wpc-comment {
padding: 20px;
margin-top: 20px !important;
border: 1px solid var(--gray2);
}
.wpc-comment-content {
margin-top: 20px;
}
#wpc-comment-textarea {
max-width: 100%;
width: 100%;
min-height: 180px;
border: 1px solid var(--gray2);
}
#wpc-submit-comment {
margin-top: 10px;
margin-bottom: 20px;
}
.wpc-comment-author {
font-size: 22px;
font-weight: bold;
display: inline-block;
height: 32px;
position: relative;
top: -7px;
}
.wpc-comment-avatar {
display: inline-block;
margin-right: 10px;
}
.wpc-comment-date {
font-size: 14px;
line-height: 14px;
}
#wpc-comment-name, #wpc-comment-email, #wpc-comment-url {
width: 100%;
}  @keyframes wpc-fade {
0%   {opacity: 0;}
100% {opacity: 1;}
} .wpc-fade {
animation-name: wpc-fade;
animation-duration: 1s;
} 
.wpc-left {
position: relative;
} @keyframes wpcLeft {
0%   {left: 100%;}
100% {left: 0;}
} .wpc-left {
animation-timing-function: ease-in-out;
animation-name: wpcLeft;
animation-duration: 1s;
} 
@keyframes wpc-top-small {
0% {
top : -20px;
}
100% {
top : 0;
}
}
.wpc-top-small {
position: relative;
animation-timing-function: ease-in-out;
animation-name: wpc-top-small;
animation-duration: 0.8s;
} @media screen and (max-width: 767px) {
.wpc-material-heading {
font-size: 16px !important;
padding: 10px;
margin: -10px -10px 20px -10px;
}
.wpc-material-content {
border-right: 0;
}
.wpc-mobile-btn {
display: inline-block !important;
}
.wpc-flex-toolbar-left {
display: none;
}
.wpc-flex-toolbar-right {
flex-basis: 100% !important;
margin: 0;
}
#wpc-course-ajax-search, 
#wpc-course-search {
width: 100% !important;
}
#wpc-right-sidebar, 
#wpc-left-sidebar {
display: none !important;
}
.wpc-material-content {
border-right: 0;
}
#wpc-toolbar-top .wpc-progress-wrapper {
display: none;
}
.wpc-toolbar-buttons {
float: none;
text-align: center;
float: none !important;
}
.wpc-btn-next>span, .wpc-btn-prev>span {
display: none;
}
.wpc-btn:hover i{
padding-left: 0 !important;
padding-right: 0 !important;
}
.wpc-ajax-course-sort-wrapper {
float: none !important;
margin-top: 10px;
}
.wpc-meta-value {
font-size: 12px;
}
.wpc-material-meta-icon {
font-size: 20px;
}
.wpc-material {
padding: 10px;
}
.wpc-ajax-search-wrapper,
.wpc-ajax-filters-wrapper,
.wpc-classic-search-wrapper,
.wpc-classic-filters-wrapper {
flex-basis: 100% !important;
margin: 0;
}
.wpc-ajax-filters-wrapper-right,
.wpc-classic-filters-wrapper-right {
float: right !important;
}
#wpc-ajax-course-sort {
padding: 6px;
}
.wpc-lightbox-close {
right: 20px;
}
}
@media screen and (max-width: 400px) {
.wpc-flex-2, .wpc-flex-3, .wpc-flex-4 {
flex-basis: 100%;
margin: 0 0 2% 0;
}
.wpc-single-course-title {
font-size: 26px;
}
.wpc-lightbox {
width: 96% !important;
}
} .wpc-pyro {
position: absolute;
top: 0;
width: calc(100% - 80px);
overflow: hidden;
height: 100%;
pointer-events: none;
}
.wpc-pyro > .wpc-before, .wpc-pyro > .wpc-after {
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
box-shadow: -120px -218.66667px blue, 248px -16.66667px #00ff84, 190px 16.33333px #002bff, -113px -308.66667px #ff009d, -109px -287.66667px #ffb300, -50px -313.66667px #ff006e, 226px -31.66667px #ff4000, 180px -351.66667px #ff00d0, -12px -338.66667px #00f6ff, 220px -388.66667px #99ff00, -69px -27.66667px #ff0400, -111px -339.66667px #6200ff, 155px -237.66667px #00ddff, -152px -380.66667px #00ffd0, -50px -37.66667px #00ffdd, -95px -175.66667px #a6ff00, -88px 10.33333px #0d00ff, 112px -309.66667px #005eff, 69px -415.66667px #ff00a6, 168px -100.66667px #ff004c, -244px 24.33333px #ff6600, 97px -325.66667px #ff0066, -211px -182.66667px #00ffa2, 236px -126.66667px #b700ff, 140px -196.66667px #9000ff, 125px -175.66667px #00bbff, 118px -381.66667px #ff002f, 144px -111.66667px #ffae00, 36px -78.66667px #f600ff, -63px -196.66667px #c800ff, -218px -227.66667px #d4ff00, -134px -377.66667px #ea00ff, -36px -412.66667px #ff00d4, 209px -106.66667px #00fff2, 91px -278.66667px #000dff, -22px -191.66667px #9dff00, 139px -392.66667px #a6ff00, 56px -2.66667px #0099ff, -156px -276.66667px #ea00ff, -163px -233.66667px #00fffb, -238px -346.66667px #00ff73, 62px -363.66667px #0088ff, 244px -170.66667px #0062ff, 224px -142.66667px #b300ff, 141px -208.66667px #9000ff, 211px -285.66667px #ff6600, 181px -128.66667px #1e00ff, 90px -123.66667px #c800ff, 189px 70.33333px #00ffc8, -18px -383.66667px #00ff33, 100px -6.66667px #ff008c;
-moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
-webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
-o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
-ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards; }
.wpc-pyro > .after {
-moz-animation-delay: 1.25s, 1.25s, 1.25s;
-webkit-animation-delay: 1.25s, 1.25s, 1.25s;
-o-animation-delay: 1.25s, 1.25s, 1.25s;
-ms-animation-delay: 1.25s, 1.25s, 1.25s;
animation-delay: 1.25s, 1.25s, 1.25s;
-moz-animation-duration: 1.25s, 1.25s, 6.25s;
-webkit-animation-duration: 1.25s, 1.25s, 6.25s;
-o-animation-duration: 1.25s, 1.25s, 6.25s;
-ms-animation-duration: 1.25s, 1.25s, 6.25s;
animation-duration: 1.25s, 1.25s, 6.25s; }
@-webkit-keyframes bang {
from {
box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-moz-keyframes bang {
from {
box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-o-keyframes bang {
from {
box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-ms-keyframes bang {
from {
box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@keyframes bang {
from {
box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-webkit-keyframes gravity {
to {
transform: translateY(200px);
-moz-transform: translateY(200px);
-webkit-transform: translateY(200px);
-o-transform: translateY(200px);
-ms-transform: translateY(200px);
opacity: 0; } }
@-moz-keyframes gravity {
to {
transform: translateY(200px);
-moz-transform: translateY(200px);
-webkit-transform: translateY(200px);
-o-transform: translateY(200px);
-ms-transform: translateY(200px);
opacity: 0; } }
@-o-keyframes gravity {
to {
transform: translateY(200px);
-moz-transform: translateY(200px);
-webkit-transform: translateY(200px);
-o-transform: translateY(200px);
-ms-transform: translateY(200px);
opacity: 0; } }
@-ms-keyframes gravity {
to {
transform: translateY(200px);
-moz-transform: translateY(200px);
-webkit-transform: translateY(200px);
-o-transform: translateY(200px);
-ms-transform: translateY(200px);
opacity: 0; } }
@keyframes gravity {
to {
transform: translateY(200px);
-moz-transform: translateY(200px);
-webkit-transform: translateY(200px);
-o-transform: translateY(200px);
-ms-transform: translateY(200px);
opacity: 0; } }
@-webkit-keyframes position {
0%, 19.9% {
margin-top: 10%;
margin-left: 40%; }
20%, 39.9% {
margin-top: 40%;
margin-left: 30%; }
40%, 59.9% {
margin-top: 20%;
margin-left: 70%; }
60%, 79.9% {
margin-top: 30%;
margin-left: 20%; }
80%, 99.9% {
margin-top: 30%;
margin-left: 80%; } }
@-moz-keyframes position {
0%, 19.9% {
margin-top: 10%;
margin-left: 40%; }
20%, 39.9% {
margin-top: 40%;
margin-left: 30%; }
40%, 59.9% {
margin-top: 20%;
margin-left: 70%; }
60%, 79.9% {
margin-top: 30%;
margin-left: 20%; }
80%, 99.9% {
margin-top: 30%;
margin-left: 80%; } }
@-o-keyframes position {
0%, 19.9% {
margin-top: 10%;
margin-left: 40%; }
20%, 39.9% {
margin-top: 40%;
margin-left: 30%; }
40%, 59.9% {
margin-top: 20%;
margin-left: 70%; }
60%, 79.9% {
margin-top: 30%;
margin-left: 20%; }
80%, 99.9% {
margin-top: 30%;
margin-left: 80%; } }
@-ms-keyframes position {
0%, 19.9% {
margin-top: 10%;
margin-left: 40%; }
20%, 39.9% {
margin-top: 40%;
margin-left: 30%; }
40%, 59.9% {
margin-top: 20%;
margin-left: 70%; }
60%, 79.9% {
margin-top: 30%;
margin-left: 20%; }
80%, 99.9% {
margin-top: 30%;
margin-left: 80%; } }
@keyframes position {
0%, 19.9% {
margin-top: 10%;
margin-left: 40%; }
20%, 39.9% {
margin-top: 40%;
margin-left: 30%; }
40%, 59.9% {
margin-top: 20%;
margin-left: 70%; }
60%, 79.9% {
margin-top: 30%;
margin-left: 20%; }
80%, 99.9% {
margin-top: 30%;
margin-left: 80%; } } #toplevel_page_wpc_settings > ul > li:has(.wpc-admin-separator) {
border-top: 1px solid rgba(240,246,252,.7);
}
#toplevel_page_wpc_settings > ul > li:last-child {
border-bottom: 1px solid rgba(240,246,252,.7);
}
#toplevel_page_wpc_settings > ul > li:has(.wpc-admin-hide) {
display: none;
} .wpc-flex-content-large {
flex-basis: 100% !important;
}
.wpc-description {
font-size: 1rem;
margin-bottom: 5px;
margin-top: 5px;
}
.wpc-description-sub {
font-weight: bold;
margin-top: 1.5em;
margin-bottom: 0;
}
.wpc-description-main {
font-size: 2rem;
font-weight: bold;
line-height: 1;
margin: 0.5em 0;
}
.wpc-image-anchor {
position: relative;
}
.waving-hand {
width: 50px;
position: absolute;
top: -5px;
}
#wpcontent a:focus {
box-shadow: none;
}
.wpc-connected-courses-list {
margin: 0 0 0 15px;
}
.wpc-connected-courses-list li {
margin-bottom: 0;
}
.wpc-admin-box-content {
padding-right: 20px;
}
.wpc-counter-container {
justify-content: center;
}
.wpc-single-course-archive .wpc-hide-viewed {
display: none;
}
#wpc-courses-ajax {
border-left: 1px solid #e8e6e6;
border-bottom: 1px solid #e8e6e6;
border-right: 1px solid #e8e6e6;
}
#wpc-right-sidebar {
border-left: 1px solid #e8e6e6;
margin-bottom: -1px;
}
.wpc-load-lesson,
.wpc-load-quiz,
.wpc-module-title {
word-break: break-word;
}
#wpc-profile-page {
min-width: 50%;
}
.interface-navigable-region .select2-selection__choice__display {
display: inline-block;
max-width: 200px;
}
.select2.select2-container.select2-container--default {
min-width: 150px;
}
.wpc-wrap-generic {
margin-top: 30px;
}
.wpc-premium-images {
border: 1px solid #e6e6e6;
}
.wpc-premium-upgrade-small {
margin-top: 10px;
}
.wpc-premium-upgrade-small:active,
.wpc-premium-upgrade-small:focus {
color: white;
}
.wpc-premium-upgrade-small.wpc-premium-upgrade-all {
margin-top: 5px;
}
.wpc-mark-completed:has(.fa-graduation-cap) {
padding-left: 9.375px;
padding-right: 9.375px; 
}
#wpc-course-ajax-search:focus-visible,
#wpc-ajax-course-sort:focus-visible {
outline: none;
}
.wpc-btn.wpc-add-to-cart {
color: var(--blue);
}
li.wpc-load-lesson.wpc-load-lesson-toolbar {
line-height: 25px;
}
.wpc-material.wpc-material-content {
background-color: var(--wpcbg);
}
.wpc-fe-options-wrapper input:focus-visible {
outline: none;
}
.wpc-fe-options-wrapper input {
box-sizing: border-box;
}
.wpc-nav-list li.wpc-order-lesson-list-lesson.ui-sortable-handle[data-post-type="lesson"],
.wpc-nav-list li.wpc-order-lesson-list-lesson.ui-sortable-handle[data-post-type="wpc-quiz"] {
padding-left: 40px;
}
.wpc-lightbox-wrapper .wpc-pagination.wpc-lightbox-pagination,
#wpc-course-app .wpc-wrapper .wpc-pagination {
width: auto;
}
.wpc-load-courses.wpc-btn-sm.wpc-btn-pagination:hover {
cursor: pointer;
}  #wpc-toolbar-top button.wpc-load-category-list {
background-color: var(--tool);
border-color: var(--tool);
}
#wpc-toolbar-top button.wpc-load-category-list:hover {
background-color: white;
color: var(--tool) !important;
}
#wpc-toolbar-top .wpc-load-login,
#wpc-toolbar-top #wpc-ajax-course-sort,
#wpc-toolbar-top button.wpc-btn-next,
#wpc-toolbar-top button.wpc-mark-completed,
#wpc-toolbar-top button.wpc-load-profile-nav {
background-color: white !important;
border-color: var(--tool) !important;
color: var(--tool) !important;
border-width: 2px !important;
}
#wpc-toolbar-top .wpc-load-login:hover,
#wpc-toolbar-top button.wpc-btn-next:hover,
#wpc-toolbar-top button.wpc-mark-completed:hover,
#wpc-toolbar-top button.wpc-load-profile-nav:hover {
background-color: var(--tool) !important;
color: white !important;
}
#wpc-toolbar-top button.wpc-btn-next:disabled,
#wpc-toolbar-top button.wpc-mark-completed:disabled {
background-color: #e6e6e6 !important;
cursor: inherit;
color: var(--tool) !important;
} #wpc-course-app .wpc-active-nav-item:not(.ui-sortable-handle),
.wpc-active-nav-item:not(.ui-sortable-handle),
.wpc-active-admin-nav-item {
background-color: var(--sele) !important;
} .wpc-crumb-link,
.wpc-ajax-link,
.wpc-crumb-link:hover, 
.wcp-ajax-link:hover,
.wpc-link,
.wpc-link:hover {
color: var(--link) !important;
text-decoration: none;
} .wpc-btn, 
.wpc-button,
.wpc-material-content .pmpro_content_message a,
.wpc-lightbox-content input[type="submit"],
.wpc-btn.wpc-woo-view-course,
#wpcontent #wpc-profile-content .wpc-btn {
background: white;
color: var(--stand);
border: 2px solid var(--stand);
}
.wpc-btn:hover,
.wpc-button:hover,
.wpc-material-content .pmpro_content_message a:hover,
#wpcontent #wpc-profile-content .wpc-btn:hover {
background-color: var(--stand);
color: white !important;
border: 2px solid var(--stand);
}
.wpc-btn-solid {
background-color: var(--stand);
border-color: var(--stand);
color: white;
}
.wpc-btn-solid:hover {
background-color: white;
border-color: var(--stand);
color: var(--stand) !important;
} .wpc-material-tools .wpc-btn.wpc-btn-solid,
.wpc-table.wpc-fade .wpc-btn.wpc-btn-solid,
#wpcontent #wpc-profile-content .wpc-table.wpc-fade .wpc-btn.wpc-btn-solid {
background-color: var(--green);
border-color: var(--green);
color: white;
}
.wpc-material-tools .wpc-btn.wpc-btn-solid:hover,
.wpc-table.wpc-fade .wpc-btn.wpc-btn-solid:hover,
#wpcontent #wpc-profile-content .wpc-table.wpc-fade .wpc-btn.wpc-btn-solid:hover {
background-color: white;
border-color: var(--green);
color: var(--green) !important;
} .wpc-add-to-cart,
.wpc-start-course {
color: var(--blue);
border: 2px solid var(--blue);
}
.wpc-add-to-cart:hover,
.wpc-start-course:hover {
background-color: var(--blue);
color: white !important;
border: 2px solid var(--blue);
} #wpcontent .wpc-btn,
#wpcontent .wpc-btn.wpc-btn-soft {
color: #2271b1;
border: 2px solid #2271b1;
background-color: white;
}
#wpcontent .wpc-btn:hover,
#wpcontent .wpc-btn.wpc-btn-soft:hover {
color: #2271b1 !important;
border: 2px solid #2271b1;
background-color: white;
}
#wpcontent .wpc-btn.wpc-btn-solid {
color: white;
border: 2px solid #2271b1;
background-color: #2271b1;
}
#wpcontent .wpc-btn.wpc-btn-solid:hover {
color: #2271b1 !important;
border: 2px solid #2271b1;
background-color: white;
}
.wpc-rating-title {
position: relative;
}
.wpc-woo-content-drip-days {
width: 70px;
}
.wpc-metabox-item-content-drip {
padding-top: 0;
}
.wpc-hide-element {
display: none !important;
}
.wpc-admin-box-content .tablenav {
height: auto;
}.bx-wrapper {
position: relative;
margin-bottom: 60px;
padding: 0;
*zoom: 1;
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.bx-wrapper img {
max-width: 100%;
display: block;
}
.bxslider {
margin: 0;
padding: 0;
}
ul.bxslider {
list-style: none;
}
.bx-viewport { -webkit-transform: translatez(0);
} .bx-wrapper {
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
border: 5px solid #fff;
background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
} .bx-wrapper .bx-loading {
min-height: 50px;
background: url(//www.annmariecheung.com/blog/wp-content/plugins/wp-courses/init/../css/images/bx_loader.gif) center center no-repeat #ffffff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
} .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
vertical-align: bottom;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager-item {
font-size: 0;
line-height: 0;
} .bx-wrapper .bx-prev {
left: 10px;
background: url(//www.annmariecheung.com/blog/wp-content/plugins/wp-courses/init/../css/images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
background-position: 0 0;
}
.bx-wrapper .bx-next {
right: 10px;
background: url(//www.annmariecheung.com/blog/wp-content/plugins/wp-courses/init/../css/images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
} .bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(//www.annmariecheung.com/blog/wp-content/plugins/wp-courses/init/../css/images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(//www.annmariecheung.com/blog/wp-content/plugins/wp-courses/init/../css/images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
background-position: -86px -33px;
} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
} .bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}@-moz-keyframes spinner-loader {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes spinner-loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner-loader {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .spinner-loader:not(:required) {
-moz-animation: spinner-loader 1500ms infinite linear;
-webkit-animation: spinner-loader 1500ms infinite linear;
animation: spinner-loader 1500ms infinite linear;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
border-radius: 0.5em;
-moz-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
-webkit-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
display: inline-block;
font-size: 10px;
width: 1em;
height: 1em;
margin: 1.5em;
overflow: hidden;
text-indent: 100%;
}
@-moz-keyframes refreshing-loader {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes refreshing-loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes refreshing-loader {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .refreshing-loader:not(:required) {
-moz-animation: refreshing-loader 1000ms infinite linear;
-webkit-animation: refreshing-loader 1000ms infinite linear;
animation: refreshing-loader 1000ms infinite linear;
-moz-border-radius: 2.4em;
-webkit-border-radius: 2.4em;
border-radius: 2.4em;
border: 0.4em solid #9ac;
border-left-color: transparent;
color: transparent;
display: inline-block;
font-size: 10px;
line-height: 1.2;
width: 3em;
height: 3em;
text-indent: 100%;
}
.refreshing-loader:not(:required):after {
display: block;
border: 0.5em solid transparent;
border-top-color: #9ac;
border-left-color: #9ac;
content: '';
width: 0;
height: 0;
overflow: hidden;
margin-left: -0.2em;
margin-top: 1em;
}
@-moz-keyframes throbber-loader {
0% {
background: #dde2e7;
}
10% {
background: #6b9dc8;
}
40% {
background: #dde2e7;
}
}
@-webkit-keyframes throbber-loader {
0% {
background: #dde2e7;
}
10% {
background: #6b9dc8;
}
40% {
background: #dde2e7;
}
}
@keyframes throbber-loader {
0% {
background: #dde2e7;
}
10% {
background: #6b9dc8;
}
40% {
background: #dde2e7;
}
} .throbber-loader:not(:required) {
-moz-animation: throbber-loader 2000ms 300ms infinite ease-out;
-webkit-animation: throbber-loader 2000ms 300ms infinite ease-out;
animation: throbber-loader 2000ms 300ms infinite ease-out;
background: #dde2e7;
display: inline-block;
position: relative;
text-indent: -9999px;
width: 0.9em;
height: 1.5em;
margin: 0 1.6em;
}
.throbber-loader:not(:required):before, .throbber-loader:not(:required):after {
background: #dde2e7;
content: '\x200B';
display: inline-block;
width: 0.9em;
height: 1.5em;
position: absolute;
top: 0;
}
.throbber-loader:not(:required):before {
-moz-animation: throbber-loader 2000ms 150ms infinite ease-out;
-webkit-animation: throbber-loader 2000ms 150ms infinite ease-out;
animation: throbber-loader 2000ms 150ms infinite ease-out;
left: -1.6em;
}
.throbber-loader:not(:required):after {
-moz-animation: throbber-loader 2000ms 450ms infinite ease-out;
-webkit-animation: throbber-loader 2000ms 450ms infinite ease-out;
animation: throbber-loader 2000ms 450ms infinite ease-out;
right: -1.6em;
}
@-moz-keyframes heartbeat-loader {
0% {
-moz-transform: rotate(45deg) scale(1);
transform: rotate(45deg) scale(1);
}
14% {
-moz-transform: rotate(45deg) scale(1.3);
transform: rotate(45deg) scale(1.3);
}
28% {
-moz-transform: rotate(45deg) scale(1);
transform: rotate(45deg) scale(1);
}
42% {
-moz-transform: rotate(45deg) scale(1.3);
transform: rotate(45deg) scale(1.3);
}
70% {
-moz-transform: rotate(45deg) scale(1);
transform: rotate(45deg) scale(1);
}
}
@-webkit-keyframes heartbeat-loader {
0% {
-webkit-transform: rotate(45deg) scale(1);
transform: rotate(45deg) scale(1);
}
14% {
-webkit-transform: rotate(45deg) scale(1.3);
transform: rotate(45deg) scale(1.3);
}
28% {
-webkit-transform: rotate(45deg) scale(1);
transform: rotate(45deg) scale(1);
}
42% {
-webkit-transform: rotate(45deg) scale(1.3);
transform: rotate(45deg) scale(1.3);
}
70% {
-webkit-transform: rotate(45deg) scale(1);
transform: rotate(45deg) scale(1);
}
}
@keyframes heartbeat-loader {
0% {
-moz-transform: rotate(45deg) scale(1);
-ms-transform: rotate(45deg) scale(1);
-webkit-transform: rotate(45deg) scale(1);
transform: rotate(45deg) scale(1);
}
14% {
-moz-transform: rotate(45deg) scale(1.3);
-ms-transform: rotate(45deg) scale(1.3);
-webkit-transform: rotate(45deg) scale(1.3);
transform: rotate(45deg) scale(1.3);
}
28% {
-moz-transform: rotate(45deg) scale(1);
-ms-transform: rotate(45deg) scale(1);
-webkit-transform: rotate(45deg) scale(1);
transform: rotate(45deg) scale(1);
}
42% {
-moz-transform: rotate(45deg) scale(1.3);
-ms-transform: rotate(45deg) scale(1.3);
-webkit-transform: rotate(45deg) scale(1.3);
transform: rotate(45deg) scale(1.3);
}
70% {
-moz-transform: rotate(45deg) scale(1);
-ms-transform: rotate(45deg) scale(1);
-webkit-transform: rotate(45deg) scale(1);
transform: rotate(45deg) scale(1);
}
} .heartbeat-loader:not(:required) {
-moz-animation: heartbeat-loader 1300ms ease 0s infinite normal;
-webkit-animation: heartbeat-loader 1300ms ease 0s infinite normal;
animation: heartbeat-loader 1300ms ease 0s infinite normal;
display: inline-block;
position: relative;
overflow: hidden;
text-indent: -9999px;
width: 36px;
height: 36px;
-moz-transform: rotate(45deg) scale(1);
-ms-transform: rotate(45deg) scale(1);
-webkit-transform: rotate(45deg) scale(1);
transform: rotate(45deg) scale(1);
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.heartbeat-loader:not(:required):after, .heartbeat-loader:not(:required):before {
position: absolute;
content: "";
background: #e87;
}
.heartbeat-loader:not(:required):before {
-moz-border-radius-topleft: 12px;
-webkit-border-top-left-radius: 12px;
border-top-left-radius: 12px;
-moz-border-radius-bottomleft: 12px;
-webkit-border-bottom-left-radius: 12px;
border-bottom-left-radius: 12px;
top: 12px;
left: 0;
width: 36px;
height: 24px;
}
.heartbeat-loader:not(:required):after {
-moz-border-radius-topleft: 12px;
-webkit-border-top-left-radius: 12px;
border-top-left-radius: 12px;
-moz-border-radius-topright: 12px;
-webkit-border-top-right-radius: 12px;
border-top-right-radius: 12px;
top: 0;
left: 12px;
width: 24px;
height: 12px;
}
@-moz-keyframes gauge-loader {
0% {
-moz-transform: rotate(-50deg);
transform: rotate(-50deg);
}
10% {
-moz-transform: rotate(20deg);
transform: rotate(20deg);
}
20% {
-moz-transform: rotate(60deg);
transform: rotate(60deg);
}
24% {
-moz-transform: rotate(60deg);
transform: rotate(60deg);
}
40% {
-moz-transform: rotate(-20deg);
transform: rotate(-20deg);
}
54% {
-moz-transform: rotate(70deg);
transform: rotate(70deg);
}
56% {
-moz-transform: rotate(78deg);
transform: rotate(78deg);
}
58% {
-moz-transform: rotate(73deg);
transform: rotate(73deg);
}
60% {
-moz-transform: rotate(75deg);
transform: rotate(75deg);
}
62% {
-moz-transform: rotate(70deg);
transform: rotate(70deg);
}
70% {
-moz-transform: rotate(-20deg);
transform: rotate(-20deg);
}
80% {
-moz-transform: rotate(20deg);
transform: rotate(20deg);
}
83% {
-moz-transform: rotate(25deg);
transform: rotate(25deg);
}
86% {
-moz-transform: rotate(20deg);
transform: rotate(20deg);
}
89% {
-moz-transform: rotate(25deg);
transform: rotate(25deg);
}
100% {
-moz-transform: rotate(-50deg);
transform: rotate(-50deg);
}
}
@-webkit-keyframes gauge-loader {
0% {
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
10% {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}
20% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
24% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
40% {
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
}
54% {
-webkit-transform: rotate(70deg);
transform: rotate(70deg);
}
56% {
-webkit-transform: rotate(78deg);
transform: rotate(78deg);
}
58% {
-webkit-transform: rotate(73deg);
transform: rotate(73deg);
}
60% {
-webkit-transform: rotate(75deg);
transform: rotate(75deg);
}
62% {
-webkit-transform: rotate(70deg);
transform: rotate(70deg);
}
70% {
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
}
80% {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}
83% {
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
}
86% {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}
89% {
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
}
100% {
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
}
@keyframes gauge-loader {
0% {
-moz-transform: rotate(-50deg);
-ms-transform: rotate(-50deg);
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
10% {
-moz-transform: rotate(20deg);
-ms-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}
20% {
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
24% {
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
40% {
-moz-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
}
54% {
-moz-transform: rotate(70deg);
-ms-transform: rotate(70deg);
-webkit-transform: rotate(70deg);
transform: rotate(70deg);
}
56% {
-moz-transform: rotate(78deg);
-ms-transform: rotate(78deg);
-webkit-transform: rotate(78deg);
transform: rotate(78deg);
}
58% {
-moz-transform: rotate(73deg);
-ms-transform: rotate(73deg);
-webkit-transform: rotate(73deg);
transform: rotate(73deg);
}
60% {
-moz-transform: rotate(75deg);
-ms-transform: rotate(75deg);
-webkit-transform: rotate(75deg);
transform: rotate(75deg);
}
62% {
-moz-transform: rotate(70deg);
-ms-transform: rotate(70deg);
-webkit-transform: rotate(70deg);
transform: rotate(70deg);
}
70% {
-moz-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
}
80% {
-moz-transform: rotate(20deg);
-ms-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}
83% {
-moz-transform: rotate(25deg);
-ms-transform: rotate(25deg);
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
}
86% {
-moz-transform: rotate(20deg);
-ms-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}
89% {
-moz-transform: rotate(25deg);
-ms-transform: rotate(25deg);
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
}
100% {
-moz-transform: rotate(-50deg);
-ms-transform: rotate(-50deg);
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
} .gauge-loader:not(:required) {
background: #6ca;
-moz-border-radius-topleft: 32px;
-webkit-border-top-left-radius: 32px;
border-top-left-radius: 32px;
-moz-border-radius-topright: 32px;
-webkit-border-top-right-radius: 32px;
border-top-right-radius: 32px;
display: inline-block;
width: 64px;
height: 32px;
overflow: hidden;
position: relative;
text-indent: -9999px;
}
.gauge-loader:not(:required)::before {
-moz-animation: gauge-loader 4000ms infinite ease;
-webkit-animation: gauge-loader 4000ms infinite ease;
animation: gauge-loader 4000ms infinite ease;
background: white;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
content: '';
position: absolute;
left: 30px;
top: 5.33333px;
width: 4px;
height: 26.66667px;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.gauge-loader:not(:required)::after {
content: '';
background: white;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
position: absolute;
left: 25.6px;
top: 25.6px;
width: 12.8px;
height: 12.8px;
}
@-moz-keyframes timer-loader {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes timer-loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes timer-loader {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .timer-loader:not(:required) {
border: 6px solid #c8d;
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
border-radius: 24px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
overflow: hidden;
position: relative;
text-indent: -9999px;
width: 48px;
height: 48px;
}
.timer-loader:not(:required)::before {
-moz-animation: timer-loader 1250ms infinite linear;
-webkit-animation: timer-loader 1250ms infinite linear;
animation: timer-loader 1250ms infinite linear;
-moz-transform-origin: 3px 3px;
-ms-transform-origin: 3px 3px;
-webkit-transform-origin: 3px 3px;
transform-origin: 3px 3px;
background: #c8d;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
content: '';
display: block;
position: absolute;
width: 6px;
height: 19.2px;
left: 15px;
top: 15px;
}
.timer-loader:not(:required)::after {
-moz-animation: timer-loader 15000ms infinite linear;
-webkit-animation: timer-loader 15000ms infinite linear;
animation: timer-loader 15000ms infinite linear;
-moz-transform-origin: 3px 3px;
-ms-transform-origin: 3px 3px;
-webkit-transform-origin: 3px 3px;
transform-origin: 3px 3px;
background: #c8d;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
content: '';
display: block;
position: absolute;
width: 6px;
height: 16px;
left: 15px;
top: 15px;
}
@-moz-keyframes three-quarters-loader {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes three-quarters-loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes three-quarters-loader {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .three-quarters-loader:not(:required) {
-moz-animation: three-quarters-loader 1250ms infinite linear;
-webkit-animation: three-quarters-loader 1250ms infinite linear;
animation: three-quarters-loader 1250ms infinite linear;
border: 8px solid #38e;
border-right-color: transparent;
border-radius: 16px;
box-sizing: border-box;
display: inline-block;
position: relative;
overflow: hidden;
text-indent: -9999px;
width: 32px;
height: 32px;
}
@-moz-keyframes wobblebar-loader {
0% {
left: 4px;
}
3% {
left: 104px;
}
6% {
left: 4px;
}
9% {
left: 104px;
}
12% {
left: 4px;
}
15% {
left: 104px;
}
18% {
left: 32px;
}
27% {
left: 32px;
}
30% {
left: 104px;
}
33% {
left: 4px;
}
36% {
left: 104px;
}
39% {
left: 4px;
}
42% {
left: 104px;
}
45% {
left: 4px;
}
48% {
left: 104px;
}
51% {
left: 52px;
}
63% {
left: 52px;
}
66% {
left: 4px;
}
69% {
left: 104px;
}
72% {
left: 4px;
}
75% {
left: 104px;
}
78% {
left: 4px;
}
81% {
left: 104px;
}
84% {
left: 72px;
}
94% {
left: 72px;
}
97% {
left: 104px;
}
}
@-webkit-keyframes wobblebar-loader {
0% {
left: 4px;
}
3% {
left: 104px;
}
6% {
left: 4px;
}
9% {
left: 104px;
}
12% {
left: 4px;
}
15% {
left: 104px;
}
18% {
left: 32px;
}
27% {
left: 32px;
}
30% {
left: 104px;
}
33% {
left: 4px;
}
36% {
left: 104px;
}
39% {
left: 4px;
}
42% {
left: 104px;
}
45% {
left: 4px;
}
48% {
left: 104px;
}
51% {
left: 52px;
}
63% {
left: 52px;
}
66% {
left: 4px;
}
69% {
left: 104px;
}
72% {
left: 4px;
}
75% {
left: 104px;
}
78% {
left: 4px;
}
81% {
left: 104px;
}
84% {
left: 72px;
}
94% {
left: 72px;
}
97% {
left: 104px;
}
}
@keyframes wobblebar-loader {
0% {
left: 4px;
}
3% {
left: 104px;
}
6% {
left: 4px;
}
9% {
left: 104px;
}
12% {
left: 4px;
}
15% {
left: 104px;
}
18% {
left: 32px;
}
27% {
left: 32px;
}
30% {
left: 104px;
}
33% {
left: 4px;
}
36% {
left: 104px;
}
39% {
left: 4px;
}
42% {
left: 104px;
}
45% {
left: 4px;
}
48% {
left: 104px;
}
51% {
left: 52px;
}
63% {
left: 52px;
}
66% {
left: 4px;
}
69% {
left: 104px;
}
72% {
left: 4px;
}
75% {
left: 104px;
}
78% {
left: 4px;
}
81% {
left: 104px;
}
84% {
left: 72px;
}
94% {
left: 72px;
}
97% {
left: 104px;
}
} .wobblebar-loader:not(:required) {
background: #a9d;
-moz-border-radius: 10.66667px;
-webkit-border-radius: 10.66667px;
border-radius: 10.66667px;
display: inline-block;
overflow: hidden;
text-indent: -9999px;
width: 128px;
height: 21.33333px;
position: relative;
}
.wobblebar-loader:not(:required)::after {
-moz-animation: wobblebar-loader 15000ms infinite ease;
-webkit-animation: wobblebar-loader 15000ms infinite ease;
animation: wobblebar-loader 15000ms infinite ease;
background: white;
display: block;
-moz-border-radius: 7.11111px;
-webkit-border-radius: 7.11111px;
border-radius: 7.11111px;
content: '';
position: absolute;
top: 3.55556px;
left: 4px;
width: 21.33333px;
height: 14.22222px;
}
@-moz-keyframes atebits-loader {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
3% {
-moz-transform: rotate(90deg);
transform: rotate(90deg);
}
10% {
-moz-transform: rotate(90deg);
transform: rotate(90deg);
}
13% {
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
20% {
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
23% {
-moz-transform: rotate(90deg);
transform: rotate(90deg);
}
30% {
-moz-transform: rotate(90deg);
transform: rotate(90deg);
}
33% {
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
40% {
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
43% {
-moz-transform: rotate(270deg);
transform: rotate(270deg);
}
50% {
-moz-transform: rotate(270deg);
transform: rotate(270deg);
}
53% {
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
60% {
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
63% {
-moz-transform: rotate(90deg);
transform: rotate(90deg);
}
70% {
-moz-transform: rotate(90deg);
transform: rotate(90deg);
}
73% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
80% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
83% {
-moz-transform: rotate(-90deg);
transform: rotate(-90deg);
}
90% {
-moz-transform: rotate(-90deg);
transform: rotate(-90deg);
}
93% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-webkit-keyframes atebits-loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
3% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
10% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
13% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
20% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
23% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
30% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
33% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
40% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
43% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
50% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
53% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
60% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
63% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
70% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
73% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
80% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
83% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
90% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
93% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes atebits-loader {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
3% {
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
10% {
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
13% {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
20% {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
23% {
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
30% {
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
33% {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
40% {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
43% {
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
50% {
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
53% {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
60% {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
63% {
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
70% {
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
73% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
80% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
83% {
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
90% {
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
93% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
} .atebits-loader:not(:required) {
background: rgba(0, 0, 0, 0.5);
display: inline-block;
width: 9px;
height: 9px;
overflow: hidden;
position: relative;
text-indent: -9999px;
-moz-box-shadow: rgba(0, 0, 0, 0.5) -12px -12px 0 0, rgba(0, 0, 0, 0.5) 12px -12px 0 0, rgba(0, 0, 0, 0.5) -12px 0 0 0, rgba(0, 0, 0, 0.5) 12px 0 0 0, rgba(0, 0, 0, 0.5) -12px 12px 0 0, rgba(0, 0, 0, 0.5) 0 12px 0 0, rgba(0, 0, 0, 0.5) 12px 12px 0 0;
-webkit-box-shadow: rgba(0, 0, 0, 0.5) -12px -12px 0 0, rgba(0, 0, 0, 0.5) 12px -12px 0 0, rgba(0, 0, 0, 0.5) -12px 0 0 0, rgba(0, 0, 0, 0.5) 12px 0 0 0, rgba(0, 0, 0, 0.5) -12px 12px 0 0, rgba(0, 0, 0, 0.5) 0 12px 0 0, rgba(0, 0, 0, 0.5) 12px 12px 0 0;
box-shadow: rgba(0, 0, 0, 0.5) -12px -12px 0 0, rgba(0, 0, 0, 0.5) 12px -12px 0 0, rgba(0, 0, 0, 0.5) -12px 0 0 0, rgba(0, 0, 0, 0.5) 12px 0 0 0, rgba(0, 0, 0, 0.5) -12px 12px 0 0, rgba(0, 0, 0, 0.5) 0 12px 0 0, rgba(0, 0, 0, 0.5) 12px 12px 0 0;
-moz-animation: atebits-loader 8s infinite ease-in-out;
-webkit-animation: atebits-loader 8s infinite ease-in-out;
animation: atebits-loader 8s infinite ease-in-out;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
@-moz-keyframes whirly-loader {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes whirly-loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes whirly-loader {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .whirly-loader:not(:required) {
overflow: hidden;
position: relative;
text-indent: -9999px;
display: inline-block;
width: 8px;
height: 8px;
background: transparent;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
-moz-box-shadow: #e66 0px 26px 0 6px, #e66 0.90971px 26.05079px 0 5.93333px, #e66 1.82297px 26.06967px 0 5.86667px, #e66 2.73865px 26.05647px 0 5.8px, #e66 3.65561px 26.01104px 0 5.73333px, #e66 4.57274px 25.93327px 0 5.66667px, #e66 5.48887px 25.8231px 0 5.6px, #e66 6.40287px 25.68049px 0 5.53333px, #e66 7.31358px 25.50548px 0 5.46667px, #e66 8.21985px 25.2981px 0 5.4px, #e66 9.12054px 25.05847px 0 5.33333px, #e66 10.01448px 24.78672px 0 5.26667px, #e66 10.90054px 24.48302px 0 5.2px, #e66 11.77757px 24.1476px 0 5.13333px, #e66 12.64443px 23.78072px 0 5.06667px, #e66 13.5px 23.38269px 0 5px, #e66 14.34315px 22.95384px 0 4.93333px, #e66 15.17277px 22.49455px 0 4.86667px, #e66 15.98776px 22.00526px 0 4.8px, #e66 16.78704px 21.48643px 0 4.73333px, #e66 17.56953px 20.93855px 0 4.66667px, #e66 18.33418px 20.36217px 0 4.6px, #e66 19.07995px 19.75787px 0 4.53333px, #e66 19.80582px 19.12626px 0 4.46667px, #e66 20.5108px 18.468px 0 4.4px, #e66 21.1939px 17.78379px 0 4.33333px, #e66 21.85416px 17.07434px 0 4.26667px, #e66 22.49067px 16.34043px 0 4.2px, #e66 23.10251px 15.58284px 0 4.13333px, #e66 23.68881px 14.80241px 0 4.06667px, #e66 24.24871px 14px 0 4px, #e66 24.7814px 13.1765px 0 3.93333px, #e66 25.28607px 12.33284px 0 3.86667px, #e66 25.76198px 11.46997px 0 3.8px, #e66 26.2084px 10.58888px 0 3.73333px, #e66 26.62462px 9.69057px 0 3.66667px, #e66 27.01001px 8.77608px 0 3.6px, #e66 27.36392px 7.84648px 0 3.53333px, #e66 27.68577px 6.90284px 0 3.46667px, #e66 27.97502px 5.94627px 0 3.4px, #e66 28.23116px 4.97791px 0 3.33333px, #e66 28.4537px 3.99891px 0 3.26667px, #e66 28.64223px 3.01042px 0 3.2px, #e66 28.79635px 2.01364px 0 3.13333px, #e66 28.91571px 1.00976px 0 3.06667px, #e66 29px 0px 0 3px, #e66 29.04896px -1.01441px 0 2.93333px, #e66 29.06237px -2.03224px 0 2.86667px, #e66 29.04004px -3.05223px 0 2.8px, #e66 28.98185px -4.07313px 0 2.73333px, #e66 28.88769px -5.09368px 0 2.66667px, #e66 28.75754px -6.1126px 0 2.6px, #e66 28.59138px -7.12863px 0 2.53333px, #e66 28.38926px -8.14049px 0 2.46667px, #e66 28.15127px -9.1469px 0 2.4px, #e66 27.87755px -10.1466px 0 2.33333px, #e66 27.56827px -11.1383px 0 2.26667px, #e66 27.22365px -12.12075px 0 2.2px, #e66 26.84398px -13.09268px 0 2.13333px, #e66 26.42956px -14.05285px 0 2.06667px, #e66 25.98076px -15px 0 2px, #e66 25.49798px -15.93291px 0 1.93333px, #e66 24.98167px -16.85035px 0 1.86667px, #e66 24.43231px -17.75111px 0 1.8px, #e66 23.85046px -18.63402px 0 1.73333px, #e66 23.23668px -19.49789px 0 1.66667px, #e66 22.5916px -20.34157px 0 1.6px, #e66 21.91589px -21.16393px 0 1.53333px, #e66 21.21024px -21.96384px 0 1.46667px, #e66 20.4754px -22.74023px 0 1.4px, #e66 19.71215px -23.49203px 0 1.33333px, #e66 18.92133px -24.2182px 0 1.26667px, #e66 18.10379px -24.91772px 0 1.2px, #e66 17.26042px -25.58963px 0 1.13333px, #e66 16.39217px -26.23295px 0 1.06667px, #e66 15.5px -26.84679px 0 1px, #e66 14.58492px -27.43024px 0 0.93333px, #e66 13.64796px -27.98245px 0 0.86667px, #e66 12.69018px -28.50262px 0 0.8px, #e66 11.7127px -28.98995px 0 0.73333px, #e66 10.71663px -29.4437px 0 0.66667px, #e66 9.70313px -29.86317px 0 0.6px, #e66 8.67339px -30.2477px 0 0.53333px, #e66 7.6286px -30.59666px 0 0.46667px, #e66 6.57001px -30.90946px 0 0.4px, #e66 5.49886px -31.18558px 0 0.33333px, #e66 4.41643px -31.42451px 0 0.26667px, #e66 3.32401px -31.6258px 0 0.2px, #e66 2.22291px -31.78904px 0 0.13333px, #e66 1.11446px -31.91388px 0 0.06667px, #e66 0px -32px 0 0px, #e66 -1.11911px -32.04713px 0 -0.06667px, #e66 -2.24151px -32.05506px 0 -0.13333px, #e66 -3.36582px -32.02361px 0 -0.2px, #e66 -4.49065px -31.95265px 0 -0.26667px, #e66 -5.61462px -31.84212px 0 -0.33333px, #e66 -6.73634px -31.69198px 0 -0.4px, #e66 -7.8544px -31.50227px 0 -0.46667px, #e66 -8.9674px -31.27305px 0 -0.53333px, #e66 -10.07395px -31.00444px 0 -0.6px, #e66 -11.17266px -30.69663px 0 -0.66667px, #e66 -12.26212px -30.34982px 0 -0.73333px, #e66 -13.34096px -29.96429px 0 -0.8px, #e66 -14.4078px -29.54036px 0 -0.86667px, #e66 -15.46126px -29.07841px 0 -0.93333px, #e66 -16.5px -28.57884px 0 -1px, #e66 -17.52266px -28.04212px 0 -1.06667px, #e66 -18.52792px -27.46878px 0 -1.13333px, #e66 -19.51447px -26.85936px 0 -1.2px, #e66 -20.48101px -26.21449px 0 -1.26667px, #e66 -21.42625px -25.53481px 0 -1.33333px, #e66 -22.34896px -24.82104px 0 -1.4px, #e66 -23.2479px -24.07391px 0 -1.46667px, #e66 -24.12186px -23.29421px 0 -1.53333px, #e66 -24.96967px -22.48279px 0 -1.6px, #e66 -25.79016px -21.64052px 0 -1.66667px, #e66 -26.58223px -20.76831px 0 -1.73333px, #e66 -27.34477px -19.86714px 0 -1.8px, #e66 -28.07674px -18.938px 0 -1.86667px, #e66 -28.7771px -17.98193px 0 -1.93333px, #e66 -29.44486px -17px 0 -2px, #e66 -30.07908px -15.99333px 0 -2.06667px, #e66 -30.67884px -14.96307px 0 -2.13333px, #e66 -31.24325px -13.91039px 0 -2.2px, #e66 -31.7715px -12.83652px 0 -2.26667px, #e66 -32.26278px -11.74269px 0 -2.33333px, #e66 -32.71634px -10.63018px 0 -2.4px, #e66 -33.13149px -9.5003px 0 -2.46667px, #e66 -33.50755px -8.35437px 0 -2.53333px, #e66 -33.84391px -7.19374px 0 -2.6px, #e66 -34.14px -6.0198px 0 -2.66667px, #e66 -34.39531px -4.83395px 0 -2.73333px, #e66 -34.60936px -3.63759px 0 -2.8px, #e66 -34.78173px -2.43218px 0 -2.86667px, #e66 -34.91205px -1.21916px 0 -2.93333px, #e66 -35px 0px 0 -3px, #e66 -35.04531px 1.22381px 0 -3.06667px, #e66 -35.04775px 2.45078px 0 -3.13333px, #e66 -35.00717px 3.6794px 0 -3.2px, #e66 -34.92345px 4.90817px 0 -3.26667px, #e66 -34.79654px 6.13557px 0 -3.33333px, #e66 -34.62643px 7.36007px 0 -3.4px, #e66 -34.41316px 8.58016px 0 -3.46667px, #e66 -34.15683px 9.79431px 0 -3.53333px, #e66 -33.85761px 11.001px 0 -3.6px, #e66 -33.5157px 12.19872px 0 -3.66667px, #e66 -33.13137px 13.38594px 0 -3.73333px, #e66 -32.70493px 14.56117px 0 -3.8px, #e66 -32.23675px 15.72291px 0 -3.86667px, #e66 -31.72725px 16.86968px 0 -3.93333px, #e66 -31.17691px 18px 0 -4px, #e66 -30.58627px 19.11242px 0 -4.06667px, #e66 -29.95589px 20.2055px 0 -4.13333px, #e66 -29.28642px 21.27783px 0 -4.2px, #e66 -28.57852px 22.32799px 0 -4.26667px, #e66 -27.83295px 23.35462px 0 -4.33333px, #e66 -27.05047px 24.35635px 0 -4.4px, #e66 -26.23192px 25.33188px 0 -4.46667px, #e66 -25.37819px 26.27988px 0 -4.53333px, #e66 -24.49018px 27.1991px 0 -4.6px, #e66 -23.56888px 28.0883px 0 -4.66667px, #e66 -22.6153px 28.94626px 0 -4.73333px, #e66 -21.6305px 29.77183px 0 -4.8px, #e66 -20.61558px 30.56385px 0 -4.86667px, #e66 -19.57168px 31.32124px 0 -4.93333px, #e66 -18.5px 32.04294px 0 -5px, #e66 -17.40175px 32.72792px 0 -5.06667px, #e66 -16.27818px 33.37522px 0 -5.13333px, #e66 -15.1306px 33.98389px 0 -5.2px, #e66 -13.96034px 34.55305px 0 -5.26667px, #e66 -12.76875px 35.08186px 0 -5.33333px, #e66 -11.55724px 35.56951px 0 -5.4px, #e66 -10.32721px 36.01527px 0 -5.46667px, #e66 -9.08014px 36.41843px 0 -5.53333px, #e66 -7.81748px 36.77835px 0 -5.6px, #e66 -6.54075px 37.09443px 0 -5.66667px, #e66 -5.25147px 37.36612px 0 -5.73333px, #e66 -3.95118px 37.59293px 0 -5.8px, #e66 -2.64145px 37.77443px 0 -5.86667px, #e66 -1.32385px 37.91023px 0 -5.93333px;
-webkit-box-shadow: #e66 0px 26px 0 6px, #e66 0.90971px 26.05079px 0 5.93333px, #e66 1.82297px 26.06967px 0 5.86667px, #e66 2.73865px 26.05647px 0 5.8px, #e66 3.65561px 26.01104px 0 5.73333px, #e66 4.57274px 25.93327px 0 5.66667px, #e66 5.48887px 25.8231px 0 5.6px, #e66 6.40287px 25.68049px 0 5.53333px, #e66 7.31358px 25.50548px 0 5.46667px, #e66 8.21985px 25.2981px 0 5.4px, #e66 9.12054px 25.05847px 0 5.33333px, #e66 10.01448px 24.78672px 0 5.26667px, #e66 10.90054px 24.48302px 0 5.2px, #e66 11.77757px 24.1476px 0 5.13333px, #e66 12.64443px 23.78072px 0 5.06667px, #e66 13.5px 23.38269px 0 5px, #e66 14.34315px 22.95384px 0 4.93333px, #e66 15.17277px 22.49455px 0 4.86667px, #e66 15.98776px 22.00526px 0 4.8px, #e66 16.78704px 21.48643px 0 4.73333px, #e66 17.56953px 20.93855px 0 4.66667px, #e66 18.33418px 20.36217px 0 4.6px, #e66 19.07995px 19.75787px 0 4.53333px, #e66 19.80582px 19.12626px 0 4.46667px, #e66 20.5108px 18.468px 0 4.4px, #e66 21.1939px 17.78379px 0 4.33333px, #e66 21.85416px 17.07434px 0 4.26667px, #e66 22.49067px 16.34043px 0 4.2px, #e66 23.10251px 15.58284px 0 4.13333px, #e66 23.68881px 14.80241px 0 4.06667px, #e66 24.24871px 14px 0 4px, #e66 24.7814px 13.1765px 0 3.93333px, #e66 25.28607px 12.33284px 0 3.86667px, #e66 25.76198px 11.46997px 0 3.8px, #e66 26.2084px 10.58888px 0 3.73333px, #e66 26.62462px 9.69057px 0 3.66667px, #e66 27.01001px 8.77608px 0 3.6px, #e66 27.36392px 7.84648px 0 3.53333px, #e66 27.68577px 6.90284px 0 3.46667px, #e66 27.97502px 5.94627px 0 3.4px, #e66 28.23116px 4.97791px 0 3.33333px, #e66 28.4537px 3.99891px 0 3.26667px, #e66 28.64223px 3.01042px 0 3.2px, #e66 28.79635px 2.01364px 0 3.13333px, #e66 28.91571px 1.00976px 0 3.06667px, #e66 29px 0px 0 3px, #e66 29.04896px -1.01441px 0 2.93333px, #e66 29.06237px -2.03224px 0 2.86667px, #e66 29.04004px -3.05223px 0 2.8px, #e66 28.98185px -4.07313px 0 2.73333px, #e66 28.88769px -5.09368px 0 2.66667px, #e66 28.75754px -6.1126px 0 2.6px, #e66 28.59138px -7.12863px 0 2.53333px, #e66 28.38926px -8.14049px 0 2.46667px, #e66 28.15127px -9.1469px 0 2.4px, #e66 27.87755px -10.1466px 0 2.33333px, #e66 27.56827px -11.1383px 0 2.26667px, #e66 27.22365px -12.12075px 0 2.2px, #e66 26.84398px -13.09268px 0 2.13333px, #e66 26.42956px -14.05285px 0 2.06667px, #e66 25.98076px -15px 0 2px, #e66 25.49798px -15.93291px 0 1.93333px, #e66 24.98167px -16.85035px 0 1.86667px, #e66 24.43231px -17.75111px 0 1.8px, #e66 23.85046px -18.63402px 0 1.73333px, #e66 23.23668px -19.49789px 0 1.66667px, #e66 22.5916px -20.34157px 0 1.6px, #e66 21.91589px -21.16393px 0 1.53333px, #e66 21.21024px -21.96384px 0 1.46667px, #e66 20.4754px -22.74023px 0 1.4px, #e66 19.71215px -23.49203px 0 1.33333px, #e66 18.92133px -24.2182px 0 1.26667px, #e66 18.10379px -24.91772px 0 1.2px, #e66 17.26042px -25.58963px 0 1.13333px, #e66 16.39217px -26.23295px 0 1.06667px, #e66 15.5px -26.84679px 0 1px, #e66 14.58492px -27.43024px 0 0.93333px, #e66 13.64796px -27.98245px 0 0.86667px, #e66 12.69018px -28.50262px 0 0.8px, #e66 11.7127px -28.98995px 0 0.73333px, #e66 10.71663px -29.4437px 0 0.66667px, #e66 9.70313px -29.86317px 0 0.6px, #e66 8.67339px -30.2477px 0 0.53333px, #e66 7.6286px -30.59666px 0 0.46667px, #e66 6.57001px -30.90946px 0 0.4px, #e66 5.49886px -31.18558px 0 0.33333px, #e66 4.41643px -31.42451px 0 0.26667px, #e66 3.32401px -31.6258px 0 0.2px, #e66 2.22291px -31.78904px 0 0.13333px, #e66 1.11446px -31.91388px 0 0.06667px, #e66 0px -32px 0 0px, #e66 -1.11911px -32.04713px 0 -0.06667px, #e66 -2.24151px -32.05506px 0 -0.13333px, #e66 -3.36582px -32.02361px 0 -0.2px, #e66 -4.49065px -31.95265px 0 -0.26667px, #e66 -5.61462px -31.84212px 0 -0.33333px, #e66 -6.73634px -31.69198px 0 -0.4px, #e66 -7.8544px -31.50227px 0 -0.46667px, #e66 -8.9674px -31.27305px 0 -0.53333px, #e66 -10.07395px -31.00444px 0 -0.6px, #e66 -11.17266px -30.69663px 0 -0.66667px, #e66 -12.26212px -30.34982px 0 -0.73333px, #e66 -13.34096px -29.96429px 0 -0.8px, #e66 -14.4078px -29.54036px 0 -0.86667px, #e66 -15.46126px -29.07841px 0 -0.93333px, #e66 -16.5px -28.57884px 0 -1px, #e66 -17.52266px -28.04212px 0 -1.06667px, #e66 -18.52792px -27.46878px 0 -1.13333px, #e66 -19.51447px -26.85936px 0 -1.2px, #e66 -20.48101px -26.21449px 0 -1.26667px, #e66 -21.42625px -25.53481px 0 -1.33333px, #e66 -22.34896px -24.82104px 0 -1.4px, #e66 -23.2479px -24.07391px 0 -1.46667px, #e66 -24.12186px -23.29421px 0 -1.53333px, #e66 -24.96967px -22.48279px 0 -1.6px, #e66 -25.79016px -21.64052px 0 -1.66667px, #e66 -26.58223px -20.76831px 0 -1.73333px, #e66 -27.34477px -19.86714px 0 -1.8px, #e66 -28.07674px -18.938px 0 -1.86667px, #e66 -28.7771px -17.98193px 0 -1.93333px, #e66 -29.44486px -17px 0 -2px, #e66 -30.07908px -15.99333px 0 -2.06667px, #e66 -30.67884px -14.96307px 0 -2.13333px, #e66 -31.24325px -13.91039px 0 -2.2px, #e66 -31.7715px -12.83652px 0 -2.26667px, #e66 -32.26278px -11.74269px 0 -2.33333px, #e66 -32.71634px -10.63018px 0 -2.4px, #e66 -33.13149px -9.5003px 0 -2.46667px, #e66 -33.50755px -8.35437px 0 -2.53333px, #e66 -33.84391px -7.19374px 0 -2.6px, #e66 -34.14px -6.0198px 0 -2.66667px, #e66 -34.39531px -4.83395px 0 -2.73333px, #e66 -34.60936px -3.63759px 0 -2.8px, #e66 -34.78173px -2.43218px 0 -2.86667px, #e66 -34.91205px -1.21916px 0 -2.93333px, #e66 -35px 0px 0 -3px, #e66 -35.04531px 1.22381px 0 -3.06667px, #e66 -35.04775px 2.45078px 0 -3.13333px, #e66 -35.00717px 3.6794px 0 -3.2px, #e66 -34.92345px 4.90817px 0 -3.26667px, #e66 -34.79654px 6.13557px 0 -3.33333px, #e66 -34.62643px 7.36007px 0 -3.4px, #e66 -34.41316px 8.58016px 0 -3.46667px, #e66 -34.15683px 9.79431px 0 -3.53333px, #e66 -33.85761px 11.001px 0 -3.6px, #e66 -33.5157px 12.19872px 0 -3.66667px, #e66 -33.13137px 13.38594px 0 -3.73333px, #e66 -32.70493px 14.56117px 0 -3.8px, #e66 -32.23675px 15.72291px 0 -3.86667px, #e66 -31.72725px 16.86968px 0 -3.93333px, #e66 -31.17691px 18px 0 -4px, #e66 -30.58627px 19.11242px 0 -4.06667px, #e66 -29.95589px 20.2055px 0 -4.13333px, #e66 -29.28642px 21.27783px 0 -4.2px, #e66 -28.57852px 22.32799px 0 -4.26667px, #e66 -27.83295px 23.35462px 0 -4.33333px, #e66 -27.05047px 24.35635px 0 -4.4px, #e66 -26.23192px 25.33188px 0 -4.46667px, #e66 -25.37819px 26.27988px 0 -4.53333px, #e66 -24.49018px 27.1991px 0 -4.6px, #e66 -23.56888px 28.0883px 0 -4.66667px, #e66 -22.6153px 28.94626px 0 -4.73333px, #e66 -21.6305px 29.77183px 0 -4.8px, #e66 -20.61558px 30.56385px 0 -4.86667px, #e66 -19.57168px 31.32124px 0 -4.93333px, #e66 -18.5px 32.04294px 0 -5px, #e66 -17.40175px 32.72792px 0 -5.06667px, #e66 -16.27818px 33.37522px 0 -5.13333px, #e66 -15.1306px 33.98389px 0 -5.2px, #e66 -13.96034px 34.55305px 0 -5.26667px, #e66 -12.76875px 35.08186px 0 -5.33333px, #e66 -11.55724px 35.56951px 0 -5.4px, #e66 -10.32721px 36.01527px 0 -5.46667px, #e66 -9.08014px 36.41843px 0 -5.53333px, #e66 -7.81748px 36.77835px 0 -5.6px, #e66 -6.54075px 37.09443px 0 -5.66667px, #e66 -5.25147px 37.36612px 0 -5.73333px, #e66 -3.95118px 37.59293px 0 -5.8px, #e66 -2.64145px 37.77443px 0 -5.86667px, #e66 -1.32385px 37.91023px 0 -5.93333px;
box-shadow: #e66 0px 26px 0 6px, #e66 0.90971px 26.05079px 0 5.93333px, #e66 1.82297px 26.06967px 0 5.86667px, #e66 2.73865px 26.05647px 0 5.8px, #e66 3.65561px 26.01104px 0 5.73333px, #e66 4.57274px 25.93327px 0 5.66667px, #e66 5.48887px 25.8231px 0 5.6px, #e66 6.40287px 25.68049px 0 5.53333px, #e66 7.31358px 25.50548px 0 5.46667px, #e66 8.21985px 25.2981px 0 5.4px, #e66 9.12054px 25.05847px 0 5.33333px, #e66 10.01448px 24.78672px 0 5.26667px, #e66 10.90054px 24.48302px 0 5.2px, #e66 11.77757px 24.1476px 0 5.13333px, #e66 12.64443px 23.78072px 0 5.06667px, #e66 13.5px 23.38269px 0 5px, #e66 14.34315px 22.95384px 0 4.93333px, #e66 15.17277px 22.49455px 0 4.86667px, #e66 15.98776px 22.00526px 0 4.8px, #e66 16.78704px 21.48643px 0 4.73333px, #e66 17.56953px 20.93855px 0 4.66667px, #e66 18.33418px 20.36217px 0 4.6px, #e66 19.07995px 19.75787px 0 4.53333px, #e66 19.80582px 19.12626px 0 4.46667px, #e66 20.5108px 18.468px 0 4.4px, #e66 21.1939px 17.78379px 0 4.33333px, #e66 21.85416px 17.07434px 0 4.26667px, #e66 22.49067px 16.34043px 0 4.2px, #e66 23.10251px 15.58284px 0 4.13333px, #e66 23.68881px 14.80241px 0 4.06667px, #e66 24.24871px 14px 0 4px, #e66 24.7814px 13.1765px 0 3.93333px, #e66 25.28607px 12.33284px 0 3.86667px, #e66 25.76198px 11.46997px 0 3.8px, #e66 26.2084px 10.58888px 0 3.73333px, #e66 26.62462px 9.69057px 0 3.66667px, #e66 27.01001px 8.77608px 0 3.6px, #e66 27.36392px 7.84648px 0 3.53333px, #e66 27.68577px 6.90284px 0 3.46667px, #e66 27.97502px 5.94627px 0 3.4px, #e66 28.23116px 4.97791px 0 3.33333px, #e66 28.4537px 3.99891px 0 3.26667px, #e66 28.64223px 3.01042px 0 3.2px, #e66 28.79635px 2.01364px 0 3.13333px, #e66 28.91571px 1.00976px 0 3.06667px, #e66 29px 0px 0 3px, #e66 29.04896px -1.01441px 0 2.93333px, #e66 29.06237px -2.03224px 0 2.86667px, #e66 29.04004px -3.05223px 0 2.8px, #e66 28.98185px -4.07313px 0 2.73333px, #e66 28.88769px -5.09368px 0 2.66667px, #e66 28.75754px -6.1126px 0 2.6px, #e66 28.59138px -7.12863px 0 2.53333px, #e66 28.38926px -8.14049px 0 2.46667px, #e66 28.15127px -9.1469px 0 2.4px, #e66 27.87755px -10.1466px 0 2.33333px, #e66 27.56827px -11.1383px 0 2.26667px, #e66 27.22365px -12.12075px 0 2.2px, #e66 26.84398px -13.09268px 0 2.13333px, #e66 26.42956px -14.05285px 0 2.06667px, #e66 25.98076px -15px 0 2px, #e66 25.49798px -15.93291px 0 1.93333px, #e66 24.98167px -16.85035px 0 1.86667px, #e66 24.43231px -17.75111px 0 1.8px, #e66 23.85046px -18.63402px 0 1.73333px, #e66 23.23668px -19.49789px 0 1.66667px, #e66 22.5916px -20.34157px 0 1.6px, #e66 21.91589px -21.16393px 0 1.53333px, #e66 21.21024px -21.96384px 0 1.46667px, #e66 20.4754px -22.74023px 0 1.4px, #e66 19.71215px -23.49203px 0 1.33333px, #e66 18.92133px -24.2182px 0 1.26667px, #e66 18.10379px -24.91772px 0 1.2px, #e66 17.26042px -25.58963px 0 1.13333px, #e66 16.39217px -26.23295px 0 1.06667px, #e66 15.5px -26.84679px 0 1px, #e66 14.58492px -27.43024px 0 0.93333px, #e66 13.64796px -27.98245px 0 0.86667px, #e66 12.69018px -28.50262px 0 0.8px, #e66 11.7127px -28.98995px 0 0.73333px, #e66 10.71663px -29.4437px 0 0.66667px, #e66 9.70313px -29.86317px 0 0.6px, #e66 8.67339px -30.2477px 0 0.53333px, #e66 7.6286px -30.59666px 0 0.46667px, #e66 6.57001px -30.90946px 0 0.4px, #e66 5.49886px -31.18558px 0 0.33333px, #e66 4.41643px -31.42451px 0 0.26667px, #e66 3.32401px -31.6258px 0 0.2px, #e66 2.22291px -31.78904px 0 0.13333px, #e66 1.11446px -31.91388px 0 0.06667px, #e66 0px -32px 0 0px, #e66 -1.11911px -32.04713px 0 -0.06667px, #e66 -2.24151px -32.05506px 0 -0.13333px, #e66 -3.36582px -32.02361px 0 -0.2px, #e66 -4.49065px -31.95265px 0 -0.26667px, #e66 -5.61462px -31.84212px 0 -0.33333px, #e66 -6.73634px -31.69198px 0 -0.4px, #e66 -7.8544px -31.50227px 0 -0.46667px, #e66 -8.9674px -31.27305px 0 -0.53333px, #e66 -10.07395px -31.00444px 0 -0.6px, #e66 -11.17266px -30.69663px 0 -0.66667px, #e66 -12.26212px -30.34982px 0 -0.73333px, #e66 -13.34096px -29.96429px 0 -0.8px, #e66 -14.4078px -29.54036px 0 -0.86667px, #e66 -15.46126px -29.07841px 0 -0.93333px, #e66 -16.5px -28.57884px 0 -1px, #e66 -17.52266px -28.04212px 0 -1.06667px, #e66 -18.52792px -27.46878px 0 -1.13333px, #e66 -19.51447px -26.85936px 0 -1.2px, #e66 -20.48101px -26.21449px 0 -1.26667px, #e66 -21.42625px -25.53481px 0 -1.33333px, #e66 -22.34896px -24.82104px 0 -1.4px, #e66 -23.2479px -24.07391px 0 -1.46667px, #e66 -24.12186px -23.29421px 0 -1.53333px, #e66 -24.96967px -22.48279px 0 -1.6px, #e66 -25.79016px -21.64052px 0 -1.66667px, #e66 -26.58223px -20.76831px 0 -1.73333px, #e66 -27.34477px -19.86714px 0 -1.8px, #e66 -28.07674px -18.938px 0 -1.86667px, #e66 -28.7771px -17.98193px 0 -1.93333px, #e66 -29.44486px -17px 0 -2px, #e66 -30.07908px -15.99333px 0 -2.06667px, #e66 -30.67884px -14.96307px 0 -2.13333px, #e66 -31.24325px -13.91039px 0 -2.2px, #e66 -31.7715px -12.83652px 0 -2.26667px, #e66 -32.26278px -11.74269px 0 -2.33333px, #e66 -32.71634px -10.63018px 0 -2.4px, #e66 -33.13149px -9.5003px 0 -2.46667px, #e66 -33.50755px -8.35437px 0 -2.53333px, #e66 -33.84391px -7.19374px 0 -2.6px, #e66 -34.14px -6.0198px 0 -2.66667px, #e66 -34.39531px -4.83395px 0 -2.73333px, #e66 -34.60936px -3.63759px 0 -2.8px, #e66 -34.78173px -2.43218px 0 -2.86667px, #e66 -34.91205px -1.21916px 0 -2.93333px, #e66 -35px 0px 0 -3px, #e66 -35.04531px 1.22381px 0 -3.06667px, #e66 -35.04775px 2.45078px 0 -3.13333px, #e66 -35.00717px 3.6794px 0 -3.2px, #e66 -34.92345px 4.90817px 0 -3.26667px, #e66 -34.79654px 6.13557px 0 -3.33333px, #e66 -34.62643px 7.36007px 0 -3.4px, #e66 -34.41316px 8.58016px 0 -3.46667px, #e66 -34.15683px 9.79431px 0 -3.53333px, #e66 -33.85761px 11.001px 0 -3.6px, #e66 -33.5157px 12.19872px 0 -3.66667px, #e66 -33.13137px 13.38594px 0 -3.73333px, #e66 -32.70493px 14.56117px 0 -3.8px, #e66 -32.23675px 15.72291px 0 -3.86667px, #e66 -31.72725px 16.86968px 0 -3.93333px, #e66 -31.17691px 18px 0 -4px, #e66 -30.58627px 19.11242px 0 -4.06667px, #e66 -29.95589px 20.2055px 0 -4.13333px, #e66 -29.28642px 21.27783px 0 -4.2px, #e66 -28.57852px 22.32799px 0 -4.26667px, #e66 -27.83295px 23.35462px 0 -4.33333px, #e66 -27.05047px 24.35635px 0 -4.4px, #e66 -26.23192px 25.33188px 0 -4.46667px, #e66 -25.37819px 26.27988px 0 -4.53333px, #e66 -24.49018px 27.1991px 0 -4.6px, #e66 -23.56888px 28.0883px 0 -4.66667px, #e66 -22.6153px 28.94626px 0 -4.73333px, #e66 -21.6305px 29.77183px 0 -4.8px, #e66 -20.61558px 30.56385px 0 -4.86667px, #e66 -19.57168px 31.32124px 0 -4.93333px, #e66 -18.5px 32.04294px 0 -5px, #e66 -17.40175px 32.72792px 0 -5.06667px, #e66 -16.27818px 33.37522px 0 -5.13333px, #e66 -15.1306px 33.98389px 0 -5.2px, #e66 -13.96034px 34.55305px 0 -5.26667px, #e66 -12.76875px 35.08186px 0 -5.33333px, #e66 -11.55724px 35.56951px 0 -5.4px, #e66 -10.32721px 36.01527px 0 -5.46667px, #e66 -9.08014px 36.41843px 0 -5.53333px, #e66 -7.81748px 36.77835px 0 -5.6px, #e66 -6.54075px 37.09443px 0 -5.66667px, #e66 -5.25147px 37.36612px 0 -5.73333px, #e66 -3.95118px 37.59293px 0 -5.8px, #e66 -2.64145px 37.77443px 0 -5.86667px, #e66 -1.32385px 37.91023px 0 -5.93333px;
-moz-animation: whirly-loader 1.25s infinite linear;
-webkit-animation: whirly-loader 1.25s infinite linear;
animation: whirly-loader 1.25s infinite linear;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
@-moz-keyframes flower-loader {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
-moz-box-shadow: white 0 0 15px 0, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px;
box-shadow: white 0 0 15px 0, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px;
}
50% {
-moz-transform: rotate(1080deg);
transform: rotate(1080deg);
-moz-box-shadow: white 0 0 15px 0, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px;
box-shadow: white 0 0 15px 0, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px;
}
}
@-webkit-keyframes flower-loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-box-shadow: white 0 0 15px 0, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px;
box-shadow: white 0 0 15px 0, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px;
}
50% {
-webkit-transform: rotate(1080deg);
transform: rotate(1080deg);
-webkit-box-shadow: white 0 0 15px 0, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px;
box-shadow: white 0 0 15px 0, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px;
}
}
@keyframes flower-loader {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-moz-box-shadow: white 0 0 15px 0, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px;
-webkit-box-shadow: white 0 0 15px 0, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px;
box-shadow: white 0 0 15px 0, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px;
}
50% {
-moz-transform: rotate(1080deg);
-ms-transform: rotate(1080deg);
-webkit-transform: rotate(1080deg);
transform: rotate(1080deg);
-moz-box-shadow: white 0 0 15px 0, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px;
-webkit-box-shadow: white 0 0 15px 0, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px;
box-shadow: white 0 0 15px 0, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px;
}
} .flower-loader:not(:required) {
overflow: hidden;
position: relative;
text-indent: -9999px;
display: inline-block;
width: 16px;
height: 16px;
background: #e96;
border-radius: 100%;
-moz-box-shadow: white 0 0 15px 0, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px;
-webkit-box-shadow: white 0 0 15px 0, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px;
box-shadow: white 0 0 15px 0, #fd8 -12px -12px 0 4px, #fd8 12px -12px 0 4px, #fd8 12px 12px 0 4px, #fd8 -12px 12px 0 4px;
-moz-animation: flower-loader 5s infinite ease-in-out;
-webkit-animation: flower-loader 5s infinite ease-in-out;
animation: flower-loader 5s infinite ease-in-out;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
@-moz-keyframes dots-loader {
0% {
-moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
}
8.33% {
-moz-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
}
16.67% {
-moz-box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
}
25% {
-moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
}
33.33% {
-moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
}
41.67% {
-moz-box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
}
50% {
-moz-box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
}
58.33% {
-moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
}
66.67% {
-moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
}
75% {
-moz-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
}
83.33% {
-moz-box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
}
91.67% {
-moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
}
100% {
-moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
}
}
@-webkit-keyframes dots-loader {
0% {
-webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
}
8.33% {
-webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
}
16.67% {
-webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
}
25% {
-webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
}
33.33% {
-webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
}
41.67% {
-webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
}
50% {
-webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
}
58.33% {
-webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
}
66.67% {
-webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
}
75% {
-webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
}
83.33% {
-webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
}
91.67% {
-webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
}
100% {
-webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
}
}
@keyframes dots-loader {
0% {
-moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
-webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
}
8.33% {
-moz-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
-webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
}
16.67% {
-moz-box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
-webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
}
25% {
-moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
-webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
}
33.33% {
-moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
-webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
}
41.67% {
-moz-box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
-webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
}
50% {
-moz-box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
-webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
}
58.33% {
-moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
-webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
}
66.67% {
-moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
-webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
}
75% {
-moz-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
-webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
}
83.33% {
-moz-box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
-webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
}
91.67% {
-moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
-webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
}
100% {
-moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
-webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
}
} .dots-loader:not(:required) {
overflow: hidden;
position: relative;
text-indent: -9999px;
display: inline-block;
width: 7px;
height: 7px;
background: transparent;
border-radius: 100%;
-moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
-webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
-moz-animation: dots-loader 5s infinite ease-in-out;
-webkit-animation: dots-loader 5s infinite ease-in-out;
animation: dots-loader 5s infinite ease-in-out;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
@-moz-keyframes circles-loader {
0% {
-moz-transform: rotate(-720deg);
transform: rotate(-720deg);
}
50% {
-moz-transform: rotate(720deg);
transform: rotate(720deg);
}
}
@-webkit-keyframes circles-loader {
0% {
-webkit-transform: rotate(-720deg);
transform: rotate(-720deg);
}
50% {
-webkit-transform: rotate(720deg);
transform: rotate(720deg);
}
}
@keyframes circles-loader {
0% {
-moz-transform: rotate(-720deg);
-ms-transform: rotate(-720deg);
-webkit-transform: rotate(-720deg);
transform: rotate(-720deg);
}
50% {
-moz-transform: rotate(720deg);
-ms-transform: rotate(720deg);
-webkit-transform: rotate(720deg);
transform: rotate(720deg);
}
} .circles-loader:not(:required) {
position: relative;
text-indent: -9999px;
display: inline-block;
width: 25px;
height: 25px;
background: rgba(255, 204, 51, 0.9);
border-radius: 100%;
-moz-animation: circles-loader 3s infinite ease-in-out;
-webkit-animation: circles-loader 3s infinite ease-in-out;
animation: circles-loader 3s infinite ease-in-out;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.circles-loader:not(:required)::before {
background: rgba(255, 102, 0, 0.6);
border-radius: 100%;
content: '';
position: absolute;
width: 25px;
height: 25px;
top: 18.75px;
left: -10.82532px;
}
.circles-loader:not(:required)::after {
background: rgba(255, 51, 0, 0.4);
border-radius: 100%;
content: '';
position: absolute;
width: 25px;
height: 25px;
top: 18.75px;
left: 10.82532px;
}
@-moz-keyframes plus-loader-top {
2.5% {
background: #f86;
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
13.75% {
background: #ff430d;
-moz-transform: rotateY(90deg);
transform: rotateY(90deg);
-moz-animation-timing-function: step-start;
animation-timing-function: step-start;
}
13.76% {
background: #ffae0d;
-moz-transform: rotateY(90deg);
transform: rotateY(90deg);
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
25% {
background: #fc6;
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
}
27.5% {
background: #fc6;
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
41.25% {
background: #ffae0d;
-moz-transform: rotateY(90deg);
transform: rotateY(90deg);
-moz-animation-timing-function: step-start;
animation-timing-function: step-start;
}
41.26% {
background: #2cc642;
-moz-transform: rotateY(90deg);
transform: rotateY(90deg);
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
background: #6d7;
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
}
52.5% {
background: #6d7;
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
63.75% {
background: #2cc642;
-moz-transform: rotateY(90deg);
transform: rotateY(90deg);
-moz-animation-timing-function: step-start;
animation-timing-function: step-start;
}
63.76% {
background: #1386d2;
-moz-transform: rotateY(90deg);
transform: rotateY(90deg);
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
75% {
background: #4ae;
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
}
77.5% {
background: #4ae;
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
91.25% {
background: #1386d2;
-moz-transform: rotateY(90deg);
transform: rotateY(90deg);
-moz-animation-timing-function: step-start;
animation-timing-function: step-start;
}
91.26% {
background: #ff430d;
-moz-transform: rotateY(90deg);
transform: rotateY(90deg);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
background: #f86;
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
-moz-animation-timing-function: step-start;
animation-timing-function: step-start;
}
}
@-webkit-keyframes plus-loader-top {
2.5% {
background: #f86;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
13.75% {
background: #ff430d;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-animation-timing-function: step-start;
animation-timing-function: step-start;
}
13.76% {
background: #ffae0d;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
25% {
background: #fc6;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
27.5% {
background: #fc6;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
41.25% {
background: #ffae0d;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-animation-timing-function: step-start;
animation-timing-function: step-start;
}
41.26% {
background: #2cc642;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
background: #6d7;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
52.5% {
background: #6d7;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
63.75% {
background: #2cc642;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-animation-timing-function: step-start;
animation-timing-function: step-start;
}
63.76% {
background: #1386d2;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
75% {
background: #4ae;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
77.5% {
background: #4ae;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
91.25% {
background: #1386d2;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-animation-timing-function: step-start;
animation-timing-function: step-start;
}
91.26% {
background: #ff430d;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
background: #f86;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-animation-timing-function: step-start;
animation-timing-function: step-start;
}
}
@keyframes plus-loader-top {
2.5% {
background: #f86;
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-moz-animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
13.75% {
background: #ff430d;
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-moz-animation-timing-function: step-start;
-webkit-animation-timing-function: step-start;
animation-timing-function: step-start;
}
13.76% {
background: #ffae0d;
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-moz-animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
25% {
background: #fc6;
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
27.5% {
background: #fc6;
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-moz-animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
41.25% {
background: #ffae0d;
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-moz-animation-timing-function: step-start;
-webkit-animation-timing-function: step-start;
animation-timing-function: step-start;
}
41.26% {
background: #2cc642;
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-moz-animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
background: #6d7;
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
52.5% {
background: #6d7;
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-moz-animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
63.75% {
background: #2cc642;
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-moz-animation-timing-function: step-start;
-webkit-animation-timing-function: step-start;
animation-timing-function: step-start;
}
63.76% {
background: #1386d2;
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-moz-animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
75% {
background: #4ae;
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
77.5% {
background: #4ae;
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-moz-animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
91.25% {
background: #1386d2;
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-moz-animation-timing-function: step-start;
-webkit-animation-timing-function: step-start;
animation-timing-function: step-start;
}
91.26% {
background: #ff430d;
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-moz-animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
background: #f86;
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-moz-animation-timing-function: step-start;
-webkit-animation-timing-function: step-start;
animation-timing-function: step-start;
}
}
@-moz-keyframes plus-loader-bottom {
0% {
background: #fc6;
-moz-animation-timing-function: step-start;
animation-timing-function: step-start;
}
50% {
background: #fc6;
-moz-animation-timing-function: step-start;
animation-timing-function: step-start;
}
75% {
background: #4ae;
-moz-animation-timing-function: step-start;
animation-timing-function: step-start;
}
100% {
background: #4ae;
-moz-animation-timing-function: step-start;
animation-timing-function: step-start;
}
}
@-webkit-keyframes plus-loader-bottom {
0% {
background: #fc6;
-webkit-animation-timing-function: step-start;
animation-timing-function: step-start;
}
50% {
background: #fc6;
-webkit-animation-timing-function: step-start;
animation-timing-function: step-start;
}
75% {
background: #4ae;
-webkit-animation-timing-function: step-start;
animation-timing-function: step-start;
}
100% {
background: #4ae;
-webkit-animation-timing-function: step-start;
animation-timing-function: step-start;
}
}
@keyframes plus-loader-bottom {
0% {
background: #fc6;
-moz-animation-timing-function: step-start;
-webkit-animation-timing-function: step-start;
animation-timing-function: step-start;
}
50% {
background: #fc6;
-moz-animation-timing-function: step-start;
-webkit-animation-timing-function: step-start;
animation-timing-function: step-start;
}
75% {
background: #4ae;
-moz-animation-timing-function: step-start;
-webkit-animation-timing-function: step-start;
animation-timing-function: step-start;
}
100% {
background: #4ae;
-moz-animation-timing-function: step-start;
-webkit-animation-timing-function: step-start;
animation-timing-function: step-start;
}
}
@-moz-keyframes plus-loader-background {
0% {
background: #f86;
-moz-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
25% {
background: #f86;
-moz-transform: rotateZ(180deg);
transform: rotateZ(180deg);
-moz-animation-timing-function: step-start;
animation-timing-function: step-start;
}
27.5% {
background: #6d7;
-moz-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
50% {
background: #6d7;
-moz-transform: rotateZ(90deg);
transform: rotateZ(90deg);
-moz-animation-timing-function: step-start;
animation-timing-function: step-start;
}
52.5% {
background: #6d7;
-moz-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
75% {
background: #6d7;
-moz-transform: rotateZ(0deg);
transform: rotateZ(0deg);
-moz-animation-timing-function: step-start;
animation-timing-function: step-start;
}
77.5% {
background: #f86;
-moz-transform: rotateZ(270deg);
transform: rotateZ(270deg);
}
100% {
background: #f86;
-moz-transform: rotateZ(270deg);
transform: rotateZ(270deg);
-moz-animation-timing-function: step-start;
animation-timing-function: step-start;
}
}
@-webkit-keyframes plus-loader-background {
0% {
background: #f86;
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
25% {
background: #f86;
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg);
-webkit-animation-timing-function: step-start;
animation-timing-function: step-start;
}
27.5% {
background: #6d7;
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
50% {
background: #6d7;
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
-webkit-animation-timing-function: step-start;
animation-timing-function: step-start;
}
52.5% {
background: #6d7;
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
75% {
background: #6d7;
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
-webkit-animation-timing-function: step-start;
animation-timing-function: step-start;
}
77.5% {
background: #f86;
-webkit-transform: rotateZ(270deg);
transform: rotateZ(270deg);
}
100% {
background: #f86;
-webkit-transform: rotateZ(270deg);
transform: rotateZ(270deg);
-webkit-animation-timing-function: step-start;
animation-timing-function: step-start;
}
}
@keyframes plus-loader-background {
0% {
background: #f86;
-moz-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg);
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
25% {
background: #f86;
-moz-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg);
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg);
-moz-animation-timing-function: step-start;
-webkit-animation-timing-function: step-start;
animation-timing-function: step-start;
}
27.5% {
background: #6d7;
-moz-transform: rotateZ(90deg);
-ms-transform: rotateZ(90deg);
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
50% {
background: #6d7;
-moz-transform: rotateZ(90deg);
-ms-transform: rotateZ(90deg);
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
-moz-animation-timing-function: step-start;
-webkit-animation-timing-function: step-start;
animation-timing-function: step-start;
}
52.5% {
background: #6d7;
-moz-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
75% {
background: #6d7;
-moz-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
-moz-animation-timing-function: step-start;
-webkit-animation-timing-function: step-start;
animation-timing-function: step-start;
}
77.5% {
background: #f86;
-moz-transform: rotateZ(270deg);
-ms-transform: rotateZ(270deg);
-webkit-transform: rotateZ(270deg);
transform: rotateZ(270deg);
}
100% {
background: #f86;
-moz-transform: rotateZ(270deg);
-ms-transform: rotateZ(270deg);
-webkit-transform: rotateZ(270deg);
transform: rotateZ(270deg);
-moz-animation-timing-function: step-start;
-webkit-animation-timing-function: step-start;
animation-timing-function: step-start;
}
} .plus-loader:not(:required) {
overflow: hidden;
position: relative;
text-indent: -9999px;
display: inline-block;
width: 48px;
height: 48px;
background: #f86;
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
border-radius: 24px;
-moz-transform: rotateZ(90deg);
-ms-transform: rotateZ(90deg);
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-moz-animation: plus-loader-background 3s infinite ease-in-out;
-webkit-animation: plus-loader-background 3s infinite ease-in-out;
animation: plus-loader-background 3s infinite ease-in-out;
}
.plus-loader:not(:required)::after {
background: #f86;
-moz-border-radius: 24px 0 0 24px;
-webkit-border-radius: 24px;
border-radius: 24px 0 0 24px;
content: '';
position: absolute;
right: 50%;
top: 0;
width: 50%;
height: 100%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-moz-animation: plus-loader-top 3s infinite linear;
-webkit-animation: plus-loader-top 3s infinite linear;
animation: plus-loader-top 3s infinite linear;
}
.plus-loader:not(:required)::before {
background: #fc6;
-moz-border-radius: 24px 0 0 24px;
-webkit-border-radius: 24px;
border-radius: 24px 0 0 24px;
content: '';
position: absolute;
right: 50%;
top: 0;
width: 50%;
height: 100%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-moz-animation: plus-loader-bottom 3s infinite linear;
-webkit-animation: plus-loader-bottom 3s infinite linear;
animation: plus-loader-bottom 3s infinite linear;
}
@-moz-keyframes ball-loader {
0% {
-moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
50% {
-moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
-moz-animation-timing-function: linear;
animation-timing-function: linear;
}
55% {
-moz-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@-webkit-keyframes ball-loader {
0% {
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
50% {
-webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
55% {
-webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes ball-loader {
0% {
-moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-moz-animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
-ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
-webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
-moz-animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
50% {
-moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
-ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
-webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
-moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
55% {
-moz-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
-ms-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
-webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
-moz-animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@-moz-keyframes ball-loader-highlight {
0% {
-moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
50% {
-moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-moz-animation-timing-function: linear;
animation-timing-function: linear;
}
55% {
-moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@-webkit-keyframes ball-loader-highlight {
0% {
-webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
50% {
-webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
55% {
-webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes ball-loader-highlight {
0% {
-moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
-ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
-webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
-moz-animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-moz-animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
50% {
-moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
55% {
-moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
transform: skew(-30deg, 0) translate3d(0, 0, 1px);
-moz-animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
-ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
-webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
-moz-animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@-moz-keyframes ball-loader-shadow {
0% {
-moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-moz-transform: translate3d(12.5px, -15px, -1px);
transform: translate3d(12.5px, -15px, -1px);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
50% {
-moz-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
-moz-animation-timing-function: linear;
animation-timing-function: linear;
}
55% {
-moz-transform: translate3d(12.5px, -15px, -1px);
transform: translate3d(12.5px, -15px, -1px);
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@-webkit-keyframes ball-loader-shadow {
0% {
-webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: translate3d(12.5px, -15px, -1px);
transform: translate3d(12.5px, -15px, -1px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
50% {
-webkit-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
55% {
-webkit-transform: translate3d(12.5px, -15px, -1px);
transform: translate3d(12.5px, -15px, -1px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes ball-loader-shadow {
0% {
-moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
-ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
-webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
-moz-animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-moz-transform: translate3d(12.5px, -15px, -1px);
-ms-transform: translate3d(12.5px, -15px, -1px);
-webkit-transform: translate3d(12.5px, -15px, -1px);
transform: translate3d(12.5px, -15px, -1px);
-moz-animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
50% {
-moz-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
-ms-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
-webkit-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
-moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
55% {
-moz-transform: translate3d(12.5px, -15px, -1px);
-ms-transform: translate3d(12.5px, -15px, -1px);
-webkit-transform: translate3d(12.5px, -15px, -1px);
transform: translate3d(12.5px, -15px, -1px);
-moz-animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
-ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
-webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
-moz-animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
} .ball-loader:not(:required) {
position: relative;
display: inline-block;
font-size: 0;
letter-spacing: -1px;
border-radius: 100%;
background: #f86;
width: 50px;
height: 50px;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-moz-animation: ball-loader 1500ms infinite linear;
-webkit-animation: ball-loader 1500ms infinite linear;
animation: ball-loader 1500ms infinite linear;
}
.ball-loader:not(:required)::after {
content: '';
position: absolute;
top: 4.5px;
left: 5.5px;
width: 15px;
height: 15px;
background: #ffb099;
border-radius: 100%;
-moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
-ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
-webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
-moz-animation: ball-loader-highlight 1500ms infinite linear;
-webkit-animation: ball-loader-highlight 1500ms infinite linear;
animation: ball-loader-highlight 1500ms infinite linear;
}
.ball-loader:not(:required)::before {
content: '';
position: absolute;
top: 50px;
left: 5.5px;
width: 50px;
height: 15px;
background: rgba(0, 0, 0, 0.2);
border-radius: 100%;
-moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
-ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
-webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
-moz-animation: ball-loader-shadow 1500ms infinite linear;
-webkit-animation: ball-loader-shadow 1500ms infinite linear;
animation: ball-loader-shadow 1500ms infinite linear;
-webkit-filter: blur(1px);
filter: blur(1px);
}
@-moz-keyframes hexdots-loader {
0% {
-moz-box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
}
8.33% {
-moz-box-shadow: #666666 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
box-shadow: #666666 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
}
16.67% {
-moz-box-shadow: #666666 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
box-shadow: #666666 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
}
25% {
-moz-box-shadow: #666666 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
box-shadow: #666666 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
}
33.33% {
-moz-box-shadow: #666666 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
box-shadow: #666666 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
}
41.67% {
-moz-box-shadow: #666666 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px;
box-shadow: #666666 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px;
}
50% {
-moz-box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px;
box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px;
}
58.33% {
-moz-box-shadow: #666666 26px -15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px;
box-shadow: #666666 26px -15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px;
}
66.67% {
-moz-box-shadow: #666666 26px 15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px;
box-shadow: #666666 26px 15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px;
}
75% {
-moz-box-shadow: #666666 0 30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px;
box-shadow: #666666 0 30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px;
}
83.33% {
-moz-box-shadow: #666666 -26px 15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px;
box-shadow: #666666 -26px 15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px;
}
91.67% {
-moz-box-shadow: #666666 -26px -15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
box-shadow: #666666 -26px -15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
}
100% {
-moz-box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
}
}
@-webkit-keyframes hexdots-loader {
0% {
-webkit-box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
}
8.33% {
-webkit-box-shadow: #666666 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
box-shadow: #666666 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
}
16.67% {
-webkit-box-shadow: #666666 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
box-shadow: #666666 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
}
25% {
-webkit-box-shadow: #666666 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
box-shadow: #666666 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
}
33.33% {
-webkit-box-shadow: #666666 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
box-shadow: #666666 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
}
41.67% {
-webkit-box-shadow: #666666 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px;
box-shadow: #666666 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px;
}
50% {
-webkit-box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px;
box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px;
}
58.33% {
-webkit-box-shadow: #666666 26px -15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px;
box-shadow: #666666 26px -15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px;
}
66.67% {
-webkit-box-shadow: #666666 26px 15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px;
box-shadow: #666666 26px 15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px;
}
75% {
-webkit-box-shadow: #666666 0 30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px;
box-shadow: #666666 0 30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px;
}
83.33% {
-webkit-box-shadow: #666666 -26px 15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px;
box-shadow: #666666 -26px 15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px;
}
91.67% {
-webkit-box-shadow: #666666 -26px -15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
box-shadow: #666666 -26px -15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
}
100% {
-webkit-box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
}
}
@keyframes hexdots-loader {
0% {
-moz-box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
-webkit-box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
}
8.33% {
-moz-box-shadow: #666666 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
-webkit-box-shadow: #666666 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
box-shadow: #666666 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
}
16.67% {
-moz-box-shadow: #666666 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
-webkit-box-shadow: #666666 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
box-shadow: #666666 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
}
25% {
-moz-box-shadow: #666666 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
-webkit-box-shadow: #666666 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
box-shadow: #666666 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
}
33.33% {
-moz-box-shadow: #666666 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
-webkit-box-shadow: #666666 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
box-shadow: #666666 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
}
41.67% {
-moz-box-shadow: #666666 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px;
-webkit-box-shadow: #666666 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px;
box-shadow: #666666 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px;
}
50% {
-moz-box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px;
-webkit-box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px;
box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px;
}
58.33% {
-moz-box-shadow: #666666 26px -15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px;
-webkit-box-shadow: #666666 26px -15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px;
box-shadow: #666666 26px -15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px;
}
66.67% {
-moz-box-shadow: #666666 26px 15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px;
-webkit-box-shadow: #666666 26px 15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px;
box-shadow: #666666 26px 15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px;
}
75% {
-moz-box-shadow: #666666 0 30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px;
-webkit-box-shadow: #666666 0 30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px;
box-shadow: #666666 0 30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px;
}
83.33% {
-moz-box-shadow: #666666 -26px 15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px;
-webkit-box-shadow: #666666 -26px 15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px;
box-shadow: #666666 -26px 15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px;
}
91.67% {
-moz-box-shadow: #666666 -26px -15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
-webkit-box-shadow: #666666 -26px -15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
box-shadow: #666666 -26px -15px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
}
100% {
-moz-box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
-webkit-box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
}
} .hexdots-loader:not(:required) {
overflow: hidden;
position: relative;
text-indent: -9999px;
display: inline-block;
width: 7px;
height: 7px;
background: transparent;
border-radius: 100%;
-moz-box-shadow: #666666 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px;
-webkit-box-shadow: #666666 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px;
box-shadow: #666666 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px;
-moz-animation: hexdots-loader 5s infinite ease-in-out;
-webkit-animation: hexdots-loader 5s infinite ease-in-out;
animation: hexdots-loader 5s infinite ease-in-out;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
} .inner-circles-loader:not(:required) {
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
position: relative;
display: inline-block;
width: 50px;
height: 50px;
background: rgba(25, 165, 152, 0.5);
border-radius: 50%;
overflow: hidden;
text-indent: -9999px; mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
.inner-circles-loader:not(:required):before, .inner-circles-loader:not(:required):after {
content: '';
position: absolute;
top: 0;
display: inline-block;
width: 50px;
height: 50px;
border-radius: 50%;
}
.inner-circles-loader:not(:required):before {
-moz-animation: inner-circles-loader 3s infinite;
-webkit-animation: inner-circles-loader 3s infinite;
animation: inner-circles-loader 3s infinite;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
left: 0;
background: #c7efcf;
}
.inner-circles-loader:not(:required):after {
-moz-animation: inner-circles-loader 3s 0.2s reverse infinite;
-webkit-animation: inner-circles-loader 3s 0.2s reverse infinite;
animation: inner-circles-loader 3s 0.2s reverse infinite;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
right: 0;
background: #eef5db;
}
@-moz-keyframes inner-circles-loader {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
100% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-webkit-keyframes inner-circles-loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes inner-circles-loader {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
100% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-moz-keyframes pong-loader {
0% {
left: 5px;
top: 0;
}
25% {
left: 65px;
top: 20px;
}
50% {
left: 5px;
}
62.5% {
top: 50px;
}
75% {
left: 65px;
top: 70%;
}
100% {
left: 5px;
top: 0%;
}
}
@-webkit-keyframes pong-loader {
0% {
left: 5px;
top: 0;
}
25% {
left: 65px;
top: 20px;
}
50% {
left: 5px;
}
62.5% {
top: 50px;
}
75% {
left: 65px;
top: 70%;
}
100% {
left: 5px;
top: 0%;
}
}
@keyframes pong-loader {
0% {
left: 5px;
top: 0;
}
25% {
left: 65px;
top: 20px;
}
50% {
left: 5px;
}
62.5% {
top: 50px;
}
75% {
left: 65px;
top: 70%;
}
100% {
left: 5px;
top: 0%;
}
}
@-moz-keyframes pong-loader-paddle-1 {
0% {
-moz-box-shadow: inset #353c39 0 5px 0 0, inset #353c39 0 -35px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 5px 0 0, inset #353c39 0 -35px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
25% {
-moz-box-shadow: inset #353c39 0 15px 0 0, inset #353c39 0 -25px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 15px 0 0, inset #353c39 0 -25px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
50% {
-moz-box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
62.5% {
-moz-box-shadow: inset #353c39 0 10px 0 0, inset #353c39 0 -30px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 10px 0 0, inset #353c39 0 -30px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
75% {
-moz-box-shadow: inset #353c39 0 40px 0 0, inset #353c39 0 0 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 40px 0 0, inset #353c39 0 0 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
100% {
-moz-box-shadow: inset #353c39 0 5px 0 0, inset #353c39 0 -35px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 5px 0 0, inset #353c39 0 -35px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
}
@-webkit-keyframes pong-loader-paddle-1 {
0% {
-webkit-box-shadow: inset #353c39 0 5px 0 0, inset #353c39 0 -35px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 5px 0 0, inset #353c39 0 -35px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
25% {
-webkit-box-shadow: inset #353c39 0 15px 0 0, inset #353c39 0 -25px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 15px 0 0, inset #353c39 0 -25px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
50% {
-webkit-box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
62.5% {
-webkit-box-shadow: inset #353c39 0 10px 0 0, inset #353c39 0 -30px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 10px 0 0, inset #353c39 0 -30px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
75% {
-webkit-box-shadow: inset #353c39 0 40px 0 0, inset #353c39 0 0 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 40px 0 0, inset #353c39 0 0 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
100% {
-webkit-box-shadow: inset #353c39 0 5px 0 0, inset #353c39 0 -35px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 5px 0 0, inset #353c39 0 -35px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
}
@keyframes pong-loader-paddle-1 {
0% {
-moz-box-shadow: inset #353c39 0 5px 0 0, inset #353c39 0 -35px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
-webkit-box-shadow: inset #353c39 0 5px 0 0, inset #353c39 0 -35px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 5px 0 0, inset #353c39 0 -35px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
25% {
-moz-box-shadow: inset #353c39 0 15px 0 0, inset #353c39 0 -25px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
-webkit-box-shadow: inset #353c39 0 15px 0 0, inset #353c39 0 -25px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 15px 0 0, inset #353c39 0 -25px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
50% {
-moz-box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
-webkit-box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
62.5% {
-moz-box-shadow: inset #353c39 0 10px 0 0, inset #353c39 0 -30px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
-webkit-box-shadow: inset #353c39 0 10px 0 0, inset #353c39 0 -30px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 10px 0 0, inset #353c39 0 -30px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
75% {
-moz-box-shadow: inset #353c39 0 40px 0 0, inset #353c39 0 0 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
-webkit-box-shadow: inset #353c39 0 40px 0 0, inset #353c39 0 0 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 40px 0 0, inset #353c39 0 0 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
100% {
-moz-box-shadow: inset #353c39 0 5px 0 0, inset #353c39 0 -35px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
-webkit-box-shadow: inset #353c39 0 5px 0 0, inset #353c39 0 -35px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 5px 0 0, inset #353c39 0 -35px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
}
@-moz-keyframes pong-loader-paddle-2 {
0% {
-moz-box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
50% {
-moz-box-shadow: inset #353c39 0 30px 0 0, inset #353c39 0 -10px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 30px 0 0, inset #353c39 0 -10px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
62.5% {
-moz-box-shadow: inset #353c39 0 40px 0 0, inset #353c39 0 0 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 40px 0 0, inset #353c39 0 0 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
75% {
-moz-box-shadow: inset #353c39 0 20px 0 0, inset #353c39 0 -20px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 20px 0 0, inset #353c39 0 -20px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
100% {
-moz-box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
}
@-webkit-keyframes pong-loader-paddle-2 {
0% {
-webkit-box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
50% {
-webkit-box-shadow: inset #353c39 0 30px 0 0, inset #353c39 0 -10px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 30px 0 0, inset #353c39 0 -10px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
62.5% {
-webkit-box-shadow: inset #353c39 0 40px 0 0, inset #353c39 0 0 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 40px 0 0, inset #353c39 0 0 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
75% {
-webkit-box-shadow: inset #353c39 0 20px 0 0, inset #353c39 0 -20px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 20px 0 0, inset #353c39 0 -20px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
100% {
-webkit-box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
}
@keyframes pong-loader-paddle-2 {
0% {
-moz-box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
-webkit-box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
50% {
-moz-box-shadow: inset #353c39 0 30px 0 0, inset #353c39 0 -10px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
-webkit-box-shadow: inset #353c39 0 30px 0 0, inset #353c39 0 -10px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 30px 0 0, inset #353c39 0 -10px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
62.5% {
-moz-box-shadow: inset #353c39 0 40px 0 0, inset #353c39 0 0 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
-webkit-box-shadow: inset #353c39 0 40px 0 0, inset #353c39 0 0 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 40px 0 0, inset #353c39 0 0 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
75% {
-moz-box-shadow: inset #353c39 0 20px 0 0, inset #353c39 0 -20px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
-webkit-box-shadow: inset #353c39 0 20px 0 0, inset #353c39 0 -20px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 20px 0 0, inset #353c39 0 -20px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
100% {
-moz-box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
-webkit-box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
} .pong-loader:not(:required) {
width: 80px;
height: 60px;
background: #353c39;
position: relative;
display: inline-block;
overflow: hidden;
text-indent: 100%;
-moz-box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
-webkit-box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
-moz-animation: pong-loader-paddle-1 1500ms infinite linear;
-webkit-animation: pong-loader-paddle-1 1500ms infinite linear;
animation: pong-loader-paddle-1 1500ms infinite linear;
}
.pong-loader:not(:required):before {
-moz-animation: pong-loader-paddle-2 1500ms infinite linear;
-webkit-animation: pong-loader-paddle-2 1500ms infinite linear;
animation: pong-loader-paddle-2 1500ms infinite linear;
position: absolute;
top: 0;
left: 0;
display: block;
content: "";
width: 10px;
height: 100%;
-moz-box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
-webkit-box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
box-shadow: inset #353c39 0 0 0 0, inset #353c39 0 -40px 0 0, inset #353c39 -3px 0 0 0, inset #8cdb8b -10px 0 0 0;
}
.pong-loader:not(:required):after {
content: "";
display: block;
-moz-animation: pong-loader 1500ms infinite linear;
-webkit-animation: pong-loader 1500ms infinite linear;
animation: pong-loader 1500ms infinite linear;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
width: 10px;
height: 10px;
background: #8cdb8b;
}
.pulse-loader:not(:required) {
display: inline-block;
width: 50px;
height: 50px;
-moz-animation: pulse-loader 0.7s linear infinite alternate;
-webkit-animation: pulse-loader 0.7s linear infinite alternate;
animation: pulse-loader 0.7s linear infinite alternate;
border: 2px solid #e67e22;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
text-indent: 50px;
}
@-moz-keyframes pulse-loader {
0% {
-moz-box-shadow: #e67e22 0 0 0px 20px;
box-shadow: #e67e22 0 0 0px 20px;
}
40% {
-moz-box-shadow: none;
box-shadow: none;
}
100% {
-moz-box-shadow: #e67e22 0 0 0px 25px inset;
box-shadow: #e67e22 0 0 0px 25px inset;
}
}
@-webkit-keyframes pulse-loader {
0% {
-webkit-box-shadow: #e67e22 0 0 0px 20px;
box-shadow: #e67e22 0 0 0px 20px;
}
40% {
-webkit-box-shadow: none;
box-shadow: none;
}
100% {
-webkit-box-shadow: #e67e22 0 0 0px 25px inset;
box-shadow: #e67e22 0 0 0px 25px inset;
}
}
@keyframes pulse-loader {
0% {
-moz-box-shadow: #e67e22 0 0 0px 20px;
-webkit-box-shadow: #e67e22 0 0 0px 20px;
box-shadow: #e67e22 0 0 0px 20px;
}
40% {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
100% {
-moz-box-shadow: #e67e22 0 0 0px 25px inset;
-webkit-box-shadow: #e67e22 0 0 0px 25px inset;
box-shadow: #e67e22 0 0 0px 25px inset;
}
} .spinning-pixels-loader:not(:required) {
-moz-animation: spinning-pixels 2s linear infinite;
-webkit-animation: spinning-pixels 2s linear infinite;
animation: spinning-pixels 2s linear infinite;
width: 10px;
height: 10px;
font-size: 0;
display: inline-block;
background: #f35626;
-moz-box-shadow: 15px 15px 0 0 #f35626, -15px -15px 0 0 #f35626, 15px -15px 0 0 #f35626, -15px 15px 0 0 #f35626, 0 15px 0 0 #f35626, 15px 0 0 0 #f35626, -15px 0 0 0 #f35626, 0 -15px 0 0 #f35626;
-webkit-box-shadow: 15px 15px 0 0 #f35626, -15px -15px 0 0 #f35626, 15px -15px 0 0 #f35626, -15px 15px 0 0 #f35626, 0 15px 0 0 #f35626, 15px 0 0 0 #f35626, -15px 0 0 0 #f35626, 0 -15px 0 0 #f35626;
box-shadow: 15px 15px 0 0 #f35626, -15px -15px 0 0 #f35626, 15px -15px 0 0 #f35626, -15px 15px 0 0 #f35626, 0 15px 0 0 #f35626, 15px 0 0 0 #f35626, -15px 0 0 0 #f35626, 0 -15px 0 0 #f35626;
}
@-moz-keyframes spinning-pixels {
0% {
-webkit-filter: hue-rotate(0deg);
filter: hue-rotate(0deg);
}
50% {
-moz-box-shadow: 20px 20px 0 0 #f35626, -20px -20px 0 0 #f35626, 20px -20px 0 0 #f35626, -20px 20px 0 0 #f35626, 0 10px 0 0 #f35626, 10px 0 0 0 #f35626, -10px 0 0 0 #f35626, 0 -10px 0 0 #f35626;
box-shadow: 20px 20px 0 0 #f35626, -20px -20px 0 0 #f35626, 20px -20px 0 0 #f35626, -20px 20px 0 0 #f35626, 0 10px 0 0 #f35626, 10px 0 0 0 #f35626, -10px 0 0 0 #f35626, 0 -10px 0 0 #f35626;
}
75% {
-moz-box-shadow: 20px 20px 0 0 #f35626, -20px -20px 0 0 #f35626, 20px -20px 0 0 #f35626, -20px 20px 0 0 #f35626, 0 10px 0 0 #f35626, 10px 0 0 0 #f35626, -10px 0 0 0 #f35626, 0 -10px 0 0 #f35626;
box-shadow: 20px 20px 0 0 #f35626, -20px -20px 0 0 #f35626, 20px -20px 0 0 #f35626, -20px 20px 0 0 #f35626, 0 10px 0 0 #f35626, 10px 0 0 0 #f35626, -10px 0 0 0 #f35626, 0 -10px 0 0 #f35626;
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-filter: hue-rotate(360deg);
filter: hue-rotate(360deg);
}
}
@-webkit-keyframes spinning-pixels {
0% {
-webkit-filter: hue-rotate(0deg);
filter: hue-rotate(0deg);
}
50% {
-webkit-box-shadow: 20px 20px 0 0 #f35626, -20px -20px 0 0 #f35626, 20px -20px 0 0 #f35626, -20px 20px 0 0 #f35626, 0 10px 0 0 #f35626, 10px 0 0 0 #f35626, -10px 0 0 0 #f35626, 0 -10px 0 0 #f35626;
box-shadow: 20px 20px 0 0 #f35626, -20px -20px 0 0 #f35626, 20px -20px 0 0 #f35626, -20px 20px 0 0 #f35626, 0 10px 0 0 #f35626, 10px 0 0 0 #f35626, -10px 0 0 0 #f35626, 0 -10px 0 0 #f35626;
}
75% {
-webkit-box-shadow: 20px 20px 0 0 #f35626, -20px -20px 0 0 #f35626, 20px -20px 0 0 #f35626, -20px 20px 0 0 #f35626, 0 10px 0 0 #f35626, 10px 0 0 0 #f35626, -10px 0 0 0 #f35626, 0 -10px 0 0 #f35626;
box-shadow: 20px 20px 0 0 #f35626, -20px -20px 0 0 #f35626, 20px -20px 0 0 #f35626, -20px 20px 0 0 #f35626, 0 10px 0 0 #f35626, 10px 0 0 0 #f35626, -10px 0 0 0 #f35626, 0 -10px 0 0 #f35626;
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-filter: hue-rotate(360deg);
filter: hue-rotate(360deg);
}
}
@keyframes spinning-pixels {
0% {
-webkit-filter: hue-rotate(0deg);
filter: hue-rotate(0deg);
}
50% {
-moz-box-shadow: 20px 20px 0 0 #f35626, -20px -20px 0 0 #f35626, 20px -20px 0 0 #f35626, -20px 20px 0 0 #f35626, 0 10px 0 0 #f35626, 10px 0 0 0 #f35626, -10px 0 0 0 #f35626, 0 -10px 0 0 #f35626;
-webkit-box-shadow: 20px 20px 0 0 #f35626, -20px -20px 0 0 #f35626, 20px -20px 0 0 #f35626, -20px 20px 0 0 #f35626, 0 10px 0 0 #f35626, 10px 0 0 0 #f35626, -10px 0 0 0 #f35626, 0 -10px 0 0 #f35626;
box-shadow: 20px 20px 0 0 #f35626, -20px -20px 0 0 #f35626, 20px -20px 0 0 #f35626, -20px 20px 0 0 #f35626, 0 10px 0 0 #f35626, 10px 0 0 0 #f35626, -10px 0 0 0 #f35626, 0 -10px 0 0 #f35626;
}
75% {
-moz-box-shadow: 20px 20px 0 0 #f35626, -20px -20px 0 0 #f35626, 20px -20px 0 0 #f35626, -20px 20px 0 0 #f35626, 0 10px 0 0 #f35626, 10px 0 0 0 #f35626, -10px 0 0 0 #f35626, 0 -10px 0 0 #f35626;
-webkit-box-shadow: 20px 20px 0 0 #f35626, -20px -20px 0 0 #f35626, 20px -20px 0 0 #f35626, -20px 20px 0 0 #f35626, 0 10px 0 0 #f35626, 10px 0 0 0 #f35626, -10px 0 0 0 #f35626, 0 -10px 0 0 #f35626;
box-shadow: 20px 20px 0 0 #f35626, -20px -20px 0 0 #f35626, 20px -20px 0 0 #f35626, -20px 20px 0 0 #f35626, 0 10px 0 0 #f35626, 10px 0 0 0 #f35626, -10px 0 0 0 #f35626, 0 -10px 0 0 #f35626;
}
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-filter: hue-rotate(360deg);
filter: hue-rotate(360deg);
}
} .echo-loader:not(:required) {
width: 40px;
height: 40px;
border: 6px solid #FF0000;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
animation: echo-loader 1.4s ease-in;
animation-iteration-count: infinite;
display: inline-block;
text-indent: 100%;
overflow: hidden;
}
@-moz-keyframes echo-loader {
0% {
-moz-transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0.0;
}
25% {
-moz-transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
opacity: .1;
}
50% {
-moz-transform: scale(0.1);
-ms-transform: scale(0.1);
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: .3;
}
75% {
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: .5;
}
100% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@-webkit-keyframes echo-loader {
0% {
-moz-transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0.0;
}
25% {
-moz-transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
opacity: .1;
}
50% {
-moz-transform: scale(0.1);
-ms-transform: scale(0.1);
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: .3;
}
75% {
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: .5;
}
100% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@keyframes echo-loader {
0% {
-moz-transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0.0;
}
25% {
-moz-transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
opacity: .1;
}
50% {
-moz-transform: scale(0.1);
-ms-transform: scale(0.1);
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: .3;
}
75% {
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: .5;
}
100% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}.mc4wp-form input[name^=_mc4wp_honey]{display:none!important}.mc4wp-form-theme{margin:1em 0}.mc4wp-form-theme label,.mc4wp-form-theme input{box-sizing:border-box;cursor:auto;vertical-align:baseline;width:auto;height:auto;line-height:normal;display:block}.mc4wp-form-theme label:after,.mc4wp-form-theme input:after{content:"";clear:both;display:table}.mc4wp-form-theme label{margin-bottom:6px;font-weight:700;display:block}.mc4wp-form-theme input[type=text],.mc4wp-form-theme input[type=email],.mc4wp-form-theme input[type=tel],.mc4wp-form-theme input[type=url],.mc4wp-form-theme input[type=date],.mc4wp-form-theme textarea,.mc4wp-form-theme select{vertical-align:middle;width:100%;max-width:480px;height:auto;min-height:32px;text-shadow:none;background:#fff;border:1px solid #ccc;border-radius:2px;outline:0;padding:8px 16px;line-height:1.42857;color:#555!important}.mc4wp-form-theme textarea{height:auto}.mc4wp-form-theme input[readonly],.mc4wp-form-theme input[disabled]{background-color:#eee}.mc4wp-form-theme input[type=number]{min-width:40px}.mc4wp-form-theme input[type=checkbox],.mc4wp-form-theme input[type=radio]{border:0;width:13px;height:13px;margin:0 6px 0 0;padding:0;display:inline-block;position:relative}.mc4wp-form-theme input[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}.mc4wp-form-theme input[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}.mc4wp-form-theme button,.mc4wp-form-theme input[type=submit],.mc4wp-form-theme input[type=button]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;text-shadow:none;filter:none;background:0 0;border:1px solid #0000;border-radius:2px;width:auto;height:auto;padding:8px 16px;font-weight:400;line-height:1.42857;display:inline-block}.mc4wp-form-theme button:hover,.mc4wp-form-theme input[type=submit]:hover,.mc4wp-form-theme input[type=button]:hover,.mc4wp-form-theme button:focus,.mc4wp-form-theme input[type=submit]:focus,.mc4wp-form-theme input[type=button]:focus{color:#333;background:0 0;outline:0;text-decoration:none}.mc4wp-form-theme label>span,.mc4wp-form-theme li>label{font-weight:400}.mc4wp-alert{color:#c09853;clear:both}.mc4wp-success{color:#468847}.mc4wp-notice{color:#3a87ad}.mc4wp-error{color:#cd5c5c}.rtl .mc4wp-form-theme input[type=checkbox],.rtl .mc4wp-form-theme input[type=radio]{margin:0 0 0 6px}.mc4wp-form-theme-dark button,.mc4wp-form-theme-dark input[type=submit],.mc4wp-form-theme-dark input[type=button]{border-color:#1e1e1e;color:#fff!important;background-color:#444!important}.mc4wp-form-theme-dark button:hover,.mc4wp-form-theme-dark input[type=submit]:hover,.mc4wp-form-theme-dark input[type=button]:hover,.mc4wp-form-theme-dark button:focus,.mc4wp-form-theme-dark input[type=submit]:focus,.mc4wp-form-theme-dark input[type=button]:focus{border-color:#000;color:#fff!important;background-color:#1e1e1e!important}.mc4wp-form-theme-dark input[type=text]:focus,.mc4wp-form-theme-dark input[type=email]:focus,.mc4wp-form-theme-dark input[type=tel]:focus,.mc4wp-form-theme-dark input[type=url]:focus,.mc4wp-form-theme-dark input[type=date]:focus,.mc4wp-form-theme-dark textarea:focus,.mc4wp-form-theme-dark select:focus{border-color:#6a6a6a}.mc4wp-form-theme-light button,.mc4wp-form-theme-light input[type=submit],.mc4wp-form-theme-light input[type=button]{border-color:#d9d9d9;color:#000!important;background-color:#fff!important}.mc4wp-form-theme-light button:hover,.mc4wp-form-theme-light input[type=submit]:hover,.mc4wp-form-theme-light input[type=button]:hover,.mc4wp-form-theme-light button:focus,.mc4wp-form-theme-light input[type=submit]:focus,.mc4wp-form-theme-light input[type=button]:focus{border-color:#b3b3b3;color:#000!important;background-color:#d9d9d9!important}.mc4wp-form-theme-light input[type=text]:focus,.mc4wp-form-theme-light input[type=email]:focus,.mc4wp-form-theme-light input[type=tel]:focus,.mc4wp-form-theme-light input[type=url]:focus,.mc4wp-form-theme-light input[type=date]:focus,.mc4wp-form-theme-light textarea:focus,.mc4wp-form-theme-light select:focus{border-color:#d9d9d9}.mc4wp-form-theme-red button,.mc4wp-form-theme-red input[type=submit],.mc4wp-form-theme-red input[type=button]{border-color:#b52b27;color:#fff!important;background-color:#d9534f!important}.mc4wp-form-theme-red button:hover,.mc4wp-form-theme-red input[type=submit]:hover,.mc4wp-form-theme-red input[type=button]:hover,.mc4wp-form-theme-red button:focus,.mc4wp-form-theme-red input[type=submit]:focus,.mc4wp-form-theme-red input[type=button]:focus{border-color:#761c19;color:#fff!important;background-color:#b52b27!important}.mc4wp-form-theme-red input[type=text]:focus,.mc4wp-form-theme-red input[type=email]:focus,.mc4wp-form-theme-red input[type=tel]:focus,.mc4wp-form-theme-red input[type=url]:focus,.mc4wp-form-theme-red input[type=date]:focus,.mc4wp-form-theme-red textarea:focus,.mc4wp-form-theme-red select:focus{border-color:#e7908e}.mc4wp-form-theme-blue button,.mc4wp-form-theme-blue input[type=submit],.mc4wp-form-theme-blue input[type=button]{border-color:#2a6496;color:#fff!important;background-color:#428bca!important}.mc4wp-form-theme-blue button:hover,.mc4wp-form-theme-blue input[type=submit]:hover,.mc4wp-form-theme-blue input[type=button]:hover,.mc4wp-form-theme-blue button:focus,.mc4wp-form-theme-blue input[type=submit]:focus,.mc4wp-form-theme-blue input[type=button]:focus{border-color:#193c5a;color:#fff!important;background-color:#2a6496!important}.mc4wp-form-theme-blue input[type=text]:focus,.mc4wp-form-theme-blue input[type=email]:focus,.mc4wp-form-theme-blue input[type=tel]:focus,.mc4wp-form-theme-blue input[type=url]:focus,.mc4wp-form-theme-blue input[type=date]:focus,.mc4wp-form-theme-blue textarea:focus,.mc4wp-form-theme-blue select:focus{border-color:#7eb0db}.mc4wp-form-theme-green button,.mc4wp-form-theme-green input[type=submit],.mc4wp-form-theme-green input[type=button]{border-color:#3d8b3d;color:#fff!important;background-color:#5cb85c!important}.mc4wp-form-theme-green button:hover,.mc4wp-form-theme-green input[type=submit]:hover,.mc4wp-form-theme-green input[type=button]:hover,.mc4wp-form-theme-green button:focus,.mc4wp-form-theme-green input[type=submit]:focus,.mc4wp-form-theme-green input[type=button]:focus{border-color:#255625;color:#fff!important;background-color:#3d8b3d!important}.mc4wp-form-theme-green input[type=text]:focus,.mc4wp-form-theme-green input[type=email]:focus,.mc4wp-form-theme-green input[type=tel]:focus,.mc4wp-form-theme-green input[type=url]:focus,.mc4wp-form-theme-green input[type=date]:focus,.mc4wp-form-theme-green textarea:focus,.mc4wp-form-theme-green select:focus{border-color:#91cf91}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}