@charset "utf-8";
/* Author: lucy of wisdom
 * Copyright 2016 Admin Designs
===================================================
   Web of Contents
===================================================
  A. Typography
  B. Padding Helpers
  C. Margin Helpers
  D. LineHeight Helpers
  E. Font Size Helpers
  F. Text Colors
  G. Border Colors
  H. Background Colors

===================================================
===================================================

===================================================
  A. Global
=================================================== */
body {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: "微软雅黑","黑体",sans-serif;
    color: #666666;
    -webkit-font-smoothing: antialiased;
    /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    font-size-adjust: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.475;
    background-color: #FFF;
}
.row {
    margin-left: -10px;
    margin-right: -10px; }

.row.table-layout {
    margin-left: 0;
    margin-right: 0; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 10px;
    padding-right: 10px; }
.container-fluid{
    padding-left: 10px;
    padding-right: 10px; }
.center-column {
  float: none;
  margin-left: auto;
  margin-right: auto;
  display: block; }

input, button, select, textarea{
	outline: none;
}
.clearfix:after {       
    content: ".";     
    display: block;   
    clear: both;     
    visibility: hidden;     
    line-height: 0;    
    height: 0;     
    font-size:0;    
}

.clearfix { *zoom:1;} 
/*===============================================
  A. Typography
================================================= */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{
    padding:0; margin:0;}

a {
	text-decoration: none;
    color: #666666; }

a:hover {
    text-decoration: none;
    cursor: pointer;
    color: #ff6600; }

a:focus {
	text-decoration: none;
    outline: none; }

p {
    line-height: 22px;
    font-weight: 400; }

p.small, p small {
    font-size: 13px; }

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-family: "微软雅黑","黑体",sans-serif;
    font-weight: 600;
    color: inherit;
    text-rendering: optimizelegibility;
    margin-bottom: 10px; }

h1 {
    font-size: 30px;
    line-height: 45px; }

h1.small {
    font-size: 26px; }

h2 {
    font-size: 24px;
    line-height: 36px; }

h2.small {
    font-size: 20px; }

h3 {
    font-size: 18px;
    line-height: 27px; }

h3.small {
    font-size: 16px; }

h4, h5, h6 {
    line-height: 18px; }

h4 {
    font-size: 15px; }

h5 {
    font-size: 13px; }

h5.small,
h5 small {
    font-size: 12px; }

h6 {
    font-size: 11px;
    color: #999999; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-weight: normal;
    color: #999999; }

p,td span,i,em,h1,h2,h3,h4,h5,h6,th,td{
    word-break: break-all; 
	word-wrap: break-word; 
	min-width:3px;
   }

.fw400 {
    font-weight: 400; }

.fw600 {
    font-weight: 600; }

.fw700 {
    font-weight: 700; }

.text-uppercase {
    text-transform: uppercase; }

.clearfix{
    *zoom: 1;}

.clearfix:after{
    clear: both;
    display: block;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    content: ".";
    font-size: 0;}

ul,ol,i{
    font-style: normal;
    list-style-type:none;}

select,input,img,select{
    vertical-align:middle;}

/*===============================================
  B. Padding Helpers
================================================= */
.pn {
    padding: 0 !important; }

.p1 {
    padding: 1px !important; }

.p2 {
    padding: 2px !important; }

.p3 {
    padding: 3px !important; }

.p4 {
    padding: 4px !important; }

.p5 {
    padding: 5px !important; }

.p6 {
    padding: 6px !important; }

.p7 {
    padding: 7px !important; }

.p8 {
    padding: 8px !important; }

.p10 {
    padding: 10px !important; }

.p15 {
    padding: 15px !important; }

.p20 {
    padding: 20px !important; }

.p25 {
    padding: 25px !important; }

.p30 {
    padding: 30px !important; }

.p35 {
    padding: 35px !important; }

.p40 {
    padding: 40px !important; }

.p50 {
    padding: 50px !important; }

.ptn {
    padding-top: 0 !important; }

.pt5 {
    padding-top: 5px !important; }

.pt10 {
    padding-top: 10px !important; }

.pt15 {
    padding-top: 15px !important; }

.pt20 {
    padding-top: 20px !important; }

.pt25 {
    padding-top: 25px !important; }

.pt30 {
    padding-top: 30px !important; }

.pt35 {
    padding-top: 35px !important; }

.pt40 {
    padding-top: 40px !important; }

.pt50 {
    padding-top: 50px !important; }

.pt120 {
    padding-top: 120px !important; }

.prn {
    padding-right: 0 !important; }

.pr5 {
    padding-right: 5px !important; }

.pr10 {
    padding-right: 10px !important; }

.pr15 {
    padding-right: 15px !important; }

.pr20 {
    padding-right: 20px !important; }

.pr25 {
    padding-right: 25px !important; }

.pr30 {
    padding-right: 30px !important; }

.pr35 {
    padding-right: 35px !important; }

.pr40 {
    padding-right: 40px !important; }

.pr50 {
    padding-right: 50px !important; }

.pbn {
    padding-bottom: 0 !important; }

.pb5 {
    padding-bottom: 5px !important; }

.pb10 {
    padding-bottom: 10px !important; }

.pb15 {
    padding-bottom: 15px !important; }

.pb20 {
    padding-bottom: 20px !important; }

.pb25 {
    padding-bottom: 25px !important; }

.pb30 {
    padding-bottom: 30px !important; }

.pb35 {
    padding-bottom: 35px !important; }

.pb40 {
    padding-bottom: 40px !important; }

.pb50 {
    padding-bottom: 50px !important; }

.pb120{
    padding-bottom: 120px !important;
}
.pb90{
    padding-bottom: 90px !important;
}
.pln {
    padding-left: 0 !important; }

.pl5 {
    padding-left: 5px !important; }

.pl10 {
    padding-left: 10px !important; }

.pl15 {
    padding-left: 15px !important; }

.pl20 {
    padding-left: 20px !important; }

.pl25 {
    padding-left: 25px !important; }

.pl30 {
    padding-left: 30px !important; }

.pl35 {
    padding-left: 35px !important; }

.pl40 {
    padding-left: 40px !important; }

.pl50 {
    padding-left: 50px !important; }

/* Vertical Align Helpers */
.va-t {
  vertical-align: top !important; }

.va-m {
  vertical-align: middle !important; }

.va-b {
  vertical-align: bottom !important; }

.va-s {
  vertical-align: super !important; }

/* Relative Position Helper */
.posr {
  position: relative !important; }

/* Inline Block Helper */
.ib, .inline-object {
  display: inline-block !important; }

/* pointer cursor */
.cursor {
  cursor: pointer !important; }

/* Useful for emphasizing a disabled input */
.option-disabled {
  opacity: 0.6; }

/*===============================================
  C. Margin Helpers
================================================= */
.mn {
    margin: 0 !important; }

.m1 {
    margin: 1px !important; }

.m2 {
    margin: 2px !important; }

.m3 {
    margin: 3px !important; }

.m4 {
    margin: 4px !important; }

.m5 {
    margin: 5px !important; }

.m8 {
    margin: 8px !important; }

.m10 {
    margin: 10px !important; }

.m15 {
    margin: 15px !important; }

.m20 {
    margin: 20px !important; }

.m25 {
    margin: 25px !important; }

.m30 {
    margin: 30px !important; }

.m35 {
    margin: 35px !important; }

.m40 {
    margin: 40px !important; }

.m50 {
    margin: 50px !important; }

.mtn {
    margin-top: 0 !important; }

.mt4 {
    margin-top: 4px !important; }

.mt5 {
    margin-top: 5px !important; }

.mt10 {
    margin-top: 10px !important; }

.mt12 {
  margin-top: 12px !important; }

.mt15 {
    margin-top: 15px !important; }

.mt20 {
    margin-top: 20px !important; }

.mt25 {
    margin-top: 25px !important; }

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

.mt35 {
    margin-top: 35px !important; }

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important; }

.mt80 {
    margin-top: 80px !important; }

.mrn {
    margin-right: 0 !important; }

.mr5 {
    margin-right: 5px !important; }

.mr10 {
    margin-right: 10px !important; }

.mr15 {
    margin-right: 15px !important; }

.mr20 {
    margin-right: 20px !important; }

.mr25 {
    margin-right: 25px !important; }

.mr30 {
    margin-right: 30px !important; }

.mr35 {
    margin-right: 35px !important; }

.mr40 {
    margin-right: 40px !important; }

.mr50 {
    margin-right: 50px !important; }

.mbn {
    margin-bottom: 0 !important; }

.mb5 {
    margin-bottom: 5px !important; }

.mb10 {
    margin-bottom: 10px !important; }

.mb15 {
    margin-bottom: 15px !important; }

.mb20 {
    margin-bottom: 20px !important; }

.mb25 {
    margin-bottom: 25px !important; }

.mb30 {
    margin-bottom: 30px !important; }

.mb35 {
    margin-bottom: 35px !important; }

.mb40 {
    margin-bottom: 40px !important; }

.mb50 {
    margin-bottom: 50px !important; }

.mln {
    margin-left: 0 !important; }

.ml5 {
    margin-left: 5px !important; }

.ml10 {
    margin-left: 10px !important; }

.ml15 {
    margin-left: 15px !important; }

.ml20 {
    margin-left: 20px !important; }

.ml25 {
    margin-left: 25px !important; }

.ml30 {
    margin-left: 30px !important; }

.ml35 {
    margin-left: 35px !important; }

.ml40 {
    margin-left: 40px !important; }

.ml50 {
    margin-left: 50px !important; }

.ml70 {
    margin-left: 70px !important; }

/*===============================================
  D. LineHeight Helpers
================================================= */
.lh0 {
    line-height: 0 !important; }

.lh5 {
    line-height: 5px !important; }

.lh10 {
    line-height: 10px !important; }

.lh15 {
    line-height: 15px !important; }

.lh20 {
    line-height: 20px !important; }

.lh25 {
    line-height: 25px !important; }

.lh30 {
    line-height: 30px !important; }

.lh35 {
    line-height: 35px !important; }

.lh36 {
    line-height: 36px !important; }

.lh40 {
    line-height: 40px !important; }

.lh60 {
    line-height: 60px !important; }

.lh100 {
    line-height: 100px !important; }    
/*===============================================
  E. Font Size Helpers
================================================= */


.fw-b{font-weight: bold!important;}

.fw-n{font-weight: normal!important;}

.fs3 {
    font-size: 4px !important; }

.fs4 {
    font-size: 4px !important; }

.fs5 {
    font-size: 5px !important; }

.fs6 {
    font-size: 6px !important; }

.fs7 {
    font-size: 7px !important; }

.fs8 {
    font-size: 8px !important; }

.fs9 {
    font-size: 9px !important; }

.fs10 {
    font-size: 10px !important; }

.fs11 {
    font-size: 11px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fs55 {
    font-size: 55px !important; }
/*===============================================
  F. Text Colors
================================================= */
.font_cfff{
    color:#fff!important;}
    
.font_c666{
    color:#666!important;}

.font_cccc{
    color:#ccc!important;}

.font_cff6{
    color:#ff6600!important;}

.font_ce5e{
    color:#e5e5e5!important;}    
    
.font_cadb{
    color:#adb1b3!important;}   
    
.font_cff6{
    color:#ff6600!important;}

.font_cead{
    color:#eadfd9!important;}          

.font_c333{
    color:#333!important;}

.font_c222{
    color:#222!important;}

.font_cabf{
    color:#abf7a5!important;}

.font_c999{
    color:#999!important;}
    
.font_c299{
    color:#2992d8!important;}    

.font_c4f9{
    color:#4f980e!important;} 

.font_c513{
    color: #51318f!important;}

.font_cc40{
    color: #c40b0b!important;}

.font_cfff{
    color: #fff!important;}

.font_cc40{
    color: #c40b0b!important;}

.font_c4c8{
    color: #4c87b4!important;}

.font_ce73{
    color: #e73e3e!important;}

.font_ce60{
    color: #e60026!important;}

.font_c2c9{
    color: #2c94be!important;}

.font_c168{
    color: #1683cf!important;}

.font_c00b{
    color: #00b4ff!important;}
    
.font_cblue{
	color: #39caee!important;
}
.font_green{
	color: #007f49!important;
}    
    
/*===============================================
  G. Border Colors of style
================================================= */


.border {
  border: 1px solid #eee; }

.border-left {
  border-left: 1px solid #DDD; }

.border-right {
  border-right: 1px solid #DDD; }

.border-top {
  border-top: 1px solid #DDD; }

.border-bottom {
  border-bottom: 1px solid #DDD; }


.border_eee{
    border-color: #eee!important;}

.border_e9e{
    border-color: rgba(233,237,152,0.2)!important; }

.border_fff{
    border-color: #fff;}

.border_d0e{
    border-color:#d0e9c5;
}
.border_c6e{
    border-color:#c6e6f1;
}
.border_f8d{
    border-color:#f8d9df;
}
.border_e1e{
    border-color: #e1e1e1;
}
.border_1db{
    border-color: #1dbdff;
}
.border_efe{
    border-color: #efefef;
}

.border_e60{
    border-color: #e60026;
}

.border_ff6{
    border-color: #ff6600!important;
}

.border_229{
    border-color: #2992d8!important;
}

.border_cdc{
    border-color: #cdcdcd!important;
}

.border_orange{
	border-color: #ff6600!important;
}

.bsn{
    border-radius: 0!important;
}
/* Border Width */
.bw1 {
    border-width: 1px !important; }

.bw2 {
    border-width: 2px !important; }

.bw3 {
    border-width: 3px !important; }

.bw4 {
    border-width: 4px !important; }

.bw5 {
    border-width: 5px !important; }

/* Border Style */
.bs-dashed {
    border-style: dotted !important; }

.bs-dotted {
    border-style:dashed !important; }

.bs-solid {
    border-style:solid !important; }

/* Disable Border */
.border-left-none {
    border-left: none !important; }

.border-right-none {
    border-right: none !important; }

.border-top-none {
    border-top: none !important; }

.border-bottom-none {
    border-bottom: none !important; }

.border-none {
    border: none !important; }
/*===============================================
  H. Background Colors
================================================= */
.bg_513{
    background: #51318f;
}

.bg_4c5{
    background: #4c5055;
}

.bg_383{
    background: #383d41;
}

.bg_5eb{
    background: #5eb7f0;
}

.bg_ff6{
    background: #ff6600!important;
}

.bg_299{
    background: #2992d8!important;
}

.bg_eee{
    background: #eee;
}

.bg_000{
    background: #000;
}

.bg_4ad{
    background: #4ad5c0;
}

.bg_ccc{
    background: #ccc;
}

.bg_039{
    background: #039be5;
}

.bg_ef5{
    background: #ef5350;
}

.bg_f5f{
    background: #F5F5F5;
}

.bg_ffb{
    background: #ffb74d;
}

.bg_f6f{
    background: #f6f6f6!important;
}

.bg_faf{
    background: #fafafa;
}

.bg_f4f{
    background: #f4f4f4;
}

.bg_f5f{
    background: #f5f5f5;
}

.bg_e60{
    background: #e60026;
}

.bg_5d2{
    background: #5d217b;
}

.bg_fff{
    background: #fff;
}

.bg_5d2{
    background: #5d217b;
}

.bg_226{
    background: #2265ae;
}

.bg_325{
    background: #3250c8;
}

.bg_adb{
    background: #1dbdff;
}

.bg_999{
    background: #999;
}

.bg_ff6{
    background: #ff6600;
}

.bg_286{
    background: #2864d3;
}

.bg_none{
    background:none!important;
}

.in-em{
    text-indent: 2em;
}

.wd100{
	width: 100%!important;
}
.wd95{
	width: 95%!important;
}
.wd90{
	width: 90%!important;
}
.wd80{
	width: 80%!important;
}
.wd70{
	width: 70%!important;
}
.wd60{
	width: 60%!important;
}
.wd50{
	width: 50%!important;
}
.wd40{
	width: 40%!important;
}
.wd33{
	width: 33%!important;
}
.wd30{
	width: 30%!important;
}
.wd20{
	width: 20%!important;
}
.wd5{
	width: 5%!important;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%); }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg); }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg); }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg); }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg); }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg); }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%); } }

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%); }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg); }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg); }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg); }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg); }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg); }

    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%); } }

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble; }

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3); }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05); }

    70% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9); }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1); } }

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3); }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05); }

    70% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9); }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); } }

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px); }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px); }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px); }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0); } }

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px); }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px); }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px); }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); } }

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px); }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px); }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px); }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0); } }

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px); }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px); }

    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px); }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); } }

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px); }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px); }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px); }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0); } }

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px); }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px); }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px); }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); } }

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px); }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px); }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px); }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0); } }

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px); }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px); }

    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px); }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); } }

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1); }

    25% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95); }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3); } }

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); }

    25% {
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
        transform: scale(0.95); }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1); }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3); } }

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0); }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px); }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px); } }

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px); }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px); } }

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0); }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px); }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px); } }

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px); }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px); } }

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0); }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px); }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px); } }

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px); }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px); } }

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0); }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px); }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px); } }

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px); }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px); } }

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp; }

/*===============================================
  J. Checkboxes - Custom Fusion exlcusive
                  pure CSS Checkboxes
================================================= */
.cBox {
  position: relative; }

.cBox.cBox-inline {
  display: inline-block; }

.cBox.cBox-inline + .cBox.cBox-inline {
  margin-left: 18px; }

.cBox input {
  margin: 0; }

.cBox label {
  cursor: pointer;
  color: #2992d8;
  font-size: 11px;
  font-weight: 400;
  padding-left: 10px;
  margin: 0; }

.cBox label:before {
  content: "";
  cursor: pointer;
  position: absolute;
  width: 23px;
  height: 23px;
  top: 0;
  left: 0;
  border-radius: 2px;
  border: 1px solid #CCC;
  border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
  background-color: #fff;
  /*
  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
  background-color: #f28900;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/
  }

.cBox.cBox-gradient label:before {
  border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0); }

.cBox label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 15px;
  height: 6px;
  background: transparent;
  top: 8px;
  left: 5px;
  border: 3px solid #2992d8;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-58deg);
  -moz-transform: rotate(-58deg);
  -o-transform: rotate(-58deg);
  -ms-transform: rotate(-58deg);
  transform: rotate(-58deg);
  }

.cBox input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1; }

/* Checkboxes - Custom Colors */
.cBox.facebook-bg label:before {
  background-color: #9de0f5; }

.cBox.twitter-bg label:before {
  background-color: #a8e9ea; }

.cBox.pinterest-bg label:before {
  background-color: #ffac9c; }

.cBox.instagram-bg label:before {
  border:2px solid #2992d8; }

@-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: translateY(-20px);
        transform: translateY(-20px); }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0); } }

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px); }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); } }

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px); }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0); } }

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px); }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); } }

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px); }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0); } }

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px); }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); } }

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px); }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0); } }

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px); }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); } }

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px); }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0); } }

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px); }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); } }

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px); }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0); } }

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px); }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); } }

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px); }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0); } }

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px); }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); } }

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px); }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0); } }

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px); }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); } }

.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;
        -webkit-transform: translateY(0);
        transform: translateY(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px); } }

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px); } }

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px); } }

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px); } }

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px); } }

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px); } }

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px); } }

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px); } }

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px); } }

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px); } }

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px); } }

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px); } }

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px); } }

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px); } }

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px); } }

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px); } }

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out; }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out; }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in; }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in; }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in; } }

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out; }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out; }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in; }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in; }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in; } }

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip; }

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0; }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg); }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg); }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1; } }

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0; }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg); }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg); }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1; } }

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX; }

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0; }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg); }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg); }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1; } }

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0; }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg); }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg); }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1; } }

.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY; }

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1; }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0; } }

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1; }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0; } }

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1; }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0; } }

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1; }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0; } }

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0; }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1; }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1; }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1; } }

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0; }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1; }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1; }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        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% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1; }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0; } }

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1; }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) 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 center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0; }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1; } }

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0; }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        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: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0; }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1; } }

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0; }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        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: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0; }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1; } }

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0; }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        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: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0; }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1; } }

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0; }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        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: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0; }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1; } }

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0; }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1; } }

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1; }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0; } }

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1; }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0; } }

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1; }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0; } }

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1; }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0; } }

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1; }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0; } }

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1; }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0; } }

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1; }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0; } }

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1; }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0; } }

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1; }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0; } }

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1; }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0; } }

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight; }

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px); }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0); } }

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px); }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); } }

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px); }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0); } }

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px); }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); } }

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d; }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d; } }

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d; }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d; } }

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight; }

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px); } }

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px); } }

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px); } }

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px); } }

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px); } }

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px); } }

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp; }

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(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: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out; }

    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out; }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out; }

    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0; } }

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-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: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out; }

    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out; }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out; }

    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        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: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg); }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg); } }

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg); }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg); } }

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg); }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg); } }

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg); }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg); } }

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut; }

@media (min-width: 1200px){
    .container {
        width: 1200px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 1200px){
    .container {
        padding-left: 10px!important;
        padding-right: 10px!important;
    }


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

    .fs55 {
        font-size: 25px !important; }
    .coop-rel .coop-big:hover{
        position: absolute;
        width: 102%;
        height: 230px!important;
        z-index:9!important;
        top: -20px;
        border: 1px solid #1dbdff;
        border-right:1px solid #1dbdff!important;
    }

    .coop-big:hover .coop-bg{
        display: block!important;
        background: #1dbdff!important;
        color: #fff!important;
        padding-top: 10px;
        padding-bottom: 40px;

    }

    .coop-big:hover .coop-bg img{
        position: absolute;
        display: block!important;
        left: 50%;
        margin-left: -22px;
    }
}

@media (max-width: 1024px){

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

    .fs55 {
        font-size: 18px !important; }
    .pt120{
        padding-top: 50px!important;
    }
    .pt50{
        padding-top: 30px!important;
    }
    .pt80{
        padding-top: 35px!important;
    }
    .coop-rel .coop-big:hover{
        position: absolute;
        width: 102%;
        height: 230px!important;
        z-index:9!important;
        top: -20px;
        border: 1px solid #1dbdff;
        border-right:1px solid #1dbdff!important;
    }

    .coop-big:hover .coop-bg{
        display: block!important;
        background: #1dbdff!important;
        color: #fff!important;
        padding-top: 10px;
        padding-bottom: 40px;

    }

    .coop-big:hover .coop-bg img{
        position: absolute;
        display: block!important;
        left: 50%;
        margin-left: -22px;
    }
}

.ellipsis { 
	overflow:hidden; 
	white-space:nowrap; 
	text-overflow:ellipsis }
.ellipsis-2 { 
	display:-webkit-box; 
	overflow:hidden; 
	white-space:normal!important; 
	text-overflow:ellipsis; 
	word-wrap:break-word; 
	-webkit-line-clamp:2;
	-moz-line-clamp:2; 
	-webkit-box-orient:vertical;
	}
.ellipsis-3 { 
	display:-webkit-box; 
	overflow:hidden; 
	white-space:normal!important; 
	text-overflow:ellipsis; 
	word-wrap:break-word; 
	-webkit-line-clamp:3; 
	-webkit-box-orient:vertical;
	}	
/*num style start*/
.yy-bigNum,.yy-litNum{
    color: #333;}

.yy-bigNum{
    font-size: 35px;
    display: inline-block;
    position: relative;
    top: -5px;
    height: 28px;
    color: #999;
    *line-height:42px}

.yy-litNum{
    font-size: 18px;
    position: relative;
    top: 3px;
    margin: 0px 2px;
    *top: 2px;}

.numberLoopWrap{
    height: 100%;
    display: inline-block;
    overflow: hidden;
    vertical-align: text-bottom;}

.numberLoop{
    vertical-align: text-bottom;
    display: inline-block;
    padding: 0;
    margin: 0;
    font-size: inherit;
    color: inherit;}

.numberLoop > li{
    display: block;
    margin: 0px;
    padding: 2px 1px;
    vertical-align: bottom;
    text-align: center;
    font-size: inherit;
    color: inherit;
    margin-bottom:2px;}

.yy-advtg .yy-bigNum .numberLoopWrap{
    *float:left !important;}
span.glyphicon-home{color:#a6a5a5; font-size:12px;}
@media (min-width: 1300px){
	.container {width: 1200px!important;}
}
@media only screen and (min-width:300px ) and (max-width:1200px ){
	 body{width: 1220px!important;}
	.container {width: 1220px!important;}
	.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}
	.col-md-12{width:100%!important}
	.col-md-11{width:91.66666667%!important}
	.col-md-10{width:83.33333333%!important}
	.col-md-9{width:75%!important}
	.col-md-8{width:66.66666667%!important}
	.col-md-7{width:58.33333333%!important}
	.col-md-6{width:50%!important}
	.col-md-5{width:41.66666667%!important}
	.col-md-4{width:33.33333333%!important}
	.col-md-3{width:25%!important}
	.col-md-2{width:16.66666667%!important}
	.col-md-1{width:8.33333333%!important}
}