@media screen and (min-width: 769px) {
#preloader,.wrapper1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff}.loader__figure,.rubiks-loader *,.rubiks-loader ::after,.rubiks-loader ::before{box-sizing:border-box}#preloader{z-index:999999}.rubiks-loader{height:90px;left:50%;margin-left:-38px;margin-top:-60px;perspective:130px;position:absolute;top:50%;width:90px}.rubiks-loader .cube{display:inline-block;width:100%;height:100%;font-size:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.rubiks-loader .cube .piece{backface-visibility:hidden;display:inline-block;height:15px;padding:0;position:absolute;width:15px!important}.rubiks-loader .cube .piece.row-top{top:10px}.rubiks-loader .cube .piece.row-center{top:32px}.rubiks-loader .cube .piece.row-bottom{top:54px}.rubiks-loader .cube .piece.col-left{left:10px}.rubiks-loader .cube .piece.col-center{left:32px}.rubiks-loader .cube .piece.col-right{left:54px}.rubiks-loader .cube .piece.col-left.row-top{-webkit-transform-origin:55px 55px -55px;transform-origin:55px 55px -55px}.rubiks-loader .cube .piece.col-center.row-top{-webkit-transform-origin:15px 55px -55px;transform-origin:15px 55px -55px}.rubiks-loader .cube .piece.col-right.row-top{-webkit-transform-origin:-25px 55px -55px;transform-origin:-25px 55px -55px}.rubiks-loader .cube .piece.col-left.row-center{-webkit-transform-origin:55px 15px -55px;transform-origin:55px 15px -55px}.rubiks-loader .cube .piece.col-center.row-center{-webkit-transform-origin:15px 15px -55px;transform-origin:15px 15px -55px}.rubiks-loader .cube .piece.col-right.row-center{-webkit-transform-origin:-25px 15px -55px;transform-origin:-25px 15px -55px}.rubiks-loader .cube .piece.col-left.row-bottom{-webkit-transform-origin:55px -25px -55px;transform-origin:55px -25px -55px}.rubiks-loader .cube .piece.col-center.row-bottom{-webkit-transform-origin:15px -25px -55px;transform-origin:15px -25px -55px}.rubiks-loader .cube .piece.col-right.row-bottom{-webkit-transform-origin:-25px -25px -55px;transform-origin:-25px -25px -55px}.rubiks-loader .cube .piece.yellow{background-color:#f6c574}.rubiks-loader .cube .piece.blue{background-color:#00aacf}.rubiks-loader .cube .piece.green{background-color:#00b3a0}.rubiks-loader .cube .piece.white{background-color:#ccc!important}.rubiks-loader .cube .piece.red{background-color:#fc5652}.rubiks-loader .cube .piece.orange{background-color:#fc9f39}.rubiks-loader .cube .face.back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.rubiks-loader .cube .face.right{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}.rubiks-loader .cube .face.left{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}.rubiks-loader .cube .face.up{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}.rubiks-loader .cube .face.down{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}.rubiks-loader .piece{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes step-1-front-to-up{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}100%,25%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}}@keyframes step-1-front-to-up{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}100%,25%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}}.rubiks-loader .face.front.piece.col-center{-webkit-animation-name:step-1-front-to-up;animation-name:step-1-front-to-up}@-webkit-keyframes step-1-down-to-front{0%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}100%,25%{-webkit-transform:rotateX(0);transform:rotateX(0)}}@keyframes step-1-down-to-front{0%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}100%,25%{-webkit-transform:rotateX(0);transform:rotateX(0)}}.rubiks-loader .face.down.piece.col-center{-webkit-animation-name:step-1-down-to-front;animation-name:step-1-down-to-front}@-webkit-keyframes step-2-front-to-left{25%{-webkit-transform:rotateY(0);transform:rotateY(0)}100%,50%{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}}@keyframes step-2-front-to-left{25%{-webkit-transform:rotateY(0);transform:rotateY(0)}100%,50%{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}}.rubiks-loader .face.piece.down.row-center.col-center,.rubiks-loader .face.piece.front.row-center.col-left,.rubiks-loader .face.piece.front.row-center.col-right{-webkit-animation-name:step-2-front-to-left;animation-name:step-2-front-to-left}@-webkit-keyframes step-2-right-to-front{25%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}100%,50%{-webkit-transform:rotateY(0);transform:rotateY(0)}}@keyframes step-2-right-to-front{25%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}100%,50%{-webkit-transform:rotateY(0);transform:rotateY(0)}}.rubiks-loader .face.right.piece.row-center{-webkit-animation-name:step-2-right-to-front;animation-name:step-2-right-to-front}@-webkit-keyframes step-3-front-to-down{50%{-webkit-transform:rotateX(0);transform:rotateX(0)}100%,75%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@keyframes step-3-front-to-down{50%{-webkit-transform:rotateX(0);transform:rotateX(0)}100%,75%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@-webkit-keyframes step-2-3-right-to-front-to-down{25%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}50%{-webkit-transform:rotateX(0);transform:rotateX(0)}100%,75%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@keyframes step-2-3-right-to-front-to-down{25%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}50%{-webkit-transform:rotateX(0);transform:rotateX(0)}100%,75%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}}.rubiks-loader .face.piece.front.row-bottom.col-left,.rubiks-loader .face.piece.front.row-top.col-left{-webkit-animation-name:step-3-front-to-down;animation-name:step-3-front-to-down}.rubiks-loader .face.piece.right.row-center.col-left{-webkit-animation-name:step-2-3-right-to-front-to-down;animation-name:step-2-3-right-to-front-to-down}@-webkit-keyframes step-3-up-to-front{50%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}100%,75%{-webkit-transform:rotateX(0);transform:rotateX(0)}}@keyframes step-3-up-to-front{50%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}100%,75%{-webkit-transform:rotateX(0);transform:rotateX(0)}}.rubiks-loader .face.up.piece.col-left{-webkit-animation-name:step-3-up-to-front;animation-name:step-3-up-to-front}@-webkit-keyframes step-4-front-to-right{75%{-webkit-transform:rotateY(0);transform:rotateY(0)}100%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}}@keyframes step-4-front-to-right{75%{-webkit-transform:rotateY(0);transform:rotateY(0)}100%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}}@-webkit-keyframes step-1-4-down-to-front-to-right{0%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}25%{-webkit-transform:rotateX(0);transform:rotateX(0)}75%{-webkit-transform:rotateY(0);transform:rotateY(0)}100%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}}@keyframes step-1-4-down-to-front-to-right{0%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}25%{-webkit-transform:rotateX(0);transform:rotateX(0)}75%{-webkit-transform:rotateY(0);transform:rotateY(0)}100%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}}@-webkit-keyframes step-3-4-up-to-front-to-right{50%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}75%{-webkit-transform:rotateY(0);transform:rotateY(0)}100%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}}@keyframes step-3-4-up-to-front-to-right{50%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}75%{-webkit-transform:rotateY(0);transform:rotateY(0)}100%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}}.rubiks-loader .face.piece.front.row-bottom.col-right{-webkit-animation-name:step-4-front-to-right;animation-name:step-4-front-to-right}.rubiks-loader .face.piece.down.row-bottom.col-center{-webkit-animation-name:step-1-4-down-to-front-to-right;animation-name:step-1-4-down-to-front-to-right}.rubiks-loader .face.piece.up.row-bottom.col-left{-webkit-animation-name:step-3-4-up-to-front-to-right;animation-name:step-3-4-up-to-front-to-right}@-webkit-keyframes step-4-left-to-front{75%{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}100%{-webkit-transform:rotateY(0);transform:rotateY(0)}}@keyframes step-4-left-to-front{75%{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}100%{-webkit-transform:rotateY(0);transform:rotateY(0)}}.rubiks-loader .face.left.piece.row-bottom{-webkit-animation-name:step-4-left-to-front;animation-name:step-4-left-to-front}#preloader.transperantLoader{background:rgba(0,0,0,.7)}.transperantLoader .wrapper1{background:0 0}.loader,.loader__figure{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loader{background:rgba(255,255,255,.5);height:100%;overflow:visible;padding-top:2em;position:fixed;width:100%;z-index:11111;display:none}.loader__figure{height:0;width:0;border:0 solid #188AE2;border-radius:50%;-webkit-animation:loader-figure 1.15s infinite cubic-bezier(.215,.61,.355,1);-moz-animation:loader-figure 1.15s infinite cubic-bezier(.215,.61,.355,1);animation:loader-figure 1.15s infinite cubic-bezier(.215,.61,.355,1)}.loader__label{float:left;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);margin:.5em 0 0 50%;font-size:.875em;letter-spacing:.1em;line-height:1.5em;color:#8d3b3e;white-space:nowrap;-webkit-animation:loader-label 1.15s infinite cubic-bezier(.215,.61,.355,1);-moz-animation:loader-label 1.15s infinite cubic-bezier(.215,.61,.355,1);animation:loader-label 1.15s infinite cubic-bezier(.215,.61,.355,1)}@-webkit-keyframes loader-figure{0%{height:0;width:0;background-color:#188AE2}29%{background-color:#188AE2}30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1}100%{height:2em;width:2em;border-width:0;opacity:0;background-color:transparent}}@-moz-keyframes loader-figure{0%{height:0;width:0;background-color:#188AE2}29%{background-color:#188AE2}30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1}100%{height:2em;width:2em;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-figure{0%{height:0;width:0;background-color:#188AE2}29%{background-color:#188AE2}30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1}100%{height:2em;width:2em;border-width:0;opacity:0;background-color:transparent}}@-webkit-keyframes loader-label{0%,100%{opacity:.25}30%{opacity:1}}@-moz-keyframes loader-label{0%,100%{opacity:.25}30%{opacity:1}}@keyframes loader-label{0%,100%{opacity:.25}30%{opacity:1}}
.cube-wrapper{display: none;}
}



@media only screen and (max-width:768px) {
  .rubiks-loader{display: none}
  .cube-wrapper{display: block;}
  #preloader,.wrapper1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff}
  #preloader {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important;
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%;
  }
  /* #preloader .cube {
    display: inline-block;
    height: 64px;
    margin-left: -30px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    width: 64px;
  }
.cube div:nth-child(1), .cube div:nth-child(2){
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; padding: 0px;
}
#preloader .rubiks-loader {
  text-align: center;
}
#preloader .cube div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
} */


.cube-folding {
  width: 50px;
  height: 50px;
  display: inline-block;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  font-size: 0;
}
.cube-folding span {
  position: relative;
  width: 25px;
  height: 25px;
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  display: inline-block;
}
.cube-folding span::before {
  content: '';
  background-color: rgba(0, 122, 255, 1);
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 25px;
  height: 25px;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -moz-animation: folding 2.5s infinite linear both;
  -webkit-animation: folding 2.5s infinite linear both;
  animation: folding 2.5s infinite linear both;
}
.cube-folding .leaf2 {
  -moz-transform: rotateZ(90deg) scale(1.1);
  -ms-transform: rotateZ(90deg) scale(1.1);
  -webkit-transform: rotateZ(90deg) scale(1.1);
  transform: rotateZ(90deg) scale(1.1);
}
.cube-folding .leaf2::before {
  -moz-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  background-color: #f2f2f2;
}
.cube-folding .leaf3 {
  -moz-transform: rotateZ(270deg) scale(1.1);
  -ms-transform: rotateZ(270deg) scale(1.1);
  -webkit-transform: rotateZ(270deg) scale(1.1);
  transform: rotateZ(270deg) scale(1.1);
}
.cube-folding .leaf3::before {
  -moz-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  background-color: #f2f2f2;
}
.cube-folding .leaf4 {
  -moz-transform: rotateZ(180deg) scale(1.1);
  -ms-transform: rotateZ(180deg) scale(1.1);
  -webkit-transform: rotateZ(180deg) scale(1.1);
  transform: rotateZ(180deg) scale(1.1);
}
.cube-folding .leaf4::before {
  -moz-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  background-color: #e6e6e6;
}

@-moz-keyframes folding {
  0%, 10% {
    -moz-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -moz-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -moz-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@-webkit-keyframes folding {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@keyframes folding {
  0%, 10% {
    -moz-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -moz-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -moz-transform: perspective(140px) rotateY(180deg);
    -ms-transform: perspective(140px) rotateY(180deg);
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
.cube-wrapper {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -50px;
  margin-left: -50px;
  width: 100px;
  height: 100px;
  text-align: center;
}
.cube-wrapper:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  margin: auto;
  width: 90px;
  height: 6px;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-filter: blur(2px);
  filter: blur(2px);
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  z-index: 1;
  -moz-animation: shadow 0.5s ease infinite alternate;
  -webkit-animation: shadow 0.5s ease infinite alternate;
  animation: shadow 0.5s ease infinite alternate;
}
.cube-wrapper .loading {
  font-size: 12px;
  letter-spacing: 0.1em;
  display: block;
  color: white;
  position: relative;
  top: 25px;
  z-index: 2;
  -moz-animation: text 0.5s ease infinite alternate;
  -webkit-animation: text 0.5s ease infinite alternate;
  animation: text 0.5s ease infinite alternate;
}

@-moz-keyframes text {
  100% {
    top: 35px;
  }
}
@-webkit-keyframes text {
  100% {
    top: 35px;
  }
}
@keyframes text {
  100% {
    top: 35px;
  }
}
@-moz-keyframes shadow {
  100% {
    bottom: -18px;
    width: 100px;
  }
}
@-webkit-keyframes shadow {
  100% {
    bottom: -18px;
    width: 100px;
  }
}
@keyframes shadow {
  100% {
    bottom: -18px;
    width: 100px;
  }
}

.made-with-love {
  position: fixed;
  left: 0;
  width: 100%;
  bottom: 10px;
  text-align: center;
  font-size: 10px;
  z-index: 9999;
  font-family: arial;
  color: #fff;
}
.made-with-love i {
  font-style: normal;
  color: #F50057;
  font-size: 14px;
  position: relative;
  top: 2px;
}
.made-with-love a {
  color: #fff;
  text-decoration: none;
}
.made-with-love a:hover {
  text-decoration: underline;
}


}