/*=============================================
    01: General CSS
==============================================*/
/* 1.1: Default CSS */
*{margin:0;padding:0}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
::-moz-selection {
    background: #31333e;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #31333e;
    color: #fff;
    text-shadow: none;
}

button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none !important;
}
button[type=submit] { 
    cursor: pointer;
    border: none;
 }
textarea { resize: none; }
img {
    max-width: 100%;
    height: auto; 
}

a {
    color: #28303d;
    -webkit-transition: all .3s;
    transition: all .3s;
}
a:hover { color: #f24341; }
a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
}

h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6 { 
    font-family: 'Poppins','苹方', sans-serif;
    color: #36324a;
}
h1, .h1 { font-size: 50px;}
h2, .h2 { font-size: 40px;}
h3, .h3 { font-size: 30px; }
h4, .h4 { font-size: 26px; }
h5, .h5 { font-size: 20px; } 
h6, .h6 { font-size: 16px; }

p {
    font-family: 'Poppins', sans-serif;
}
body {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    color: #333;
    line-height: 36px;
    background: #fff;
    overflow-x: hidden !important;
    font-weight: 400;
}
.theme-color{
    color: #5b39c9;
}
.theme-bg{
    background: #5b39c9
}
/*1.2: background color*/

/* 1.3: Buttons */
.btn {
    cursor: pointer;
    z-index: 1;
    position: relative;
    padding: 16px 36px;
    color: #5b39c9;
    font-weight: 600;
    text-transform: capitalize;
    overflow: hidden;
    border: 2px solid #5b39c9;
    border-radius: 50px;
    overflow: hidden;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    font-size: 14px;
}

.btn.active,
.btn:hover,
.btn:focus {
    color: #fff;
    text-decoration: none;
}
.btn:before {
    content: " ";
    position: absolute;
    top: 48%;
    left: 48%;
    z-index: -1;
    -webkit-transform: scale(0);
            transform: scale(0);
    width: 11px;
    height: 11px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    opacity: 0;
    visibility: hidden;
    background: #5b39c9;
    border-radius: 50px;

}
.btn:hover{
    border-color: #5b39c9;
}
.btn:hover:before{
    -webkit-transform: scale(20);
            transform: scale(20);
    opacity: 1;
    visibility: visible;
    
}

.btn:focus,
.form-control:focus {
    box-shadow: none !important;
}

.disabled { pointer-events: none; }

.bg-2 {
    background-color: #f7f6f9;
}
 ul,li{
     margin-bottom: 0;
     list-style: none;
     padding: 0;
 }

.font-weight-600 { font-weight: 600; }
b, strong {
    font-weight: bold;
}
.list-inline > li { display: inline-block; }

.form-control { font-size: 14px; }
.form-control:focus { border-color: #fff; }

input.parsley-error,
textarea.parsley-error,
select.parsley-error {
    border: 1px solid red !important;
}
.half-gutter {
    margin-right: -7.5px;
    margin-left: -7.5px;
}
.half-gutter > .col,
.half-gutter > [class*="col-"] {
    padding-right: 7.5px;
    padding-left: 7.5px;
}
.no-gutters-padding{
    padding-right: 0px;
    padding-left: 0px;
}


.theme-list-style {
    padding: 0;
    list-style: none;
}
.theme-list-style li {
    font-weight: 600;
    color: #4c4f60;
    padding: 5px 0;
}
.theme-list-style li:before {
    content: '\f05d';
    font-family: 'FontAwesome';
    color: #6f6c7f;
    font-size: 12px;
    font-weight: normal;
    margin-right: 10px;
}

.theme-input-style {
    font-size: 16px;
    width: 100%;
    height: 70px;
    padding: 0 20px 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    background: transparent;
    border: none;
    border: 4px solid #f7f6f9;
    opacity: 1;
    border-radius: 10px;
    color: #6f6c7f;
    margin-bottom: 30px;
}

textarea.theme-input-style {
    padding: 10px;
    min-height: 120px;
    display: block;
}

label input[type=checkbox],
label input[type=radio] {
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.form-group { position: relative; }
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.table-bordered,
.table-bordered td, 
.table-bordered th {
    border-color: #e2e6fb;
}

.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 15px;
}
/* 1.4: Padding/Margin */

.pa-10{padding:10px;}
.pa-20{padding:20px;}
.pt-50-lr-20{padding:30px 20px;padding-top:50px;}
.pt-200 { padding-top: 200px; }
.pb-200 { padding-bottom: 200px; }
.pt-150 { padding-top: 150px; }
.pb-150 { padding-bottom: 150px; }
.pt-140 { padding-top: 140px; }
.pb-140 { padding-bottom: 140px; }
.pt-130 { padding-top: 130px; }
.pb-130 { padding-bottom: 130px; }
.pt-120 { padding-top: 120px; }
.pt-115{ padding-top: 115px; }
.pb-115{ padding-bottom: 115px; }
.pb-120 { padding-bottom: 120px; }
.pt-110 { padding-top: 110px; }
.pb-110 { padding-bottom: 110px; }
.pt-100 { padding-top: 100px; }
.pb-100 { padding-bottom: 100px; }
.pt-90 { padding-top: 90px; }
.pb-90 { padding-bottom: 90px; }
.pt-80 { padding-top: 80px; }
.pb-80 { padding-bottom: 80px; }
.pt-70 { padding-top: 70px; }
.pb-70 { padding-bottom: 70px; }
.pt-60 { padding-top: 60px; }
.pb-60 { padding-bottom: 60px; }
.pt-55 { padding-top: 55px; }
.pb-55 { padding-bottom: 55px; }
.pt-50 { padding-top: 50px; }
.pb-50 { padding-bottom: 50px }
.pt-30 { padding-top: 30px; }
.pb-30 { padding-bottom: 30px; }
.pt-20 { padding-top: 20px; }
.pb-20 { padding-bottom: 20px; }

.mt-180 { margin-top: 180px; }
.mt-140 { margin-top: 140px; }
.mb-140 { margin-bottom: 140px; }
.mt-120 { margin-top: 120px; }
.mb-120 { margin-bottom: 120px; }
.mt-70 {margin-top: 70px;}
.mb-70 {margin-bottom: 70px;}
.mt-60 { margin-top: 60px; }
.mb-60 { margin-bottom: 60px; }
.mt-50 { margin-top: 50px; }
.mb-50 { margin-bottom: 50px; }
.mt-40 { margin-top: 40px; }
.mb-40 { margin-bottom: 40px; }
.mt-30 { margin-top: 30px; }
.mb-30 { margin-bottom: 30px; }

/* 21.09: Preloader */
.preLoader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99999;
    overflow: hidden;
}
.preload-inner {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.sk-cube-grid {
  width: 50px;
  height: 50px;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #0064ff;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}

.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}

.font14{font-size:14px;}
.font24{font-size:24px;}
.font50{font-size:50px;}
.font60{font-size:60px;}
.line28{line-height:24px;}
.text-center{text-align:center}
.text-red{color:#FBC638;}
.text-reds{color:#FF8900;}
.floatLeft{float:left;}
.floatRight{float:right;}
.graycolor{color:#bebebe;}
.justify{text-align: justify}
.bc-gray{background:#f9f8f8;}
.bc-red{background:#FBC638;}
.text-white{color:#fff;}
.text-Black{color:#000;}
.dot-container{display: flex;display: flex;justify-content: space-between;}
.dot-container .dot{width:50px;font-size:36px;}
.dot-container .dot-area{width:99%}
.title-grid-name{font-size:32px;}
.company{background:url(../img/xiewen.png) repeat;}
.company-left{width:50%;}
.company-right{width:48%;}
.company-right img{border-bottom-left-radius: 100px;max-width: 80%;float:right}
.circle{width:10px;height:10px;border-radius: 10px;border:4px solid #FBC638;}
.margin-top-20{margin-top:20px;}
.margin-top-50{margin-top:50px;}
.company-view{margin-top:15%;line-height:40px;}
.heart{background:#fff url(../img/heart.png) no-repeat 5% center;border:2px solid #FBC638;padding:10px;border-radius: 50px;text-align:center;color:#FBC638;font-size: 24px;background-size:6%;}

.company-content{background: #fff;z-index:9999999999999;border-radius:10px;width:1000px;position: fixed;left:50%;margin-left:-400px;top:50%;margin-top:-250px;display: none;}
.float-left{width:62%;margin-right:20px;float:left;}
#company-text{border-radius:10px;position: fixed;z-index:99999;width:100%;height:100%;background:#fff url(../img/company-circle.png) no-repeat right bottom;padding-top:10%;opacity:1;display: none;background-size:40%}
.zoom{background:#000;opacity: 0.8;width:100%;height:100%;position:absolute;top:0;z-index:99999;display: none;left:0;top:0}
a.close-btn{position:absolute;top:25px;right:25px;}

.container{max-width: 1300px;margin:0 auto;position: relative;}
.fixed{background:#fff;box-shadow: 0px 0px 10px #ccc;}
.header{height:66px;position:fixed;top:0;width:100%;z-index:9;background:#f2f2f2;opacity: 0.9;}
.header .row{display: flex; flex-wrap:warp;}
.header div.col-1{width:12%;}
.header div.col-1 .logo{width:100%;height:60px;margin-top:10px;}
.header div.col-1 .logo img{max-width: 100%;}
.header div.col-2{width:80%;text-align: center;}
.header div.col-2 .menu li{display: inline-block;list-style:none;}
.header div.col-2 .menu li a{padding:15px 30px;display: block;}
.header div.col-2 .menu li a:hover{color:#FBC638;}
.header div.col-2 .menu li.selected a{color:#FBC638;font-weight:bolder}
.header div.col-3{width:15%;}
.header div.col-3 .download-button{text-align:center;;font-family: "arial black";}
.header div.col-3 .download-button a{padding:0 15px;border-radius: 50px;margin-top: 12px;display: block;border:2px solid #FBC638;background:#FBC638;color:#fff;display: block;}
.header div.col-3 .download-button a:hover{background:#fff;color:#fff;font-size:15px;border:2px solid #FBC638;color:#FBC638;}
.nav_focus{color:#f24341}

.m-banner{display:none;}
.banner-shape-inner .shape{position: absolute; -webkit-animation-duration: 3s;animation-duration: 3s;width:40px;height:40px;}
.banner-shape-inner .shape1 {top:16%;left:10%;}
.banner-shape-inner .shape2 {bottom:40%;left:22%;}
.banner-shape-inner .shape3 {top:38%;left:50%;}

.banner-area-inner{background:#fff url(../img/main-base.png);background-position: center top;height:900px;background-repeat: no-repeat;width: 100%;content:"";position:relative;}
.banner-text-inner{width:100%;position:absolute;top:80px;left:0;text-align: left;}
.banner-mobile{width:30%;position:absolute;top:100px;right:-1.5%;animation: bounce 2s ease-in-out 0.5s infinite alternate;}
.banner-mobile img{max-width: 100%;}
.slogan{padding-top:5%;font-size:130px;font-weight:400;height:150px;line-height:150px;color:#1c1c1c;}
.slogan-text{height:80px;line-height:80px;font-size: 20px;vertical-align:text-top;}
.slogan-system{font-size:80px;font-weight:800;height:100px;line-height:100px;padding:0;}
.slogan-overview{color:#1c1c1c;margin-top:50px;line-height:30px;font-size:26px;margin-top:60px;}
.slogan-download-button a{background:#0064ff;border-radius: 50px;color:#fff;display:inline-block;padding:10px 70px;box-shadow: 0px 1px 8px #90b1e3;margin-top:50px;}
.slogan-download-button a:hover{background:#28303d;box-shadow: 0px 1px 8px #c1c1c1;}

.erweima-area{width:34%;height:250px;background:#FBC638 url(../img/erweima-search.png) no-repeat 86% center;border-top-left-radius: 300px;border-bottom-left-radius: 300px;bottom:100px;position: absolute;right:0}

.gray-content{background:#f9f9f9;padding:100px 0}

.file-content{height:552px;background:url(../img/file.jpg) no-repeat center center;background-size:contain;}
.file-content-flex{display: flex; justify-content:flex-start;}
.file-content .file1{width:480px;height:542px;}
.file-content .file2{width:500px;height:317px;margin-left:50px;}
.file-content .file2 p{color:#fff;}

.title-name{text-align:center;font-size:40px;font-weight:450;margin:100px 0;}
.title-text{height:15px;line-height:15px;font-size: 14px;vertical-align:text-top;}
.title-overview{text-align:center;color:#919191;font-size:14px;margin-top:20px;line-height:20px;}

.flexgrid{ display:flex;justify-content:space-between;flex-grow:2}
.flexcontent{box-sizing: border-box;background:#fff;width:23%;border-radius:10px;overflow:hidden;margin-top:50px; -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;}
.flexcontent img{width:54px;height:54px;margin:10px auto;display:block;}
.flexcontent:hover{ transform:translateY(-20px);transition: all .5s ease;box-shadow: 0px 0px 20px #dce8fa;}
.flexcontent:after{transform:translateY(0px);transition: all .5s ease;}
.line{width:20px;height:2px;background:#eee;margin:0 auto;margin-top:40px;}


.gn-name{font-size:24px;font-weight:bolder}
.gn-text{color:#bebebe;}
.flexgrid-gongneng{display:flex;justify-content:space-between;flex-grow:0;}
.flexgrid-gongneng-content{box-sizing: border-box;width:50%;overflow:hidden;padding:10px;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;}
.flexgrid-gongneng-content:hover{}
.flexgrid-gongneng-content:hover .gn-text{}
a.more-white{display: inline-block;width:70px;height:40px;background:#fff url(../img/more-arrow-red.png) no-repeat center center;background-size:30%}
a.more-white:hover{background:#000000 url(../img/more-arrow.png) no-repeat center center;background-size:30%}
a.more-black{display: inline-block;width:70px;height:40px;background:#000000 url(../img/more-arrow.png) no-repeat center center;background-size:30%}
a.more-black:hover{background:#FBC638 url(../img/more-arrow-red.png) no-repeat center center;background-size:30%}

.model-name{font-size:24px;}
.model-text{line-height:24px;text-align: justify;margin-top:20px;}
.white-text-alpha{color:rgba(255,255,255,0.9)}
.black-text-alpha{color:rgba(0,0,0,0.6)}
.downbtn{border:2px solid #0064ff;padding:8px 70px;text-align:center;color:#0064FF;border-radius: 50px;font-weight:600;display:inline-block;margin-bottom:40px;box-shadow: 0px 0px 8px #d7e2f3;}
a.downbtn:hover{background:#0064FF;box-shadow: 0px 0px 15px #d7e2f3;color:#fff;}
.shadow-logo{width:150px;height:150px;box-shadow: 0px -10px 8px #eee;border-radius: 150px;margin:10px auto;margin-top:50px;padding:10px;}

#m-footer{display: none;}
#footer{background:#1e1f1f;padding-top:30px;}
#footer .flex-footer{display: flex; flex-wrap:nowarp;justify-content: space-between;}
#footer .footer-col-l{width:56%;}
#footer .footer-col-c{width:30%;text-align: center;}
#footer .footer-col-r{width:30%;}
#footer .footer-col-r .scan-text{color:#636363;}
#footer .footer-col-r .erweima-footer{width:140px;height:140px;background:#fff;border-radius: 10px;}
#footer .footer-col-c img{width:70px;height:70px;display: inline-block;}
#footer .footer-col-c .phonenumber{font-size:40px;font-family: arial;font-weight: 200;color:#c8c8c8;}
#footer .footer-col-c .hour24{color:#636363;}
#footer .copyright{border-top:1px solid #282828;padding-top:20px;margin-top:40px;}


@media screen and (min-width: 1000px) and (max-width: 1366px) {
  
     .container{max-width:1200px;margin:0 auto;}
	 .header div.col-1{width:10%;}
	 .header div.col-1 .logo{width:100%;height:60px;margin-top:10px;}
	 .header div.col-1 .logo img{max-width: 100%;}
	 .banner-area-inner{background: url(../img/main-base.png) no-repeat top right;height:550px;background-size:40%;content:"";position:relative;display: block;}
	 .banner-text-inner{width:50%;position:absolute;left:0;}
	 .banner-mobile{width:30%;position:absolute;top:100px;right:-1.5%;animation: bounce 2s ease-in-out 0.5s infinite alternate;}
	 .banner-mobile img{max-width: 100%;}
	 .slogan{padding-top:30%;font-size:50px;font-weight:100;height:60px;height:60px;line-height:60px;}
	 .slogan-system{font-size:80px;font-weight:800;height:100px;line-height:100px;padding:0;}
	 .slogan-overview{color:#7f848b;margin-top:40px;line-height:30px;font-size:16px;}
	 .slogan-download-button a{background:#0064ff;border-radius: 50px;color:#fff;display:inline-block;padding:10px 70px;box-shadow: 0px 1px 8px #90b1e3;margin-top:50px;}
	 .slogan-download-button a:hover{background:#28303d;box-shadow: 0px 1px 8px #c1c1c1;}
  
}
@media screen and (min-width: 640px) and (max-width: 1200px) {

	 .container{max-width:1000px;}
}



@media screen and (max-width: 1000px) {

	  .container{max-width:1000px;overflow:hidden;}
	  .header{background: #f2f2f2;box-shadow: 0px 0px 5px #ccc;height:60px;opacity: 0.9;}
	  .header div.col-1 {width:150px;height:60px;margin-left:10px;margin-top:10px;}
	  .header div.col-1 .logo{width:100%;height:44px;margin-top:0px;background:url(../img/logo.png) no-repeat left center;background-size:80%}
	  .header div.col-1 .logo img{display:none;}
	  
	  .header div.col-3{width:40%;position: absolute;right:15px;}

	  .col-2{display: none;}
	  .col-3{display:block;}
	  
	  .company-text{background:#fff;}
	  
	
	  .m-menu{width:25px;height:20px;background:url(../img/m-menu.png) no-repeat center center;background-size:contain;right:10px;position:absolute;top:20px;}
      
	  .banner-area-inner{display:none;}
	  .m-banner{padding-top:50px;width: 100%;}
	  .slogan-system{font-size:30px;line-height:30px;margin-top:220px;height:30px}
	  .slogan-overview{font-size:12px;margin-top:20px;line-height:20px;}
	  .slogan-download-button a{background:#0064ff;border-radius: 50px;font-size:14px;color:#fff;display:inline-block;padding:3px 30px;box-shadow: 0px 1px 8px #90b1e3;margin-top:20px;}
	  .title-name{font-size:24px;margin:20px 0}
	  .title-overview{margin-top:10px;display: none;}
	  
	  .title-grid-name{font-size:24px;}
	  .flexgrid{ display:flex;flex-direction:column;}
	  .line{display:none;}
	  .flexcontent{box-sizing: border-box;;width:100%;border-radius:0px;overflow:hidden;margin-top:20px;}
	  .flexcontent img{width:44px;height:44px;margin:0px auto;}
	  .gn-name{font-size:18px;font-weight:bolder}
	  .gn-text{color:#bebebe;}
	  
	  .file-content{display: none;}
	  .gongneng{padding:0;background: #f9f9f9;}
	  .flexgrid-gongneng{display:flex;flex-direction:column;}
	  .flexgrid-gongneng-content{box-sizing: border-box;width:100%;border-radius:0px;overflow:hidden;}
	  .flexgrid-gongneng-content:hover{transform: scale(1);transition: all .35s ease;}
	  .company-left{width:90%;padding:5%;}
	  .company-right{display: none;}
	  .m-zubuchuhu{font-size:30px;}
	  .company-view{color:#999;text-align:justify}
	  .heart{font-size:20px;}
	  .model-name{font-size:18px;}
	  .model-text{font-size:14px;line-height:20px;margin-top:10px;}
	  #xiazai{display:none}
	  
	  #footer{display: none;}
	  .m-banner{display:block;}
	  #m-footer{display: block;}
	  #m-footer{background:#1e1f1f;padding:10px 20px;}
	  #m-footer .m-footer-logo{width:140px;}
	  #m-footer .graycolor{font-size:12px;line-height:22px;color:#5d5e5e;}
	  
	  .m-download-content{box-shadow: 0px 0px 5px #fff;border-radius: 5px;background:#fff;margin-bottom:25px;border:1px solid #fff;box-shadow: 0px 10px 20px #fff;}
	  .app-title{color:#222;font-size:20px;font-weight: 500;}
	  .app-version{color:#bebebe;font-size:12px;line-height:20px;margin-top:10px;}

}




@-webkit-keyframes rotate2d {
    0% {
       -webkit-transform: rotate(0deg);
               transform: rotate(0deg);
   }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }    
}
@keyframes rotate2d {
    0% {
       -webkit-transform: rotate(0deg);
               transform: rotate(0deg);
   }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }    
}
.rotate2d {
    -webkit-animation: rotate2d 2s linear infinite;
    animation: rotate2d 1s linear infinite;
}
@-webkit-keyframes rotate-2d {
    0% {
       -webkit-transform: rotate(0deg);
               transform: rotate(0deg);
   }
    100% {
        -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
    }    
}
@keyframes rotate-2d {
    0% {
       -webkit-transform: rotate(0deg);
               transform: rotate(0deg);
   }
    100% {
        -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
    }    
}
.rotate-2d {
    -webkit-animation: rotate-2d 2s linear infinite;
    animation: rotate-2d 1s linear infinite;
}

@-webkit-keyframes rotate3d {
    0% {
       -webkit-transform: rotateY(0deg);
               transform: rotateY(0deg);
   }
    100% {
        -webkit-transform: rotateY(360deg);
                transform: rotateY(360deg);
    }    
}

@keyframes rotate3d {
    0% {
       -webkit-transform: rotateY(0deg);
               transform: rotateY(0deg);
   }
    100% {
        -webkit-transform: rotateY(360deg);
                transform: rotateY(360deg);
    }    
}
.rotate3d {
    -webkit-animation: rotate3d 2s linear infinite;
    animation: rotate3d 1s linear infinite;
}

@-webkit-keyframes bounce {
    0% {
       -webkit-transform: translateY(0px);
               transform: translateY(0px);
    }
    50% {
       -webkit-transform: translateY(-30px);
               transform: translateY(-30px);
    }
     100% {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
      
}

@keyframes bounce {
    0% {
       -webkit-transform: translateY(0px);
               transform: translateY(0px);
    }
    50% {
       -webkit-transform: translateY(-30px);
               transform: translateY(-30px);
    }
     100% {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
      
}
.bounce {
    -webkit-animation: bounce 2s linear infinite;
    animation: bounce 1s linear infinite;
}

/* 21.08: Back to top */
.back-to-top{
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s all linear;
    transition: .3s all linear; 
}
   
.back-to-top.show {
    bottom: 50px;
    opacity: 1;
    visibility: visible;
    z-index: 999;
}
.back-to-top a {
    width: 25px;
    height: 25px;
    background: #FBC638;
    box-shadow: 1px 5px 19px rgba(0,0,0,0.15);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 12px;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 25px;
    bottom: 13%;
    right: 4%;
    position: fixed;
    z-index: 999;

}
.back-to-top a:hover {
    background: #fff;
	border:1px solid #FBC638;
    color: #FBC638;
}

.back-to-top a i{
   -webkit-animation: bounce2 3s linear infinite;
            animation: bounce2 3s linear infinite;
}