/* ADDS A BROWSER PREFIX TO THE PROPERTY */
#cms-header.header-fixed {
  padding-top: 104px; }
  #cms-header.header-fixed .header-wrap {
    position: fixed;
    width: 100%;
    background: white;
    box-shadow: rgba(0, 0, 0, 0.13) 20px 0px 5px 5px; }
  #cms-header .header-wrap {
    transition: all 250ms linear; }

#cms-loading {
  position: fixed;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  z-index: 9;
  background: white; }
  #cms-loading .loader {
    width: 100px;
    height: 100px;
    background: ;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    -webkit-animation: CMSSpin 0.5s linear infinite;
    -khtml-animation: CMSSpin 0.5s linear infinite;
    -moz-animation: CMSSpin 0.5s linear infinite;
    -ms-animation: CMSSpin 0.5s linear infinite;
    -o-animation: CMSSpin 0.5s linear infinite;
    animation: CMSSpin 0.5s linear infinite;
    /* BACKGROUND GRADIENT */
    /* bottom to top */ }
  #cms-loading .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px; }
  #cms-loading .newton .ball {
    height: 25px;
    width: 25px;
    position: absolute;
    left: 50%;
    top: 50%; }
  #cms-loading .newton .ball:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: #fbb122;
    border-radius: 50%;
    position: absolute;
    margin-left: -50%;
    margin-top: -50%; }
  #cms-loading .newton .ball-1:before {
    transform: translateX(-150%);
    animation: 1s ease-out 0s infinite left; }
  #cms-loading .newton .ball-2:before {
    transform: translateX(-50%); }
  #cms-loading .newton .ball-3:before {
    transform: translateX(50%); }
  #cms-loading .newton .ball-4:before {
    transform: translateX(150%);
    animation: 1s ease-out 0s infinite right; }
  #cms-loading .wave.spinner {
    width: 150px;
    height: 30px; }
  #cms-loading .wave .ball {
    height: 30px;
    width: 30px;
    float: left;
    background: #fbb122;
    border-radius: 50%;
    margin-right: 10px; }
  #cms-loading .wave .ball-1 {
    animation: jump3 1.8s infinite ease-out; }
  #cms-loading .wave .ball-2 {
    animation: jump2 1.8s infinite ease-out; }
  #cms-loading .wave .ball-3 {
    animation: jump1 1.8s infinite ease-out; }
  #cms-loading .wave .ball-4 {
    margin-right: 0;
    animation: wipe 1.8s infinite cubic-bezier(0.5, 0, 0.5, 1); }
  #cms-loading .circus .ball {
    height: 50px;
    width: 50px;
    position: absolute;
    left: 50%;
    top: 50%; }
  #cms-loading .circus .ball:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: #fbb122;
    border-radius: 50%;
    margin-left: -50%;
    margin-top: -50%;
    left: -100%;
    animation: position 2s infinite cubic-bezier(0.25, 0, 0.75, 1), size 2s infinite cubic-bezier(0.25, 0, 0.75, 1); }
  #cms-loading .circus .ball-1:before {
    animation-delay: 0s, -0.5s; }
  #cms-loading .circus .ball-2:before {
    animation-delay: -0.5s, -1s; }
  #cms-loading .circus .ball-3:before {
    animation-delay: -1s, -1.5s; }
  #cms-loading .circus .ball-4:before {
    animation-delay: -1.5s, -2s; }
  #cms-loading .circus .spinner {
    height: 100%;
    width: 100%;
    position: absolute; }
  #cms-loading .atom.spinner {
    width: 100px;
    height: 100px; }
  #cms-loading .atom .ball-1 {
    height: 50%;
    width: 50%;
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: 1;
    animation: shrink 4.5s infinite linear; }
  #cms-loading .atom .ball-1:before {
    content: '';
    background: #212325;
    border-radius: 50%;
    height: 100%;
    width: 100%;
    position: absolute;
    top: -50%;
    left: -50%; }
  #cms-loading .atom .ball-2, #cms-loading .atom .ball-3, #cms-loading .atom .ball-4 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0; }
  #cms-loading .atom .ball-2:before, #cms-loading .atom .ball-3:before, #cms-loading .atom .ball-4:before {
    content: '';
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #fbb122;
    top: 0;
    left: 0;
    margin: 0 auto;
    position: absolute; }
  #cms-loading .atom .ball-2 {
    animation: zindex 1.5s 0.75s infinite steps(2, end); }
  #cms-loading .atom .ball-3 {
    transform: rotate(120deg);
    animation: zindex 1.5s -0.25s infinite steps(2, end); }
  #cms-loading .atom .ball-4 {
    transform: rotate(240deg);
    animation: zindex 1.5s 0.25s infinite steps(2, end); }
  #cms-loading .atom .ball-2:before {
    transform: rotate(0);
    animation: AtomPosition 1.5s infinite ease, size 1.5s -1.125s infinite ease; }
  #cms-loading .atom .ball-3:before {
    animation: AtomPosition 1.5s -1s infinite ease, size 1.5s -0.75s infinite ease; }
  #cms-loading .atom .ball-4:before {
    animation: AtomPosition 1.5s -0.5s infinite ease, size 1.5s -0.125s infinite ease; }
  #cms-loading .fussion.spinner {
    width: 30px;
    height: 30px; }
  #cms-loading .fussion .ball {
    height: 50px;
    width: 50px;
    left: 50%;
    top: 50%;
    background: rgba(0, 255, 0, .5);
    border-radius: 50%;
    float: left;
    position: absolute; }
  #cms-loading .fussion .ball-1 {
    background: rgba(255, 0, 0, .5);
    top: 0;
    left: 50%;
    animation: ball1 1s 0s ease infinite;
    z-index: 1; }
  #cms-loading .fussion .ball-2 {
    background: rgba(0, 255, 0, .5);
    top: 50%;
    left: 100%;
    animation: ball2 1s 0s ease infinite;
    z-index: 2; }
  #cms-loading .fussion .ball-3 {
    background: rgba(0, 0, 255, .5);
    top: 100%;
    left: 50%;
    animation: ball3 1s 0s ease infinite;
    z-index: 1; }
  #cms-loading .fussion .ball-4 {
    background: rgba(255, 255, 0, .5);
    top: 50%;
    left: 0%;
    animation: ball4 1s 0s ease infinite;
    z-index: 2; }
  #cms-loading .mitosis.spinner {
    height: 50px;
    width: 50px;
    animation: invert 2s infinite steps(2, end); }
  #cms-loading .mitosis .ball {
    height: 100%;
    width: 100%;
    position: absolute;
    border-radius: 50%;
    top: 0;
    left: 0;
    background: #fbb122; }
  #cms-loading .mitosis .ball-1 {
    animation: Mitosisball1 1s infinite alternate linear; }
  #cms-loading .mitosis .ball-2 {
    animation: Mitosisball2 1s infinite alternate linear; }
  #cms-loading .mitosis .ball-3 {
    animation: Mitosisball3 1s infinite alternate linear; }
  #cms-loading .mitosis .ball-4 {
    animation: Mitosisball4 1s infinite alternate linear; }
  #cms-loading .flower.spinner {
    width: 26.25px;
    height: 26.25px; }
  #cms-loading .flower .ball {
    height: 30px;
    width: 30px;
    position: absolute;
    background: #fbb122;
    border-radius: 50%; }
  #cms-loading .flower .ball-1 {
    left: -15px;
    top: -15px;
    transform-origin: 28.125px 28.125px;
    animation: Flowerball1 6s infinite linear; }
  #cms-loading .flower .ball-2 {
    left: 11.25px;
    top: -15px;
    transform-origin: 1.875px 28.125px;
    animation: Flowerball2 6s infinite linear; }
  #cms-loading .flower .ball-3 {
    left: 11.25px;
    top: 11.25px;
    transform-origin: 1.875px 1.875px;
    animation: Flowerball3 6s infinite linear; }
  #cms-loading .flower .ball-4 {
    left: -15px;
    top: 11.25px;
    transform-origin: 28.125px 1.875px;
    animation: Flowerball4 6s infinite linear; }
  #cms-loading .clock.spinner {
    width: 50px;
    height: 50px;
    animation: clock 8s infinite steps(8); }
  #cms-loading .clock .ball {
    height: 50px;
    width: 50px;
    position: absolute; }
  #cms-loading .clock .ball:before {
    content: '';
    border-radius: 50%;
    height: 18.31502px;
    width: 18.31502px;
    position: absolute;
    background: #fbb122; }
  #cms-loading .clock .ball-1 {
    transform: rotate(-135deg);
    animation: clock1 1s ease-in infinite; }
  #cms-loading .clock .ball-2 {
    transform: rotate(-90deg);
    animation: clock2 1s ease-in infinite; }
  #cms-loading .clock .ball-3 {
    transform: rotate(-45deg);
    animation: clock3 1s ease-in infinite; }
  #cms-loading .clock .ball-4 {
    animation: clock4 1s ease-in infinite; }
  #cms-loading .washing-machine.spinner {
    width: 80px;
    height: 80px;
    animation: wash 2s infinite alternate cubic-bezier(0.5, 0, 0.5, 1); }
  #cms-loading .washing-machine .ball-1 {
    height: 100%;
    width: 100%;
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: 1; }
  #cms-loading .washing-machine .ball-1:before {
    content: '';
    border-radius: 50%;
    border: 15px solid #fbb122;
    height: 100%;
    width: 100%;
    position: absolute;
    top: -50%;
    left: -50%;
    box-sizing: border-box; }
  #cms-loading .washing-machine .ball-2, #cms-loading .washing-machine .ball-3, #cms-loading .washing-machine .ball-4 {
    width: 80px;
    height: 80px;
    position: absolute;
    z-index: 2; }
  #cms-loading .washing-machine .ball-2:before, #cms-loading .washing-machine .ball-3:before, #cms-loading .washing-machine .ball-4:before {
    border: 5px solid #fbb122;
    background: #fff;
    content: '';
    border-radius: 50%;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 27.5px;
    top: -5px; }
  #cms-loading .washing-machine .ball-2 {
    transform: rotate(120deg); }
  #cms-loading .washing-machine .ball-3 {
    transform: rotate(240deg); }
  #cms-loading .pulse.spinner {
    width: 100px;
    height: 100px; }
  #cms-loading .pulse .spinner * {
    box-sizing: border-box; }
  #cms-loading .pulse .ball {
    height: 100%;
    width: 100%;
    background: #fbb122;
    position: absolute;
    border-radius: 50%;
    border: 0px solid ;
    animation: pulse 3s infinite; }
  #cms-loading .pulse .ball-2 {
    animation-delay: -0.75s; }
  #cms-loading .pulse .ball-3 {
    animation-delay: -1.5s; }
  #cms-loading .pulse .ball-4 {
    animation-delay: -2.25s; }

.ef3-back-to-top {
  position: fixed;
  right: 15px;
  bottom: 15px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #fbb122;
  color: #212325;
  cursor: pointer;
  font-size: 20px;
  border-radius: 3px; }