@font-face {
     font-family: 'icomoon';
     font-display: swap;
     font-style: normal;
     font-weight: 400;
     src: url("/wp-content/themes/www.globalsir.com/static/fonts/icomoon.woff") format("woff");
 }

 @font-face {
     font-family: 'icomoon2';
     font-display: swap;
     font-style: normal;
     font-weight: 400;
     src: url("/wp-content/themes/www.globalsir.com/static/fonts/bt/icomoon.woff") format("woff");
 }



 * {
     box-sizing: border-box;
 }

 a {
     text-decoration: none;
 }

 *:before,
 *:after {
     box-sizing: border-box;
 }

 body {


     font-family: 'Noto Sans SC', sans-serif;
     font-weight: 300;
     font-style: normal;
     margin: 0;
     background: #fff;
     color: #646874;
     position: relative;
     float: left;
     width: 100%;
 }

 input:focus::-webkit-input-placeholder {
     color: transparent;
 }

 input:focus:-moz-placeholder {
     color: transparent;
 }

 input:focus::-moz-placeholder {
     color: transparent;
 }

 input:focus:-ms-input-placeholder {
     color: transparent;
 }

 .fcdeep {
     color: #2d3341;
 }

 .fcn1 {
     color: #646874;
 }

 .fcn2 {
     color: #B0B9C1;
 }

 .blue {
     color: #4285F4;
 }

 .bluebk {
     background: #4285F4;
 }

 .cred {
     color: #C71826 !important;
 }

 h1,
 h2 {
     margin: 0px;
     padding: 0px;
 }

 .fb,
 .fb h1,
 .fb h2,
 .fb h3 {

     font-family: 'Noto Sans SC', sans-serif;
     font-weight: 900;
     font-style: normal;
 }

 .fb h3 {
     font-weight: 700;
 }

 .fn {


     font-family: 'Noto Sans SC', sans-serif;
     font-weight: 400;
     font-style: normal;
 }

 .lh1 {
     line-height: 25px;
 }

 .und {
     text-decoration: underline;
 }

 .zftop {
     margin-top: 5px;
 }

 .zwtop {
     margin-top: 30px;
 }

 .bbor {
     border-radius: 15px;
     border: 1px solid #DEDDDA;
 }

 .hbor {
     border-radius: 15px;
     overflow: hidden;
 }

 .dbor {
     border-radius: 0px 0px 15px 15px;
     border: 1px solid #DEDDDA;
     border-top: none;
 }

 .mbro {
     border-radius: 10px;
 }

 .ball {
     float: left;
     width: 100%;
     overflow-x: hidden;
     position: relative;
 }

 .conus-btn-f {
     float: left;
     width: 100%;
     margin-top: 60px;
 }

 .conus-btn {
     float: left;
     background: #4285F4;
     padding-left: 25px;
     padding-right: 25px;
     height: 50px;
     color: #fff;
     font-size: 16px;
     line-height: 50px;
     border-radius: 25px;
     margin-bottom: 50px;
     margin-left: calc(50% - 161px);
     cursor: pointer;
     text-align: center;
 }

 h1,
 h2,
 h3 {
     font-size: 1em;
     font-weight: normal;
     margin-block-start: 0em;
     margin-block-end: 0em;
 }

 .lazy-f {
     float: left;
     width: 100%;
 }

 .lazy-f img {
     transition: all 0.6s ease 0s;
 }

 img {
     height: auto;
 }

 .c231815 {
     color: #231815;
 }

 .c333 {
     color: #333;
 }

 .w1200 {
     float: left;
     width: 1200px;
     margin-left: calc(50% - 600px);
     position: relative;
 }

 .w1420 {
     float: left;
     width: 1500px;
     margin-left: calc(50% - 750px);
     position: relative;
 }

 .w1400 {
     float: left;
     width: 1380px;
     margin-left: calc(50% - 690px);
     position: relative;
 }

 .w910 {
     float: left;
     width: 910px;
     margin-left: calc(50% - 455px);
     position: relative;
 }

 .w810 {
     float: left;
     width: 810px;
     margin-left: calc(50% - 405px);
 }

 .pic-img {
     float: left;
     width: 100%;
 }

 .header-f {
     width: 100%;

     position: fixed;
     z-index: 99;
     top: 0px;
     left: 0px;
     transition: all 1s ease 0s;

 }

 .mob-fix-foot {
     position: fixed;
     z-index: 100;
     width: 100%;
     height: 50px;
     background: rgba(255, 255, 255, .5);
     bottom: 0px;
     display: none;
     box-shadow: rgb(0 0 0 / 20%) 6px 10px 15px;
 }

 .mob-fix-ft-cet {
     float: left;
     width: 220px;
     margin-left: calc(50% - 110px);
     margin-top: 10px;
 }

 .mob-f-foot-conusbtn {
     float: left;
     width: 90px;
     height: 30px;
     background: #FF7E0E;
     border-radius: 15px;
     line-height: 30px;
     text-align: center;
     color: #fff;
     font-size: 14px;
     transition: all 0s ease 0s;
 }

 .mob-f-foot-conusbtn2 {
     float: right;
     width: 90px;
     height: 30px;
     background: #4285F4;
     border-radius: 15px;
     line-height: 30px;
     text-align: center;
     color: #fff;
     font-size: 14px;
     margin-left: 30px;
     transition: all 0s ease 0s;
 }

 .acttopf {
     position: fixed;
     width: 100%;
     background: #EB760D;
     transition: all 1s ease 0s;
     height: 0px;
     overflow: hidden;
     left: 0px;
     top: 0px;
     z-index: 999
 }

 .acttclose {
     position: absolute;
     width: 30px;
     height: 30px;
     right: 20px;
     top: 20px;
     cursor: pointer;
 }

 .acttclose:before {
     content: '\e60b';
     position: absolute;
     font-family: icomoon;
     font-size: 16px;
     color: #000;
     line-height: 30px;
     width: 100%;
     height: 100%;
     text-align: center;
 }

 .acttopimg {
     float: Left;
     width: 100%;
 }

 .head-top-center-f {
     float: left;
     width: 1200px;
     margin-left: calc(50% - 600px);
     position: relative;
 }

 .ht-cet {
     margin-top: 15px;
     margin-bottom: 15px;
 }

 .head-top-c-txt-f {
     float: left;
     width: 430px;

     height: 30px;
     overflow: hidden;
 }

 .ht-loop-sin {
     float: left;
     width: 100%;
     color: #fff;
     line-height: 30px;
     font-size: 16px;
 }

 .lastest-info-btn {
     float: left;
     background: #fff;
     border-radius: 15px;
     color: #EB760D;
     font-size: 15px;
     padding: 2px 15px;
     font-weight: bold;
     font-family: PingFangSC-Regular, SimSun;
     margin-top: 5px;
     margin-left: 20px;
 }

 .lastest-info-btn:hover {
     background: #C71826;
     color: #fff;
 }

 .head-top-c-cross {
     position: absolute;
     right: 0px;
     height: 42px;
     width: 40px;
     top: -5px;
     cursor: pointer;
 }

 .head-top-c-cross:before {
     content: "\e900";
     float: left;
     width: 100%;
     text-align: center;
     height: 42px;
     line-height: 42px;
     color: #fff;
     font-size: 22px;
     font-family: icomoon2;
 }

 .ab-topline {
     float: left;
     width: 100%;
 }

 .footer-f {
     float: left;
     width: 100%;
     margin-top: 30px;
 }

 .footer {
     float: left;
     width: 100%;
     background: #F9F9F9;
     padding-bottom: 50px;
 }

 .foot-cet {
     margin-top: 50px;
 }

 .ft-box1 {
     float: left;
     width: 100%;
 }

 .logo-2-f {
     float: left;
     width: 100%;
 }

 .lg2 {
     float: left;
     width: 72px;
     margin-left: calc(50% - 36px);
 }

 .ft-b2-link-f {
     float: left;
     width: 100%;
     margin-top: 40px;
     text-align: center;
 }

 .b2-l-a {
     font-size: 14px;
     position: relative;
 }

 .b2-l-a:hover {
     color: #000;
 }

 .b2la-spl:before {
     content: "";
     position: absolute;
     right: -8px;
     top: 3px;
     width: 1px;
     height: 15px;
     background: #666;
 }

 .ft-b2-slog-f {
     float: left;
     width: 100%;
     text-align: center;
     font-size: 14px;
     margin-top: 25px;
     line-height: 22px;
 }

 .ft-b3 {
     float: left;
     width: 100%;
     margin-top: 60px;
 }

 .ft-outlink-sin {
     float: left;
     width: 12.5%;
 }

 .ftol-img {
     float: left;
     width: 100%;
 }

 .ft-b4 {
     float: left;
     width: 100%;
     text-align: center;
     font-size: 14px;
     margin-top: 50px;
     display: flex;
     justify-content: center;
 }

 .ft-cbet {
     display: flex;
 }

 .foda {
     display: flex;
 }

 .ft-cbet a {
     margin-left: 20px;

 }

 .ft-b4 a {
     color: #646874;
 }

 .header-nav-f {
     float: left;
     width: 100%;
     padding-bottom: 35px;
     transition: all 0.6s ease 0s;
     background: rgba(0, 0, 0, 0);
 }

 .head-nav-center-f {
     margin-top: 25px;
     transition: all 0.6s ease 0s;
 }

 .header-nav-logo-f {
     float: left;
     width: 210px;
     transition: all 0.6s ease 0s;
 }

 .header-nav-logo-f img {
     float: left;
     width: 100%;
 }

 .header-nav-main {
     float: right;
     width: calc(100% - 210px);
     margin-top: 20px;
 }

 .h-nav-r-f {
     float: right;
     margin-right: 20px;
     margin-top: 0px;
 }

 .nav-s-1 {
     float: left;
     position: relative;
 }

 .nav-s-1-ser {
     position: static;
 }

 .nav-l1 {
     float: left;
     padding-left: 20px;
     padding-right: 20px;
     line-height: 70px;
     color: #222222;
     font-size: 16px;
     position: relative;
     transition: all 0.6s ease 0s;
 }

 .nav-l1:before {
     content: "";
     width: 0px;
     height: 3px;
     background: #222222;
     left: calc(50% - 10px);
     bottom: 15px;
     position: absolute;
     transition: width 0.6s ease 0s;
 }

 .selectnav:before {
     width: 20px;
 }

 .ib-fix-nav-f {
     position: absolute;
     width: 1200px;
     left: calc(50% - 600px);
     top: 75px;
     display: none;
 }

 .ib-f-n-d-f {
     float: left;
     width: 100%;
     margin-top: 1px;
     background: #fff;
     border-radius: 5px;
     box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
 }

 .ib-fix-nav-sin {
     float: left;
     width: 20%;
     position: relative;
 }

 .ib-fix-nav-sin:hover .ib-fix-nav-txt {
     color: #000;
 }

 .ib-fix-nav-sin:before {
     content: "";
     position: absolute;
     right: 0px;
     top: 15px;
     width: 1px;
     height: 55px;
     background: #DDDDDD;
 }

 .ibfnavs-none:before {
     width: 0px;
     height: 0px;
 }

 .ib-fix-nav-sa {
     float: left;
     margin: 10px 15px;
     width: calc(100% - 30px);
     border-radius: 5px;
 }

 .ib-fix-nav-sain {
     float: left;
     margin: 5px 7px;
     width: calc(100% - 14px);
 }

 .ib-fix-s-img-f {
     float: left;
     width: 53px;
 }

 .ib-fix-s-img {
     float: left;
     width: 100%;
 }

 .ib-fix-nav-txt {
     float: left;
     margin-left: 10px;
     width: calc(100% - 63px);
     font-size: 16px;

     margin-top: 17px;
 }

 .ib-t1 {
     font-size: 60px;
     font-weight: bold;
 }

 .ib-t2 {
     font-size: 26px;
 }

 .nav-f-2 {
     position: absolute;
     top: 70px;
     left: 18px;
     min-width: 100%;
     z-index: 100;

     display: none;
 }

 .nav-f-2-d {
     float: left;
     width: 100%;
     border-radius: 5px;
     background-color: #fff;
     box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
     overflow: hidden;
     margin-top: 1px;
 }

 .nav-s-2 {
     float: left;
     width: 100%;
     position: relative;
     border-bottom: 1px solid #F2F2F2;
 }

 .nav-s-2:last-child {
     border-bottom: none;
 }

 .nav-s-2:hover {
     background: #F0F0F0;
 }

 .nav-s-2-a {
     float: left;
     padding: 10px 30px 10px 20px;
     font-size: 16px;
     position: relative;
     white-space: nowrap;
     text-transform: Uppercase;
 }

 .nav-s-1:hover .nav-f-2 {
     display: block;
 }

 .nav-s-1-ser:hover .ib-fix-nav-f {
     display: block;
 }

 .idxdown:before {
     background: #231815;
 }

 .nav-l1:hover:before {
     width: 20px;
 }

 .inpageseldown:before {
     bottom: 15px;
 }

 .hotico {
     position: relative;
 }

 .hotico:after {
     content: '';
     position: absolute;
     top: 0px;
     left: 20px;
     width: 45px;
     height: 21px;
     background: url(static/images/hot.png) no-repeat center
 }

 .hotico2:after {
     content: '';
     position: absolute;
     top: 0px;
     left: 20px;
     width: 74px;
     height: 21px;
     background: url(static/images/duodao.png) no-repeat center;
     background-size: 100%;
 }

 .h-btn-nav-f {
     float: right;
     margin-top: 8px;
     margin-left: 0px;
 }

 .h-btn-nav-ck {
     float: left;
     padding-left: 25px;
     padding-right: 25px;
     height: 50px;
     line-height: 50px;
     background: #FF7E0E;
     border-radius: 25px;
     color: #fff;
     font-size: 16px;
     margin-top: 0px;
 }

 .h-btn-nav-ck:hover {
     background: #C71826;
 }

 .h-btn-nav-cous {
     float: left;
     padding-left: 25px;
     padding-right: 25px;
     height: 50px;
     line-height: 50px;
     background: #4285F4;
     border-radius: 25px;
     color: #fff;
     font-size: 16px;
     margin-top: 0px;
     margin-left: 40px;
 }

 .h-btn-nav-cous:hover {
     background: #C71826;
 }

 .mobile-header {
     position: fixed;
     left: 0px;
     width: 100%;
     display: none;
     z-index: 1000;
     background: rgba(255, 255, 255, 0);
     transition: all 0.6s ease 0s;
 }

 .mobile-tool {
     float: left;
     width: 100%;
     height: 54px;
 }

 .mobile-tool-center {
     float: left;
     width: 94%;
     margin-left: 3%;
     height: 100%;
 }

 .mobile-logo-f {
     float: left;
     width: 55px;
     margin-top: 5px;
 }

 .mobile-logo-f:before {
     content: '';
     display: inline-block;
     height: 100%;
     vertical-align: middle;
 }

 .mob-logo-img {
     float: left;
     width: 100%;
 }

 .mobile-menu {
     cursor: pointer;
     float: right;
     width: 30px;
     text-align: center;
     transition: all 0.6s ease 0s;
 }

 .mobile-menu:before {
     content: '\e637';
     display: block;
     font-family: icomoon;
     font-size: 25px;
     color: #fff;
     line-height: 60px;
     float: left;
     transition: all 0.6s ease 0s;
 }

 .momenublank:before {
     color: #000;
 }

 .mobile-dowshow {
     position: fixed;
     width: 100%;
     background: rgba(0, 0, 0, .6);
     transition: all 0.6s ease 0s;
     overflow: hidden;
     padding-bottom: 20px;
     height: 100%;
     z-index: 99;
     left: 0px;
     top: -100%;
 }

 .mob-downclose {
     width: 40px;
     height: 40px;
     float: right;
     margin-right: 10px;
     margin-top: 30px;
 }

 .mob-downclose:before {
     content: '\e60b';
     display: block;
     font-family: icomoon;
     font-size: 25px;
     color: #999;
     line-height: 40px;
     float: left;
 }

 .mob-nav1 {
     float: left;
     width: 100%;
     margin-top: 70px;
 }

 .mob-nav-s1 {
     float: left;
     width: 100%;
     position: relative;
 }

 .mob-col-name1 {
     float: left;
     width: 100%;
     position: relative;
 }

 .mob-col-name1:before {
     content: '';
     position: absolute;
     bottom: 0px;
     left: 0px;
     width: 0;
     height: 1px;
     background: #1370ab;
     transition: all 0.6s ease 0s;
 }

 .mob-nav-a1 {
     float: left;
     width: 100%;
     text-align: center;
     font-size: 20px;
     padding-top: 13px;
     padding-bottom: 10px;
     color: #fff;
 }

 .moba-t1 {
     position: relative;
 }

 .mobcusevo,
 .mobhotico {
     position: relative;
 }

 .mobcusevo:before {
     content: "";
     position: absolute;
     left: -84px;
     top: 2px;
     background: url(static/images/rightduodao.png) no-repeat;
     width: 74px;
     height: 21px;
 }

 .mobhotico:before {
     content: "";
     position: absolute;
     left: -55px;
     top: 2px;
     background: url(static/images/righthot.png) no-repeat;
     width: 45px;
     height: 21px;
 }

 .moba-t1-1 {
     color: #fff;
 }

 .mob-nav-btn2 {
     position: absolute;
     top: 4px;
     right: -30px;
     width: 20px;
     height: 20px;
 }

 .mob-nav-btn2:before {
     content: "";
     position: absolute;
     left: 3px;
     top: 6px;
     width: 0;
     height: 0;
     border: 7px solid transparent;
     border-top-color: #fff;
     overflow: hidden;
 }

 .mob-nav-btnup {
     position: absolute;
     top: 4px;
     right: -30px;
     width: 20px;
     height: 20px;
 }

 .mob-nav-btnup:before {
     content: "";
     position: absolute;
     left: 3px;
     top: 6px;
     width: 0;
     height: 0;
     border-left: 7px solid transparent;
     border-right: 7px solid transparent;
     border-bottom: 7px solid #fff;
 }

 .mob-nav2 {
     display: none;
     float: left;
     width: 100%;
 }

 .mob-nav-s2 {
     float: left;
     width: 100%;
     text-align: center;
     font-size: 16px;
     padding-top: 13px;
     padding-bottom: 10px;
     color: #fff;
 }

 .mob-nav-a2 {
     color: #fff;
 }

 .goTop {
     cursor: pointer;
     position: fixed;
     display: block;
     width: 38px;
     height: 38px;
     color: #fff;
     font-size: 14px;
     text-align: center;
     background-image: url(static/images/sprite.png);
     background-repeat: no-repeat;
     background-position: 0 -150px;
     bottom: 30px;
     right: 5px;
     z-index: 9999;
 }

 .com-r-fix {
     position: fixed;
     width: 196px;
     top: 50%;
     transform: translateY(-50%);

     right: 10px;
     z-index: 999;
     transition: all .6s ease 0s;
 }

 .com-fix-b1 {
     float: left;
     width: 100%;
     border-radius: 98px 98px 10px 10px;
     box-shadow: 0 1px 15px 0 rgba(0, 0, 0, .15);
     overflow: hidden;
 }

 .getres-f {
     float: left;
     width: 100%;
     background: #fff;
     border-radius: 10px;
     box-shadow: 0 1px 15px 0 rgba(0, 0, 0, .15);
     margin-top: 5px;
 }

 .getres-img {
     float: left;
     width: 25px;
     margin-left: calc(50% - 12.5px);
     margin-top: 10px;
 }

 .ger-txt {
     float: left;
     width: 100%;
     text-align: center;
     color: #FF7E00;
     font-weight: bold;
     font-size: 12px;
     margin-top: 5px;
 }

 .ger-txt2 {
     float: left;
     width: 100%;
     text-align: center;
     color: #FF7E00;
     font-size: 12px;
     margin-top: 5px;
     margin-bottom: 10px;
 }

 .com-rf-top {
     float: left;
     width: 100%;
     height: 80px;
     background: #BC1A27;
     position: relative;

 }

 .com-rft-img {
     position: absolute;
     width: 76px;
     left: calc(50% - 38px);
     bottom: 0px;
 }

 .com-rf-m {
     float: left;
     width: 100%;
     background: #fff;
 }

 .com-rf-cet {
     float: left;
     margin: 20px 4px;
     width: calc(100% - 8px);
 }

 .crf-t1 {
     float: left;
     width: 100%;
     font-size: 14px;
     color: #BB1B26;
     font-weight: bold;
     text-align: center;
 }

 .crf-t2 {
     float: left;
     width: 100%;
     font-size: 12px;
     color: #000000;
     margin-top: 15px;
     text-align: center;
 }

 .red {
     color: #BB1B26;
 }

 .cef-w2-f {
     float: left;
     width: 150px;
     margin-top: 18px;
     position: relative;
     margin-left: calc(50% - 75px);
 }

 .cef-g1 {
     position: absolute;
     width: 20px;
     height: 1px;
     background: #4285F4;
     left: 0px;
     top: 0px;
 }

 .cef-g1:before {
     content: "";
     position: absolute;
     width: 1px;
     height: 20px;
     background: #4285F4;
     left: 0px;
     top: 0px;
 }

 .cef-g2 {
     position: absolute;
     width: 20px;
     height: 1px;
     background: #4285F4;
     right: 0px;
     top: 0px;
 }

 .cef-g2:before {
     content: "";
     position: absolute;
     width: 1px;
     height: 20px;
     background: #4285F4;
     right: 0px;
     top: 0px;
 }

 .cef-g3 {
     position: absolute;
     width: 20px;
     height: 1px;
     background: #4285F4;
     left: 0px;
     bottom: 0px;
 }

 .cef-g3:before {
     content: "";
     position: absolute;
     width: 1px;
     height: 20px;
     background: #4285F4;
     left: 0px;
     bottom: 0px;
 }

 .cef-g4 {
     position: absolute;
     width: 20px;
     height: 1px;
     background: #4285F4;
     right: 0px;
     bottom: 0px;
 }

 .cef-g4:before {
     content: "";
     position: absolute;
     width: 1px;
     height: 20px;
     background: #4285F4;
     right: 0px;
     bottom: 0px;
 }

 .crf-t3 {
     float: left;
     width: 100%;
     font-size: 12px;
     color: #636875;
     margin-top: 20px;
     text-align: center;
 }

 .crf-t4 {
     float: left;
     width: 100%;
     font-size: 12px;
     color: #4285F4;
     margin-top: 5px;
     text-align: center;
 }

 .cef-w2 {
     float: left;
     margin: 1px;
     width: calc(100% - 2px);
 }

 .chatToolBox {
     position: fixed;
     width: 40px;
     bottom: 150px;
     right: 0px;
     line-height: 1.5;
     z-index: 999;
     transition: all .6s ease 0s;
     background: #377CFD;
     display: none;
 }

 .ctb-cet {
     float: left;
     width: 20px;
     margin-left: 15px;
     margin-top: 15px;
     margin-bottom: 15px;
 }

 .ctb-ico {
     float: Left;
     background: url(static/images/tda.png) no-repeat;
     width: 19px;
     height: 20px;
     margin-left: -3px;
 }

 .ctb-txt {
     float: left;
     width: 100%;
     font-size: 14px;
     color: #fff;
     margin-top: 5px;
 }

 .cbt-show {
     position: absolute;
     width: 420px;
     top: 0px;
     left: -420px;
     z-index: 999;
     display: none;
 }

 .cbt-main {
     float: left;
     width: 400px;
     background: #fff;
     border-radius: 5px;
     box-shadow: 0 5px 9px 0 rgba(0, 0, 0, .2);
     position: relative;
 }

 .cst-cet {
     float: left;
     width: 360px;
     margin: 20px;
 }

 .cst-img {
     float: left;
     width: 105px;
 }

 .cst-txt {
     float: left;
     margin-left: 22px;
     width: calc(100% - 105px - 22px);
 }

 .cst-t1 {
     float: left;
     width: 100%;
     color: #333;
     font-size: 17px;
     font-weight: 900;
 }

 .cst-t2 {
     float: left;
     width: 100%;
     color: #666;
     font-size: 13px;
     line-height: 20px;
     margin-top: 5px;
 }

 .bkd {
     float: left;
     width: 20px;
     height: 100px;
 }

 .cst-close-f {
     float: left;
     width: 100%;
     display: none;
 }

 .cst-close {
     float: right;
     width: 20px;
     height: 20px;
     position: relative;
     margin-top: 0px;
     margin-right: 0px;
     cursor: pointer;
 }

 .cst-close:before {
     content: "\e900";
     float: left;
     width: 100%;
     text-align: center;
     height: 20px;
     line-height: 20px;
     color: #333;
     font-size: 12px;
     font-family: icomoon2;
 }

 .lev-f {
     position: fixed;
     width: 100%;
     height: 100%;
     background-color: rgb(238, 241, 247);
     z-index: 999999999;
     display: none;
 }

 .sweet-overlay,
 .sweet-alert {
     z-index: 999999999 !important;
 }

 .lev-cet {
     width: 1400px;
     position: absolute;
     top: 50%;
     left: calc(50% - 700px);
     -webkit-transform: translate(0, -50%);
 }

 .lev-close {
     position: absolute;
     right: 0px;
     top: -70px;
     width: 25px;
     height: 25px;
     background-color: #C71826;
     border-radius: 50%;
     cursor: pointer;
 }

 .lev-close:before {
     content: "\e900";
     font-size: 12px;
     color: #fff;
     position: absolute;
     font-family: icomoon2;
     left: 7px;
     top: 7px;
 }

 .lev-img-f {
     float: left;
     width: 32%;
     background: #FC5E5C;
     border-radius: 15px;
 }

 .lev-r {
     float: left;
     width: 63%;
     margin-left: 5%;
     position: relative;
 }

 .lev-r-in {
     position: absolute;
     width: 580px;
     top: calc(50% - 30px);
     left: 50%;
     height: 246px;
     -webkit-transform: translateX(-50%) translateY(-50%);

 }

 .lev-r-bk {
     float: left;
     width: 100%;
     z-index: -1;
 }

 .lev-img-cet {
     float: left;
     margin: 60px;
     width: calc(100% - 120px);
 }

 .lev-img {
     float: left;
     width: 100%;
 }

 .lev-img-t1 {
     float: left;
     width: 100%;
     margin-top: 20px;
     color: #fff;
     font-size: 16px;
     text-align: center;
 }

 .lev-r-tit {
     float: left;
     width: 100%;
     color: #141414;
     font-size: 44px;
 }

 .levrt2 {
     text-align: center;
 }

 .levrt3 {
     width: 825px;
     margin-left: -100px;
 }

 .lev-r-t2 {
     float: left;
     width: calc(100% - 35px);
     margin-top: 10px;
     font-size: 16px;
     color: #545454;
     padding-left: 35px;
     position: relative;
 }

 .lev-r-t2:before {
     content: "";
     position: absolute;
     width: 20px;
     height: 20px;
     background: url(static/images/lvlvgou.png) no-repeat;
     left: 0px;
     top: 3px;
 }

 .lev-r-t3 {
     float: left;
     width: 100%;
     margin-top: 15px;
     font-size: 16px;
     color: #545454;
 }

 .lev-r-message-f {
     float: left;
     width: 100%;
     margin-top: 25px;
 }

 input,
 textarea:focus {
     outline: none;
 }

 ::-webkit-input-placeholder {
     /* WebKit browsers */
     color: #999;
 }

 ::-moz-placeholder {
     /* Mozilla Firefox 19+ */
     color: #999;
 }

 :-ms-input-placeholder {
     /* Internet Explorer 10+ */
     color: #999;
 }

 .lev-r-mess-in {
     float: left;
     width: calc(50% - 5px);
     border: 1px solid #bec8de;
     font-size: 14px;
     padding-top: 15px;
     padding-bottom: 15px;
     padding-left: 15px;
 }

 .levrmin2 {
     margin-left: 10px;
 }

 .lev-r-m-btn {
     float: left;
     background: #d75351;
     font-size: 14px;
     width: 99%;
     border-radius: 3px;
     color: #fff;
     height: 45px;
     line-height: 45px;
     font-size: 14px;
     text-align: center;
     margin-top: 15px;
     cursor: pointer;
 }

 .lev-r-m-btn:hover {
     background: #c02d2b;
 }

 .lev-r-t4 {
     float: left;
     width: 100%;
     margin-top: 5px;
     font-size: 16px;
     color: #545454;
 }

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

     .lev-cet {
         width: 800px;
         left: calc(50% - 400px);
     }

     .lev-r-tit {
         font-size: 28px;
     }

     .levrt2 {
         text-align: left;
     }

     .levrt3 {
         width: 100%;
         margin-left: 0px;
     }

     .lev-r-in {
         position: absolute;
         width: 100%;
         top: 0px;
         left: 0%;
         height: auto;
         -webkit-transform: translateX(0%) translateY(0%);
     }
 }

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

     .crf-t2 {
         display: none;
     }

     .nav-l1 {
         padding-left: 15px;
         padding-right: 15px;
     }

     .h-btn-nav-cous {
         padding-left: 15px;
         padding-right: 15px;
         margin-left: 20px;
     }

     .h-btn-nav-ck {
         padding-left: 15px;
         padding-right: 15px;
     }
 }

 @media screen and (min-width: 850px) {
     .chatToolBox:hover .cbt-show {
         display: block;
     }
 }

 @media screen and (max-width: 1520px) {
     .w1420 {
         width: 94%;
         margin-left: 3%;
     }
 }

 @media screen and (max-width: 1460px) {
     .ib-fix-nav-f {
         width: 94%;
         left: 3%;
     }
 }

 @media screen and (max-width: 1200px) {
     .h-btn-nav-cous {
         margin-left: 40px;
     }

     .nav-f-2 {
         top: 50px;
     }

     .ib-fix-nav-f {
         top: 60px;
     }

     .header-nav-main {
         width: calc(100% - 120px);
     }

     .h-btn-nav-f {
         margin-top: 6px;
         margin-left: 10px;
     }

     .h-btn-nav-cous,
     .h-btn-nav-ck {
         padding-left: 10px;
         padding-right: 10px;
         height: 35px;
         line-height: 35px;
         border-radius: 17px;
         font-size: 16px;
     }

     .nav-l1 {
         padding-left: 15px;
         padding-right: 15px;
         line-height: 50px;
         font-size: 16px;
     }

     .header-nav-logo-f {
         width: 120px !important;
     }
 }

 .com-sm-btn {
     position: absolute;
     width: 80px;
     height: 196px;
     overflow: hidden;
     border-radius: 0px 10px 10px 0px;
     bottom: 90px;
     right: 0px;
     z-index: 999;
     transition: all .6s ease 0s;
     top: calc(50% - 98px);
     display: none;
 }

 .com-sm-in-t {
     float: left;
     width: 120px;
     height: 196px;
     background: #BC1A27;
     border-radius: 98px 0px 0px 98px;
     overflow: hidden;
     position: relative;
 }

 .com-sm-fx-img {
     position: absolute;
     height: 76px;
     right: 0px;
     top: 60px;
 }

 .com-r-fixm {
     float: left;
     width: 100%;
     transition: all .6s ease 0s;
 }

 @media screen and (max-width: 1500px) {
     .w1400 {
         width: 94%;
         margin-left: 3%;
     }
 }

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

     .com-r-fix:hover .com-r-fixm {
         margin-left: 0px;
     }

     .com-r-fix:hover .com-sm-btn {
         display: none;
     }

     .com-sm-btn {
         display: block;
     }

     .com-r-fixm {
         margin-left: 250px;
     }
 }

 @media screen and (max-width: 1300px) {
     .ab-topline {
         width: 1300px !important;
         margin-left: calc(50% - 650px) !important;
     }

     .w1200 {
         width: 94%;
         margin-left: 3%;
     }
 }

 @media screen and (max-width: 900px) {
     .w810 {
         width: 94% !important;
         margin-left: 3% !important;
     }

     .h-btn-nav-cous {
         margin-left: 10px;
     }

     .nav-l1 {
         padding-left: 5px;
         padding-right: 5px;
     }
 }

 @media screen and (max-width: 950px) {
     .lev-cet {
         width: 94%;
         left: 3%;
     }

     .w910 {
         width: 94%;
         margin-left: 3%;
     }
 }

 @media screen and (max-width: 850px) {
     .ft-cbet a {
         margin-top: 5px;
     }

     .ft-cbet {
         flex-wrap: wrap;
     }

     .goTop {
         bottom: 60px;
     }

     .mob-fix-foot {
         display: block;
     }

     .com-r-fix {
         display: none;
     }

     .cst-close-f {
         display: block;
     }

     .cst-img {
         width: 100%;
         margin-left: 0px;
     }

     .cst-txt {
         margin-left: 0px;
         width: 100%;
     }

     .cst-cet {
         width: 210px;
         margin: 20px;
     }

     .cbt-main {
         width: 250px;
     }

     .cbt-show {
         width: 270px;
         left: -270px;
         top: -150px;
     }

     .cu-f {
         margin-top: 30px !important;
     }

     .footer {
         padding-bottom: 70px;
     }

     .ft-b4 {

         margin-top: 30px;
     }

     .ft-b3 {
         margin-top: 30px;
     }

     .ft-outlink-sin {
         width: 25%;
         margin-top: 10px;
     }

     .ft-b2-link-f {
         margin-top: 30px;
     }

     .header-f {
         display: none;
     }

     .mobile-logo-f {
         width: 100px;
     }

     .mobile-header {
         display: block;
     }

     .ht-cet {
         margin-top: 7px;
         margin-bottom: 10px;
     }

     .head-top-c-cross:before {
         height: 30px;
         line-height: 30px;
         font-size: 18px;
     }

     .head-top-c-cross {
         right: 0px;
         height: 30px;
         width: 30px;
         top: -2px;
     }

     .header-top-f {
         height: 42px;
     }

     .head-top-c-txt-f {
         width: calc(100% - 60px);
         height: 25px;
     }

     .lastest-info-btn {
         display: none;
     }
 }

 @media screen and (max-width:850px) {
     .fs-95 {
         font-size: 48px !important;
     }

     .fs-90 {
         font-size: 45px !important;
     }

     .fs-88 {
         font-size: 43px !important;
     }

     .fs-85 {
         font-size: 42px !important;
     }

     .fs-80 {
         font-size: 40px !important;
     }

     .fs-74 {
         font-size: 38px !important;
     }

     .fs-67 {
         font-size: 37px !important;
     }

     .fs-62 {
         font-size: 36px !important;
     }

     .fs-60 {
         font-size: 35px !important;
     }

     .fs-50 {
         font-size: 28px !important;
     }

     .fs-48 {
         font-size: 30px !important;
     }

     .fs-46 {
         font-size: 27px !important;
     }

     .fs-40 {
         font-size: 28px !important;
     }

     .fs-38 {
         font-size: 25px !important;
     }

     .fs-36 {
         font-size: 18px !important;
     }

     .fs-35 {
         font-size: 18px !important;
     }

     .fs-33 {
         font-size: 18px !important;
     }

     .fs-32 {
         font-size: 18px !important;
     }

     .fs-31 {
         font-size: 18px !important;
     }

     .fs-30 {
         font-size: 18px !important;
     }

     .fs-29 {
         font-size: 17px !important;
     }

     .fs-28 {
         font-size: 17px !important;
     }

     .fs-27 {
         font-size: 17px !important;
     }

     .fs-26 {
         font-size: 16px !important;
     }

     .fs-25 {
         font-size: 16px !important;
     }

     .fs-24 {
         font-size: 16px !important;
     }

     .fs-23 {
         font-size: 16px !important;
     }

     .fs-22 {
         font-size: 16px !important;
     }

     .fs-21 {
         font-size: 15px !important;
     }

     .fs-20 {
         font-size: 15px !important;
     }

     .fs-19 {
         font-size: 15px !important;
     }

     .fs-18 {
         font-size: 14px !important;
     }

     .fs-17 {
         font-size: 14px !important;
     }

     .fs-16 {
         font-size: 14px !important;
     }

     .fs-15 {
         font-size: 13px !important;
     }

     .fs-14 {
         font-size: 12px !important;
     }

     .fs-13 {
         font-size: 12px !important;
     }
 }







 .inbanner-f {
     float: left;
     width: 100%;
     background-image: linear-gradient(45deg, #f53844 20%, #42378f);
     padding-top: 200px;
     padding-bottom: 200px;
     text-align: center;
     color: #fff;
     position: relative;
 }

 .brenav-f {
     float: left;
     width: 100%;
     padding-top: 15px;
     background: #FAFAFA;
 }

 .brenav-sin {
     float: left;
     font-size: 14px;
     position: relative;
     padding-right: 7px;
     margin-left: 5px;
 }

 .brenav-sin:last-child {
     color: #2d3341;
 }

 .brenav-sin:hover {
     color: #000;
 }

 .brenav-sin:before {
     content: "";
     position: absolute;
     right: 0px;
     top: 3px;
     background: #B0B9C1;
     width: 1px;
     height: 12px;
 }

 .brenav-sin:last-child:before {
     background: #888;
     width: 0px;
     height: 0px;
 }

 .ib-t2-f {
     float: left;
     width: 100%;
 }

 .ib-t2-t1 {
     float: left;
     width: 100%;
     text-align: center;
     color: #fff;
     font-size: 46px;
     font-weight: bold;
 }

 .ib-t2-t2 {
     float: left;
     width: 100%;
     text-align: center;
     margin-top: 15px;
     font-size: 18px;
     line-height: 25px;
 }

 .ib-text-f {
     float: left;
     width: 826px;
     margin-left: calc(50% - 413px);
     position: relative;
     display: flex;
     text-align: left;
 }

 .ib-text-f-m {
     float: left;
     margin-left: 30px;
 }

 .ib-fda {
     margin: 0px auto;
 }

 .ib-tico {
     float: left;
     background: url('static/images/logo3.png') no-repeat;
     margin-top: -10px;
     width: 109px;
     height: 128px;
 }

 .ib-fix-nav-sin {
     float: left;
     width: 20%;
     position: relative;
 }

 .ib-fix-nav-sin:hover .ib-fix-nav-txt {
     color: #000;
 }

 .ib-fix-nav-sin:before {
     content: "";
     position: absolute;
     right: 0px;
     top: 15px;
     width: 1px;
     height: 55px;
     background: #DDDDDD;
 }

 .ibfnavs-none:before {
     width: 0px;
     height: 0px;
 }

 .ib-fix-nav-sa {
     float: left;
     margin: 10px 15px;
     width: calc(100% - 30px);
     border-radius: 5px;
 }

 .ib-fix-nav-sain {
     float: left;
     margin: 5px 7px;
     width: calc(100% - 14px);
 }

 .ib-fix-s-img-f {
     float: left;
     width: 53px;
 }

 .ib-fix-s-img {
     float: left;
     width: 100%;
 }

 .ib-fix-nav-txt {
     float: left;
     margin-left: 10px;
     width: calc(100% - 63px);
     color: #888;
     font-size: 15px;
     font-weight: bold;
     font-family: PingFangSC-Regular;
     margin-top: 17px;
 }

 .ib-t1 {
     font-size: 46px;
 }

 .ib-t2 {
     float: left;
     margin-top: 15px;
     font-size: 18px;
     line-height: 25px;
 }

 @media screen and (max-width:920px) {
     .ib-text-f {
         width: 94%;
         margin-left: 3%;
     }
 }

 @media screen and (max-width:760px) {
     .ib-t2-f {
         width: 94%;
         margin-left: 3%;
     }

     .ib-text-f-m {
         float: left;
         margin-left: 15px;
         width: calc(100% - 75px);
     }

     .ib-t2-t2 {
         line-height: 30px;
         margin-top: 30px;
     }

     .ib-t1 {
         position: relative;
     }

     .ib-tico {
         background: url(static/images/logo3.png) no-repeat;
         background-size: 100%;
         width: 60px;
         height: 70px;
     }

     .inbanner-f {

         padding-top: 170px;
         padding-bottom: 150px;
     }

     .ib-text-f:before {
         background: none;
         left: 0px;
         top: 0px;
         width: 0px;
         height: 00px;
     }
 }

 .animated {

     -webkit-animation-duration: 1s;

     animation-duration: 1s;

     -webkit-animation-fill-mode: both;

     animation-fill-mode: both;

 }



 .animated.infinite {

     -webkit-animation-iteration-count: infinite;

     animation-iteration-count: infinite;

 }



 .animated.hinge {

     -webkit-animation-duration: 2s;

     animation-duration: 2s;

 }



 @-webkit-keyframes bounce {

     0%,
     20%,
     53%,
     80%,
     100% {

         -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

         transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

         -webkit-transform: translate3d(0, 0, 0);

         transform: translate3d(0, 0, 0);

     }



     40%,
     43% {

         -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

         transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

         -webkit-transform: translate3d(0, -30px, 0);

         transform: translate3d(0, -30px, 0);

     }



     70% {

         -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

         transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

         -webkit-transform: translate3d(0, -15px, 0);

         transform: translate3d(0, -15px, 0);

     }



     90% {

         -webkit-transform: translate3d(0, -4px, 0);

         transform: translate3d(0, -4px, 0);

     }

 }



 @keyframes bounce {

     0%,
     20%,
     53%,
     80%,
     100% {

         -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

         transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

         -webkit-transform: translate3d(0, 0, 0);

         transform: translate3d(0, 0, 0);

     }



     40%,
     43% {

         -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

         transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

         -webkit-transform: translate3d(0, -30px, 0);

         transform: translate3d(0, -30px, 0);

     }



     70% {

         -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

         transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

         -webkit-transform: translate3d(0, -15px, 0);

         transform: translate3d(0, -15px, 0);

     }



     90% {

         -webkit-transform: translate3d(0, -4px, 0);

         transform: translate3d(0, -4px, 0);

     }

 }



 .bounce {

     -webkit-animation-name: bounce;

     animation-name: bounce;

     -webkit-transform-origin: center bottom;

     -ms-transform-origin: center bottom;

     transform-origin: center bottom;

 }



 @-webkit-keyframes flash {

     0%,
     50%,
     100% {

         opacity: 1;

     }



     25%,
     75% {

         opacity: 0;

     }

 }



 @keyframes flash {

     0%,
     50%,
     100% {

         opacity: 1;

     }



     25%,
     75% {

         opacity: 0;

     }

 }



 .flash {

     -webkit-animation-name: flash;

     animation-name: flash;

 }



 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



 @-webkit-keyframes pulse {

     0% {

         -webkit-transform: scale3d(1, 1, 1);

         transform: scale3d(1, 1, 1);

     }



     50% {

         -webkit-transform: scale3d(1.05, 1.05, 1.05);

         transform: scale3d(1.05, 1.05, 1.05);

     }



     100% {

         -webkit-transform: scale3d(1, 1, 1);

         transform: scale3d(1, 1, 1);

     }

 }



 @keyframes pulse {

     0% {

         -webkit-transform: scale3d(1, 1, 1);

         transform: scale3d(1, 1, 1);

     }



     50% {

         -webkit-transform: scale3d(1.05, 1.05, 1.05);

         transform: scale3d(1.05, 1.05, 1.05);

     }



     100% {

         -webkit-transform: scale3d(1, 1, 1);

         transform: scale3d(1, 1, 1);

     }

 }



 .pulse {

     -webkit-animation-name: pulse;

     animation-name: pulse;

 }



 @-webkit-keyframes rubberBand {

     0% {

         -webkit-transform: scale3d(1, 1, 1);

         transform: scale3d(1, 1, 1);

     }



     30% {

         -webkit-transform: scale3d(1.25, 0.75, 1);

         transform: scale3d(1.25, 0.75, 1);

     }



     40% {

         -webkit-transform: scale3d(0.75, 1.25, 1);

         transform: scale3d(0.75, 1.25, 1);

     }



     50% {

         -webkit-transform: scale3d(1.15, 0.85, 1);

         transform: scale3d(1.15, 0.85, 1);

     }



     65% {

         -webkit-transform: scale3d(.95, 1.05, 1);

         transform: scale3d(.95, 1.05, 1);

     }



     75% {

         -webkit-transform: scale3d(1.05, .95, 1);

         transform: scale3d(1.05, .95, 1);

     }



     100% {

         -webkit-transform: scale3d(1, 1, 1);

         transform: scale3d(1, 1, 1);

     }

 }



 @keyframes rubberBand {

     0% {

         -webkit-transform: scale3d(1, 1, 1);

         transform: scale3d(1, 1, 1);

     }



     30% {

         -webkit-transform: scale3d(1.25, 0.75, 1);

         transform: scale3d(1.25, 0.75, 1);

     }



     40% {

         -webkit-transform: scale3d(0.75, 1.25, 1);

         transform: scale3d(0.75, 1.25, 1);

     }



     50% {

         -webkit-transform: scale3d(1.15, 0.85, 1);

         transform: scale3d(1.15, 0.85, 1);

     }



     65% {

         -webkit-transform: scale3d(.95, 1.05, 1);

         transform: scale3d(.95, 1.05, 1);

     }



     75% {

         -webkit-transform: scale3d(1.05, .95, 1);

         transform: scale3d(1.05, .95, 1);

     }



     100% {

         -webkit-transform: scale3d(1, 1, 1);

         transform: scale3d(1, 1, 1);

     }

 }



 .rubberBand {

     -webkit-animation-name: rubberBand;

     animation-name: rubberBand;

 }



 @-webkit-keyframes shake {

     0%,
     100% {

         -webkit-transform: translate3d(0, 0, 0);

         transform: translate3d(0, 0, 0);

     }



     10%,
     30%,
     50%,
     70%,
     90% {

         -webkit-transform: translate3d(-10px, 0, 0);

         transform: translate3d(-10px, 0, 0);

     }



     20%,
     40%,
     60%,
     80% {

         -webkit-transform: translate3d(10px, 0, 0);

         transform: translate3d(10px, 0, 0);

     }

 }



 @keyframes shake {

     0%,
     100% {

         -webkit-transform: translate3d(0, 0, 0);

         transform: translate3d(0, 0, 0);

     }



     10%,
     30%,
     50%,
     70%,
     90% {

         -webkit-transform: translate3d(-10px, 0, 0);

         transform: translate3d(-10px, 0, 0);

     }



     20%,
     40%,
     60%,
     80% {

         -webkit-transform: translate3d(10px, 0, 0);

         transform: translate3d(10px, 0, 0);

     }

 }



 .shake {

     -webkit-animation-name: shake;

     animation-name: shake;

 }



 @-webkit-keyframes swing {

     20% {

         -webkit-transform: rotate3d(0, 0, 1, 15deg);

         transform: rotate3d(0, 0, 1, 15deg);

     }



     40% {

         -webkit-transform: rotate3d(0, 0, 1, -10deg);

         transform: rotate3d(0, 0, 1, -10deg);

     }



     60% {

         -webkit-transform: rotate3d(0, 0, 1, 5deg);

         transform: rotate3d(0, 0, 1, 5deg);

     }



     80% {

         -webkit-transform: rotate3d(0, 0, 1, -5deg);

         transform: rotate3d(0, 0, 1, -5deg);

     }



     100% {

         -webkit-transform: rotate3d(0, 0, 1, 0deg);

         transform: rotate3d(0, 0, 1, 0deg);

     }

 }



 @keyframes swing {

     20% {

         -webkit-transform: rotate3d(0, 0, 1, 15deg);

         transform: rotate3d(0, 0, 1, 15deg);

     }



     40% {

         -webkit-transform: rotate3d(0, 0, 1, -10deg);

         transform: rotate3d(0, 0, 1, -10deg);

     }



     60% {

         -webkit-transform: rotate3d(0, 0, 1, 5deg);

         transform: rotate3d(0, 0, 1, 5deg);

     }



     80% {

         -webkit-transform: rotate3d(0, 0, 1, -5deg);

         transform: rotate3d(0, 0, 1, -5deg);

     }



     100% {

         -webkit-transform: rotate3d(0, 0, 1, 0deg);

         transform: rotate3d(0, 0, 1, 0deg);

     }

 }



 .swing {

     -webkit-transform-origin: top center;

     -ms-transform-origin: top center;

     transform-origin: top center;

     -webkit-animation-name: swing;

     animation-name: swing;

 }



 @-webkit-keyframes tada {

     0% {

         -webkit-transform: scale3d(1, 1, 1);

         transform: scale3d(1, 1, 1);

     }



     10%,
     20% {

         -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

         transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

     }



     30%,
     50%,
     70%,
     90% {

         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

     }



     40%,
     60%,
     80% {

         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

     }



     100% {

         -webkit-transform: scale3d(1, 1, 1);

         transform: scale3d(1, 1, 1);

     }

 }



 @keyframes tada {

     0% {

         -webkit-transform: scale3d(1, 1, 1);

         transform: scale3d(1, 1, 1);

     }



     10%,
     20% {

         -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

         transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

     }



     30%,
     50%,
     70%,
     90% {

         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

     }



     40%,
     60%,
     80% {

         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

     }



     100% {

         -webkit-transform: scale3d(1, 1, 1);

         transform: scale3d(1, 1, 1);

     }

 }



 .tada {

     -webkit-animation-name: tada;

     animation-name: tada;

 }



 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



 @-webkit-keyframes wobble {

     0% {

         -webkit-transform: none;

         transform: none;

     }



     15% {

         -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

         transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

     }



     30% {

         -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

         transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

     }



     45% {

         -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

         transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

     }



     60% {

         -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

         transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

     }



     75% {

         -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

         transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

     }



     100% {

         -webkit-transform: none;

         transform: none;

     }

 }



 @keyframes wobble {

     0% {

         -webkit-transform: none;

         transform: none;

     }



     15% {

         -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

         transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

     }



     30% {

         -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

         transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

     }



     45% {

         -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

         transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

     }



     60% {

         -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

         transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

     }



     75% {

         -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

         transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

     }



     100% {

         -webkit-transform: none;

         transform: none;

     }

 }



 .wobble {

     -webkit-animation-name: wobble;

     animation-name: wobble;

 }



 @-webkit-keyframes bounceIn {

     0%,
     20%,
     40%,
     60%,
     80%,
     100% {

         -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

         transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

     }



     0% {

         opacity: 0;

         -webkit-transform: scale3d(.3, .3, .3);

         transform: scale3d(.3, .3, .3);

     }



     20% {

         -webkit-transform: scale3d(1.1, 1.1, 1.1);

         transform: scale3d(1.1, 1.1, 1.1);

     }



     40% {

         -webkit-transform: scale3d(.9, .9, .9);

         transform: scale3d(.9, .9, .9);

     }



     60% {

         opacity: 1;

         -webkit-transform: scale3d(1.03, 1.03, 1.03);

         transform: scale3d(1.03, 1.03, 1.03);

     }



     80% {

         -webkit-transform: scale3d(.97, .97, .97);

         transform: scale3d(.97, .97, .97);

     }



     100% {

         opacity: 1;

         -webkit-transform: scale3d(1, 1, 1);

         transform: scale3d(1, 1, 1);

     }

 }



 @keyframes bounceIn {

     0%,
     20%,
     40%,
     60%,
     80%,
     100% {

         -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

         transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

     }



     0% {

         opacity: 0;

         -webkit-transform: scale3d(.3, .3, .3);

         transform: scale3d(.3, .3, .3);

     }



     20% {

         -webkit-transform: scale3d(1.1, 1.1, 1.1);

         transform: scale3d(1.1, 1.1, 1.1);

     }



     40% {

         -webkit-transform: scale3d(.9, .9, .9);

         transform: scale3d(.9, .9, .9);

     }



     60% {

         opacity: 1;

         -webkit-transform: scale3d(1.03, 1.03, 1.03);

         transform: scale3d(1.03, 1.03, 1.03);

     }



     80% {

         -webkit-transform: scale3d(.97, .97, .97);

         transform: scale3d(.97, .97, .97);

     }



     100% {

         opacity: 1;

         -webkit-transform: scale3d(1, 1, 1);

         transform: scale3d(1, 1, 1);

     }

 }



 .bounceIn {

     -webkit-animation-name: bounceIn;

     animation-name: bounceIn;

     -webkit-animation-duration: .75s;

     animation-duration: .75s;

 }



 @-webkit-keyframes bounceInDown {

     0%,
     60%,
     75%,
     90%,
     100% {

         -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

         transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

     }



     0% {

         opacity: 0;

         -webkit-transform: translate3d(0, -3000px, 0);

         transform: translate3d(0, -3000px, 0);

     }



     60% {

         opacity: 1;

         -webkit-transform: translate3d(0, 25px, 0);

         transform: translate3d(0, 25px, 0);

     }



     75% {

         -webkit-transform: translate3d(0, -10px, 0);

         transform: translate3d(0, -10px, 0);

     }



     90% {

         -webkit-transform: translate3d(0, 5px, 0);

         transform: translate3d(0, 5px, 0);

     }



     100% {

         -webkit-transform: none;

         transform: none;

     }

 }



 @keyframes bounceInDown {

     0%,
     60%,
     75%,
     90%,
     100% {

         -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

         transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

     }



     0% {

         opacity: 0;

         -webkit-transform: translate3d(0, -3000px, 0);

         transform: translate3d(0, -3000px, 0);

     }



     60% {

         opacity: 1;

         -webkit-transform: translate3d(0, 25px, 0);

         transform: translate3d(0, 25px, 0);

     }



     75% {

         -webkit-transform: translate3d(0, -10px, 0);

         transform: translate3d(0, -10px, 0);

     }



     90% {

         -webkit-transform: translate3d(0, 5px, 0);

         transform: translate3d(0, 5px, 0);

     }



     100% {

         -webkit-transform: none;

         transform: none;

     }

 }



 .bounceInDown {

     -webkit-animation-name: bounceInDown;

     animation-name: bounceInDown;

 }



 @-webkit-keyframes bounceInLeft {

     0%,
     60%,
     75%,
     90%,
     100% {

         -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

         transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

     }



     0% {

         opacity: 0;

         -webkit-transform: translate3d(-3000px, 0, 0);

         transform: translate3d(-3000px, 0, 0);

     }



     60% {

         opacity: 1;

         -webkit-transform: translate3d(25px, 0, 0);

         transform: translate3d(25px, 0, 0);

     }



     75% {

         -webkit-transform: translate3d(-10px, 0, 0);

         transform: translate3d(-10px, 0, 0);

     }



     90% {

         -webkit-transform: translate3d(5px, 0, 0);

         transform: translate3d(5px, 0, 0);

     }



     100% {

         -webkit-transform: none;

         transform: none;

     }

 }



 @keyframes bounceInLeft {

     0%,
     60%,
     75%,
     90%,
     100% {

         -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

         transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

     }



     0% {

         opacity: 0;

         -webkit-transform: translate3d(-3000px, 0, 0);

         transform: translate3d(-3000px, 0, 0);

     }



     60% {

         opacity: 1;

         -webkit-transform: translate3d(25px, 0, 0);

         transform: translate3d(25px, 0, 0);

     }



     75% {

         -webkit-transform: translate3d(-10px, 0, 0);

         transform: translate3d(-10px, 0, 0);

     }



     90% {

         -webkit-transform: translate3d(5px, 0, 0);

         transform: translate3d(5px, 0, 0);

     }



     100% {

         -webkit-transform: none;

         transform: none;

     }

 }



 .bounceInLeft {

     -webkit-animation-name: bounceInLeft;

     animation-name: bounceInLeft;

 }



 @-webkit-keyframes bounceInRight {

     0%,
     60%,
     75%,
     90%,
     100% {

         -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

         transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

     }



     0% {

         opacity: 0;

         -webkit-transform: translate3d(3000px, 0, 0);

         transform: translate3d(3000px, 0, 0);

     }



     60% {

         opacity: 1;

         -webkit-transform: translate3d(-25px, 0, 0);

         transform: translate3d(-25px, 0, 0);

     }



     75% {

         -webkit-transform: translate3d(10px, 0, 0);

         transform: translate3d(10px, 0, 0);

     }



     90% {

         -webkit-transform: translate3d(-5px, 0, 0);

         transform: translate3d(-5px, 0, 0);

     }



     100% {

         -webkit-transform: none;

         transform: none;

     }

 }



 @keyframes bounceInRight {

     0%,
     60%,
     75%,
     90%,
     100% {

         -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

         transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

     }



     0% {

         opacity: 0;

         -webkit-transform: translate3d(3000px, 0, 0);

         transform: translate3d(3000px, 0, 0);

     }



     60% {

         opacity: 1;

         -webkit-transform: translate3d(-25px, 0, 0);

         transform: translate3d(-25px, 0, 0);

     }



     75% {

         -webkit-transform: translate3d(10px, 0, 0);

         transform: translate3d(10px, 0, 0);

     }



     90% {

         -webkit-transform: translate3d(-5px, 0, 0);

         transform: translate3d(-5px, 0, 0);

     }



     100% {

         -webkit-transform: none;

         transform: none;

     }

 }



 .bounceInRight {

     -webkit-animation-name: bounceInRight;

     animation-name: bounceInRight;

 }



 @-webkit-keyframes bounceInUp {

     0%,
     60%,
     75%,
     90%,
     100% {

         -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

         transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

     }



     0% {

         opacity: 0;

         -webkit-transform: translate3d(0, 3000px, 0);

         transform: translate3d(0, 3000px, 0);

     }



     60% {

         opacity: 1;

         -webkit-transform: translate3d(0, -20px, 0);

         transform: translate3d(0, -20px, 0);

     }



     75% {

         -webkit-transform: translate3d(0, 10px, 0);

         transform: translate3d(0, 10px, 0);

     }



     90% {

         -webkit-transform: translate3d(0, -5px, 0);

         transform: translate3d(0, -5px, 0);

     }



     100% {

         -webkit-transform: translate3d(0, 0, 0);

         transform: translate3d(0, 0, 0);

     }

 }



 @keyframes bounceInUp {

     0%,
     60%,
     75%,
     90%,
     100% {

         -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

         transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

     }



     0% {

         opacity: 0;

         -webkit-transform: translate3d(0, 3000px, 0);

         transform: translate3d(0, 3000px, 0);

     }



     60% {

         opacity: 1;

         -webkit-transform: translate3d(0, -20px, 0);

         transform: translate3d(0, -20px, 0);

     }



     75% {

         -webkit-transform: translate3d(0, 10px, 0);

         transform: translate3d(0, 10px, 0);

     }



     90% {

         -webkit-transform: translate3d(0, -5px, 0);

         transform: translate3d(0, -5px, 0);

     }



     100% {

         -webkit-transform: translate3d(0, 0, 0);

         transform: translate3d(0, 0, 0);

     }

 }



 .bounceInUp {

     -webkit-animation-name: bounceInUp;

     animation-name: bounceInUp;

 }



 @-webkit-keyframes bounceOut {

     20% {

         -webkit-transform: scale3d(.9, .9, .9);

         transform: scale3d(.9, .9, .9);

     }



     50%,
     55% {

         opacity: 1;

         -webkit-transform: scale3d(1.1, 1.1, 1.1);

         transform: scale3d(1.1, 1.1, 1.1);

     }



     100% {

         opacity: 0;

         -webkit-transform: scale3d(.3, .3, .3);

         transform: scale3d(.3, .3, .3);

     }

 }



 @keyframes bounceOut {

     20% {

         -webkit-transform: scale3d(.9, .9, .9);

         transform: scale3d(.9, .9, .9);

     }



     50%,
     55% {

         opacity: 1;

         -webkit-transform: scale3d(1.1, 1.1, 1.1);

         transform: scale3d(1.1, 1.1, 1.1);

     }



     100% {

         opacity: 0;

         -webkit-transform: scale3d(.3, .3, .3);

         transform: scale3d(.3, .3, .3);

     }

 }



 .bounceOut {

     -webkit-animation-name: bounceOut;

     animation-name: bounceOut;

     -webkit-animation-duration: .75s;

     animation-duration: .75s;

 }



 @-webkit-keyframes bounceOutDown {

     20% {

         -webkit-transform: translate3d(0, 10px, 0);

         transform: translate3d(0, 10px, 0);

     }



     40%,
     45% {

         opacity: 1;

         -webkit-transform: translate3d(0, -20px, 0);

         transform: translate3d(0, -20px, 0);

     }



     100% {

         opacity: 0;

         -webkit-transform: translate3d(0, 2000px, 0);

         transform: translate3d(0, 2000px, 0);

     }

 }



 @keyframes bounceOutDown {

     20% {

         -webkit-transform: translate3d(0, 10px, 0);

         transform: translate3d(0, 10px, 0);

     }



     40%,
     45% {

         opacity: 1;

         -webkit-transform: translate3d(0, -20px, 0);

         transform: translate3d(0, -20px, 0);

     }



     100% {

         opacity: 0;

         -webkit-transform: translate3d(0, 2000px, 0);

         transform: translate3d(0, 2000px, 0);

     }

 }



 .bounceOutDown {

     -webkit-animation-name: bounceOutDown;

     animation-name: bounceOutDown;

 }



 @-webkit-keyframes bounceOutLeft {

     20% {

         opacity: 1;

         -webkit-transform: translate3d(20px, 0, 0);

         transform: translate3d(20px, 0, 0);

     }



     100% {

         opacity: 0;

         -webkit-transform: translate3d(-2000px, 0, 0);

         transform: translate3d(-2000px, 0, 0);

     }

 }



 @keyframes bounceOutLeft {

     20% {

         opacity: 1;

         -webkit-transform: translate3d(20px, 0, 0);

         transform: translate3d(20px, 0, 0);

     }



     100% {

         opacity: 0;

         -webkit-transform: translate3d(-2000px, 0, 0);

         transform: translate3d(-2000px, 0, 0);

     }

 }



 .bounceOutLeft {

     -webkit-animation-name: bounceOutLeft;

     animation-name: bounceOutLeft;

 }



 @-webkit-keyframes bounceOutRight {

     20% {

         opacity: 1;

         -webkit-transform: translate3d(-20px, 0, 0);

         transform: translate3d(-20px, 0, 0);

     }



     100% {

         opacity: 0;

         -webkit-transform: translate3d(2000px, 0, 0);

         transform: translate3d(2000px, 0, 0);

     }

 }



 @keyframes bounceOutRight {

     20% {

         opacity: 1;

         -webkit-transform: translate3d(-20px, 0, 0);

         transform: translate3d(-20px, 0, 0);

     }



     100% {

         opacity: 0;

         -webkit-transform: translate3d(2000px, 0, 0);

         transform: translate3d(2000px, 0, 0);

     }

 }



 .bounceOutRight {

     -webkit-animation-name: bounceOutRight;

     animation-name: bounceOutRight;

 }



 @-webkit-keyframes bounceOutUp {

     20% {

         -webkit-transform: translate3d(0, -10px, 0);

         transform: translate3d(0, -10px, 0);

     }



     40%,
     45% {

         opacity: 1;

         -webkit-transform: translate3d(0, 20px, 0);

         transform: translate3d(0, 20px, 0);

     }



     100% {

         opacity: 0;

         -webkit-transform: translate3d(0, -2000px, 0);

         transform: translate3d(0, -2000px, 0);

     }

 }



 @keyframes bounceOutUp {

     20% {

         -webkit-transform: translate3d(0, -10px, 0);

         transform: translate3d(0, -10px, 0);

     }



     40%,
     45% {

         opacity: 1;

         -webkit-transform: translate3d(0, 20px, 0);

         transform: translate3d(0, 20px, 0);

     }



     100% {

         opacity: 0;

         -webkit-transform: translate3d(0, -2000px, 0);

         transform: translate3d(0, -2000px, 0);

     }

 }



 .bounceOutUp {

     -webkit-animation-name: bounceOutUp;

     animation-name: bounceOutUp;

 }



 @-webkit-keyframes fadeIn {

     0% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }

 }



 @keyframes fadeIn {

     0% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }

 }



 .fadeIn {

     -webkit-animation-name: fadeIn;

     animation-name: fadeIn;

 }



 @-webkit-keyframes fadeInDown {

     0% {

         opacity: 0;

         -webkit-transform: translate3d(0, -100%, 0);

         transform: translate3d(0, -100%, 0);

     }



     100% {

         opacity: 1;

         -webkit-transform: none;

         transform: none;

     }

 }



 @keyframes fadeInDown {

     0% {

         opacity: 0;

         -webkit-transform: translate3d(0, -100%, 0);

         transform: translate3d(0, -100%, 0);

     }



     100% {

         opacity: 1;

         -webkit-transform: none;

         transform: none;

     }

 }



 .fadeInDown {

     -webkit-animation-name: fadeInDown;

     animation-name: fadeInDown;

 }



 @-webkit-keyframes fadeInDownBig {

     0% {

         opacity: 0;

         -webkit-transform: translate3d(0, -2000px, 0);

         transform: translate3d(0, -2000px, 0);

     }



     100% {

         opacity: 1;

         -webkit-transform: none;

         transform: none;

     }

 }



 @keyframes fadeInDownBig {

     0% {

         opacity: 0;

         -webkit-transform: translate3d(0, -2000px, 0);

         transform: translate3d(0, -2000px, 0);

     }



     100% {

         opacity: 1;

         -webkit-transform: none;

         transform: none;

     }

 }



 .fadeInDownBig {

     -webkit-animation-name: fadeInDownBig;

     animation-name: fadeInDownBig;

 }



 @-webkit-keyframes fadeInLeft {

     0% {

         opacity: 0;

         -webkit-transform: translate3d(-100%, 0, 0);

         transform: translate3d(-100%, 0, 0);

     }



     100% {

         opacity: 1;

         -webkit-transform: none;

         transform: none;

     }

 }



 @keyframes fadeInLeft {

     0% {

         opacity: 0;

         -webkit-transform: translate3d(-100%, 0, 0);

         transform: translate3d(-100%, 0, 0);

     }



     100% {

         opacity: 1;

         -webkit-transform: none;

         transform: none;

     }

 }



 .fadeInLeft {

     -webkit-animation-name: fadeInLeft;

     animation-name: fadeInLeft;

 }



 @-webkit-keyframes fadeInLeftBig {

     0% {

         opacity: 0;

         -webkit-transform: translate3d(-2000px, 0, 0);

         transform: translate3d(-2000px, 0, 0);

     }



     100% {

         opacity: 1;

         -webkit-transform: none;

         transform: none;

     }

 }



 @keyframes fadeInLeftBig {

     0% {

         opacity: 0;

         -webkit-transform: translate3d(-2000px, 0, 0);

         transform: translate3d(-2000px, 0, 0);

     }



     100% {

         opacity: 1;

         -webkit-transform: none;

         transform: none;

     }

 }



 .fadeInLeftBig {

     -webkit-animation-name: fadeInLeftBig;

     animation-name: fadeInLeftBig;

 }



 @-webkit-keyframes fadeInRight {

     0% {

         opacity: 0;

         -webkit-transform: translate3d(100%, 0, 0);

         transform: translate3d(100%, 0, 0);

     }



     100% {

         opacity: 1;

         -webkit-transform: none;

         transform: none;

     }

 }



 @keyframes fadeInRight {

     0% {

         opacity: 0;

         -webkit-transform: translate3d(100%, 0, 0);

         transform: translate3d(100%, 0, 0);

     }



     100% {

         opacity: 1;

         -webkit-transform: none;

         transform: none;

     }

 }



 .fadeInRight {

     -webkit-animation-name: fadeInRight;

     animation-name: fadeInRight;

 }



 @-webkit-keyframes fadeInRightBig {

     0% {

         opacity: 0;

         -webkit-transform: translate3d(2000px, 0, 0);

         transform: translate3d(2000px, 0, 0);

     }



     100% {

         opacity: 1;

         -webkit-transform: none;

         transform: none;

     }

 }



 @keyframes fadeInRightBig {

     0% {

         opacity: 0;

         -webkit-transform: translate3d(2000px, 0, 0);

         transform: translate3d(2000px, 0, 0);

     }



     100% {

         opacity: 1;

         -webkit-transform: none;

         transform: none;

     }

 }



 .fadeInRightBig {

     -webkit-animation-name: fadeInRightBig;

     animation-name: fadeInRightBig;

 }



 @-webkit-keyframes fadeInUp {

     0% {

         opacity: 0;

         -webkit-transform: translate3d(0, 100%, 0);

         transform: translate3d(0, 100%, 0);

     }



     100% {

         opacity: 1;

         -webkit-transform: none;

         transform: none;

     }

 }



 @keyframes fadeInUp {

     0% {

         opacity: 0;

         -webkit-transform: translate3d(0, 100%, 0);

         transform: translate3d(0, 100%, 0);

     }



     100% {

         opacity: 1;

         -webkit-transform: none;

         transform: none;

     }

 }



 .fadeInUp {

     -webkit-animation-name: fadeInUp;

     animation-name: fadeInUp;

 }



 @-webkit-keyframes fadeInUpBig {

     0% {

         opacity: 0;

         -webkit-transform: translate3d(0, 2000px, 0);

         transform: translate3d(0, 2000px, 0);

     }



     100% {

         opacity: 1;

         -webkit-transform: none;

         transform: none;

     }

 }



 @keyframes fadeInUpBig {

     0% {

         opacity: 0;

         -webkit-transform: translate3d(0, 2000px, 0);

         transform: translate3d(0, 2000px, 0);

     }



     100% {

         opacity: 1;

         -webkit-transform: none;

         transform: none;

     }

 }



 .fadeInUpBig {

     -webkit-animation-name: fadeInUpBig;

     animation-name: fadeInUpBig;

 }



 @-webkit-keyframes fadeOut {

     0% {
         opacity: 1;
     }

     100% {
         opacity: 0;
     }

 }



 @keyframes fadeOut {

     0% {
         opacity: 1;
     }

     100% {
         opacity: 0;
     }

 }



 .fadeOut {

     -webkit-animation-name: fadeOut;

     animation-name: fadeOut;

 }



 @-webkit-keyframes fadeOutDown {

     0% {

         opacity: 1;

     }



     100% {

         opacity: 0;

         -webkit-transform: translate3d(0, 100%, 0);

         transform: translate3d(0, 100%, 0);

     }

 }



 @keyframes fadeOutDown {

     0% {

         opacity: 1;

     }



     100% {

         opacity: 0;

         -webkit-transform: translate3d(0, 100%, 0);

         transform: translate3d(0, 100%, 0);

     }

 }



 .fadeOutDown {

     -webkit-animation-name: fadeOutDown;

     animation-name: fadeOutDown;

 }



 @-webkit-keyframes fadeOutDownBig {

     0% {

         opacity: 1;

     }



     100% {

         opacity: 0;

         -webkit-transform: translate3d(0, 2000px, 0);

         transform: translate3d(0, 2000px, 0);

     }

 }



 @keyframes fadeOutDownBig {

     0% {

         opacity: 1;

     }



     100% {

         opacity: 0;

         -webkit-transform: translate3d(0, 2000px, 0);

         transform: translate3d(0, 2000px, 0);

     }

 }



 .fadeOutDownBig {

     -webkit-animation-name: fadeOutDownBig;

     animation-name: fadeOutDownBig;

 }



 @-webkit-keyframes fadeOutLeft {

     0% {

         opacity: 1;

     }



     100% {

         opacity: 0;

         -webkit-transform: translate3d(-100%, 0, 0);

         transform: translate3d(-100%, 0, 0);

     }

 }



 @keyframes fadeOutLeft {

     0% {

         opacity: 1;

     }



     100% {

         opacity: 0;

         -webkit-transform: translate3d(-100%, 0, 0);

         transform: translate3d(-100%, 0, 0);

     }

 }



 .fadeOutLeft {

     -webkit-animation-name: fadeOutLeft;

     animation-name: fadeOutLeft;

 }



 @-webkit-keyframes fadeOutLeftBig {

     0% {

         opacity: 1;

     }



     100% {

         opacity: 0;

         -webkit-transform: translate3d(-2000px, 0, 0);

         transform: translate3d(-2000px, 0, 0);

     }

 }



 @keyframes fadeOutLeftBig {

     0% {

         opacity: 1;

     }



     100% {

         opacity: 0;

         -webkit-transform: translate3d(-2000px, 0, 0);

         transform: translate3d(-2000px, 0, 0);

     }

 }



 .fadeOutLeftBig {

     -webkit-animation-name: fadeOutLeftBig;

     animation-name: fadeOutLeftBig;

 }



 @-webkit-keyframes fadeOutRight {

     0% {

         opacity: 1;

     }



     100% {

         opacity: 0;

         -webkit-transform: translate3d(100%, 0, 0);

         transform: translate3d(100%, 0, 0);

     }

 }



 @keyframes fadeOutRight {

     0% {

         opacity: 1;

     }



     100% {

         opacity: 0;

         -webkit-transform: translate3d(100%, 0, 0);

         transform: translate3d(100%, 0, 0);

     }

 }



 .fadeOutRight {

     -webkit-animation-name: fadeOutRight;

     animation-name: fadeOutRight;

 }



 @-webkit-keyframes fadeOutRightBig {

     0% {

         opacity: 1;

     }



     100% {

         opacity: 0;

         -webkit-transform: translate3d(2000px, 0, 0);

         transform: translate3d(2000px, 0, 0);

     }

 }



 @keyframes fadeOutRightBig {

     0% {

         opacity: 1;

     }



     100% {

         opacity: 0;

         -webkit-transform: translate3d(2000px, 0, 0);

         transform: translate3d(2000px, 0, 0);

     }

 }



 .fadeOutRightBig {

     -webkit-animation-name: fadeOutRightBig;

     animation-name: fadeOutRightBig;

 }



 @-webkit-keyframes fadeOutUp {

     0% {

         opacity: 1;

     }



     100% {

         opacity: 0;

         -webkit-transform: translate3d(0, -100%, 0);

         transform: translate3d(0, -100%, 0);

     }

 }



 @keyframes fadeOutUp {

     0% {

         opacity: 1;

     }



     100% {

         opacity: 0;

         -webkit-transform: translate3d(0, -100%, 0);

         transform: translate3d(0, -100%, 0);

     }

 }



 .fadeOutUp {

     -webkit-animation-name: fadeOutUp;

     animation-name: fadeOutUp;

 }



 @-webkit-keyframes fadeOutUpBig {

     0% {

         opacity: 1;

     }



     100% {

         opacity: 0;

         -webkit-transform: translate3d(0, -2000px, 0);

         transform: translate3d(0, -2000px, 0);

     }

 }



 @keyframes fadeOutUpBig {

     0% {

         opacity: 1;

     }



     100% {

         opacity: 0;

         -webkit-transform: translate3d(0, -2000px, 0);

         transform: translate3d(0, -2000px, 0);

     }

 }



 .fadeOutUpBig {

     -webkit-animation-name: fadeOutUpBig;

     animation-name: fadeOutUpBig;

 }



 @-webkit-keyframes flip {

     0% {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

         transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

         -webkit-animation-timing-function: ease-out;

         animation-timing-function: ease-out;

     }



     40% {

         -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

         transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

         -webkit-animation-timing-function: ease-out;

         animation-timing-function: ease-out;

     }



     50% {

         -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

         transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

         -webkit-animation-timing-function: ease-in;

         animation-timing-function: ease-in;

     }



     80% {

         -webkit-transform: perspective(400px) scale3d(.95, .95, .95);

         transform: perspective(400px) scale3d(.95, .95, .95);

         -webkit-animation-timing-function: ease-in;

         animation-timing-function: ease-in;

     }



     100% {

         -webkit-transform: perspective(400px);

         transform: perspective(400px);

         -webkit-animation-timing-function: ease-in;

         animation-timing-function: ease-in;

     }

 }



 @keyframes flip {

     0% {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

         transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

         -webkit-animation-timing-function: ease-out;

         animation-timing-function: ease-out;

     }



     40% {

         -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

         transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

         -webkit-animation-timing-function: ease-out;

         animation-timing-function: ease-out;

     }



     50% {

         -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

         transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

         -webkit-animation-timing-function: ease-in;

         animation-timing-function: ease-in;

     }



     80% {

         -webkit-transform: perspective(400px) scale3d(.95, .95, .95);

         transform: perspective(400px) scale3d(.95, .95, .95);

         -webkit-animation-timing-function: ease-in;

         animation-timing-function: ease-in;

     }



     100% {

         -webkit-transform: perspective(400px);

         transform: perspective(400px);

         -webkit-animation-timing-function: ease-in;

         animation-timing-function: ease-in;

     }

 }



 .animated.flip {

     -webkit-backface-visibility: visible;

     backface-visibility: visible;

     -webkit-animation-name: flip;

     animation-name: flip;

 }



 @-webkit-keyframes flipInX {

     0% {

         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

         transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

         -webkit-transition-timing-function: ease-in;

         transition-timing-function: ease-in;

         opacity: 0;

     }



     40% {

         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

         transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

         -webkit-transition-timing-function: ease-in;

         transition-timing-function: ease-in;

     }



     60% {

         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

         transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

         opacity: 1;

     }



     80% {

         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

         transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

     }



     100% {

         -webkit-transform: perspective(400px);

         transform: perspective(400px);

     }

 }



 @keyframes flipInX {

     0% {

         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

         transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

         -webkit-transition-timing-function: ease-in;

         transition-timing-function: ease-in;

         opacity: 0;

     }



     40% {

         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

         transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

         -webkit-transition-timing-function: ease-in;

         transition-timing-function: ease-in;

     }



     60% {

         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

         transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

         opacity: 1;

     }



     80% {

         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

         transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

     }



     100% {

         -webkit-transform: perspective(400px);

         transform: perspective(400px);

     }

 }



 .flipInX {

     -webkit-backface-visibility: visible !important;

     backface-visibility: visible !important;

     -webkit-animation-name: flipInX;

     animation-name: flipInX;

 }



 @-webkit-keyframes flipInY {

     0% {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

         -webkit-transition-timing-function: ease-in;

         transition-timing-function: ease-in;

         opacity: 0;

     }



     40% {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

         transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

         -webkit-transition-timing-function: ease-in;

         transition-timing-function: ease-in;

     }



     60% {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

         transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

         opacity: 1;

     }



     80% {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

         transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

     }



     100% {

         -webkit-transform: perspective(400px);

         transform: perspective(400px);

     }

 }



 @keyframes flipInY {

     0% {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

         -webkit-transition-timing-function: ease-in;

         transition-timing-function: ease-in;

         opacity: 0;

     }



     40% {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

         transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

         -webkit-transition-timing-function: ease-in;

         transition-timing-function: ease-in;

     }



     60% {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

         transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

         opacity: 1;

     }



     80% {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

         transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

     }



     100% {

         -webkit-transform: perspective(400px);

         transform: perspective(400px);

     }

 }



 .flipInY {

     -webkit-backface-visibility: visible !important;

     backface-visibility: visible !important;

     -webkit-animation-name: flipInY;

     animation-name: flipInY;

 }



 @-webkit-keyframes flipOutX {

     0% {

         -webkit-transform: perspective(400px);

         transform: perspective(400px);

     }



     30% {

         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

         transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

         opacity: 1;

     }



     100% {

         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

         transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

         opacity: 0;

     }

 }



 @keyframes flipOutX {

     0% {

         -webkit-transform: perspective(400px);

         transform: perspective(400px);

     }



     30% {

         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

         transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

         opacity: 1;

     }



     100% {

         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

         transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

         opacity: 0;

     }

 }



 .flipOutX {

     -webkit-animation-name: flipOutX;

     animation-name: flipOutX;

     -webkit-animation-duration: .75s;

     animation-duration: .75s;

     -webkit-backface-visibility: visible !important;

     backface-visibility: visible !important;

 }



 @-webkit-keyframes flipOutY {

     0% {

         -webkit-transform: perspective(400px);

         transform: perspective(400px);

     }



     30% {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

         transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

         opacity: 1;

     }



     100% {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

         opacity: 0;

     }

 }



 @keyframes flipOutY {

     0% {

         -webkit-transform: perspective(400px);

         transform: perspective(400px);

     }



     30% {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

         transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

         opacity: 1;

     }



     100% {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

         opacity: 0;

     }

 }



 .flipOutY {

     -webkit-backface-visibility: visible !important;

     backface-visibility: visible !important;

     -webkit-animation-name: flipOutY;

     animation-name: flipOutY;

     -webkit-animation-duration: .75s;

     animation-duration: .75s;

 }



 @-webkit-keyframes lightSpeedIn {

     0% {

         -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

         transform: translate3d(100%, 0, 0) skewX(-30deg);

         opacity: 0;

     }



     60% {

         -webkit-transform: skewX(20deg);

         transform: skewX(20deg);

         opacity: 1;

     }



     80% {

         -webkit-transform: skewX(-5deg);

         transform: skewX(-5deg);

         opacity: 1;

     }



     100% {

         -webkit-transform: none;

         transform: none;

         opacity: 1;

     }

 }



 @keyframes lightSpeedIn {

     0% {

         -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

         transform: translate3d(100%, 0, 0) skewX(-30deg);

         opacity: 0;

     }



     60% {

         -webkit-transform: skewX(20deg);

         transform: skewX(20deg);

         opacity: 1;

     }



     80% {

         -webkit-transform: skewX(-5deg);

         transform: skewX(-5deg);

         opacity: 1;

     }



     100% {

         -webkit-transform: none;

         transform: none;

         opacity: 1;

     }

 }



 .lightSpeedIn {

     -webkit-animation-name: lightSpeedIn;

     animation-name: lightSpeedIn;

     -webkit-animation-timing-function: ease-out;

     animation-timing-function: ease-out;

 }



 @-webkit-keyframes lightSpeedOut {

     0% {

         opacity: 1;

     }



     100% {

         -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

         transform: translate3d(100%, 0, 0) skewX(30deg);

         opacity: 0;

     }

 }



 @keyframes lightSpeedOut {

     0% {

         opacity: 1;

     }



     100% {

         -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

         transform: translate3d(100%, 0, 0) skewX(30deg);

         opacity: 0;

     }

 }



 .lightSpeedOut {

     -webkit-animation-name: lightSpeedOut;

     animation-name: lightSpeedOut;

     -webkit-animation-timing-function: ease-in;

     animation-timing-function: ease-in;

 }



 @-webkit-keyframes rotateIn {

     0% {

         -webkit-transform-origin: center;

         transform-origin: center;

         -webkit-transform: rotate3d(0, 0, 1, -200deg);

         transform: rotate3d(0, 0, 1, -200deg);

         opacity: 0;

     }



     100% {

         -webkit-transform-origin: center;

         transform-origin: center;

         -webkit-transform: none;

         transform: none;

         opacity: 1;

     }

 }



 @keyframes rotateIn {

     0% {

         -webkit-transform-origin: center;

         transform-origin: center;

         -webkit-transform: rotate3d(0, 0, 1, -200deg);

         transform: rotate3d(0, 0, 1, -200deg);

         opacity: 0;

     }



     100% {

         -webkit-transform-origin: center;

         transform-origin: center;

         -webkit-transform: none;

         transform: none;

         opacity: 1;

     }

 }



 .rotateIn {

     -webkit-animation-name: rotateIn;

     animation-name: rotateIn;

 }



 @-webkit-keyframes rotateInDownLeft {

     0% {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         -webkit-transform: rotate3d(0, 0, 1, -45deg);

         transform: rotate3d(0, 0, 1, -45deg);

         opacity: 0;

     }



     100% {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         -webkit-transform: none;

         transform: none;

         opacity: 1;

     }

 }



 @keyframes rotateInDownLeft {

     0% {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         -webkit-transform: rotate3d(0, 0, 1, -45deg);

         transform: rotate3d(0, 0, 1, -45deg);

         opacity: 0;

     }



     100% {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         -webkit-transform: none;

         transform: none;

         opacity: 1;

     }

 }



 .rotateInDownLeft {

     -webkit-animation-name: rotateInDownLeft;

     animation-name: rotateInDownLeft;

 }



 @-webkit-keyframes rotateInDownRight {

     0% {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         -webkit-transform: rotate3d(0, 0, 1, 45deg);

         transform: rotate3d(0, 0, 1, 45deg);

         opacity: 0;

     }



     100% {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         -webkit-transform: none;

         transform: none;

         opacity: 1;

     }

 }



 @keyframes rotateInDownRight {

     0% {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         -webkit-transform: rotate3d(0, 0, 1, 45deg);

         transform: rotate3d(0, 0, 1, 45deg);

         opacity: 0;

     }



     100% {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         -webkit-transform: none;

         transform: none;

         opacity: 1;

     }

 }



 .rotateInDownRight {

     -webkit-animation-name: rotateInDownRight;

     animation-name: rotateInDownRight;

 }



 @-webkit-keyframes rotateInUpLeft {

     0% {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         -webkit-transform: rotate3d(0, 0, 1, 45deg);

         transform: rotate3d(0, 0, 1, 45deg);

         opacity: 0;

     }



     100% {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         -webkit-transform: none;

         transform: none;

         opacity: 1;

     }

 }



 @keyframes rotateInUpLeft {

     0% {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         -webkit-transform: rotate3d(0, 0, 1, 45deg);

         transform: rotate3d(0, 0, 1, 45deg);

         opacity: 0;

     }



     100% {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         -webkit-transform: none;

         transform: none;

         opacity: 1;

     }

 }



 .rotateInUpLeft {

     -webkit-animation-name: rotateInUpLeft;

     animation-name: rotateInUpLeft;

 }



 @-webkit-keyframes rotateInUpRight {

     0% {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         -webkit-transform: rotate3d(0, 0, 1, -90deg);

         transform: rotate3d(0, 0, 1, -90deg);

         opacity: 0;

     }



     100% {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         -webkit-transform: none;

         transform: none;

         opacity: 1;

     }

 }



 @keyframes rotateInUpRight {

     0% {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         -webkit-transform: rotate3d(0, 0, 1, -90deg);

         transform: rotate3d(0, 0, 1, -90deg);

         opacity: 0;

     }



     100% {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         -webkit-transform: none;

         transform: none;

         opacity: 1;

     }

 }



 .rotateInUpRight {

     -webkit-animation-name: rotateInUpRight;

     animation-name: rotateInUpRight;

 }



 @-webkit-keyframes rotateOut {

     0% {

         -webkit-transform-origin: center;

         transform-origin: center;

         opacity: 1;

     }



     100% {

         -webkit-transform-origin: center;

         transform-origin: center;

         -webkit-transform: rotate3d(0, 0, 1, 200deg);

         transform: rotate3d(0, 0, 1, 200deg);

         opacity: 0;

     }

 }



 @keyframes rotateOut {

     0% {

         -webkit-transform-origin: center;

         transform-origin: center;

         opacity: 1;

     }



     100% {

         -webkit-transform-origin: center;

         transform-origin: center;

         -webkit-transform: rotate3d(0, 0, 1, 200deg);

         transform: rotate3d(0, 0, 1, 200deg);

         opacity: 0;

     }

 }



 .rotateOut {

     -webkit-animation-name: rotateOut;

     animation-name: rotateOut;

 }



 @-webkit-keyframes rotateOutDownLeft {

     0% {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         opacity: 1;

     }



     100% {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         -webkit-transform: rotate3d(0, 0, 1, 45deg);

         transform: rotate3d(0, 0, 1, 45deg);

         opacity: 0;

     }

 }



 @keyframes rotateOutDownLeft {

     0% {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         opacity: 1;

     }



     100% {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         -webkit-transform: rotate3d(0, 0, 1, 45deg);

         transform: rotate3d(0, 0, 1, 45deg);

         opacity: 0;

     }

 }



 .rotateOutDownLeft {

     -webkit-animation-name: rotateOutDownLeft;

     animation-name: rotateOutDownLeft;

 }



 @-webkit-keyframes rotateOutDownRight {

     0% {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         opacity: 1;

     }



     100% {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         -webkit-transform: rotate3d(0, 0, 1, -45deg);

         transform: rotate3d(0, 0, 1, -45deg);

         opacity: 0;

     }

 }



 @keyframes rotateOutDownRight {

     0% {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         opacity: 1;

     }



     100% {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         -webkit-transform: rotate3d(0, 0, 1, -45deg);

         transform: rotate3d(0, 0, 1, -45deg);

         opacity: 0;

     }

 }



 .rotateOutDownRight {

     -webkit-animation-name: rotateOutDownRight;

     animation-name: rotateOutDownRight;

 }



 @-webkit-keyframes rotateOutUpLeft {

     0% {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         opacity: 1;

     }



     100% {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         -webkit-transform: rotate3d(0, 0, 1, -45deg);

         transform: rotate3d(0, 0, 1, -45deg);

         opacity: 0;

     }

 }



 @keyframes rotateOutUpLeft {

     0% {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         opacity: 1;

     }



     100% {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         -webkit-transform: rotate3d(0, 0, 1, -45deg);

         transform: rotate3d(0, 0, 1, -45deg);

         opacity: 0;

     }

 }



 .rotateOutUpLeft {

     -webkit-animation-name: rotateOutUpLeft;

     animation-name: rotateOutUpLeft;

 }



 @-webkit-keyframes rotateOutUpRight {

     0% {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         opacity: 1;

     }



     100% {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         -webkit-transform: rotate3d(0, 0, 1, 90deg);

         transform: rotate3d(0, 0, 1, 90deg);

         opacity: 0;

     }

 }



 @keyframes rotateOutUpRight {

     0% {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         opacity: 1;

     }



     100% {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         -webkit-transform: rotate3d(0, 0, 1, 90deg);

         transform: rotate3d(0, 0, 1, 90deg);

         opacity: 0;

     }

 }



 .rotateOutUpRight {

     -webkit-animation-name: rotateOutUpRight;

     animation-name: rotateOutUpRight;

 }



 @-webkit-keyframes hinge {

     0% {

         -webkit-transform-origin: top left;

         transform-origin: top left;

         -webkit-animation-timing-function: ease-in-out;

         animation-timing-function: ease-in-out;

     }



     20%,
     60% {

         -webkit-transform: rotate3d(0, 0, 1, 80deg);

         transform: rotate3d(0, 0, 1, 80deg);

         -webkit-transform-origin: top left;

         transform-origin: top left;

         -webkit-animation-timing-function: ease-in-out;

         animation-timing-function: ease-in-out;

     }



     40%,
     80% {

         -webkit-transform: rotate3d(0, 0, 1, 60deg);

         transform: rotate3d(0, 0, 1, 60deg);

         -webkit-transform-origin: top left;

         transform-origin: top left;

         -webkit-animation-timing-function: ease-in-out;

         animation-timing-function: ease-in-out;

         opacity: 1;

     }



     100% {

         -webkit-transform: translate3d(0, 700px, 0);

         transform: translate3d(0, 700px, 0);

         opacity: 0;

     }

 }



 @keyframes hinge {

     0% {

         -webkit-transform-origin: top left;

         transform-origin: top left;

         -webkit-animation-timing-function: ease-in-out;

         animation-timing-function: ease-in-out;

     }



     20%,
     60% {

         -webkit-transform: rotate3d(0, 0, 1, 80deg);

         transform: rotate3d(0, 0, 1, 80deg);

         -webkit-transform-origin: top left;

         transform-origin: top left;

         -webkit-animation-timing-function: ease-in-out;

         animation-timing-function: ease-in-out;

     }



     40%,
     80% {

         -webkit-transform: rotate3d(0, 0, 1, 60deg);

         transform: rotate3d(0, 0, 1, 60deg);

         -webkit-transform-origin: top left;

         transform-origin: top left;

         -webkit-animation-timing-function: ease-in-out;

         animation-timing-function: ease-in-out;

         opacity: 1;

     }



     100% {

         -webkit-transform: translate3d(0, 700px, 0);

         transform: translate3d(0, 700px, 0);

         opacity: 0;

     }

 }



 .hinge {

     -webkit-animation-name: hinge;

     animation-name: hinge;

 }



 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



 @-webkit-keyframes rollIn {

     0% {

         opacity: 0;

         -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

         transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

     }



     100% {

         opacity: 1;

         -webkit-transform: none;

         transform: none;

     }

 }



 @keyframes rollIn {

     0% {

         opacity: 0;

         -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

         transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

     }



     100% {

         opacity: 1;

         -webkit-transform: none;

         transform: none;

     }

 }



 .rollIn {

     -webkit-animation-name: rollIn;

     animation-name: rollIn;

 }



 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



 @-webkit-keyframes rollOut {

     0% {

         opacity: 1;

     }



     100% {

         opacity: 0;

         -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

         transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

     }

 }



 @keyframes rollOut {

     0% {

         opacity: 1;

     }



     100% {

         opacity: 0;

         -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

         transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

     }

 }



 .rollOut {

     -webkit-animation-name: rollOut;

     animation-name: rollOut;

 }



 @-webkit-keyframes zoomIn {

     0% {

         opacity: 0;

         -webkit-transform: scale3d(.3, .3, .3);

         transform: scale3d(.3, .3, .3);

     }



     50% {

         opacity: 1;

     }

 }



 @keyframes zoomIn {

     0% {

         opacity: 0;

         -webkit-transform: scale3d(.3, .3, .3);

         transform: scale3d(.3, .3, .3);

     }



     50% {

         opacity: 1;

     }

 }



 .zoomIn {

     -webkit-animation-name: zoomIn;

     animation-name: zoomIn;

 }



 @-webkit-keyframes zoomInDown {

     0% {

         opacity: 0;

         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

         transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

         -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

         animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

     }



     60% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

         transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

         animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

     }

 }



 @keyframes zoomInDown {

     0% {

         opacity: 0;

         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

         transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

         -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

         animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

     }



     60% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

         transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

         animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

     }

 }



 .zoomInDown {

     -webkit-animation-name: zoomInDown;

     animation-name: zoomInDown;

 }



 @-webkit-keyframes zoomInLeft {

     0% {

         opacity: 0;

         -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

         transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

         -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

         animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

     }



     60% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

         transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

         animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

     }

 }



 @keyframes zoomInLeft {

     0% {

         opacity: 0;

         -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

         transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

         -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

         animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

     }



     60% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

         transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

         animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

     }

 }



 .zoomInLeft {

     -webkit-animation-name: zoomInLeft;

     animation-name: zoomInLeft;

 }



 @-webkit-keyframes zoomInRight {

     0% {

         opacity: 0;

         -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

         transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

         -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

         animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

     }



     60% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

         transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

         animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

     }

 }



 @keyframes zoomInRight {

     0% {

         opacity: 0;

         -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

         transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

         -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

         animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

     }



     60% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

         transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

         animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

     }

 }



 .zoomInRight {

     -webkit-animation-name: zoomInRight;

     animation-name: zoomInRight;

 }



 @-webkit-keyframes zoomInUp {

     0% {

         opacity: 0;

         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

         transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

         -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

         animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

     }



     60% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

         transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

         animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

     }

 }



 @keyframes zoomInUp {

     0% {

         opacity: 0;

         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

         transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

         -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

         animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

     }



     60% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

         transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

         animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

     }

 }



 .zoomInUp {

     -webkit-animation-name: zoomInUp;

     animation-name: zoomInUp;

 }



 @-webkit-keyframes zoomOut {

     0% {

         opacity: 1;

     }



     50% {

         opacity: 0;

         -webkit-transform: scale3d(.3, .3, .3);

         transform: scale3d(.3, .3, .3);

     }



     100% {

         opacity: 0;

     }

 }



 @keyframes zoomOut {

     0% {

         opacity: 1;

     }



     50% {

         opacity: 0;

         -webkit-transform: scale3d(.3, .3, .3);

         transform: scale3d(.3, .3, .3);

     }



     100% {

         opacity: 0;

     }

 }



 .zoomOut {

     -webkit-animation-name: zoomOut;

     animation-name: zoomOut;

 }



 @-webkit-keyframes zoomOutDown {

     40% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

         transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

         -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

         animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

     }



     100% {

         opacity: 0;

         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

         transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

         -webkit-transform-origin: center bottom;

         transform-origin: center bottom;

         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

         animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

     }

 }



 @keyframes zoomOutDown {

     40% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

         transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

         -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

         animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

     }



     100% {

         opacity: 0;

         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

         transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

         -webkit-transform-origin: center bottom;

         transform-origin: center bottom;

         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

         animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

     }

 }



 .zoomOutDown {

     -webkit-animation-name: zoomOutDown;

     animation-name: zoomOutDown;

 }



 @-webkit-keyframes zoomOutLeft {

     40% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

         transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

     }



     100% {

         opacity: 0;

         -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);

         transform: scale(.1) translate3d(-2000px, 0, 0);

         -webkit-transform-origin: left center;

         transform-origin: left center;

     }

 }



 @keyframes zoomOutLeft {

     40% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

         transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

     }



     100% {

         opacity: 0;

         -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);

         transform: scale(.1) translate3d(-2000px, 0, 0);

         -webkit-transform-origin: left center;

         transform-origin: left center;

     }

 }



 .zoomOutLeft {

     -webkit-animation-name: zoomOutLeft;

     animation-name: zoomOutLeft;

 }



 @-webkit-keyframes zoomOutRight {

     40% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

         transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

     }



     100% {

         opacity: 0;

         -webkit-transform: scale(.1) translate3d(2000px, 0, 0);

         transform: scale(.1) translate3d(2000px, 0, 0);

         -webkit-transform-origin: right center;

         transform-origin: right center;

     }

 }



 @keyframes zoomOutRight {

     40% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

         transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

     }



     100% {

         opacity: 0;

         -webkit-transform: scale(.1) translate3d(2000px, 0, 0);

         transform: scale(.1) translate3d(2000px, 0, 0);

         -webkit-transform-origin: right center;

         transform-origin: right center;

     }

 }



 .zoomOutRight {

     -webkit-animation-name: zoomOutRight;

     animation-name: zoomOutRight;

 }



 @-webkit-keyframes zoomOutUp {

     40% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

         transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

         -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

         animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

     }



     100% {

         opacity: 0;

         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

         transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

         -webkit-transform-origin: center bottom;

         transform-origin: center bottom;

         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

         animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

     }

 }



 @keyframes zoomOutUp {

     40% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

         transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

         -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

         animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

     }



     100% {

         opacity: 0;

         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

         transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

         -webkit-transform-origin: center bottom;

         transform-origin: center bottom;

         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

         animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

     }

 }



 .zoomOutUp {

     -webkit-animation-name: zoomOutUp;

     animation-name: zoomOutUp;

 }



 @-webkit-keyframes slideInDown {

     0% {

         -webkit-transform: translateY(-100%);

         transform: translateY(-100%);

         visibility: visible;

     }



     100% {

         -webkit-transform: translateY(0);

         transform: translateY(0);

     }

 }



 @keyframes slideInDown {

     0% {

         -webkit-transform: translateY(-100%);

         transform: translateY(-100%);

         visibility: visible;

     }



     100% {

         -webkit-transform: translateY(0);

         transform: translateY(0);

     }

 }



 .slideInDown {

     -webkit-animation-name: slideInDown;

     animation-name: slideInDown;

 }



 @-webkit-keyframes slideInLeft {

     0% {

         -webkit-transform: translateX(-100%);

         transform: translateX(-100%);

         visibility: visible;

     }



     100% {

         -webkit-transform: translateX(0);

         transform: translateX(0);

     }

 }



 @keyframes slideInLeft {

     0% {

         -webkit-transform: translateX(-100%);

         transform: translateX(-100%);

         visibility: visible;

     }



     100% {

         -webkit-transform: translateX(0);

         transform: translateX(0);

     }

 }



 .slideInLeft {

     -webkit-animation-name: slideInLeft;

     animation-name: slideInLeft;

 }



 @-webkit-keyframes slideInRight {

     0% {

         -webkit-transform: translateX(100%);

         transform: translateX(100%);

         visibility: visible;

     }



     100% {

         -webkit-transform: translateX(0);

         transform: translateX(0);

     }

 }



 @keyframes slideInRight {

     0% {

         -webkit-transform: translateX(100%);

         transform: translateX(100%);

         visibility: visible;

     }



     100% {

         -webkit-transform: translateX(0);

         transform: translateX(0);

     }

 }



 .slideInRight {

     -webkit-animation-name: slideInRight;

     animation-name: slideInRight;

 }



 @-webkit-keyframes slideInUp {

     0% {

         -webkit-transform: translateY(100%);

         transform: translateY(100%);

         visibility: visible;

     }



     100% {

         -webkit-transform: translateY(0);

         transform: translateY(0);

     }

 }



 @keyframes slideInUp {

     0% {

         -webkit-transform: translateY(100%);

         transform: translateY(100%);

         visibility: visible;

     }



     100% {

         -webkit-transform: translateY(0);

         transform: translateY(0);

     }

 }



 .slideInUp {

     -webkit-animation-name: slideInUp;

     animation-name: slideInUp;

 }



 @-webkit-keyframes slideOutDown {

     0% {

         -webkit-transform: translateY(0);

         transform: translateY(0);

     }



     100% {

         visibility: hidden;

         -webkit-transform: translateY(100%);

         transform: translateY(100%);

     }

 }



 @keyframes slideOutDown {

     0% {

         -webkit-transform: translateY(0);

         transform: translateY(0);

     }



     100% {

         visibility: hidden;

         -webkit-transform: translateY(100%);

         transform: translateY(100%);

     }

 }



 .slideOutDown {

     -webkit-animation-name: slideOutDown;

     animation-name: slideOutDown;

 }



 @-webkit-keyframes slideOutLeft {

     0% {

         -webkit-transform: translateX(0);

         transform: translateX(0);

     }



     100% {

         visibility: hidden;

         -webkit-transform: translateX(-100%);

         transform: translateX(-100%);

     }

 }



 @keyframes slideOutLeft {

     0% {

         -webkit-transform: translateX(0);

         transform: translateX(0);

     }



     100% {

         visibility: hidden;

         -webkit-transform: translateX(-100%);

         transform: translateX(-100%);

     }

 }



 .slideOutLeft {

     -webkit-animation-name: slideOutLeft;

     animation-name: slideOutLeft;

 }



 @-webkit-keyframes slideOutRight {

     0% {

         -webkit-transform: translateX(0);

         transform: translateX(0);

     }



     100% {

         visibility: hidden;

         -webkit-transform: translateX(100%);

         transform: translateX(100%);

     }

 }



 @keyframes slideOutRight {

     0% {

         -webkit-transform: translateX(0);

         transform: translateX(0);

     }



     100% {

         visibility: hidden;

         -webkit-transform: translateX(100%);

         transform: translateX(100%);

     }

 }



 .slideOutRight {

     -webkit-animation-name: slideOutRight;

     animation-name: slideOutRight;

 }



 @-webkit-keyframes slideOutUp {

     0% {

         -webkit-transform: translateY(0);

         transform: translateY(0);

     }



     100% {

         visibility: hidden;

         -webkit-transform: translateY(-100%);

         transform: translateY(-100%);

     }

 }



 @keyframes slideOutUp {

     0% {

         -webkit-transform: translateY(0);

         transform: translateY(0);

     }



     100% {

         visibility: hidden;

         -webkit-transform: translateY(-100%);

         transform: translateY(-100%);

     }

 }



 .slideOutUp {

     -webkit-animation-name: slideOutUp;

     animation-name: slideOutUp;

 }

 .page {
     float: left;
     width: 100%;
     margin-top: 40px;
     font-size: 16px;
 }

 .page-oneline {
     float: left;
     color: #fff;
     margin-bottom: 20px;
     background: #C71826;
     padding: 0px 15px;
     height: 35px;
     line-height: 35px;
     border-radius: 10px;
 }

 .page-oneline2 {
     float: left;
     color: #5D5D5D;
     border-radius: 10px;
 }

 .page-home {
     float: left;
     padding: 0px 15px;
     height: 35px;
     color: #646874;
     text-align: center;
     line-height: 35px;
     margin-bottom: 15px;
     background: #fff;
     border: 1px solid #F3F3F3;
     border-radius: 10px;
 }

 .ph-next {
     margin-left: 15px;


 }

 .page-end3 {
     margin-left: 15px;

 }

 .page-home2 {
     float: left;
     padding: 0px 15px;
     height: 35px;
     color: #848484;
     text-align: center;
     line-height: 35px;
     margin-bottom: 15px;
     background: #fff;
     border: 1px solid #F3F3F3;
     margin-left: 15px;
     border-radius: 10px;
 }

 .page-home2:first-child {
     margin-left: 0px;
 }

 .nowpage {
     color: #fff;
     background: #C71826;
     border: 1px solid #C71826;
     border-radius: 10px;
 }

 @media screen and (max-width:760px) {
     .page-oneline2 {
         margin-left: -15px;
     }
 }













 .share-f {
     float: left;
     padding-left: 20px;
     position: relative;
 }

 .share-f:before {
     content: "";
     position: absolute;
     width: 15px;
     height: 15px;
     left: 0px;
     top: 3px;
     background: url(static/images/ssh.png) no-repeat;
 }

 .sh-txt {
     float: left;
     font-size: 14px;
     cursor: pointer;
 }

 .sh-txt:hover {
     color: #000;
 }

 .detwd {
     width: 130px;
     padding: 10px 20px;
     background: #4285F4;
     position: absolute;
     right: -160px;
     top: -100px;
     border-radius: 8px;
     z-index: -1;
     opacity: 0;
     transition: all 0.6s ease 0s;
 }

 .detsin {
     line-height: 24px;
     display: block;
     padding-left: 34px;
     color: #FFF;
     font-size: 14px;
     position: relative;
     float: left;
     width: 100%;
     margin-top: 15px;
     cursor: pointer;
 }

 .detsin:before {
     content: "";
     position: absolute;
     background-image: url(static/images/icon.png);
     background-repeat: no-repeat;
     width: 24px;
     height: 24px;
     display: block;
     position: absolute;
     left: 0;
     top: 50%;
     margin-top: -12px;
 }

 .wx:before {
     background-position: -60px 0;
 }

 .xl:before {
     background-position: -100px 0;
 }

 .tx:before {
     background-position: -140px 0;
 }

 .db:before {
     background-position: -180px 0;
 }

 .bd:before {
     background-position: -220px 0;
 }

 .detsin:hover {
     color: #ffe514;
 }

 @media screen and (min-width: 760px) {
     .shar-ico:hover .detwd {
         opacity: 1;
         z-index: 3;
     }
 }

 .wx-win {
     position: absolute;
     width: 300px;
     left: 300px;
     bottom: 200px;
     background: #fff;
     border: solid 1px #d8d8d8;
     z-index: 4;
     display: none;
 }

 .r-pro-s-img {
     float: left;
     width: 100%;
 }

 .wx-cet {
     float: left;
     width: calc(100% - 30px);
     margin: 15px;
 }

 .wx-c-lin1 {
     float: left;
     width: 100%;

 }

 .wx-c-tit {
     float: left;
     font-size: 12px;
     color: #000;
 }

 .wx-c-close {
     float: right;
     width: 15px;
     height: 15px;
     position: relative;
     cursor: pointer;
 }

 .wx-c-close:before {
     content: '\e900';
     display: block;
     font-family: icomoon2;
     font-size: 14px;
     color: #999;
     float: left;

 }

 .wx-img {
     float: left;
     width: 188px;
     margin-left: calc(50% - 94px);
     margin-top: 20px;
 }

 .wx-bt {
     float: left;
     width: 100%;
     margin-top: 20px;
     color: #666;
 }

 @media screen and (max-width:760px) {
     .wx-win {
         left: calc(50% - 150px);
         bottom: 200px;
     }
 }







 .r-hot-blog {
     float: left;
     width: 100%;
 }

 .hot-b-mm {
     float: left;
     width: 100%;
     background: #fff;
     border-radius: 15px;
     border: 1px solid #DEDDDA;
 }

 .hot-cet {
     float: left;
     width: calc(100% - 20px);
     margin-left: 10px;
 }

 .hot-blog-main {
     float: left;
     width: 84%;
     margin-top: 10px;
     margin-left: 8%;
     margin-bottom: 30px;
 }

 .hot-search {
     float: left;
     width: 100%;
     margin-top: 30px;
 }

 .hot-search-form {
     float: left;
     width: 100%;
     position: relative;
 }

 .hot-search-in {
     float: left;
     padding-left: 10px;
     width: 100%;
     border: 1px solid #F5F5F5;
     background: #F5F5F5;
     height: 40px;
     font-size: 12px;
     color: #9B9BA7;
     box-sizing: border-box;
     border-radius: 10px;
 }

 .hot-search-in:hover {
     border: 1px solid #000;
 }

 .hot-search-btn {
     position: absolute;
     border: none;
     right: 5px;
     top: 0px;
     width: 40px;
     height: 40px;
     background: url(static/images/ssh4.png) no-repeat center;
     cursor: pointer;
 }

 .tuijianyd {
     float: left;
     width: 100%;
     margin-top: 30px;
 }

 .tit-l {
     float: left;
     width: 40%;
     color: #000000;
     font-size: 21px;
     padding-left: 30px;
     font-weight: bold;
     position: relative;
 }

 .tit-l:before {
     content: "";
     position: absolute;
     left: 0px;
     top: 2px;
     background: url(static/images/fire2.png) no-repeat;
     width: 18px;
     height: 23px;
 }

 .tuijianyd2 {
     float: left;
     width: 100%;
     color: #000000;
     font-size: 21px;
     padding-left: 30px;
     font-weight: bold;
     position: relative;
     margin-top: 30px;
 }

 .tuijianyd2:before {
     content: "";
     position: absolute;
     left: 0px;
     top: 2px;
     background: url(static/images/flag.png) no-repeat;
     width: 18px;
     height: 23px;
 }

 .icoturn {
     animation: turnani 1100ms infinite;
 }

 @keyframes turnani {
     0% {
         transform: rotate(0deg);
     }

     50% {
         transform: rotate(-60deg);
     }

     100% {
         transform: rotate(0deg);
     }
 }

 .btj-txt {
     margin-top: 2px;
     float: left;
     margin-left: 30px;
     margin-top: 5px;
     color: #DE504A;
     font-size: 16px;
     position: relative;
     cursor: pointer;
 }

 .btj-txt:hover {
     color: #FF7E0E;
 }

 .btj-turn {
     position: absolute;
     left: -25px;
     top: 3px;
     background: url(static/images/turn.png) no-repeat;
     width: 15px;
     height: 15px;
 }

 .lg-t-img {
     float: left;
     width: 55px;
     margin-left: 22px;
 }

 .rhbm {
     float: left;
     width: 100%;
     border-radius: 0px 0px 15px 15px;
     border-top: none;
 }

 .hot-blog-title {

     float: left;
     width: 100%;
     padding-top: 22px;
     padding-bottom: 22px;
     border-radius: 15px 15px 0px 0px;
 }

 .hot-blog-list {
     float: left;
     width: 100%;
 }

 .hot-blog-single {
     float: left;
     width: 100%;
     margin-top: 20px;
     font-size: 16px;
     position: relative;
     line-height: 30px;
     color: #001cc4;
 }

 .rig-th {
     float: left;
     width: 28px;
     font-size: 20px;
     color: #A3A3A3;
 }

 .rig-txt {
     float: left;
     width: calc(100% - 28px);
 }

 .hot-blog-single:hover {
     color: #000;
 }

 .fire {
     background: url(static/images/fire3.png) no-repeat;
 }

 .hot-art-s-title {
     float: left;
     width: calc(100% - 25px);
     padding-left: 25px;

     color: #4c4c4c;
     font-size: 1.6rem;
     position: relative;
     transition: all 0s ease 0s;
 }


 .hot-art-s-title:before {
     font-family: icomoon;
     content: '\e9a9';
     position: absolute;
     left: 0px;

     top: 0px;
     font-size: 16px;
 }

 .que-sin2 {
     padding: 5px 12px;
     font-size: 16px;
     border-radius: 27px;
     white-space: nowrap;
 }

 .q-redbk {
     color: #C71826;
     border: 1px solid #C71826;
 }

 .q-redbk:hover {
     background: #C71826;
     color: #fff;
 }

 .q-blue {
     color: #4285F4;
     border: 1px solid #4285F4;
 }

 .q-blue:hover {
     background: #4285F4;
     color: #fff;
 }

 .q-red {
     color: #DB4437;
     border: 1px solid #DB4437;
 }

 .q-red:hover {
     background: #DB4437;
     color: #fff;
 }

 .q-yellow {
     color: #F4B400;
     border: 1px solid #F4B400;
 }

 .q-yellow:hover {
     background: #F4B400;
     color: #fff;
 }

 .q-green {
     color: #0F9D58;
     border: 1px solid #0F9D58;
 }

 .q-green:hover {
     background: #0F9D58;
     color: #fff;
 }

 .lastest-blog-main {
     float: left;
     width: 100%;
     margin-top: 40px;
     background: #fff;
     border: 1px solid #DEDDDA;
     border-radius: 15px;
 }

 .lastest-blog-list {
     float: left;
     width: 84%;
     margin-top: 10px;
     margin-left: 8%;
     margin-bottom: 30px;
     line-height: 50px;
 }

 .lastest-blog-single {
     padding: 5px 12px;
     font-size: 16px;
     border-radius: 27px;
     white-space: nowrap;
 }

 .lastest-blog-single:hover {
     color: #fff;
 }

 .last-blog-time {

     float: left;
     width: calc(100% - 25px);

     padding-left: 25px;

     position: relative;
     color: #4c4c4c;
     font-size: 1.4rem;
 }

 .last-blog-time:before {
     font-family: icomoon;
     content: '\e953';
     position: absolute;

     left: 0px;

     top: 0px;
     font-size: 16px;
 }

 .last-blog-title {
     float: left;
     width: 100%;
     color: #000;
     font-size: 1.6rem;
     margin-top: 10px;
     transition: all 0s ease 0s;
 }

 .last-blog-desc {
     float: left;
     width: 100%;
     color: #4c4c4c;
     font-size: 1.2rem;
     margin-top: 10px;
     line-height: 20px;
 }

 .lastest-exh-main {
     float: left;
     width: 100%;
     margin-top: 55px;
 }

 .lastest-exh-list {
     float: left;
     width: 100%;
 }

 .lastest-exh-single {
     float: left;
     width: 100%;
     border-bottom: 1px solid #E8E8E8;
     padding-bottom: 20px;
     margin-top: 15px;
 }

 .PLSel {
     color: #FF7E0E;
 }

 .PLSel .ib-fix-nav-txt {
     color: #fff;
 }

 .lastest-exh-s-img-a {

     float: left;

     width: 55px;
     height: 55px;
     border-radius: 50%;
     overflow: hidden;
 }

 .lastest-exh-s-img-a:hover .lastest-exh-s-img {
     transform: scale(1.2);
 }

 .lastest-exh-s-img {
     float: left;
     width: 100px;
     transition: all 0.3s ease 0s;
 }

 .lastest-exh-s-name {

     float: left;
     margin-left: 5%;

     width: calc(95% - 55px);
     color: #000;
     font-size: 1.4rem;
     margin-top: 10px;
     transition: all 0s ease 0s;
 }


 .blog-tag-main {
     float: left;
     width: 100%;
     margin-top: 30px;
 }

 .blog-tag-list {
     float: left;
     width: calc(100% + 10px);
     margin-left: -10px;
     margin-top: 10px;
 }

 .blog-tag-single {
     float: left;
     height: 30px;
     line-height: 30px;
     padding-right: 15px;
     padding-left: 15px;
     border-radius: 15px;
     color: #fff;
     font-size: 1.4rem;

     margin-top: 10px;
     margin-left: 10px;
     transition: all 0s ease 0s;
 }

 .top_1 .rig-th {
     color: #6D0116;
     font-weight: bold;
 }

 .hot-blog-single:hover .rig-txt {
     color: #DE504A;
 }

 .top_2 .rig-th {
     color: #DE504A;
     font-weight: bold;
 }

 .top_3 .rig-th {
     color: #F49E21;
     font-weight: bold;
 }


 @media screen and (max-width:760px) {
     .b-cet {
         margin-bottom: 20px !important;
     }

     .b-r {
         margin-top: 20px;
     }

     .b-r {
         width: 100% !important;
         margin-left: 0% !important;
     }

     .b-l {
         width: 100% !important;
     }

 }









 .rcwin-f {
     position: fixed;
     bottom: -600px;
     left: 10px;
     width: 300px;
     border-radius: 15px;
     overflow: hidden;
     box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1);
     background: #fff;
     z-index: 10000;
     transition: all 1.5s ease 0s;
 }

 .rcwin-headf {
     float: left;
     width: 100%;
     background: #4A7DE0;
 }

 .rc-cet {
     float: left;
     width: calc(100% - 30px);
     margin: 10px 15px;
 }

 .rh-txt {
     float: left;
     width: calc(100% - 50px);
     color: #fff;
     font-size: 16px;
 }

 .rh-close {
     float: right;
     width: 25px;
     height: 25px;
     cursor: pointer;
 }

 .rh-close:before {
     content: '\e900';
     display: block;
     font-family: icomoon2;
     font-size: 16px;
     color: #fff;
     float: left;
     width: 25px;
     height: 25px;
     line-height: 25px;
     text-align: center;
 }

 .rc-main {
     float: left;
     width: 100%;
     margin-top: 10px;
     margin-bottom: 10px;
 }

 .rc-tit {
     float: left;
     width: 100%;
     font-size: 16px;
 }

 .rc-mt {
     float: left;
     width: 100%;
     font-size: 14px;
     margin-top: 10px;
     line-height: 25px;
 }

 .rc-bot {
     float: left;
     width: 100%;
     border-top: 1px solid #D1D2D2;
 }

 .rc-link {
     float: right;
     font-size: 16px;
     color: #7A83FF;
     margin-top: 10px;
 }
















 .c2-f {
     float: left;
     width: 100%;
     font-size: 16px;
     background: #FAFAFA;
 }

 .footer-f {
     margin-top: 0px;
     background: #FAFAFA;
 }

 .b-cet {
     margin-top: 40px;
     margin-bottom: 60px;
 }

 .b-l {
     float: left;
     width: 71%;
 }

 .b-r {
     float: left;
     width: 27%;
     margin-left: 2%;
     position: relative;
 }

 .b-sin {
     float: left;
     width: 100%;
     margin-top: 25px;
     background: #fff;
     border-radius: 15px;
     border: 1px solid #DEDDDA;
 }

 .b-sin:first-child {
     margin-top: 0px;
 }

 .b-sin-cet {
     float: left;
     margin: 30px 4% 20px 4%;
     width: 92%;
 }

 .sin-pic {
     float: left;
     width: 20%;
     overflow: hidden;
     transition: all 0.3s ease 0s;
 }

 .sin-pic:hover img {
     transform: scale(1.1);
 }

 .sin-r {
     float: left;
     width: 100%;
     margin-top: 10px;
 }

 .sin-bll {
     float: left;
     width: 77%;
     margin-left: 3%;
 }

 .title {
     float: left;
     width: 100%;
     font-size: 24px;
 }

 .title:hover {
     color: #DE504A;
 }

 .s-t2-f {
     float: left;
     width: 100%;
     font-size: 16px;
 }

 .t2-cname {
     float: left;
     background: #EB6877;
     color: #fff;
     padding: 2px 5px;
     border-radius: 3px;
     margin-top: -2px;
 }

 .t2-t2 {
     float: left;
     margin-left: 12px;
 }

 .t2-time {
     float: left;
     margin-left: 6px;
 }

 .t2-t3 {
     float: left;
     margin-left: 6px;
 }

 .s-desc {
     float: left;
     width: 100%;
     font-size: 16px;
     margin-top: 10px;
 }

 .s-bot {
     float: left;
     width: 100%;
     margin-top: 10px;
     padding-top: 15px;
     border-top: 1px solid #F3F3F3;
     position: relative;
 }

 .s-bot-l {
     float: left;
     font-size: 14px;
 }




 .s-share {
     float: left;
     padding-left: 20px;
     position: relative;
 }

 .s-share:before {
     content: "";
     position: absolute;
     width: 15px;
     height: 15px;
     left: 0px;
     top: 3px;
 }

 .s-share:hover {
     color: #000;
 }

 .s-review {
     margin-left: 65px;
 }

 .shar-ico2:before {
     background: url(static/images/ssh2.png) no-repeat;
 }

 .shar-ico3 {
     cursor: pointer;
 }

 .shar-ico3:before {
     height: 15px;
     top: 2px;
     background: url(static/images/ssh3.png) no-repeat;
 }

 .ssh32:before {
     background: url(static/images/ssh3-2.png) no-repeat;
 }

 .s-bot-r {
     float: right;
     font-size: 14px;
     position: relative;
     margin-right: 35px;
     padding-right: 22px;
 }

 .s-bot-r:hover {
     color: #C71826;
 }

 .s-bot-r:hover .dd3 {
     background: #000;
 }

 .s-bot-r:hover:before {
     border-top: 5px solid transparent;
     border-left: 8px solid #C71826;
     border-bottom: 5px solid transparent;
 }

 .s-bot-r:before {
     content: "";
     position: absolute;
     right: 0px;
     top: 5px;
     width: 0;
     height: 0;
     border-top: 5px solid transparent;
     border-left: 8px solid #4285F4;
     border-bottom: 5px solid transparent;
 }

 .wx-win {
     bottom: 0px;
 }

 .mob-sin-pic {
     float: left;
     width: 100%;
     display: none;
     margin-top: 10px;
 }

 @media screen and (max-width:760px) {
     .sin-bll {
         width: 100%;
         margin-left: 0%;
     }

     .zwtop {
         margin-top: 10px;
     }

     .t2-t3 {
         margin-top: 5px;
         margin-left: 12px;
     }

     .s-bot {
         margin-top: 10px;
     }

     .sin-r {
         width: 100%;
         margin-left: 0%;
         margin-top: 10px;
     }

     .sin-pic {
         display: none;
     }

     .mob-sin-pic {
         display: block;
     }

     .b-cet {
         margin-bottom: 40px;
     }
 }

 @media screen and (max-width:400px) {
     .s-review {
         margin-left: 20px;
     }
 }

 .rightads {
     float: left;
     width: 100%;
     position: relative;
     margin-bottom: 40px;
     border-radius: 15px;
     overflow: hidden;
     display: none;
 }

 .rgads-close {
     position: absolute;
     width: 30px;
     height: 30px;
     right: 10px;
     top: 10px;
     cursor: pointer;
 }

 .rgads-close:before {
     content: "\e900";
     float: left;
     width: 100%;
     text-align: center;
     height: 30px;
     line-height: 30px;
     color: #fff;
     font-size: 18px;
     font-family: icomoon2;
 }

 .rgads-pic-f {
     float: left;
     width: 100%;
 }

 .rgads-txt {
     position: absolute;
     padding: 3px 10px;
     background: rgba(0, 0, 0, .3);
     color: #fff;
     font-size: 12px;
     right: 10px;
     bottom: 10px;
     border-radius: 4px;
 }

 .send-f {
     float: left;
     width: 100%;
 }

 .send-title {
     float: left;
     width: 100%;
     color: #000;
     font-size: 3.6rem;
 }

 .send-in-f {
     float: left;
     width: 100%;
     background: #fff;
 }

 .send-error {
     position: absolute;
     padding: 8px;
     font-size: 1.2rem;
     border: 1px solid #c80000;
     color: #c80000;
     right: 5px;
     top: 25px;
     border-radius: 10px;
     display: none;
 }

 .send-error-2 {
     position: absolute;
     padding: 8px;
     font-size: 1.2rem;
     border: 1px solid #c80000;
     color: #c80000;
     right: 5px;
     bottom: 5px;
     border-radius: 10px;
     display: none;
 }

 .send-error-3 {
     position: absolute;
     padding: 8px;
     font-size: 12px;
     border: 1px solid #c80000;
     left: 265px;
     color: #c80000;
     bottom: 0px;
     border-radius: 10px;
     white-space: nowrap;
     display: none;
 }

 .send-in-title {
     float: left;
     width: 100%;
     color: #C71826;
     font-size: 24px;
 }

 .send-in-main {
     float: left;
     width: 100%;
     margin-top: 20px;
 }

 .send-in-center {
     float: left;
     width: calc(100% - 50px);
     margin-left: 25px;
     margin-top: 30px;
     margin-bottom: 50px;
 }

 .send-input-f {
     float: left;
     width: 100%;
     position: relative;
     margin-top: 20px;
 }

 .send-input-f2 {
     margin-left: 2%;
 }

 .send-input-f3 {
     width: 100%;
 }

 .send-in {
     margin-top: 5px;
     float: left;
     border: none;
     width: 100%;
     height: 40px;
     padding-left: 10px;
     color: #666;
     font-size: 16px;
     line-height: 5px;
     outline: none;
     background: #dee2e6;
     border-radius: 20px;
 }

 .send-down {
     float: left;
     width: 100%;
 }

 .send-in:focus+.send-down {
     opacity: 1;
     top: 60px;
 }

 .send-textarea-f {
     float: left;
     width: 100%;
     margin-top: 20px;
     position: relative;
 }

 .send-textarea {
     float: left;
     border: none;
     width: 100%;
     background: #dee2e6;
     height: 195px;
     padding-left: 10px;
     text-align: left;

     color: #666;
     font-size: 16px;
     outline: none;
     border-radius: 20px;
     padding-top: 10px;
     margin-top: 5px;
     font-family: "hsl", Microsoft YaHei;
     overflow: hidden;
 }

 .vericode {
     float: left;
     width: 100%;
     margin-top: 30px;
 }

 .vericode-center {
     float: left;
     width: 320px;
     margin-left: calc(50% - 160px);
 }

 .vericode-f {
     float: left;
     width: 100%;
     position: relative;
 }

 .send-in-code {
     float: left;
     padding-left: 10px;
     border: none;
     width: 135px;
     height: 40px;
     color: #444444;
     font-size: 16px;
     outline: none;
     background: #dee2e6;
     border-radius: 10px;
 }

 .vericode-img {
     float: left;
     margin-left: 10px;
     width: 110px;
     height: 36px;
     display: block !important;
 }

 .send-btn {
     float: left;
     width: 100%;
     margin-top: 18px;
     font-family: 'Roboto', serif, sans-serif !important;
 }

 .send-submit {
     float: right;
     width: 92px;
     height: 42px;
     border: 1px solid #EEEEEE;
     border-radius: 21px;
     line-height: 39px;
     text-align: center;
     color: #BB1B25;
     font-size: 20px;
     cursor: pointer;
     background: #fff;
     font-weight: bold;
 }

 .send-submit:hover {
     border: 1px solid #C71826;
     background: #C71826;
     color: #fff;
 }

 .vericode-f {
     float: left;
     width: 270px;
     position: relative;
 }

 .send-refill {
     float: left;
     margin-left: 15px;
     width: 145px;
     height: 55px;
     background: #9C9C9C;
     border-radius: 27px;
     border: 2px solid #9C9C9C;
     line-height: 55px;
     text-align: center;
     color: #fff;
     font-size: 21px;
     cursor: pointer;
 }

 .send-refill:hover {
     background: #fff;
     color: #9C9C9C;
 }


 @media screen and (max-width: 760px) {
     .vericode-f {
         width: 100%;
     }

     .send-submit {
         float: left;
         margin-top: 20px;
     }

     .send-input-f2 {
         margin-left: 0%;
     }

     .send-input-f {
         width: 100%;
     }

     .send-input-f {
         width: 100%;
     }

     .send-title {
         font-size: 2.4rem;
     }
 }

 @media screen and (max-width: 600px) {
     .send-error-3 {
         top: 100px;
         left: 0px;
         right: auto;
         bottom: auto;
         padding: 5px;
     }
 }

 @media screen and (max-width: 380px) {
     .vericode-center {
         width: 168px;
         margin-left: calc(50% - 84px);
     }

     .vericode-img {
         width: 70px;
         height: 30px;
     }

     .send-in-code {
         width: 70px;
     }

     .send-refill {
         width: 68px;
         height: 28px;
         border-radius: 14px;
         border: 1px solid #9C9C9C;
         line-height: 28px;
         font-size: 1.4rem;
     }

     .send-submit {
         width: 70px;
         height: 30px;
         border-radius: 15px;
         line-height: 30px;
         font-size: 1.4rem;
     }

     .send-in-f {
         margin-top: 10px;
     }
 }

 .jump-send-cover {
     position: fixed;
     background: rgba(0, 0, 0, 0.3);
     width: 100%;
     height: 100%;
     z-index: 1000;
     display: none;
     overflow: hidden;
     left: 0px;
     top: 0px;
 }

 .jump-send-f {
     position: absolute;
     width: 1200px;
     left: calc(50% - 600px);
     background: #fff;
     border-radius: 10px;
     box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 10px;
     top: -800px;
     transition: all 0.8s ease 0s;
 }

 .jump-send-title {
     float: left;
     width: calc(100% - 40px);
     margin: 15px 20px;
     position: relative;
 }

 .jump-send-close {
     position: absolute;
     right: 0px;
     top: 0px;
     width: 30px;
     height: 30px;
     cursor: pointer;
 }

 .jump-send-close:before {
     float: left;
     content: '\e900';
     width: 30px;
     height: 30px;
     text-align: center;
     line-height: 30px;
     color: #B0B9C1;
     font-size: 20px;
     font-family: icomoon2;
 }

 .jump-send-close:hover:before {
     font-size: 22px;
 }

 .jump-send-main {
     float: left;
     width: 100%;
     font-size: 16px;
 }

 .jump-send-center {
     float: left;
     width: calc(100% - 200px);
     margin-left: 100px;
     margin-top: 30px;
     margin-bottom: 50px;
 }

 .jps-m-tit {
     float: left;
     width: 100%;
     text-align: center;
     font-size: 30px;
     margin-bottom: 65px;
 }

 .jps-t-ico {
     background: url(static/images/erji.png) no-repeat;
 }

 .jm-m-m {
     float: left;
     width: 100%;
     position: relative;
 }

 .jm-l {
     float: left;
     width: 33%;
 }

 .jm-r {
     float: left;
     width: 53%;
     margin-left: 14%;
 }

 .jm-ge {
     position: absolute;
     width: 1px;
     background: #DEDDDA;
     height: 100%;
     left: 40%;
     top: 0px;
     z-index: 1;
 }

 .jm-l-txt {
     float: left;
     width: 100%;
     font-size: 24px;
     text-align: center;
 }

 .jm-l-txt2 {
     float: left;
     width: 100%;
     margin-top: 15px;
     font-size: 24px;
     text-align: center;
 }

 .jm-l-w2 {
     float: left;
     width: 100%;
     margin-top: 20px;
 }

 .jm-l-t2 {
     float: left;
     width: 100%;
     text-align: center;
     font-size: 18px;
     margin-top: 30px;
 }

 .jm-r-m {
     float: left;
     width: 93%;

 }

 .send-in-title {
     text-align: center;
 }

 .send-in-main {
     margin-top: 0px;
 }

 .send-in {
     height: 35px;
 }

 .send-textarea {
     height: 100px;
 }


 @media screen and (max-width:1500px) {
     .send-textarea-f {
         margin-top: 10px;
     }

     .jm-l-w2 {
         width: 88%;
         margin-left: 6%;
         margin-top: 10px;
     }

     .send-input-f {
         margin-top: 10px;
     }

     .jps-m-tit {
         margin-bottom: 30px;
     }

     .jump-send-title {
         width: calc(100% - 20px);
         margin: 5px 10px;
     }
 }

 @media screen and (max-height:780px) {
     .clcompany {
         display: none;
     }

     .jm-l-w2 {
         width: 68%;
         margin-left: 16%;
     }
 }

 @media screen and (max-width:1300px) {
     .jm-ge {
         left: 41%;
     }

     .jm-r {
         float: left;
         width: 53%;
         margin-left: 10%;
     }

     .jm-l {
         width: 37%;
     }

     .send-submit {
         width: 70px;
         height: 36px;
         border-radius: 18px;
         line-height: 34px;
         font-size: 16px;
     }

     .send-in {
         height: 30px;
         border-radius: 15px;
     }

     .jump-send-main {
         font-size: 14px;
     }

     .send-in-title {
         font-size: 20px;
     }

     .jm-l-t2 {
         font-size: 14px;
         margin-top: 15px;
     }

     .jm-l-txt2 {
         margin-top: 10px;
         font-size: 20px;
     }

     .jm-l-txt {
         font-size: 20px;
     }

     .jps-t-ico {
         background: url(static/images/erji-3.png) no-repeat bottom;
     }

     .jps-m-tit {
         font-size: 24px;
     }

     .jump-send-center {
         width: 90%;
         margin-left: 5%;
         margin-top: 20px;
         margin-bottom: 30px;
     }

     .jump-send-f {
         width: 84%;
         left: 8%;
     }
 }

 @media screen and (max-width:760px) {
     .jm-r {
         width: 100%;
         margin-left: 0%;
     }

     .jm-ge,
     .jm-l {
         display: none;
     }

     .jps-m-tit {
         margin-bottom: 30px;
     }

     .jm-ge {
         left: 38%;
     }

     .jump-send-center {
         width: 92%;
         margin-left: 4%;
         margin-top: 20px;
         margin-bottom: 30px;
     }

     .jps-t-ico {
         padding-top: 0px;
         padding-bottom: 0px;
         background: url(static/images/erji-2.png) no-repeat bottom;
     }
 }












 .level-m {
     top: 50%;
     transform: translateY(-50%);
 }