@font-face {
font-weight: normal;
font-style: normal;
font-family: 'icomoon';
src:url(//www.myprintlab.com.au/wp-content/plugins/3dprint-lite/includes/ext/ProgressButtonStyles/fonts/icomoon/icomoon.eot);
src:url(//www.myprintlab.com.au/wp-content/plugins/3dprint-lite/includes/ext/ProgressButtonStyles/fonts/icomoon/icomoon.eot?#iefix) format('embedded-opentype'),
url(//www.myprintlab.com.au/wp-content/plugins/3dprint-lite/includes/ext/ProgressButtonStyles/fonts/icomoon/icomoon.ttf) format('truetype'),
url(//www.myprintlab.com.au/wp-content/plugins/3dprint-lite/includes/ext/ProgressButtonStyles/fonts/icomoon/icomoon.woff) format('woff'),
url(//www.myprintlab.com.au/wp-content/plugins/3dprint-lite/includes/ext/ProgressButtonStyles/fonts/icomoon/icomoon.svg#icomoon) format('svg');
} .progress-button {
position: relative;
display: inline-block;
padding: 0 60px;
outline: none;
border: none;  text-transform: uppercase;
letter-spacing: 1px;
font-size: 1em;
line-height: 4 !important;
}
.progress-button[disabled],
.progress-button[disabled].state-loading {
cursor: default;
}
.progress-button .content {
position: relative;
display: block;
}
.progress-button .content::before,
.progress-button .content::after  {
position: absolute;
right: 20px; font-family: "icomoon";
opacity: 0;
-webkit-transition: opacity 0.3s 0.3s;
transition: opacity 0.3s 0.3s;
}
.progress-button .content::before {
content: "\e600"; }
.progress-button .content::after {
content: "\e601"; }
.progress-button.state-success .content::before,
.progress-button.state-error .content::after {
opacity: 1;
}
.notransition {
-webkit-transition: none !important;
transition: none !important;
}
.progress-button .progress { }
.progress-button .progress-inner {
position: absolute;
left: 0; }
.progress-button[data-horizontal] .progress-inner {
top: 0;
width: 0;
height: 100%;
-webkit-transition: width 0.3s, opacity 0.3s;
transition: width 0.3s, opacity 0.3s;
}
.progress-button[data-vertical] .progress-inner {
bottom: 0;
width: 100%;
height: 0;
-webkit-transition: height 0.3s, opacity 0.3s;
transition: height 0.3s, opacity 0.3s;
} .progress-button[data-perspective] {
position: relative;
display: inline-block;
padding: 0;
background: transparent;
-webkit-perspective: 900px;
perspective: 900px;
}
.progress-button[data-perspective] .content {
padding: 0 60px; }
.progress-button[data-perspective] .progress-wrap {
display: block;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.progress-button[data-perspective] .content,
.progress-button[data-perspective] .progress {
outline: 1px solid rgba(0,0,0,0); }    .progress-button[data-style="fill"][data-horizontal] {
overflow: hidden;
}
.progress-button[data-style="fill"][data-horizontal] .content {
z-index: 10;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.progress-button[data-style="fill"][data-horizontal] .content::before,
.progress-button[data-style="fill"][data-horizontal] .content::after {
top: 100%;
right: auto;
left: 50%;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.progress-button[data-style="fill"][data-horizontal].state-success .content,
.progress-button[data-style="fill"][data-horizontal].state-error .content {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}  .progress-button[data-style="fill"][data-vertical] {
overflow: hidden;
}
.progress-button[data-style="fill"][data-vertical] .content {
z-index: 10;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.progress-button[data-style="fill"][data-vertical] .content::before,
.progress-button[data-style="fill"][data-vertical] .content::after {
top: 100%;
right: auto;
left: 50%;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.progress-button[data-style="fill"][data-vertical].state-success .content,
.progress-button[data-style="fill"][data-vertical].state-error .content {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}  .progress-button[data-style="shrink"] { overflow: hidden;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
}
.progress-button[data-style="shrink"][data-horizontal] .content {
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.progress-button[data-style="shrink"][data-horizontal] .content::before,
.progress-button[data-style="shrink"][data-horizontal] .content::after {
top: 100%;
right: auto;
left: 50%;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.progress-button[data-style="shrink"][data-horizontal].state-loading {
-webkit-transform: scaleY(0.3);
transform: scaleY(0.3);
}
.progress-button[data-style="shrink"][data-horizontal].state-loading .content {
opacity: 0;
}
.progress-button[data-style="shrink"][data-horizontal].state-success .content,
.progress-button[data-style="shrink"][data-horizontal].state-error .content {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}  .progress-button[data-style="shrink"][data-vertical] .content {
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.progress-button[data-style="shrink"][data-vertical] .content::before,
.progress-button[data-style="shrink"][data-vertical] .content::after {
top: 100%;
right: auto;
left: 50%;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.progress-button[data-style="shrink"][data-vertical].state-loading {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
.progress-button[data-style="shrink"][data-vertical].state-loading .content {
opacity: 0;
}
.progress-button[data-style="shrink"][data-vertical].state-success .content,
.progress-button[data-style="shrink"][data-vertical].state-error .content {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}  .progress-button[data-style="rotate-angle-bottom"] .progress {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 20px;
box-shadow: 0 -1px 0 #148544; -webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.progress-button[data-style="rotate-angle-bottom"].state-loading .progress-wrap {
-webkit-transform: rotateX(45deg);
transform: rotateX(45deg);
}  .progress-button[data-style="rotate-angle-top"] .progress {
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
height: 20px;
box-shadow: 0 1px 0 #148544; -webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.progress-button[data-style="rotate-angle-top"].state-loading .progress-wrap {
-webkit-transform: rotateX(-45deg);
transform: rotateX(-45deg);
}  .progress-button[data-style="rotate-angle-left"] .progress {
position: absolute;
top: 0;
right: 100%;
width: 20px;
height: 100%;
box-shadow: 1px 0 0 #148544; -webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.progress-button[data-style="rotate-angle-left"].state-loading .progress-wrap {
-webkit-transform: rotateY(45deg);
transform: rotateY(45deg);
}  .progress-button[data-style="rotate-angle-right"] .progress {
position: absolute;
top: 0;
left: 100%;
width: 20px;
height: 100%;
box-shadow: -1px 0 0 #148544; -webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.progress-button[data-style="rotate-angle-right"].state-loading .progress-wrap {
-webkit-transform: rotateY(-45deg);
transform: rotateY(-45deg);
}  .progress-button[data-style="rotate-side-down"] .progress {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 20px;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.progress-button[data-style="rotate-side-down"].state-loading .progress-wrap {
-webkit-transform: rotateX(90deg) translateZ(10px);
transform: rotateX(90deg) translateZ(10px);
}  .progress-button[data-style="rotate-side-up"] .progress {
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
height: 20px;
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.progress-button[data-style="rotate-side-up"].state-loading .progress-wrap {
-webkit-transform: rotateX(-90deg) translateZ(10px);
transform: rotateX(-90deg) translateZ(10px);
}  .progress-button[data-style="rotate-side-left"] .progress-wrap {
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.progress-button[data-style="rotate-side-left"] .progress {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 100%;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.progress-button[data-style="rotate-side-left"].state-loading .progress-wrap {
-webkit-transform: translateX(50%) rotateY(90deg) translateZ(10px);
transform: translateX(50%) rotateY(90deg) translateZ(10px);
}  .progress-button[data-style="rotate-side-right"] .progress-wrap {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.progress-button[data-style="rotate-side-right"] .progress {
position: absolute;
top: 0;
left: 100%;
width: 20px;
height: 100%;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.progress-button[data-style="rotate-side-right"].state-loading .progress-wrap {
-webkit-transform: translateX(-50%) rotateY(-90deg) translateZ(10px);
transform: translateX(-50%) rotateY(-90deg) translateZ(10px);
}  .progress-button[data-style="rotate-back"] .progress-wrap {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.progress-button[data-style="rotate-back"] .content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.progress-button[data-style="rotate-back"] .progress {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.progress-button[data-style="rotate-back"].state-loading .progress-wrap {
-webkit-transform: rotateX(180deg) scaleX(0.6) scaleY(0.3);
transform: rotateX(180deg) scaleX(0.6) scaleY(0.3);
}  .progress-button[data-style="flip-open"] .content {
z-index: 10;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.progress-button[data-style="flip-open"] .progress {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.progress-button[data-style="flip-open"].state-loading .content {
-webkit-transform: rotateX(45deg);
transform: rotateX(45deg);
}  .progress-button[data-style="slide-down"] {
padding: 0;
overflow: visible;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.progress-button[data-style="slide-down"] .content {
z-index: 10;
padding: 0 60px;
background: #1d9650;
}
.progress-button[data-style="slide-down"] .progress {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
}
.progress-button[data-style="slide-down"].state-loading .progress {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}  .progress-button[data-style="move-up"] {
padding: 0;
overflow: visible;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.progress-button[data-style="move-up"] .content {
z-index: 10;
padding: 0 60px;
background: #1d9650;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
}
.progress-button[data-style="move-up"] .progress {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.progress-button[data-style="move-up"].state-loading .content {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}  .progress-button[data-style="top-line"] .progress-inner {
height: 3px;
}
.progress-button[data-style="top-line"] .content::before,
.progress-button[data-style="top-line"] .content::after {
right: auto;
left: 100%;
margin-left: 25px;
}  .progress-button[data-style="lateral-lines"] .progress-inner {
width: 100%;
border-right: 3px solid #0e7138;
border-left: 3px solid #0e7138;
background: transparent;
}
.progress-button[data-style="lateral-lines"] .content::before,
.progress-button[data-style="lateral-lines"] .content::after {
right: auto;
left: 100%;
margin-left: 25px;
}