.mainwrapper {
    display:flex;
    justify-content: flex-start;
}
.industriesmainwrapper{
    display:flex;
    justify-content: start;
}
.iconwrapper {
    padding: 10px;
    border: 3px solid #e4e4e4;
    border-radius: 17px;
    text-align: center;
    min-height: 170px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
@media only screen and (max-width: 1278px) {
    .iconwrapper{
        min-height: 200px;
    }
}
.industriesiconwrapper{
    background-color: white;
    padding: 10px;
    border: 3px solid #e4e4e4;
    border-radius: 17px;
    text-align: center;
    margin: 2%;
    min-height: 142px;
    max-width: fit-content;
    float: left;
}
.iconwrapper:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    transition: transform .3s ease-in-out;
    transform: scale(1.1);
    cursor: pointer;
    background-color: white;
}
.hs-tabs__item img {
    width: 80px !important;
    height: 80px !important;
}
.hs-tabs {
    background-color: white;
}
@media (max-width: 750px) {
    .hs-tabs {
        margin-top:10%;
    }
}
.hs-tabs__item{
    border:none !important;
    padding: 0px !important;
    padding-top: 20px !important;
}
.hs-tabs__navitem--active {
    color: black !important;
    background-color: #9EE2FD;
    border: 1px solid #efefef;
    border-radius: 10px 10px 0px 0px;
}
.hs-tabs__navitem {
    border: 4px solid #efefef;
}
.hs-tabs__nav {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: -20px;
    font-size: 20px;
}
.hs-tabs__navitem:not(.hs-tabs__navitem--active) {
    color: black;
    border-radius: 10px 10px 0px 0px;
}
.flexbasis{
    flex-basis: 100%;
}
.icontitle{
    font-size: 14px;
    display:flex;
    flex-direction: column;
    margin-bottom: 10%;
    text-align: center;
    color: black;
    margin-bottom: 10% !important;
}
.iconimage{
    width: 100px 
}
.spacerfill {
    margin: 10px 0;
}
.page-center {
    max-width: 1024px !important;
}
.hs-accordion__item button {
    color: #000;
    font-size: 28px;
    font-weight: bold;
}
#email-c309cbb5-36d6-4960-8f76-e486e42166aa_4953{
    width:100% !important 
}
.going-virtual-left {
}
.licm-outer {
    display:table;
}
@media only screen and (max-width: 600px) {
    .row-number-1 {
    }
    .row-number-1 h2 {
      
    }
    .going-virtual-left ul li {
        font-size: 16px !important;
    }
    .going-virtual-left h2 {
        text-align: center !important;
        margin: 0 auto !important;
    }
    .landing-form .actions:after {
        display: none;
    }
    .going-virtual-left1 {
        padding-left: 0% !important;
    }
    .going-virtual-right1 {
        padding-right: 0% !important;
    }
    .testimonial-quote p {
        font-size: 14px !important;
    }
    .licm-outer {
        display: block !important;
        margin: 20px 0 0 0 !important;
        text-align: center !important;
    }
    .orangebutton {
        margin-bottom: 20px;
    }
    .demobutton {
        margin-bottom: 20px;
    }
    .solution-box {
        margin-bottom: 20px;
    }
    .platformlist {
        margin-left: -25px;
    }
    .platformlist li {
        line-height: 1.1em;
    }
    .solution-box p.orangebutton {
        width: 100%;
    }
    .blueform h2 {
        width: 85%;
    }
    .blueform ul {
        width: 100%;
    }
    .blueform p {
        width: 100%;
    }
    .hs_cos_wrapper_type_form input[type="text"] {
        width: 100%;
    }
    .hs_cos_wrapper_type_form input[type="email"] {
        width: 100%;
    }
}
.quoter {
    color: grey;
    font-weight: 100;
    text-align: center;
    font-size: 21px;
    line-height: 1.5em;
    margin-top: 15px;
}
.licm-icon {
    line-height: 1.5em;
    margin-top: 10px;
}
.licm-text {
    display:table-footer-group;
}
.side-image-2021 img {
}
.side-image-2021 {
    text-align: center;
    margin: 0 auto;
}
@media (min-width: 750px) {
    .side-image-2021 {
        margin-top:85px 
    }
}
.widget-type-custom_widget h2 {
    color: #000;
    font-size: 36px;
}
h1 {
    text-align: center;
    color: #000;
}
.imageiframe {
    height: 590px;
    width: 1080px;
}
.spacerman {
    margin: 25px 0;
}
.test-2021 {
    background: #eaeaea;
    padding-bottom: 40px;
    border-radius: 10px;
}
.test-2021-2 {
    background: #eaeaea;
    padding: 40px;
    border-radius: 10px;
}
.header-container {
    min-height: 95px;
}
.going-virtual-left1 {
    padding-left: 4%;
}
.going-virtual-right1 {
    padding-right: 4%;
}
.row-number-15 {
    padding: 1%;
}
.row-number-31 {
    padding: 1%;
}
.row-number-23 img, .row-number-31 img {
    width: 100%;
}
.connect-container .row-number-1 {
    background: none;
}
.footer-container .row-number-1 {
    background: none;
}
.page-center .row-number-1 {
    background: transparent;
}
caseform form.hs-form {
    flex-flow: row wrap;
    align-items: center;
    display: flex !important;
    align-content: center;
    justify-content: center;
    margin: auto;
    text-align: center;
    color: black;
    text-transform: capitalize;
}
.row-number-1 h2 {
    color: #fff;
    font-size: 42px;
    font-weight: bold;
}
.going-virtual-left ul {
    list-style: none;
    color: white;
    margin-left: -40px;
}
.going-virtual-left ul li {
    background: url('https://www.beaconlive.com/hubfs/2021-resources/checks.png') left no-repeat;
    background-size: 30px;
    margin-bottom: 20px;
    padding-left: 45px;
    min-width: fit-content;
    padding-top: 5px;
    line-height: initial;
    list-style-type: none !important;
}
.going-virtual-left p {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 15px;
    line-height: 1.5em;
}
.featureheader {
    font-size: 20px;
}
.platformfeaturesdescription{
    color: black;
    font-family: 'Lato' !important;
    margin-top: 10px;
    margin-bottom: 25px;
    line-height: 1.5 !important;
    font-size: 16pt;
    font-weight: normal !important 
}
@-webkit-keyframes bounceLeft {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    40% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    60% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px);
    }
}
@-moz-keyframes bounceLeft {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(30px);
    }
    60% {
        transform: translateX(15px);
    }
}
@keyframes bounceLeft {
    0%, 20%, 50%, 80%, 100% {
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    40% {
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    60% {
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
}
.landing-form .actions::after {
    content: '←';
    display: inline-block;
    color: #fff;
    font-size: 32px;
    -webkit-animation: bounceLeft 2s infinite;
    animation: bounceLeft 2s infinite;
    position: relative;
    top: 13px;
}
@-webkit-keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0) 
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none 
    }
}
@keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0) 
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none 
    }
}
.fadeInRight{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight 
}
.landing-form input[type="email"] {
    width: 100% !important;
    float: left !important;
}
#hs-button_module_1638553291876224 {
    color: white !important;
}
.landing-form .hs_cos_wrapper_type_form .hs-button.primary.large {
    width: auto;
    color: white;
    text-transform: capitalize;
    margin-top: 15px !important;
    height: 40px;
}
.landing-form .hs_cos_wrapper_type_form .actions {
    display: inline;
}
.landing-form form.hs-form .hs-form-field ul.inputs-list {
    display: inline-block;
}
.landing-form form.hs-form .hs-form-field ul.inputs-list li {
    background: none;
    display: inline-block;
}
.ppc-landing-form input[type="email"] {
    width: 100% !important;
    float: left !important;
}
.ppc-landing-form .hs_cos_wrapper_type_form .hs-button.primary.large {
    width: auto;
    background: #0071bc;
    color: #fff;
    text-transform: capitalize;
    margin-top: 10px !important;
    height: 43px;
}
.ppc-landing-form .hs_cos_wrapper_type_form .actions {
    display: inline;
}
.ppc-landing-form form.hs-form .hs-form-field ul.inputs-list {
    display: inline-block;
}
.ppc-landing-form form.hs-form .hs-form-field ul.inputs-list li {
    background: none;
    display: inline-block;
}
.platform-features {
    padding: 30px 0;
}
.platform-features img {
    width: 50%;
}
.platform-features-icons{
    text-align: center;
}
@media only screen and (max-width: 768px) {
    .platform-features-icons{
        margin-bottom:10%;
    }
    .platform-features img {
        margin-bottom:10%;
    }
}
.ppc-landing-form .actions::after {
    content: '←';
    display: inline-block;
    color: #0071bc;
    font-size: 32px;
    -webkit-animation: bounceLeft 2s infinite;
    animation: bounceLeft 2s infinite;
    position: relative;
    top: 9px;
}
.widget-type-custom_widget h2.deliver {
    text-align: center;
    font-size: 21px;
    color: #737373;
    font-weight: bold;
}
.tradeshow {
    text-align: center;
    font-size: 21px;
    color: #737373;
    font-weight: 400;
    line-height: 1.5em;
}
.sideh2 {
    line-height: 1.5em;
}
.orangebutton {
    background: #ea8129;
    padding: 12px 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
}
.orangebutton a {
    color: #fff;
    font-weight: bold;
}
.bluebutton {
    background: #0b73b8;
    padding: 12px 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
    width: 80%;
    margin: 0 auto;
}
.bluebutton a {
    color: #fff;
    font-weight: bold;
}
.greybutton {
    background: grey;
    padding: 12px 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
}
.greybutton a {
    color: #fff;
    font-weight: bold;
}
.lightbluebutton {
    background: #0071bc;
    padding: 12px 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
}
.lightbluebutton a {
    color: #fff;
    font-weight: bold;
}
.demobutton {
    border: 1px solid #0e72b8;
    padding: 10px 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
}
.demobutton a {
    color: #0e72b8;
    font-weight: bold;
}
.platformlist {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px;
}
.platformlist li {
    list-style: none;
    font-size: 18px;
    color: #000;
    background: url('https://www.beaconlive.com/hubfs/2021-resources/arrow.png') no-repeat left top;
    height: 44px;
    padding-left: 44px;
    padding-top: 10px;
    font-weight: 400;
    line-height: 1.2em;
}
.managersbox {
    margin: 20px 0;
}
.solution-box1 {
    text-align: center;
}
.solution-box1 h3 {
    text-align: left;
    color: #000;
    text-transform: capitalize;
    font-size: 30px;
    line-height: 1.5em;
    font-weight: bold;
}
.solution-box1 p {
    text-align: left;
    color: #000;
    font-size: 18px;
    line-height: 1.5em;
    font-weight: 400;
    margin-bottom: 20px;
}
.solution-box1 p.orangebutton {
    text-align: center;
    width: 50%;
    margin: 0 auto;
}
.testi {
    color: #0b73b8;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}
.testo {
    text-align: right;
}
.testo img {
    width: 60%;
    height: auto;
    margin-top: 10px;
}
.testo p {
    color: #0b73b8;
    text-align: center;
    font-weight: bold;
    line-height: 1.5em;
}
.licm-text {
    text-align: center;
    color: #000;
    font-size: 18px;
    margin-top: 9%;
    display: block;
}
@media only screen and (max-width: 768px) {
    .licm-text {
        margin-top: 0%;
    }
}
.platform-features {
    padding: 30px 0;
}
.platform-features img {
    width: 50%;
    margin-top: 15px;
}
.platform-features p {
    text-align: center;
}
.licm-icon {
    text-align: center;
}
.licm-text {
    text-align: center;
    color: #000;
    font-size: 18px;
}
 .testimonial-quote {
    color: #666666;
     font-size: 18px;
    text-align: center;
    line-height: 1.5em;
}
.testimonial-quote p {
    width: 80%;
    margin: 0 auto;
    line-height: 1.5em;
    font-size: 28px;
    font-weight: 400;
    color: #666666;
}
.testimonial-attr {
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
}
.explore-section img {
    width: 90%;
}
.explore-section .licm-text {
    font-size: 16px;
    font-weight: bold;
}
.secondary-header {
    text-align: center;
}
.section-subheader {
    color: #000;
    font-size: 21px;
    font-weight: 400;
    text-align: center;
    line-height: 1.5em;
}
.blueform {
    background: url(https://www.beaconlive.com/hubfs/2021-resources/blueform.jpg) #00345d;
    background-repeat: no-repeat;
    padding: 40px;
    width: 100%;
    margin-bottom: 10px;
    background-position: 100% 2%;
    background-size: 30%;
}
.blueform h2 {
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    line-height: 1.5em;
    width: 50%;
}
.blueform p {
    color: #fff;
    font-size: 16px;
    line-height: 1.5em;
    width: 50%;
}
.blueform ul {
    color: #fff;
    font-size: 16px;
    line-height: 1.5em;
    width: 50%;
    margin-left: -15px;
}
.blueform ul li {
    list-style: none;
}
.blueform ul li:before {
    content: '- ';
}
.hs_cos_wrapper_type_form .hs-form-field > label {
    display: none;
    @media only screen and (max-width: 768px) {
        .hs_cos_wrapper_module_1618862588077264_ {
            text-align: center !important;
        }
        .orangebutton {
            margin-bottom: 20px;
        }
        .demobutton {
            margin-bottom: 20px;
        }
        .solution-box {
            margin-bottom: 20px;
        }
        .platformlist {
            margin-left: -25px;
        }
        .platformlist li {
            line-height: 1.1em;
        }
        .virtual-image {
            text-align: center;
            margin: 0 auto;
        }
        .solution-box p.orangebutton {
            width: 100%;
        }
        .blueform h2 {
            width: 85%;
        }
        .blueform ul {
            width: 100%;
        }
        .blueform p {
            width: 100%;
        }
        .hs_cos_wrapper_type_form input[type="text"] {
            width: 100%;
        }
        .container-fluid .row-fluid .page-center {
            max-width: 1080px !important;
        }
        .titlehead {
            font-size: 15px;
        }
        .blog-sidebar-2021 h3 {
            background: #0a73b8;
            color: #fff;
            padding: 5px 10px;
            text-transform: capitalize;
            width: 60%;
        }
        .widget-module ul {
            list-style: none;
        }
        .widget-module {
            background: url('https://www.beaconlive.com/hubfs/2021-resources/BeaconBlue-Orange-dots.png') #e6e7e7;
            background-repeat: no-repeat;
            padding: 16px 20px 16px 20px;
            width: 100%;
            margin-bottom: 10px;
            background-position: 100% 0%;
            background-size: 15%;
            border-radius: 10px 0px 10px 10px;
        }
        .widget-module:hover {
            box-shadow:0 10px 50px -5px rgba(51,71,91,0.12);
            -ms-transform:scale(1.014);
            transform:scale(1.014)
        }
        .hs-rss-item {
            background: url('https://www.beaconlive.com/hubfs/2021-resources/BeaconBlue-Orange-dots.png') #e6e7e7;
            background-repeat: no-repeat;
            padding: 16px 20px 16px 20px;
            width: 100%;
            margin-bottom: 10px;
            background-position: 100% 0%;
            background-size: 15%;
            border-radius: 10px 0px 10px 10px;
        }
        .hs-rss-item:hover {
            box-shadow:0 10px 50px -5px rgba(51,71,91,0.12);
            -ms-transform:scale(1.014);
            transform:scale(1.014)
        }
        .hs-rss-title {
            font-size: 15px;
            color: #000;
        }
        .hs-rss-byline {
            margin-top: 10px !important;
        }
        .post-header h2 {
            margin-top: 15px;
        }
        .post-header h2 a {
            color: #000;
            text-decoration: none;
            font-size: 36px;
            line-height: 1.2em;
        }
        .blog-listing-wrapper .post-listing .post-item {
            background: url('https://www.beaconlive.com/hubfs/2021-resources/darkblueandorangedots.png') #e6e7e7;
            background-repeat: no-repeat;
            padding-top: 90px;
            padding-left: 80px;
            padding-bottom: 45px;
            padding-right: 80px;
            width: 100%;
            margin-bottom: 20px;
            background-position: 0% 0%;
            background-size: 35%;
            border-radius: 0px 10px 10px 10px;
        }
        .blog-listing-wrapper:hover {
            box-shadow:0 10px 50px -5px rgba(51,71,91,0.12);
            -ms-transform:scale(1.014);
            transform:scale(1.014)
        }
        .bluedownload:hover {
            box-shadow:0 10px 50px -5px rgba(51,71,91,0.12);
            -ms-transform:scale(1.014);
            transform:scale(1.014)
        }
        .blog .blog-content {
            width: 65.5%;
            padding: 0;
        }
        .dontdisplay {
            display: none;
        }
        .blog-topics {
            text-align: center;
        }
        .blog-topics ul {
            list-style: none;
            column-count: 3;
        }
        .blog-topics ul li {
            background: #e6e7e7;
            padding: 5px 10px;
            margin-bottom: 15px;
            border-left: 5px solid #0a73b8;
        }
        .blog-topics ul li:nth-of-type(2) {
            border-left: 5px solid #53c3f0;
        }
        .blog-topics ul li:nth-of-type(3) {
            border-left: 5px solid #e98129;
        }
        .blog-topics ul li:nth-of-type(4) {
            border-left: 5px solid #9db340;
        }
        .blog-topics ul li:nth-of-type(5) {
            border-left: 5px solid #913762;
        }
        .blog-topics ul li:nth-of-type(6) {
            border-left: 5px solid #00335c;
        }
        .blog-topics ul li:nth-of-type(7) {
            border-left: 5px solid #0a73b8;
        }
        .blog-topics ul li:nth-of-type(8) {
            border-left: 5px solid #53c3f0;
        }
        .blog-topics ul li:nth-of-type(9) {
            border-left: 5px solid #e98129;
        }
        .blog-topics .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
            float: none;
        }
        .blog-topics .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
            color: #000;
            text-decoration: none;
            font-size: 18px;
        }
        .topicheader {
            text-align: center;
            font-size: 36px;
        }
        .topicheader h1 {
            color: #000;
        }
        h3#hs_cos_wrapper_module_1611173604229107_title {
            color: #fff;
            font-weight: bold;
            font-size: 28px;
            text-align: center;
            text-transform: capitalize;
            line-height: 1em;
        }
        .bluedownload {
            background: url('https://www.beaconlive.com/hubfs/2021-resources/download-box-left.jpg') #2e73b3 !important;
            background-repeat: no-repeat !important;
            padding: 50px !important;
            background-position: 100% 100 !important;
            background-size: 10% !important;
            border-radius: 0px 10px 10px 10px;
            display: inline;
            color: #fff !important;
            font-size: 20px !important;
            text-align: center;
        }
        .bluedownload h3 {
            color: #fff;
            font-weight: bold;
            font-size: 28px;
            text-align: center;
            text-transform: capitalize;
            line-height: 1.2em;
            margin: 40px 0 0 0;
        }
        .bluedownload p {
            color: #fff;
            font-weight: 100;
            font-size: 16px;
            text-align: center;
            text-transform: capitalize;
            line-height: 1.3em;
            margin: 25px 0;
        }
        .bluedownload a {
            font-size: 21px;
            font-weight: bold;
            background: #fff;
            border: 1px solid #000;
            color: #000;
            border-radius: 5px;
            padding: 5px 10px;
            text-align: center;
            margin-bottom: 60px;
            margin-top: 30px;
        }
        .searchblog {
            text-align: center;
        }
        .searchblog h1 {
            margin-top: 20%;
            color: #000;
            font-size: 42px;
            margin-bottom: 15px;
        }
        .hs-search-field__input {
            width: 50% !important;
            border-radius: 5px;
            background: #e6e7e7;
            border: 1px solid #9da5ac;
            background-image: url('https://www.beaconlive.com/hubfs/2021-resources/glass.png');
            background-repeat: no-repeat;
            background-position: right 5px bottom 10px;
            background-size: 10%;
            padding: 10px !important;
        }
        .hs-search-field__input::-webkit-input-placeholder {
            color:transparent;
        }
        .hs-search-field__input:-moz-placeholder {
            color:transparent;
        }
        .hs-search-field__input::-moz-placeholder {
            color:transparent;
        }
        .hs-search-field__input:-ms-input-placeholder {
            color:transparent;
        }
        p.underbutton {
            text-align: center;
            margin-top: 20px;
        }
        a.buttonlearn {
            font-size: 21px;
            font-weight: bold;
            background: #e6e7e7;
            border: 1px solid #969ea6;
            color: #00335c;
            border-radius: 5px;
            padding: 5px 10px;
            text-align: center;
            margin-bottom: 60px;
            margin-top: 30px;
        }
        .featurep {
            font-size: 18px;
            margin-top: 30px !important;
        }
        .blog-sidebar-2021-2 {
            position: fixed;
        }
        .hero-top-2021 {
            position: absolute;
            margin: 0 auto;
            top: 0;
            background: #000;
            display: contents;
        }
        .banner-area {
            transition: all .3s ease-in-out;
            position: relative;
            border-bottom: .1rem solid #ddd;
            background-repeat: no-repeat;
            background-size: cover;
            margin-top: -80px;
            height: 250px;
        }
        .banner-area h2 {
            margin: 0 auto;
            text-align: center;
            padding-top: 100px;
        }
        .banner-area h2 a {
            color: #fff;
            font-size: 28px;
        }
        .leftfixed {
            width: 16% !important;
            left: 3%;
            position: fixed;
            margin-top: 25px;
            z-index: 0 !important;
        }
        .leftfixed h3 {
            text-transform: capitalize;
            color: #fff;
            font-size: 18px;
            text-align: center;
            line-height: 1.3em;
        }
        .rightfixed {
            width: 20% !important;
            right: 5%;
            position: fixed;
            z-index: 0 !important;
        }
        .rightfixed .widget-module {
            background: none;
            padding: 0;
        }
        .rightfixed h3 {
            text-transform: capitalize;
            color: #000;
            margin-top: 40px;
            font-size: 24px;
        }
        .rightfixed ul {
            list-style: unset;
            margin-left: -20px;
            font-size: 16px;
        }
        .rightfixed ul li {
            margin-bottom: 2px;
            line-height: 1.2em;
        }
        #mainpage {
            z-index: 2 !important;
        }
        #leftside {
            z-index: 1 !important;
        }
        #rightside {
            z-index: 1 !important;
        }
        .connect-container {
            z-index: 2;
            position: relative;
        }
        @media only screen and (max-width: 1400px) {
            .leftfixed {
                width: 45% !important;
                position: unset;
                left: 0;
                margin: 0 auto !important;
                margin-right: 20px !important;
                margin-top: 20px !important;
                margin-left: 2% !important;
            }
            .rightfixed {
                width: 45% !important;
                position: unset;
                left: 1%;
                margin: 0 auto !important;
                float: right;
                margin-top: -15px !important;
            }
        }
        @media only screen and (max-width: 600px) {
            .leftfixed {
                width: 98% !important;
                position: unset;
                left: 0;
                margin: 0 auto !important;
            }
            .rightfixed {
                width: 98% !important;
                position: unset;
                left: 0;
                margin: 0 auto !important;
            }
            .blog-sidebar-2021 h3 {
                display: flex;
            }
            .blog-listing-wrapper .post-listing .post-item {
                padding: 30px;
            }
            .post-header h2 {
                text-align: center;
            }
            .post-header h2 a {
                font-size: 26px;
            }
            .blog-topics ul {
                column-count: 1;
            }
            p.underbutton {
                margin-bottom: 20px;
            }
            .searchblog h1 {
                font-size: 26px;
            }
            .featurep {
                font-size: 12px;
                text-align: center;
            }
            .progress-container {
                top: 0 !important;
            }
        }
        @media only screen and (max-width: 768px) {
            .leftfixed {
                width: 98% !important;
                position: unset;
                left: 0;
                margin: 0 auto !important;
            }
            .rightfixed {
                width: 98% !important;
                position: unset;
                left: 0;
                margin: 0 auto !important;
            }
        }
        .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 
        }
        .animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{
            -webkit-animation-duration:.75s;
            animation-duration:.75s 
        }
        @-webkit-keyframes bounce{
            0%,20%,53%,80%,to{
                -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
                animation-timing-function:cubic-bezier(.215,.61,.355,1);
                -webkit-transform:translateZ(0);
                transform:translateZ(0) 
            }
            40%,43%{
                -webkit-transform:translate3d(0,-30px,0);
                transform:translate3d(0,-30px,0) 
            }
            40%,43%,70%{
                -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
                animation-timing-function:cubic-bezier(.755,.05,.855,.06) 
            }
            70%{
                -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%,to{
                -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
                animation-timing-function:cubic-bezier(.215,.61,.355,1);
                -webkit-transform:translateZ(0);
                transform:translateZ(0) 
            }
            40%,43%{
                -webkit-transform:translate3d(0,-30px,0);
                transform:translate3d(0,-30px,0) 
            }
            40%,43%,70%{
                -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
                animation-timing-function:cubic-bezier(.755,.05,.855,.06) 
            }
            70%{
                -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;
            transform-origin:center bottom 
        }
        @-webkit-keyframes flash{
            0%,50%,to{
                opacity:1 
            }
            25%,75%{
                opacity:0 
            }
        }
        @keyframes flash{
            0%,50%,to{
                opacity:1 
            }
            25%,75%{
                opacity:0 
            }
        }
        .flash{
            -webkit-animation-name:flash;
            animation-name:flash 
        }
        @-webkit-keyframes pulse{
            0%{
                -webkit-transform:scaleX(1);
                transform:scaleX(1) 
            }
            50%{
                -webkit-transform:scale3d(1.05,1.05,1.05);
                transform:scale3d(1.05,1.05,1.05) 
            }
            to{
                -webkit-transform:scaleX(1);
                transform:scaleX(1) 
            }
        }
        @keyframes pulse{
            0%{
                -webkit-transform:scaleX(1);
                transform:scaleX(1) 
            }
            50%{
                -webkit-transform:scale3d(1.05,1.05,1.05);
                transform:scale3d(1.05,1.05,1.05) 
            }
            to{
                -webkit-transform:scaleX(1);
                transform:scaleX(1) 
            }
        }
        .pulse{
            -webkit-animation-name:pulse;
            animation-name:pulse 
        }
        @-webkit-keyframes rubberBand{
            0%{
                -webkit-transform:scaleX(1);
                transform:scaleX(1) 
            }
            30%{
                -webkit-transform:scale3d(1.25,.75,1);
                transform:scale3d(1.25,.75,1) 
            }
            40%{
                -webkit-transform:scale3d(.75,1.25,1);
                transform:scale3d(.75,1.25,1) 
            }
            50%{
                -webkit-transform:scale3d(1.15,.85,1);
                transform:scale3d(1.15,.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) 
            }
            to{
                -webkit-transform:scaleX(1);
                transform:scaleX(1) 
            }
        }
        @keyframes rubberBand{
            0%{
                -webkit-transform:scaleX(1);
                transform:scaleX(1) 
            }
            30%{
                -webkit-transform:scale3d(1.25,.75,1);
                transform:scale3d(1.25,.75,1) 
            }
            40%{
                -webkit-transform:scale3d(.75,1.25,1);
                transform:scale3d(.75,1.25,1) 
            }
            50%{
                -webkit-transform:scale3d(1.15,.85,1);
                transform:scale3d(1.15,.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) 
            }
            to{
                -webkit-transform:scaleX(1);
                transform:scaleX(1) 
            }
        }
        .rubberBand{
            -webkit-animation-name:rubberBand;
            animation-name:rubberBand 
        }
        @-webkit-keyframes shake{
            0%,to{
                -webkit-transform:translateZ(0);
                transform:translateZ(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%,to{
                -webkit-transform:translateZ(0);
                transform:translateZ(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 headShake{
            0%{
                -webkit-transform:translateX(0);
                transform:translateX(0) 
            }
            6.5%{
                -webkit-transform:translateX(-6px) rotateY(-9deg);
                transform:translateX(-6px) rotateY(-9deg) 
            }
            18.5%{
                -webkit-transform:translateX(5px) rotateY(7deg);
                transform:translateX(5px) rotateY(7deg) 
            }
            31.5%{
                -webkit-transform:translateX(-3px) rotateY(-5deg);
                transform:translateX(-3px) rotateY(-5deg) 
            }
            43.5%{
                -webkit-transform:translateX(2px) rotateY(3deg);
                transform:translateX(2px) rotateY(3deg) 
            }
            50%{
                -webkit-transform:translateX(0);
                transform:translateX(0) 
            }
        }
        @keyframes headShake{
            0%{
                -webkit-transform:translateX(0);
                transform:translateX(0) 
            }
            6.5%{
                -webkit-transform:translateX(-6px) rotateY(-9deg);
                transform:translateX(-6px) rotateY(-9deg) 
            }
            18.5%{
                -webkit-transform:translateX(5px) rotateY(7deg);
                transform:translateX(5px) rotateY(7deg) 
            }
            31.5%{
                -webkit-transform:translateX(-3px) rotateY(-5deg);
                transform:translateX(-3px) rotateY(-5deg) 
            }
            43.5%{
                -webkit-transform:translateX(2px) rotateY(3deg);
                transform:translateX(2px) rotateY(3deg) 
            }
            50%{
                -webkit-transform:translateX(0);
                transform:translateX(0) 
            }
        }
        .headShake{
            -webkit-animation-timing-function:ease-in-out;
            animation-timing-function:ease-in-out;
            -webkit-animation-name:headShake;
            animation-name:headShake 
        }
        @-webkit-keyframes swing{
            20%{
                -webkit-transform:rotate(15deg);
                transform:rotate(15deg) 
            }
            40%{
                -webkit-transform:rotate(-10deg);
                transform:rotate(-10deg) 
            }
            60%{
                -webkit-transform:rotate(5deg);
                transform:rotate(5deg) 
            }
            80%{
                -webkit-transform:rotate(-5deg);
                transform:rotate(-5deg) 
            }
            to{
                -webkit-transform:rotate(0deg);
                transform:rotate(0deg) 
            }
        }
        @keyframes swing{
            20%{
                -webkit-transform:rotate(15deg);
                transform:rotate(15deg) 
            }
            40%{
                -webkit-transform:rotate(-10deg);
                transform:rotate(-10deg) 
            }
            60%{
                -webkit-transform:rotate(5deg);
                transform:rotate(5deg) 
            }
            80%{
                -webkit-transform:rotate(-5deg);
                transform:rotate(-5deg) 
            }
            to{
                -webkit-transform:rotate(0deg);
                transform:rotate(0deg) 
            }
        }
        .swing{
            -webkit-transform-origin:top center;
            transform-origin:top center;
            -webkit-animation-name:swing;
            animation-name:swing 
        }
        @-webkit-keyframes tada{
            0%{
                -webkit-transform:scaleX(1);
                transform:scaleX(1) 
            }
            10%,20%{
                -webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);
                transform:scale3d(.9,.9,.9) rotate(-3deg) 
            }
            30%,50%,70%,90%{
                -webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);
                transform:scale3d(1.1,1.1,1.1) rotate(3deg) 
            }
            40%,60%,80%{
                -webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);
                transform:scale3d(1.1,1.1,1.1) rotate(-3deg) 
            }
            to{
                -webkit-transform:scaleX(1);
                transform:scaleX(1) 
            }
        }
        @keyframes tada{
            0%{
                -webkit-transform:scaleX(1);
                transform:scaleX(1) 
            }
            10%,20%{
                -webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);
                transform:scale3d(.9,.9,.9) rotate(-3deg) 
            }
            30%,50%,70%,90%{
                -webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);
                transform:scale3d(1.1,1.1,1.1) rotate(3deg) 
            }
            40%,60%,80%{
                -webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);
                transform:scale3d(1.1,1.1,1.1) rotate(-3deg) 
            }
            to{
                -webkit-transform:scaleX(1);
                transform:scaleX(1) 
            }
        }
        .tada{
            -webkit-animation-name:tada;
            animation-name:tada 
        }
        @-webkit-keyframes wobble{
            0%{
                -webkit-transform:none;
                transform:none 
            }
            15%{
                -webkit-transform:translate3d(-25%,0,0) rotate(-5deg);
                transform:translate3d(-25%,0,0) rotate(-5deg) 
            }
            30%{
                -webkit-transform:translate3d(20%,0,0) rotate(3deg);
                transform:translate3d(20%,0,0) rotate(3deg) 
            }
            45%{
                -webkit-transform:translate3d(-15%,0,0) rotate(-3deg);
                transform:translate3d(-15%,0,0) rotate(-3deg) 
            }
            60%{
                -webkit-transform:translate3d(10%,0,0) rotate(2deg);
                transform:translate3d(10%,0,0) rotate(2deg) 
            }
            75%{
                -webkit-transform:translate3d(-5%,0,0) rotate(-1deg);
                transform:translate3d(-5%,0,0) rotate(-1deg) 
            }
            to{
                -webkit-transform:none;
                transform:none 
            }
        }
        @keyframes wobble{
            0%{
                -webkit-transform:none;
                transform:none 
            }
            15%{
                -webkit-transform:translate3d(-25%,0,0) rotate(-5deg);
                transform:translate3d(-25%,0,0) rotate(-5deg) 
            }
            30%{
                -webkit-transform:translate3d(20%,0,0) rotate(3deg);
                transform:translate3d(20%,0,0) rotate(3deg) 
            }
            45%{
                -webkit-transform:translate3d(-15%,0,0) rotate(-3deg);
                transform:translate3d(-15%,0,0) rotate(-3deg) 
            }
            60%{
                -webkit-transform:translate3d(10%,0,0) rotate(2deg);
                transform:translate3d(10%,0,0) rotate(2deg) 
            }
            75%{
                -webkit-transform:translate3d(-5%,0,0) rotate(-1deg);
                transform:translate3d(-5%,0,0) rotate(-1deg) 
            }
            to{
                -webkit-transform:none;
                transform:none 
            }
        }
        .wobble{
            -webkit-animation-name:wobble;
            animation-name:wobble 
        }
        @-webkit-keyframes jello{
            0%,11.1%,to{
                -webkit-transform:none;
                transform:none 
            }
            22.2%{
                -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
                transform:skewX(-12.5deg) skewY(-12.5deg) 
            }
            33.3%{
                -webkit-transform:skewX(6.25deg) skewY(6.25deg);
                transform:skewX(6.25deg) skewY(6.25deg) 
            }
            44.4%{
                -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
                transform:skewX(-3.125deg) skewY(-3.125deg) 
            }
            55.5%{
                -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
                transform:skewX(1.5625deg) skewY(1.5625deg) 
            }
            66.6%{
                -webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
                transform:skewX(-.78125deg) skewY(-.78125deg) 
            }
            77.7%{
                -webkit-transform:skewX(.390625deg) skewY(.390625deg);
                transform:skewX(.390625deg) skewY(.390625deg) 
            }
            88.8%{
                -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
                transform:skewX(-.1953125deg) skewY(-.1953125deg) 
            }
        }
        @keyframes jello{
            0%,11.1%,to{
                -webkit-transform:none;
                transform:none 
            }
            22.2%{
                -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
                transform:skewX(-12.5deg) skewY(-12.5deg) 
            }
            33.3%{
                -webkit-transform:skewX(6.25deg) skewY(6.25deg);
                transform:skewX(6.25deg) skewY(6.25deg) 
            }
            44.4%{
                -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
                transform:skewX(-3.125deg) skewY(-3.125deg) 
            }
            55.5%{
                -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
                transform:skewX(1.5625deg) skewY(1.5625deg) 
            }
            66.6%{
                -webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
                transform:skewX(-.78125deg) skewY(-.78125deg) 
            }
            77.7%{
                -webkit-transform:skewX(.390625deg) skewY(.390625deg);
                transform:skewX(.390625deg) skewY(.390625deg) 
            }
            88.8%{
                -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
                transform:skewX(-.1953125deg) skewY(-.1953125deg) 
            }
        }
        .jello{
            -webkit-animation-name:jello;
            animation-name:jello;
            -webkit-transform-origin:center;
            transform-origin:center 
        }
        @-webkit-keyframes bounceIn{
            0%,20%,40%,60%,80%,to{
                -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
                animation-timing-function:cubic-bezier(.215,.61,.355,1) 
            }
            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) 
            }
            to{
                opacity:1;
                -webkit-transform:scaleX(1);
                transform:scaleX(1) 
            }
        }
        @keyframes bounceIn{
            0%,20%,40%,60%,80%,to{
                -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
                animation-timing-function:cubic-bezier(.215,.61,.355,1) 
            }
            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) 
            }
            to{
                opacity:1;
                -webkit-transform:scaleX(1);
                transform:scaleX(1) 
            }
        }
        .bounceIn{
            -webkit-animation-name:bounceIn;
            animation-name:bounceIn 
        }
        @-webkit-keyframes bounceInDown{
            0%,60%,75%,90%,to{
                -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
                animation-timing-function:cubic-bezier(.215,.61,.355,1) 
            }
            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) 
            }
            to{
                -webkit-transform:none;
                transform:none 
            }
        }
        @keyframes bounceInDown{
            0%,60%,75%,90%,to{
                -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
                animation-timing-function:cubic-bezier(.215,.61,.355,1) 
            }
            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) 
            }
            to{
                -webkit-transform:none;
                transform:none 
            }
        }
        .bounceInDown{
            -webkit-animation-name:bounceInDown;
            animation-name:bounceInDown 
        }
        @-webkit-keyframes bounceInLeft{
            0%,60%,75%,90%,to{
                -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
                animation-timing-function:cubic-bezier(.215,.61,.355,1) 
            }
            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) 
            }
            to{
                -webkit-transform:none;
                transform:none 
            }
        }
        @keyframes bounceInLeft{
            0%,60%,75%,90%,to{
                -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
                animation-timing-function:cubic-bezier(.215,.61,.355,1) 
            }
            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) 
            }
            to{
                -webkit-transform:none;
                transform:none 
            }
        }
        .bounceInLeft{
            -webkit-animation-name:bounceInLeft;
            animation-name:bounceInLeft 
        }
        @-webkit-keyframes bounceInRight{
            0%,60%,75%,90%,to{
                -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
                animation-timing-function:cubic-bezier(.215,.61,.355,1) 
            }
            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) 
            }
            to{
                -webkit-transform:none;
                transform:none 
            }
        }
        @keyframes bounceInRight{
            0%,60%,75%,90%,to{
                -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
                animation-timing-function:cubic-bezier(.215,.61,.355,1) 
            }
            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) 
            }
            to{
                -webkit-transform:none;
                transform:none 
            }
        }
        .bounceInRight{
            -webkit-animation-name:bounceInRight;
            animation-name:bounceInRight 
        }
        @-webkit-keyframes bounceInUp{
            0%,60%,75%,90%,to{
                -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
                animation-timing-function:cubic-bezier(.215,.61,.355,1) 
            }
            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) 
            }
            to{
                -webkit-transform:translateZ(0);
                transform:translateZ(0) 
            }
        }
        @keyframes bounceInUp{
            0%,60%,75%,90%,to{
                -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
                animation-timing-function:cubic-bezier(.215,.61,.355,1) 
            }
            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) 
            }
            to{
                -webkit-transform:translateZ(0);
                transform:translateZ(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) 
            }
            to{
                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) 
            }
            to{
                opacity:0;
                -webkit-transform:scale3d(.3,.3,.3);
                transform:scale3d(.3,.3,.3) 
            }
        }
        .bounceOut{
            -webkit-animation-name:bounceOut;
            animation-name:bounceOut 
        }
        @-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) 
            }
            to{
                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) 
            }
            to{
                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) 
            }
            to{
                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) 
            }
            to{
                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) 
            }
            to{
                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) 
            }
            to{
                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) 
            }
            to{
                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) 
            }
            to{
                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 
            }
            to{
                opacity:1 
            }
        }
        @keyframes fadeIn{
            0%{
                opacity:0 
            }
            to{
                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) 
            }
            to{
                opacity:1;
                -webkit-transform:none;
                transform:none 
            }
        }
        @keyframes fadeInDown{
            0%{
                opacity:0;
                -webkit-transform:translate3d(0,-100%,0);
                transform:translate3d(0,-100%,0) 
            }
            to{
                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) 
            }
            to{
                opacity:1;
                -webkit-transform:none;
                transform:none 
            }
        }
        @keyframes fadeInDownBig{
            0%{
                opacity:0;
                -webkit-transform:translate3d(0,-2000px,0);
                transform:translate3d(0,-2000px,0) 
            }
            to{
                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) 
            }
            to{
                opacity:1;
                -webkit-transform:none;
                transform:none 
            }
        }
        @keyframes fadeInLeft{
            0%{
                opacity:0;
                -webkit-transform:translate3d(-100%,0,0);
                transform:translate3d(-100%,0,0) 
            }
            to{
                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) 
            }
            to{
                opacity:1;
                -webkit-transform:none;
                transform:none 
            }
        }
        @keyframes fadeInLeftBig{
            0%{
                opacity:0;
                -webkit-transform:translate3d(-2000px,0,0);
                transform:translate3d(-2000px,0,0) 
            }
            to{
                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) 
            }
            to{
                opacity:1;
                -webkit-transform:none;
                transform:none 
            }
        }
        @keyframes fadeInRight{
            0%{
                opacity:0;
                 -webkit-transform:translate3d(100%,0,0);
                transform:translate3d(100%,0,0) 
            }
            to{
                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) 
            }
            to{
                opacity:1;
                -webkit-transform:none;
                transform:none 
            }
        }
        @keyframes fadeInRightBig{
            0%{
                opacity:0;
                -webkit-transform:translate3d(2000px,0,0);
                transform:translate3d(2000px,0,0) 
            }
            to{
                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) 
            }
            to{
                opacity:1;
                -webkit-transform:none;
                transform:none 
            }
        }
        @keyframes fadeInUp{
            0%{
                opacity:0;
                -webkit-transform:translate3d(0,100%,0);
                transform:translate3d(0,100%,0) 
            }
            to{
                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) 
            }
            to{
                opacity:1;
                -webkit-transform:none;
                transform:none 
            }
        }
        @keyframes fadeInUpBig{
            0%{
                opacity:0;
                -webkit-transform:translate3d(0,2000px,0);
                transform:translate3d(0,2000px,0) 
            }
            to{
                opacity:1;
                -webkit-transform:none;
                transform:none 
            }
        }
        .fadeInUpBig{
            -webkit-animation-name:fadeInUpBig;
            animation-name:fadeInUpBig 
        }
        @-webkit-keyframes fadeOut{
            0%{
                opacity:1 
            }
            to{
                opacity:0 
            }
        }
        @keyframes fadeOut{
            0%{
                opacity:1 
            }
            to{
                opacity:0 
            }
        }
        .fadeOut{
            -webkit-animation-name:fadeOut;
            animation-name:fadeOut 
        }
        @-webkit-keyframes fadeOutDown{
            0%{
                opacity:1 
            }
            to{
                opacity:0;
                -webkit-transform:translate3d(0,100%,0);
                transform:translate3d(0,100%,0) 
            }
        }
        @keyframes fadeOutDown{
            0%{
                opacity:1 
            }
            to{
                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 
            }
            to{
                opacity:0;
                -webkit-transform:translate3d(0,2000px,0);
                transform:translate3d(0,2000px,0) 
            }
        }
        @keyframes fadeOutDownBig{
            0%{
                opacity:1 
            }
            to{
                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 
            }
            to{
                opacity:0;
                -webkit-transform:translate3d(-100%,0,0);
                transform:translate3d(-100%,0,0) 
            }
        }
        @keyframes fadeOutLeft{
            0%{
                opacity:1 
            }
            to{
                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 
            }
            to{
                opacity:0;
                -webkit-transform:translate3d(-2000px,0,0);
                transform:translate3d(-2000px,0,0) 
            }
        }
        @keyframes fadeOutLeftBig{
            0%{
                opacity:1 
            }
            to{
                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 
            }
            to{
                opacity:0;
                -webkit-transform:translate3d(100%,0,0);
                transform:translate3d(100%,0,0) 
            }
        }
        @keyframes fadeOutRight{
            0%{
                opacity:1 
            }
            to{
                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 
            }
            to{
                opacity:0;
                -webkit-transform:translate3d(2000px,0,0);
                transform:translate3d(2000px,0,0) 
            }
        }
        @keyframes fadeOutRightBig{
            0%{
                opacity:1 
            }
            to{
                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 
            }
            to{
                opacity:0;
                -webkit-transform:translate3d(0,-100%,0);
                transform:translate3d(0,-100%,0) 
            }
        }
        @keyframes fadeOutUp{
            0%{
                opacity:1 
            }
            to{
                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 
            }
            to{
                opacity:0;
                -webkit-transform:translate3d(0,-2000px,0);
                transform:translate3d(0,-2000px,0) 
            }
        }
        @keyframes fadeOutUpBig{
            0%{
                opacity:1 
            }
            to{
                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) rotateY(-1turn);
                transform:perspective(400px) rotateY(-1turn) 
            }
            0%,40%{
                -webkit-animation-timing-function:ease-out;
                animation-timing-function:ease-out 
            }
            40%{
                -webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);
                transform:perspective(400px) translateZ(150px) rotateY(-190deg) 
            }
            50%{
                -webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);
                transform:perspective(400px) translateZ(150px) rotateY(-170deg) 
            }
            50%,80%{
                -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) 
            }
            to{
                -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) rotateY(-1turn);
                transform:perspective(400px) rotateY(-1turn) 
            }
            0%,40%{
                -webkit-animation-timing-function:ease-out;
                animation-timing-function:ease-out 
            }
            40%{
                -webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);
                transform:perspective(400px) translateZ(150px) rotateY(-190deg) 
            }
            50%{
                -webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);
                transform:perspective(400px) translateZ(150px) rotateY(-170deg) 
            }
            50%,80%{
                -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) 
            }
            to{
                -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) rotateX(90deg);
                transform:perspective(400px) rotateX(90deg);
                opacity:0 
            }
            0%,40%{
                -webkit-animation-timing-function:ease-in;
                animation-timing-function:ease-in 
            }
            40%{
                -webkit-transform:perspective(400px) rotateX(-20deg);
                transform:perspective(400px) rotateX(-20deg) 
            }
            60%{
                -webkit-transform:perspective(400px) rotateX(10deg);
                transform:perspective(400px) rotateX(10deg);
                opacity:1 
            }
            80%{
                -webkit-transform:perspective(400px) rotateX(-5deg);
                transform:perspective(400px) rotateX(-5deg) 
            }
            to{
                -webkit-transform:perspective(400px);
                transform:perspective(400px) 
            }
        }
        @keyframes flipInX{
            0%{
                -webkit-transform:perspective(400px) rotateX(90deg);
                transform:perspective(400px) rotateX(90deg);
                opacity:0 
            }
            0%,40%{
                -webkit-animation-timing-function:ease-in;
                animation-timing-function:ease-in 
            }
            40%{
                -webkit-transform:perspective(400px) rotateX(-20deg);
                transform:perspective(400px) rotateX(-20deg) 
            }
            60%{
                -webkit-transform:perspective(400px) rotateX(10deg);
                transform:perspective(400px) rotateX(10deg);
                opacity:1 
            }
            80%{
                -webkit-transform:perspective(400px) rotateX(-5deg);
                transform:perspective(400px) rotateX(-5deg) 
            }
            to{
                -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) rotateY(90deg);
                transform:perspective(400px) rotateY(90deg);
                opacity:0 
            }
            0%,40%{
                -webkit-animation-timing-function:ease-in;
                animation-timing-function:ease-in 
            }
            40%{
                -webkit-transform:perspective(400px) rotateY(-20deg);
                transform:perspective(400px) rotateY(-20deg) 
            }
            60%{
                -webkit-transform:perspective(400px) rotateY(10deg);
                transform:perspective(400px) rotateY(10deg);
                opacity:1 
            }
            80%{
                -webkit-transform:perspective(400px) rotateY(-5deg);
                transform:perspective(400px) rotateY(-5deg) 
            }
            to{
                -webkit-transform:perspective(400px);
                transform:perspective(400px) 
            }
        }
        @keyframes flipInY{
            0%{
                -webkit-transform:perspective(400px) rotateY(90deg);
                transform:perspective(400px) rotateY(90deg);
                opacity:0 
            }
            0%,40%{
                -webkit-animation-timing-function:ease-in;
                animation-timing-function:ease-in 
            }
            40%{
                -webkit-transform:perspective(400px) rotateY(-20deg);
                transform:perspective(400px) rotateY(-20deg) 
            }
            60%{
                -webkit-transform:perspective(400px) rotateY(10deg);
                transform:perspective(400px) rotateY(10deg);
                opacity:1 
            }
            80%{
                -webkit-transform:perspective(400px) rotateY(-5deg);
                transform:perspective(400px) rotateY(-5deg) 
            }
            to{
                -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) rotateX(-20deg);
                transform:perspective(400px) rotateX(-20deg);
                opacity:1 
            }
            to{
                -webkit-transform:perspective(400px) rotateX(90deg);
                transform:perspective(400px) rotateX(90deg);
                opacity:0 
            }
        }
        @keyframes flipOutX{
            0%{
                -webkit-transform:perspective(400px);
                transform:perspective(400px) 
            }
            30%{
                -webkit-transform:perspective(400px) rotateX(-20deg);
                transform:perspective(400px) rotateX(-20deg);
                opacity:1 
            }
            to{
                -webkit-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;
            backface-visibility:visible!important 
        }
        @-webkit-keyframes flipOutY{
            0%{
                -webkit-transform:perspective(400px);
                transform:perspective(400px) 
            }
            30%{
                -webkit-transform:perspective(400px) rotateY(-15deg);
                transform:perspective(400px) rotateY(-15deg);
                opacity:1 
            }
            to{
                -webkit-transform:perspective(400px) rotateY(90deg);
                transform:perspective(400px) rotateY(90deg);
                opacity:0 
            }
        }
         @keyframes flipOutY{
            0%{
                -webkit-transform:perspective(400px);
                transform:perspective(400px) 
            }
            30%{
                -webkit-transform:perspective(400px) rotateY(-15deg);
                transform:perspective(400px) rotateY(-15deg);
                opacity:1 
            }
            to{
                -webkit-transform:perspective(400px) rotateY(90deg);
                transform:perspective(400px) rotateY(90deg);
                opacity:0 
            }
        }
        .flipOutY{
            -webkit-backface-visibility:visible!important;
            backface-visibility:visible!important;
            -webkit-animation-name:flipOutY;
            animation-name:flipOutY 
        }
        @-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) 
            }
            60%,80%{
                opacity:1 
            }
            80%{
                -webkit-transform:skewX(-5deg);
                transform:skewX(-5deg) 
            }
            to{
                -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) 
            }
            60%,80%{
                opacity:1 
            }
            80%{
                -webkit-transform:skewX(-5deg);
                transform:skewX(-5deg) 
            }
            to{
                -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 
            }
            to{
                -webkit-transform:translate3d(100%,0,0) skewX(30deg);
                transform:translate3d(100%,0,0) skewX(30deg);
                opacity:0 
            }
        }
        @keyframes lightSpeedOut{
            0%{
                opacity:1 
            }
            to{
                -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%{
                transform-origin:center;
                -webkit-transform:rotate(-200deg);
                transform:rotate(-200deg);
                opacity:0 
            }
            0%,to{
                -webkit-transform-origin:center 
            }
            to{
                transform-origin:center;
                -webkit-transform:none;
                transform:none;
                opacity:1 
            }
        }
        @keyframes rotateIn{
            0%{
                transform-origin:center;
                -webkit-transform:rotate(-200deg);
                transform:rotate(-200deg);
                opacity:0 
            }
            0%,to{
                -webkit-transform-origin:center 
            }
            to{
                transform-origin:center;
                -webkit-transform:none;
                transform:none;
                opacity:1 
            }
        }
        .rotateIn{
            -webkit-animation-name:rotateIn;
            animation-name:rotateIn 
        }
        @-webkit-keyframes rotateInDownLeft{
            0%{
                transform-origin:left bottom;
                -webkit-transform:rotate(-45deg);
                transform:rotate(-45deg);
                opacity:0 
            }
            0%,to{
                -webkit-transform-origin:left bottom 
            }
            to{
                transform-origin:left bottom;
                -webkit-transform:none;
                transform:none;
                opacity:1 
            }
        }
        @keyframes rotateInDownLeft{
            0%{
                transform-origin:left bottom;
                -webkit-transform:rotate(-45deg);
                transform:rotate(-45deg);
                opacity:0 
            }
            0%,to{
                -webkit-transform-origin:left bottom 
            }
            to{
                transform-origin:left bottom;
                -webkit-transform:none;
                transform:none;
                opacity:1 
            }
        }
        .rotateInDownLeft{
            -webkit-animation-name:rotateInDownLeft;
            animation-name:rotateInDownLeft 
        }
        @-webkit-keyframes rotateInDownRight{
            0%{
                transform-origin:right bottom;
                -webkit-transform:rotate(45deg);
                transform:rotate(45deg);
                opacity:0 
            }
            0%,to{
                -webkit-transform-origin:right bottom 
            }
            to{
                transform-origin:right bottom;
                -webkit-transform:none;
                transform:none;
                opacity:1 
            }
        }
        @keyframes rotateInDownRight{
            0%{
                transform-origin:right bottom;
                -webkit-transform:rotate(45deg);
                transform:rotate(45deg);
                opacity:0 
            }
            0%,to{
                -webkit-transform-origin:right bottom 
            }
            to{
                transform-origin:right bottom;
                -webkit-transform:none;
                transform:none;
                opacity:1 
            }
        }
        .rotateInDownRight{
            -webkit-animation-name:rotateInDownRight;
            animation-name:rotateInDownRight 
        }
        @-webkit-keyframes rotateInUpLeft{
            0%{
                transform-origin:left bottom;
                -webkit-transform:rotate(45deg);
                transform:rotate(45deg);
                opacity:0 
            }
            0%,to{
                -webkit-transform-origin:left bottom 
            }
            to{
                transform-origin:left bottom;
                -webkit-transform:none;
                transform:none;
                opacity:1 
            }
        }
        @keyframes rotateInUpLeft{
            0%{
                transform-origin:left bottom;
                -webkit-transform:rotate(45deg);
                transform:rotate(45deg);
                opacity:0 
            }
            0%,to{
                -webkit-transform-origin:left bottom 
            }
            to{
                transform-origin:left bottom;
                -webkit-transform:none;
                transform:none;
                opacity:1 
            }
        }
        .rotateInUpLeft{
            -webkit-animation-name:rotateInUpLeft;
            animation-name:rotateInUpLeft 
        }
        @-webkit-keyframes rotateInUpRight{
            0%{
                transform-origin:right bottom;
                -webkit-transform:rotate(-90deg);
                transform:rotate(-90deg);
                opacity:0 
            }
            0%,to{
                -webkit-transform-origin:right bottom 
            }
            to{
                transform-origin:right bottom;
                -webkit-transform:none;
                transform:none;
                opacity:1 
            }
        }
        @keyframes rotateInUpRight{
            0%{
                transform-origin:right bottom;
                -webkit-transform:rotate(-90deg);
                transform:rotate(-90deg);
                opacity:0 
            }
            0%,to{
                -webkit-transform-origin:right bottom 
            }
            to{
                transform-origin:right bottom;
                -webkit-transform:none;
                transform:none;
                opacity:1 
            }
        }
        .rotateInUpRight{
            -webkit-animation-name:rotateInUpRight;
            animation-name:rotateInUpRight 
        }
        @-webkit-keyframes rotateOut{
            0%{
                transform-origin:center;
                opacity:1 
            }
            0%,to{
                -webkit-transform-origin:center 
            }
            to{
                transform-origin:center;
                -webkit-transform:rotate(200deg);
                transform:rotate(200deg);
                opacity:0 
            }
        }
        @keyframes rotateOut{
            0%{
                transform-origin:center;
                opacity:1 
            }
            0%,to{
                -webkit-transform-origin:center 
            }
            to{
                transform-origin:center;
                -webkit-transform:rotate(200deg);
                transform:rotate(200deg);
                opacity:0 
            }
        }
        .rotateOut{
            -webkit-animation-name:rotateOut;
            animation-name:rotateOut 
        }
        @-webkit-keyframes rotateOutDownLeft{
            0%{
                transform-origin:left bottom;
                opacity:1 
            }
            0%,to{
                -webkit-transform-origin:left bottom 
            }
            to{
                transform-origin:left bottom;
                -webkit-transform:rotate(45deg);
                transform:rotate(45deg);
                opacity:0 
            }
        }
        @keyframes rotateOutDownLeft{
            0%{
                transform-origin:left bottom;
                opacity:1 
            }
            0%,to{
                -webkit-transform-origin:left bottom 
            }
            to{
                transform-origin:left bottom;
                -webkit-transform:rotate(45deg);
                transform:rotate(45deg);
                opacity:0 
            }
        }
        .rotateOutDownLeft{
            -webkit-animation-name:rotateOutDownLeft;
            animation-name:rotateOutDownLeft 
        }
        @-webkit-keyframes rotateOutDownRight{
            0%{
                transform-origin:right bottom;
                opacity:1 
            }
            0%,to{
                -webkit-transform-origin:right bottom 
            }
            to{
                transform-origin:right bottom;
                -webkit-transform:rotate(-45deg);
                transform:rotate(-45deg);
                opacity:0 
            }
        }
        @keyframes rotateOutDownRight{
            0%{
                transform-origin:right bottom;
                opacity:1 
            }
            0%,to{
                -webkit-transform-origin:right bottom 
            }
            to{
                transform-origin:right bottom;
                -webkit-transform:rotate(-45deg);
                transform:rotate(-45deg);
                opacity:0 
            }
        }
        .rotateOutDownRight{
            -webkit-animation-name:rotateOutDownRight;
            animation-name:rotateOutDownRight 
        }
        @-webkit-keyframes rotateOutUpLeft{
            0%{
                transform-origin:left bottom;
                opacity:1 
            }
            0%,to{
                -webkit-transform-origin:left bottom 
            }
            to{
                transform-origin:left bottom;
                -webkit-transform:rotate(-45deg);
                transform:rotate(-45deg);
                opacity:0 
            }
        }
        @keyframes rotateOutUpLeft{
            0%{
                transform-origin:left bottom;
                opacity:1 
            }
            0%,to{
                -webkit-transform-origin:left bottom 
            }
            to{
                transform-origin:left bottom;
                -webkit-transform:rotate(-45deg);
                transform:rotate(-45deg);
                opacity:0 
            }
        }
        .rotateOutUpLeft{
            -webkit-animation-name:rotateOutUpLeft;
            animation-name:rotateOutUpLeft 
        }
        @-webkit-keyframes rotateOutUpRight{
            0%{
                transform-origin:right bottom;
                opacity:1 
            }
            0%,to{
                -webkit-transform-origin:right bottom 
            }
            to{
                transform-origin:right bottom;
                -webkit-transform:rotate(90deg);
                transform:rotate(90deg);
                opacity:0 
            }
        }
        @keyframes rotateOutUpRight{
            0%{
                transform-origin:right bottom;
                opacity:1 
            }
            0%,to{
                -webkit-transform-origin:right bottom 
            }
            to{
                transform-origin:right bottom;
                -webkit-transform:rotate(90deg);
                transform:rotate(90deg);
                opacity:0 
            }
        }
        .rotateOutUpRight{
            -webkit-animation-name:rotateOutUpRight;
            animation-name:rotateOutUpRight 
        }
        @-webkit-keyframes hinge{
            0%{
                transform-origin:top left 
            }
            0%,20%,60%{
                -webkit-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);
                transform-origin:top left 
            }
            40%,80%{
                -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;
                opacity:1 
            }
            to{
                -webkit-transform:translate3d(0,700px,0);
                transform:translate3d(0,700px,0);
                opacity:0 
            }
        }
        @keyframes hinge{
            0%{
                transform-origin:top left 
            }
            0%,20%,60%{
                -webkit-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);
                transform-origin:top left 
            }
            40%,80%{
                -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;
                opacity:1 
            }
            to{
                -webkit-transform:translate3d(0,700px,0);
                transform:translate3d(0,700px,0);
                opacity:0 
            }
        }
        .hinge{
            -webkit-animation-name:hinge;
            animation-name:hinge 
        }
        @-webkit-keyframes rollIn{
            0%{
                opacity:0;
                -webkit-transform:translate3d(-100%,0,0) rotate(-120deg);
                transform:translate3d(-100%,0,0) rotate(-120deg) 
            }
            to{
                opacity:1;
                -webkit-transform:none;
                transform:none 
            }
        }
        @keyframes rollIn{
            0%{
                opacity:0;
                -webkit-transform:translate3d(-100%,0,0) rotate(-120deg);
                transform:translate3d(-100%,0,0) rotate(-120deg) 
            }
            to{
                opacity:1;
                -webkit-transform:none;
                transform:none 
            }
        }
        .rollIn{
            -webkit-animation-name:rollIn;
            animation-name:rollIn 
        }
        @-webkit-keyframes rollOut{
            0%{
                opacity:1 
            }
            to{
                opacity:0;
                -webkit-transform:translate3d(100%,0,0) rotate(120deg);
                transform:translate3d(100%,0,0) rotate(120deg) 
            }
        }
        @keyframes rollOut{
            0%{
                opacity:1 
            }
            to{
                opacity:0;
                -webkit-transform:translate3d(100%,0,0) rotate(120deg);
                transform:translate3d(100%,0,0) rotate(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(.55,.055,.675,.19);
                animation-timing-function:cubic-bezier(.55,.055,.675,.19) 
            }
            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(.175,.885,.32,1);
                animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);
                animation-timing-function:cubic-bezier(.55,.055,.675,.19) 
            }
            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(.175,.885,.32,1);
                animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);
                animation-timing-function:cubic-bezier(.55,.055,.675,.19) 
            }
            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(.175,.885,.32,1);
                animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);
                animation-timing-function:cubic-bezier(.55,.055,.675,.19) 
            }
            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(.175,.885,.32,1);
                animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);
                animation-timing-function:cubic-bezier(.55,.055,.675,.19) 
            }
            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(.175,.885,.32,1);
                animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);
                animation-timing-function:cubic-bezier(.55,.055,.675,.19) 
            }
            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(.175,.885,.32,1);
                animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);
                animation-timing-function:cubic-bezier(.55,.055,.675,.19) 
            }
            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(.175,.885,.32,1);
                animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);
                animation-timing-function:cubic-bezier(.55,.055,.675,.19) 
            }
            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(.175,.885,.32,1);
                animation-timing-function:cubic-bezier(.175,.885,.32,1) 
            }
        }
        .zoomInUp{
            -webkit-animation-name:zoomInUp;
            animation-name:zoomInUp 
        }
        @-webkit-keyframes zoomOut{
            0%{
                opacity:1 
            }
            50%{
                -webkit-transform:scale3d(.3,.3,.3);
                transform:scale3d(.3,.3,.3) 
            }
            50%,to{
                opacity:0 
            }
        }
        @keyframes zoomOut{
            0%{
                opacity:1 
            }
            50%{
                -webkit-transform:scale3d(.3,.3,.3);
                transform:scale3d(.3,.3,.3) 
            }
            50%,to{
                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(.55,.055,.675,.19);
                animation-timing-function:cubic-bezier(.55,.055,.675,.19) 
            }
            to{
                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(.175,.885,.32,1);
                animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);
                animation-timing-function:cubic-bezier(.55,.055,.675,.19) 
            }
            to{
                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(.175,.885,.32,1);
                animation-timing-function:cubic-bezier(.175,.885,.32,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) 
            }
            to{
                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) 
            }
            to{
                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) 
            }
            to{
                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) 
            }
            to{
                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(.55,.055,.675,.19);
                animation-timing-function:cubic-bezier(.55,.055,.675,.19) 
            }
            to{
                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(.175,.885,.32,1);
                animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);
                animation-timing-function:cubic-bezier(.55,.055,.675,.19) 
            }
            to{
                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(.175,.885,.32,1);
                animation-timing-function:cubic-bezier(.175,.885,.32,1) 
            }
        }
        .zoomOutUp{
            -webkit-animation-name:zoomOutUp;
            animation-name:zoomOutUp 
        }
        @-webkit-keyframes slideInDown{
            0%{
                -webkit-transform:translate3d(0,-100%,0);
                transform:translate3d(0,-100%,0);
                visibility:visible 
            }
            to{
                -webkit-transform:translateZ(0);
                transform:translateZ(0) 
            }
        }
        @keyframes slideInDown{
            0%{
                -webkit-transform:translate3d(0,-100%,0);
                transform:translate3d(0,-100%,0);
                visibility:visible 
            }
            to{
                -webkit-transform:translateZ(0);
                transform:translateZ(0) 
            }
        }
        .slideInDown{
            -webkit-animation-name:slideInDown;
            animation-name:slideInDown 
        }
        @-webkit-keyframes slideInLeft{
            0%{
                -webkit-transform:translate3d(-100%,0,0);
                transform:translate3d(-100%,0,0);
                visibility:visible 
            }
            to{
                -webkit-transform:translateZ(0);
                transform:translateZ(0) 
            }
        }
        @keyframes slideInLeft{
            0%{
                -webkit-transform:translate3d(-100%,0,0);
                transform:translate3d(-100%,0,0);
                visibility:visible 
            }
            to{
                -webkit-transform:translateZ(0);
                transform:translateZ(0) 
            }
        }
        .slideInLeft{
            -webkit-animation-name:slideInLeft;
            animation-name:slideInLeft 
        }
        @-webkit-keyframes slideInRight{
            0%{
                -webkit-transform:translate3d(100%,0,0);
                transform:translate3d(100%,0,0);
                visibility:visible 
            }
            to{
                -webkit-transform:translateZ(0);
                transform:translateZ(0) 
            }
        }
        @keyframes slideInRight{
            0%{
                -webkit-transform:translate3d(100%,0,0);
                transform:translate3d(100%,0,0);
                visibility:visible 
            }
            to{
                -webkit-transform:translateZ(0);
                transform:translateZ(0) 
            }
        }
        .slideInRight{
            -webkit-animation-name:slideInRight;
            animation-name:slideInRight 
        }
         @-webkit-keyframes slideInUp{
            0%{
                -webkit-transform:translate3d(0,100%,0);
                transform:translate3d(0,100%,0);
                visibility:visible 
            }
            to{
                -webkit-transform:translateZ(0);
                transform:translateZ(0) 
            }
        }
        @keyframes slideInUp{
            0%{
                -webkit-transform:translate3d(0,100%,0);
                transform:translate3d(0,100%,0);
                visibility:visible 
            }
            to{
                -webkit-transform:translateZ(0);
                transform:translateZ(0) 
            }
        }
        .slideInUp{
            -webkit-animation-name:slideInUp;
            animation-name:slideInUp 
        }
        @-webkit-keyframes slideOutDown{
            0%{
                -webkit-transform:translateZ(0);
                transform:translateZ(0) 
            }
            to{
                visibility:hidden;
                -webkit-transform:translate3d(0,100%,0);
                transform:translate3d(0,100%,0) 
            }
        }
        @keyframes slideOutDown{
            0%{
                -webkit-transform:translateZ(0);
                transform:translateZ(0) 
            }
            to{
                visibility:hidden;
                -webkit-transform:translate3d(0,100%,0);
                transform:translate3d(0,100%,0) 
            }
        }
        .slideOutDown{
            -webkit-animation-name:slideOutDown;
            animation-name:slideOutDown 
        }
        @-webkit-keyframes slideOutLeft{
            0%{
                -webkit-transform:translateZ(0);
                transform:translateZ(0) 
            }
            to{
                visibility:hidden;
                -webkit-transform:translate3d(-100%,0,0);
                transform:translate3d(-100%,0,0) 
            }
        }
        @keyframes slideOutLeft{
            0%{
                -webkit-transform:translateZ(0);
                transform:translateZ(0) 
            }
            to{
                visibility:hidden;
                -webkit-transform:translate3d(-100%,0,0);
                transform:translate3d(-100%,0,0) 
            }
        }
        .slideOutLeft{
            -webkit-animation-name:slideOutLeft;
            animation-name:slideOutLeft 
        }
        @-webkit-keyframes slideOutRight{
            0%{
                -webkit-transform:translateZ(0);
                transform:translateZ(0) 
            }
            to{
                visibility:hidden;
                -webkit-transform:translate3d(100%,0,0);
                transform:translate3d(100%,0,0) 
            }
        }
        @keyframes slideOutRight{
            0%{
                -webkit-transform:translateZ(0);
                transform:translateZ(0) 
            }
            to{
                visibility:hidden;
                -webkit-transform:translate3d(100%,0,0);
                transform:translate3d(100%,0,0) 
            }
        }
        .slideOutRight{
            -webkit-animation-name:slideOutRight;
            animation-name:slideOutRight 
        }
        @-webkit-keyframes slideOutUp{
            0%{
                -webkit-transform:translateZ(0);
                transform:translateZ(0) 
            }
            to{
                visibility:hidden;
                -webkit-transform:translate3d(0,-100%,0);
                transform:translate3d(0,-100%,0) 
            }
        }
        @keyframes slideOutUp{
            0%{
                -webkit-transform:translateZ(0);
                transform:translateZ(0) 
            }
            to{
                visibility:hidden;
                -webkit-transform:translate3d(0,-100%,0);
                transform:translate3d(0,-100%,0) 
            }
        }
        .slideOutUp{
            -webkit-animation-name:slideOutUp;
            animation-name:slideOutUp 
        }