@import url('a.css');
@import url('footer/footer.css');

@media only screen and (max-width:479px) {
    .container {
        width: 300px;
        margin: auto;
    }

    .display_on_large {
        display: none;
    }

    .display_on_small {
        display: block;
    }

    .navbar-collapse {
        padding-left: 73px !important;
    }

    .content_left,
    .content_right,
    .left_sidebar,
    .right_sidebar {
        float: left;
        width: 100%;
        padding: 59px 0 0;
    }

    .one_fifth,
    .one_fourth,
    .one_half,
    .one_sixth,
    .one_third,
    .three_fourth,
    .two_third {
        margin-right: 0;
        width: 100%;
        margin-bottom: 40px;
    }

    .bb_box {
        height: 240px;
    }

        .bb_box .bb_icon {
            margin: 20px 20px 20px 90px;
        }

    .feature_section_control_tabs .addnew {
        background: #fff;
    }

    .feature_section15new .add {
        height: auto;
    }

    .control_tabs .active {
        background: #eee;
    }

    .control_tabs .lasttab {
        border-bottom: 1px solid #eee;
    }

    .feature_section_control_tabs .control_tabs li a {
        color: #b4b4b4;
        padding: 0;
    }

    .feature_section_control_tabs .control_tabs .pd25 {
        padding: 5px;
    }

    .tab_image {
        width: 100%;
    }

    .menu2,
    .menu3,
    .menu4,
    .menu5,
    .menu6,
    .menu7,
    .menu8 {
        width: 100%!important;
        height: 50px;
        border-right: 1px solid #eee;
        border-left: 1px solid #eee;
        background: #fff;
    }

    .footer_contact textarea {
        width: 64%;
    }

    .menu2:hover,
    .menu3:hover,
    .menu4:hover,
    .menu5:hover,
    .menu6:hover,
    .menu7:hover,
    .menu8:hover {
        background: #eee;
    }

    .feature_section15new2 .addmybg {
        width: 100%;
        padding-left: 10px;
    }

    .feature_section3 {
        padding-top: 40px;
    }

    .left_content_top,
    .left_content_top .para {
        width: 100%;
    }

        .left_content_top .addimg {
            width: 100%;
            margin: 20px 0;
        }

    .right_nav {
        display: none;
    }

    .bottom_icons_list {
        margin: 0 45px;
    }

    .infographic {
        border-right: 1px solid transparent;
    }

    .req_meeting {
        display: none;
    }

    .last {
        margin-right: 0!important;
        margin-bottom: 0!important;
    }

    .top_nav .left {
        width: 100%;
    }

    .top_nav .right {
        width: 90%;
    }

        .top_nav .right ul {
            float: left;
        }

    #trueHeader #logo {
        text-align: center;
        background: url(../images/logo.png) center bottom no-repeat;
    }

    #trueHeader .logo {
        width: 100%;
        margin-bottom: 5px;
        text-align: center;
    }

    .menu_main {
        float: none;
        width: 90%;
        margin: 0 auto;
    }

    .parallax_sec1 ul.left {
        width: 100%;
        padding-right: 0;
        border-right: none;
        margin-bottom: 40px;
    }

    .parallax_sec1 .left li {
        text-align: left;
    }

        .parallax_sec1 .left li i {
            float: left;
            margin-right: 30px;
            margin-left: 0;
        }

    .parallax_sec1 ul.right {
        width: 100%;
        padding-left: 0;
    }

    .parallax_sec2 .hvideo iframe {
        float: none;
        margin: 0 auto;
        width: 100%;
    }

    .parallax_sec2 .hvideo.right iframe {
        float: none;
    }

    .rw-wrapper {
        font-size: 20px;
    }

    .feature_section2 a {
        float: left;
        margin-top: 13px;
    }

    .rw-words {
        text-indent: 67px;
    }

    .feature_section7 .rcont {
        width: 80%;
    }

    .feature_section8 .left {
        width: 80%;
        margin: 0 auto;
        float: none;
    }

    .feature_section8 .right {
        width: 100%;
        padding-top: 30px;
    }

    .feature_section10 {
        background-size: 170%;
        padding-bottom: 50px;
    }

        .feature_section10 .left {
            float: left;
            width: 100%;
            margin-right: 0;
            margin-top: 260px;
            text-align: left;
        }

            .feature_section10 .left .flist {
                float: left;
                padding-left: 50px;
                padding-right: 0;
                background: url(../images/site-img10.png) -91px 10px no-repeat;
            }

        .feature_section10 .right {
            float: left;
            width: 100%;
            margin-left: 0;
            margin-top: 30px;
            text-align: left;
        }

            .feature_section10 .right .flist {
                float: left;
                padding-left: 50px;
                padding-right: 0;
                background: url(../images/site-img10.png) -91px 10px no-repeat;
            }

        .feature_section10 .margin_top5,
        .feature_section10 .margin_top6,
        .feature_section10 .margin_top7 {
            margin-top: 30px;
        }

    .feature_section11 .contbox {
        float: none;
        margin: 50px auto 0;
        padding: 20px 20px 40px;
    }

        .feature_section11 .contbox h5 {
            margin-top: 5px;
            line-height: 23px;
        }

        .feature_section11 .contbox strong {
            font-size: 18px;
            padding: 10px 13px;
            margin-top: -50px;
            margin-left: -116px;
        }

    .feature_section12 h1 {
        font-size: 22px;
        line-height: 30px;
    }

    .feature_section14 .left {
        width: 100%;
        padding-right: 0;
        margin-bottom: 40px;
    }

    .feature_section14 .right {
        width: 100%;
        padding-left: 0;
    }

    .feature_section14 .left .conta {
        background-size: 50%;
        background-position: right 130px;
    }

    .feature_section14 .right .conta {
        background-size: 75%;
        background-position: right 100px;
    }

    .feature_section15 i {
        font-size: 30px;
        margin-right: 10px;
    }

    .feature_section15 strong {
        font-size: 18px;
        font-weight: 300;
        padding: 10px;
        margin-top: -7px;
    }

    .feature_section16 {
        background: url(../images/site-img17.jpg) center 230px no-repeat;
        background-size: 100%;
        min-height: 440px;
    }

        .feature_section16 .mcbox {
            width: 32%;
            margin-top: 10px;
        }

            .feature_section16 .mcbox.last {
                margin-top: 133px;
            }

    .feature_section18 .bnbox {
        width: 90%;
        margin: 0 auto;
        float: none;
    }

    .feature_section20 .left {
        float: left;
        width: 100%;
        margin-left: 0;
        padding-top: 0;
    }

    .feature_section20 .right {
        float: left;
        width: 100%;
        margin-right: 0;
        margin-top: 50px;
    }

        .feature_section20 .right img {
            width: 100%;
        }

    .feature_section22 .secbox,
    .feature_section25 ul {
        width: 80%;
        float: none;
        margin: 0 auto;
    }

        .feature_section25 ul.active {
            margin-top: 0;
        }

    .newsletter_two .left,
    .twitter_feeds_two .left {
        margin-right: 20px;
    }

    .newsletter_two input.enter_email_input {
        width: 164px;
        padding-left: 10px;
    }

    .pro_bar.inner {
        margin-top: 20px;
    }

    .circle_img {
        float: none;
        width: 290px;
        height: 290px;
        margin: 0 auto;
    }

    .biobox {
        float: left;
        width: 81%;
        padding: 8%;
    }

    .readmore_but12 {
        padding: 10px 18px;
    }

    h2.section_title_whitebig {
        font-size: 30px;
    }

        h2.section_title_whitebig strong {
            font-size: 50px;
            line-height: 50px;
        }

    .less1,
    .less2 {
        width: 100%;
    }

    .footer1 {
        padding-bottom: 0;
    }


    ul.footer_social_links {
        float: left;
        margin-top: -10px;
        height: 33px;
    }

    .copyright_info .one_half {
        margin-bottom: 0;
    }

    .error_pagenotfound {
        width: 90%;
        padding-top: 25px;
    }

        .error_pagenotfound strong {
            font-size: 100px;
            margin-bottom: 0;
        }

        .error_pagenotfound b {
            font-size: 20px;
            line-height: 30px;
        }

        .error_pagenotfound em {
            font-size: 14px;
            line-height: 22px;
            margin-top: 10px;
            margin-bottom: 10px;
        }

    .top_nav.two {
        float: left;
        width: 100%;
    }

        .top_nav.two .left {
            margin-bottom: 4px;
        }

    .menu_main.full {
        margin-top: 10px;
    }

    .punchline_text_box {
        width: 98%;
        padding: 25px;
    }

        .punchline_text_box strong {
            font-size: 20px;
        }

        .punchline_text_box .left {
            width: 100%;
        }

        .punchline_text_box .right {
            width: 100%;
            float: left;
        }

            .punchline_text_box .right a.knowmore_but {
                float: left;
                margin-left: 0;
                margin-top: 20px;
            }

    #site-searchform #s {
        width: 84%;
    }

    .site-search-area {
        margin: 0;
        padding: 0;
        float: left;
        width: 100%;
    }

    .page_title2 .one_third,
    .page_title2 .two_third {
        margin: 0;
    }

    ul.adsbanner-list {
        margin: 0;
        padding: 0;
        float: left;
        width: 50%;
    }

    .adsbanner-list li {
        margin: 0 10px 10px 0;
        padding: 0;
        float: left;
        width: 110px;
        height: 110px;
        list-style-type: none;
    }

        .adsbanner-list li.last {
            margin: 0;
            padding: 0;
            float: left;
            width: 110px;
            height: 110px;
            list-style-type: none;
        }

        .adsbanner-list li img {
            width: 100%;
            height: auto;
        }

    ul.adsbanner-list.two {
        margin: 0;
        float: left;
    }

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

        .comment_form label {
            float: left;
            width: 90px;
            height: 15px;
            padding: 7px 10px;
            margin-bottom: 20px;
        }

    .comment_input_bg {
        float: left;
        width: 52%;
        height: 25px;
        padding: 7px 10px 0;
        border-top: 2px solid #e3e3e3;
        border-left: 2px solid #e3e3e3;
        border-right: 1px solid #e3e3e3;
        border-bottom: 1px solid #e3e3e3;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: #f9f9f9;
    }

    .comment_textarea_bg {
        float: left;
        width: 90%;
        height: 235px;
        padding: 7px 10px 0;
        margin-bottom: 20px;
        border-top: 2px solid #e3e3e3;
        border-left: 2px solid #e3e3e3;
        border-right: 1px solid #e3e3e3;
        border-bottom: 1px solid #e3e3e3;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: #f9f9f9;
    }

    .comment_checkbox {
        float: left;
        display: block;
        width: 90%;
        margin-top: 10px;
    }

    .google-map {
        width: 95%;
    }

    .pricing-tables {
        width: 24%;
    }

        .pricing-tables .title {
            font-size: 12px;
        }

        .pricing-tables .price {
            font-size: 18px;
        }

            .pricing-tables .price i {
                font-size: 9px;
                margin-top: 0;
            }

    .pricing-tables-helight {
        position: relative;
        float: left;
        width: 24%;
    }

        .pricing-tables-helight .title {
            font-size: 12px;
        }

        .pricing-tables-helight .price {
            font-size: 18px;
        }

            .pricing-tables-helight .price i {
                font-size: 9px;
                margin-top: 0;
            }

    .pricing-tables-two {
        width: 32%;
    }

        .pricing-tables-two .title {
            font-size: 12px;
        }

        .pricing-tables-two .price {
            font-size: 18px;
        }

            .pricing-tables-two .price i {
                font-size: 9px;
                margin-top: 0;
            }

    .pricing-tables-helight-two {
        position: relative;
        float: left;
        width: 33%;
    }

        .pricing-tables-helight-two .title {
            font-size: 12px;
        }

        .pricing-tables-helight-two .price {
            font-size: 18px;
        }

            .pricing-tables-helight-two .price i {
                font-size: 9px;
                margin-top: 0;
            }

    .pricing-tables-main .ordernow .colorchan,
    .pricing-tables-main .ordernow .normalbut {
        padding: 10px 4px;
        font-size: 10px;
    }

    .contactform_footer {
        width: 95%;
    }

        .contactform_footer .sky-form .button {
            width: 82.5%;
        }

    .fnewsletter input.enter_email_input {
        width: 220px;
    }

    .cforms {
        float: left;
        width: 94%;
    }

    .portfolio_area_left {
        padding: 0;
        margin: 0 0 30px;
        width: 98%;
        float: left;
    }

    .portfolio_area_right {
        padding: 0;
        margin: 0;
        width: 98%;
        float: left;
    }

    .project_details {
        padding: 0;
        margin: 65px 0 0;
    }

    .addto_favorites,
    .addto_favorites:hover {
        float: left;
        margin: 15px 0 0;
    }

    .portfolio_area_right ul.small_social_links {
        margin: 22px 0 0 170px;
    }

    .project_details span {
        padding: 4px 0;
    }

    .project_details strong {
        width: 30%;
    }

    .iframecontainer {
        width: 100%;
    }

    .top_nav .right li.link {
        margin-top: 10px;
    }

    .img_left,
    .img_left1 {
        width: 100%;
    }

    .readmore_but2,
    .readmore_but3 {
        padding: 14px 13px;
    }

    .readmore_but4 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .readmore_but6 {
        padding: 13px 18px;
    }

    .readmore_but1.marlt {
        margin-left: 53px;
        margin-top: 40px;
        float: left;
    }

    .feature_section11 .contbox {
        width: 300px;
        margin-top: -20px;
    }

        .feature_section11 .contbox h5 {
            font-size: 14px;
        }

    .feature_section11 strong {
        font-size: 20px;
        font-weight: 300;
        padding: 8px 10px;
        margin-left: 10px;
    }

    .feature_section11 .contbox h3 {
        height: 125px;
    }

    .feature_section11 .contbox p {
        height: 175px;
    }

    .feature_section35 {
        padding: 70px 0;
    }

        .feature_section35 .left {
            width: 100%;
        }

            .feature_section35 .left img {
                float: left;
                width: 100%;
            }

        .feature_section35 .right {
            width: 100%;
        }

    .feature_section19 .pesbox {
        width: 98%;
    }

    .feature_section24 .readmore_but8 {
        font-size: 8px;
        padding: 3px 5px;
    }

    .feature_section31 .left {
        width: 100%;
    }

    .feature_section31 .right {
        width: 100%;
        text-align: center;
    }

        .feature_section31 .right img {
            width: 80%;
        }

    .feature_section32 .left,
    .feature_section32 .right {
        width: 100%;
    }

    .parallax_sec9 li {
        width: 18%;
        margin: 0 2px;
        padding: 12px 0;
    }

        .parallax_sec9 li img {
            width: 90%;
        }

    .framed-box {
        width: 90%;
        margin: 0 auto;
    }

    .features_sec27 ul.blogs2 li img,
    .features_sec29 .box img {
        width: 100%;
    }

    .features_sec27 ul.news2 li.text {
        width: 80%;
    }

    .features_sec44 .img_right {
        width: 100%;
    }

    .features_sec18 li.text2 {
        width: 75%;
    }

    .blog_postcontent .video_frame iframe {
        height: 220px;
    }

    .fuicsec .one_fifth {
        text-align: center;
        border-right: 0 solid #e0e0e0;
    }

    .fuicsec i {
        float: none;
        font-size: 35px;
        color: #999;
        margin-right: 20px;
        margin-top: 10px;
    }

    .switch {
        left: 260px;
    }

    .featureTileView .tabs li {
        width: 48%;
    }

    .requestBtn {
        width: 100%;
        padding: 5px;
        height: auto;
    }

    .tabs3.two li a {
        width: 100%;
    }

    #logo {
        float: left;
        display: block;
        margin-left: 5px;
        margin-top: -20px;
        text-indent: -999em;
        background: url(../images/logos.jpg) left no-repeat;
        background-size: 65%;
        z-index: 999;
    }

    #trueHeader {
        background: none!important;
        z-index: 999999;
        position: relative;
        top: 90px;
    }

    .navbar-toggle {
        top: -55px;
    }

    #header {
        background-color: #505050!important;
        height: 90px;
    }

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

    .top_nav .right li {
        margin: 3px 5px 0 0;
        padding: 2px 0;
    }

    .navbar-collapse {
        background: #fff;
        margin-left: -55px!important;
        border: 1px solid #dcdcdc;
        position: relative!important;
        top: -60px;
    }

    .nav > li,
    .nav > li:last-child {
        border: none;
    }

    #wrap {
        margin-bottom: 20px!important;
        margin-top: 0!important;
    }

        #wrap input[type=text] {
            font-size: 21px;
            height: 30px;
            padding: 0 60px 0 10px;
            position: absolute;
            right: -25px;
            top: 0;
            width: 240px;
            z-index: 1;
        }

        #wrap input[type=submit] {
            right: -25px;
        }

    .navbar-nav > li > a {
        padding: 5px 10px!important;
    }

    .list-unstyled a {
        font-size: 12px;
    }

    .feature_section15new {
        height: 250px;
    }

    .fivsections .bb_box {
        height: 280px;
    }

        .fivsections .bb_box .bb_content {
            height: 71px;
            overflow: hidden;
        }

    .one_sixth .bb_heading {
        height: 0;
    }

    .fivsections .bb_box .bb_icon,
    .foursections .bb_box .bb_icon {
        margin-left: 90px;
    }

    .threesection .bb_box .bb_icon {
        margin-left: 90px!important;
    }

    .parallax_news .bnbox.two img {
        height: 100px;
        width: 285px;
    }

    .control_tabs li:last-child {
        border-right: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }

    .feature_section_control_tabs .control_tabs li.active a {
        color: #fff;
        padding-top: 5px;
    }

    div#modalBox {
        width: 300px!important;
    }

    .enquiry_box {
        width: 100%;
        text-align: left;
    }

        .enquiry_box label {
            margin-right: 20px;
            font-weight: 400;
        }

        .enquiry_box input,
        .enquiry_box input[type=submit],
        .enquiry_box textarea {
            width: 100%;
        }

    .list-unstyled > li > a > i {
        display: none;
    }

    .list-unstyled {
        margin-left: 10px;
    }

        .list-unstyled li {
            text-indent: -10px;
        }

            .list-unstyled li:first-child {
                margin-left: -10px;
                padding-left: 10px;
            }

    .page_tab_spacer1 {
        height: 50px;
    }

    .page_tab_spacer2 {
        height: 110px;
    }

    .page_tab_spacer3 {
        height: 160px;
    }

    .page_tab_spacer4 {
        height: 210px;
    }

    .page_tab_spacer5 {
        height: 260px;
    }

    .page_tab_spacer6 {
        height: 310px;
    }

    .page_tab_spacer7 {
        height: 360px;
    }

    .page_tab_spacer8 {
        height: 410px;
    }

    .qlinks ul {
        width: 290px;
    }

    .parallex_footer .awards_box h5 {
        height: 117px;
        margin: 0 5px;
        text-align: left;
        font-size: 15px;
    }

    .featureTileView .tabs-content .iconBox {
        display: none;
    }

    .featureTileView .tabs-content .contentBox {
        width: 100%;
        float: none;
    }

    .clients .jcarousel-skin-tango .jcarousel-item-horizontal {
        margin: 0 25px!important;
    }

    #nt-example2 li {
        font-size: 12px;
    }

    #nt-example2-infos .col-xs-4,
    #nt-example2-infos .col-xs-8 {
        width: 100%;
        padding: 0;
    }

    #nt-example2-infos .infos-text {
        font-size: 12px;
        line-height: 20px;
        height: 175px;
    }

    #nt-example2-infos {
        height: 312px;
    }

    .evnt_title {
        text-align: center;
    }

        .evnt_title img {
            float: none;
        }

    .event_box .evnt_title {
        height: 275px;
    }

    .event_box .evnt_desp {
        height: 230px;
    }

    .event_box p {
        font-size: 12px;
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .display_on_large {
        display: none;
    }

    .display_on_small {
        display: block;
    }

    .feature_section_control_tabs .addnew {
        background: #fff;
    }

    .feature_section_control_tabs .control_tabs li a {
        color: #b4b4b4;
    }

    .feature_section_control_tabs .control_tabs li:last-child {
        border-bottom: 1px solid #eee;
    }

    .menu4,
    .menu5,
    .menu6,
    .menu7,
    .menu8 {
        background: #fff;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
        height: 55px;
        width: 100%!important;
    }
}

@media only screen and (min-width:768px) and (max-width:999px) {

    /*.display_on_large {
    display: none;
    }
    .display_on_small {
    display: block;
    }*/

    .feature_section_control_tabs .addnew {
        background: #fff;
    }

    .feature_section_control_tabs .control_tabs li a {
        color: #b4b4b4;
    }

    .feature_section_control_tabs .control_tabs li.active a {
        color: #fff;
    }

    .menu4,
    .menu5,
    .menu6,
    .menu7,
    .menu8 {
        height: 50px;
    }

    .page_tab_spacer2,
    .page_tab_spacer3 {
        height: 55px;
    }

    .page_tab_spacer4,
    .page_tab_spacer5,
    .page_tab_spacer6,
    .page_tab_spacer7,
    .page_tab_spacer8 {
        height: 110px;
    }
}

@media only screen and (min-width:1000px) and (max-width:1199px) {
    .page_tab_spacer2,
    .page_tab_spacer3 {
        height: 55px;
    }

    .page_tab_spacer4,
    .page_tab_spacer5,
    .page_tab_spacer6,
    .page_tab_spacer7,
    .page_tab_spacer8 {
        height: 110px;
    }

    .footer_contact textarea {
        width: 77%;
    }
}

@media only screen and (max-width:999px) {
    .navbar-nav > li > a {
        width: 100%!important;
        text-align: left!important;
    }

    .navbar-nav {
        background: #fff;
    }
}

@media only screen and (max-width:1023px) {
    .top_banner {
        display: none;
    }
}

@media only screen and (min-width:481px) and (max-width:1199px) {
    /*.display_on_large {
    display: none;
    }
    .display_on_small {
    display: block !important;
    }*/

    .feature_section15new .add {
        height: auto;
        min-height: 60px;
    }
}

@media only screen and (min-width:1000px) and (max-width:1170px) {
    .menu5 {
        width: 190px;
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {

    /*.display_on_large {
    display: none;
    }
    .display_on_small {
    display: block;
    }*/

    .infographic_box {
        width: 47%;
    }

    .infographic_icon {
        margin-top: 0;
    }
}

@media only screen and (min-width:1000px) and (max-width:1199px) {
    .yamm-content .row .list-unstyled li img {
        height: 90px;
        width: 175px;
    }

    .list-unstyled li p {
        height: 45px;
    }

    .list-unstyled li,
    .sublinksmenu li {
        text-indent: 0!important;
    }
}

@media only screen and (min-width:550px) and (max-width:767px) {

    .display_on_large {
        display: none;
    }

    .display_on_small {
        display: block;
    }

    .container > .navbar-header {
        margin-left: -119px!important;
    }

    #wrap {
        bottom: 10px;
    }

    .tab.col-xs-12.col-sm-12 {
        float: none;
        width: 100%;
    }
}

@media only screen and (min-width:768px) and (max-width:999px) {

    /*.display_on_large {
    display: none;
    }
    .display_on_small {
    display: block;
    }*/

    .navbar-collapse {
        margin-top: -5px!important;
        position: absolute!important;
        z-index: 999;
    }

    .navbar-nav {
        margin: 0 -15px 0 10px!important;
    }
}

@media only screen and (min-width:1000px) and (max-width:1170px) {
    #wrap input[type=text],
    #wrap input[type=submit] {
        right: -28px;
    }
}

@media only screen and (min-width:1024px) and (max-width:1250px) {
    .top_banner {
        left: 45%;
    }
}

@media only screen and (min-width:768px) and (max-width:800px) {

    .display_on_large {
        display: none;
    }

    .display_on_small {
        display: block !important;
    }

    .navbar-collapse {
        width: 500px;
        background: #fff;
        margin-left: -68px!important;
    }
}

@media only screen and (min-width:801px) and (max-width:825px) {
    .display_on_large {
        display: none;
    }

    .display_on_small {
        display: block !important;
    }

    .navbar-collapse {
        width: 525px;
        background: #fff;
        margin-left: -68px!important;
    }
}

@media only screen and (min-width:826px) and (max-width:850px) {
    /*.display_on_large {
    display: none;
    }
    .display_on_small {
    display: block !important;
    }*/

    .navbar-collapse {
        width: 545px;
        background: #fff;
        margin-left: -68px!important;
    }
}

@media only screen and (min-width:851px) and (max-width:860px) {
    .display_on_large {
        display: none;
    }

    .display_on_small {
        display: block !important;
    }

    .navbar-collapse {
        width: 560px;
        background: #fff;
        margin-left: -68px!important;
    }
}

@media only screen and (min-width:861px) and (max-width:890px) {
    .display_on_large {
        display: none;
    }

    .display_on_small {
        display: block !important;
    }

    .navbar-collapse {
        width: 570px;
        background: #fff;
        margin-left: -68px!important;
    }
}

@media only screen and (min-width:891px) and (max-width:900px) {
    .display_on_large {
        display: none;
    }

    .display_on_small {
        display: block !important;
    }

    .navbar-collapse {
        width: 590px;
        background: #fff;
        margin-left: -68px!important;
    }
}

@media only screen and (min-width:901px) and (max-width:930px) {
    .navbar-collapse {
        width: 600px;
        background: #fff;
        margin-left: -68px!important;
    }
}

@media only screen and (min-width:931px) and (max-width:950px) {
    .navbar-collapse {
        width: 618px;
        background: #fff;
        margin-left: -68px!important;
    }
}

@media only screen and (min-width:951px) and (max-width:990px) {
    .navbar-collapse {
        width: 628px;
        background: #fff;
        margin-left: -68px!important;
    }
}

@media only screen and (min-width:991px) and (max-width:999px) {
    .navbar-collapse {
        width: 535px!important;
        background: #fff;
        margin-left: -68px!important;
    }
}

@media only screen and (min-width:1200px) and (max-width:1325px) {
    ul.footer_social_links {
        margin: 0 45px 0 0;
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .display_on_large {
        display: none;
    }

    .display_on_small {
        display: block !important;
    }

    .feature_section_control_tabs .control_tabs .active > a {
        color: #fff;
    }
}

@media only screen and (min-width:768px) and (max-width:990px) {
    /*.display_on_large {
    display: none;
    }
    .display_on_small {
    display: block !important;
    }*/

    .foursections .bb_box .bb_icon {
        margin-left: 18px;
    }
}

@media only screen and (min-width:991px) and (max-width:999px) {
    .foursections .bb_box .bb_icon {
        margin-left: 40px;
    }
}

@media only screen and (min-width:768px) and (max-width:990px) {
    .display_on_large {
        display: none;
    }

    .display_on_small {
        display: block !important;
    }

    .parallax_news .bnbox.two img {
        height: 100px;
        width: 215px;
    }
}

@media only screen and (min-width:991px) and (max-width:1200px) {
    .parallax_news .bnbox.two img {
        height: 100px;
        width: 280px;
    }
}

@media only screen and (max-width:999px) {
    .page_title_new .pagenation,
    .page_title_new h4 {
        margin-top: 5px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .footer_contact textarea,
    ::i-block-chrome {
        width: 20%!important;
    }
}

@media only screen and (min-width:1000px) and (max-width:2400px) {
    .iframe_holder {
        height: 400px;
    }

    .iframe_testimonials {
        height: 350px!important;
    }
}

@media only screen and (min-width:1000px) and (max-width:1200px) {
    .advantage_box {
        min-height: 285px;
    }
}

@media only screen and (min-width:768px) and (max-width:1000px) {
    /*.display_on_large {
    display: none;
    }
    .display_on_small {
    display: block !important;
    }*/
    .read_insight_link_front {
        bottom: 2px;
    }

    .rimg {
        height: 130px;
    }
}

@media only screen and (max-width:479px) {
    .display_on_large {
        display: none;
    }

    .display_on_small {
        display: block !important;
    }

    .addthis_native_toolbox {
        display: none;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .master-slider {
        min-height: 262px!important;
    }
}

@media only screen and (min-width:1025px) and (max-width:1300px) {
    .master-slider {
        min-height: 374px!important;
    }
}

@media only screen and (max-width:767px) {
    .display_on_large {
        display: none;
    }

    .display_on_small {
        display: block !important;
    }

    .master-slider {
        min-height: 99px!important;
    }

    .photo-bg {
        background-size: 350px!important;
    }
}

@media only screen and (max-width:480px) {
    .display_on_large {
        display: none;
    }

    .display_on_small {
        display: block !important;
    }

    .parallax_awards .awards_box i {
        padding-left: 105px!important;
    }

    .threesections .bb_box .bb_icon {
        margin-left: 90px;
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {

    .display_on_large {
        display: none;
    }

    .display_on_small {
        display: block !important;
    }

    .parallax_awards .awards_box i {
        padding-left: 180px!important;
    }

    .threesections .bb_box .bb_icon {
        margin-left: 165px;
    }
}

@media only screen and (min-width:768px) and (max-width:1000px) {
    .parallax_awards .awards_box i {
        padding-left: 13px!important;
    }

    .threesections .bb_box .bb_icon {
        margin-left: 53px;
    }
}

@media only screen and (min-width:1001px) and (max-width:1200px) {
    .threesections .bb_box .bb_icon {
        margin-left: 85px;
    }
}

.accrodation {
    width: 100%;
}

.acc-trigger {
    cursor: pointer;
    display: block;
    margin: 0;
    width: 100%;
}

    .acc-container:last-of-type,
    .acc-trigger:last-of-type {
        margin-bottom: 20px;
    }

.no-js .acc-trigger:last-of-type {
    border-bottom: none;
}

.acc-trigger a {
    background: url(../images/accordion-ico.png) 14px 13px no-repeat;
    display: block;
    padding: 11px 20px 11px 44px;
    text-decoration: none;
    text-shadow: none;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 600;
    color: #727272;
    border: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}

    .acc-trigger a:hover,
    .acc-trigger.active a,
    .acc-trigger.active a:hover {
        color: #13afeb;
        border-bottom: 1px solid #fff;
    }

        .acc-trigger.active a:hover {
            background-color: transparent;
        }

.acc-trigger.active {
    cursor: default;
    background: #fff;
}

    .acc-trigger.active:last-of-type {
        border-bottom: none;
        margin-bottom: 0;
    }

    .acc-trigger.active a {
        background-position: 14px -58px;
        cursor: default;
    }

.acc-container .content {
    padding: 0 14px 15px 44px;
    color: #999;
    margin-bottom: 4px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-top: 0 solid #e3e3e3;
}

.ie .animate,
.no-js .animate,
.onHoverBounce,
.onHoverExplode,
.onHoverFlash,
.onHoverHeartbeat,
.onHoverPanic,
.onHoverPullback,
.onHoverPulsate,
.onHoverPulse,
.onHoverShake,
.onHoverSpin,
.onHoverStrobe,
.onHoverTada,
.onHoverWave,
.onHoverWobble,
.trigger {
    opacity: 1;
}

    .animate.infinite,
    .onHoverBounce.infinite,
    .onHoverExplode.infinite,
    .onHoverFlash.infinite,
    .onHoverHeartbeat.infinite,
    .onHoverPanic.infinite,
    .onHoverPullback.infinite,
    .onHoverPulsate.infinite,
    .onHoverPulse.infinite,
    .onHoverShake.infinite,
    .onHoverSpin.infinite,
    .onHoverStrobe.infinite,
    .onHoverTada.infinite,
    .onHoverWave.infinite,
    .onHoverWobble.infinite,
    .trigger.infinite {
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0%;

{
    opacity: 0;
}

100% {
    opacity: 1;
}

}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

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

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

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

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

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

/*@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(200px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}*/

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(200px);
    }

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

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

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

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-200px);
    }

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

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

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

@-o-keyframes fadeInDown {
    0%;

{
    opacity: 0;
    -o-transform: translateY(-200px);
}

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

}

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

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

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

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

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

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

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

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

@-o-keyframes fadeInLeft {
    0%;

{
    opacity: 0;
    -o-transform: translateX(-200px);
}

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

}

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

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

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

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

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

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

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

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

@-o-keyframes fadeInRight {
    0%;

{
    opacity: 0;
    -o-transform: translateX(200px);
}

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

}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(200px);
    }

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

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

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

@-moz-keyframes fadeInUpLarge {
    0% {
        opacity: 0;
        -moz-transform: translateY(1000px);
    }

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

@-ms-keyframes fadeInUpLarge {
    0% {
        opacity: 0;
        -ms-transform: translateY(1000px);
    }

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

@-o-keyframes fadeInUpLarge {
    0%;

{
    opacity: 0;
    -o-transform: translateY(1000px);
}

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

}

@keyframes fadeInUpLarge {
    0% {
        opacity: 0;
        transform: translateY(1000px);
    }

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

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

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

@-moz-keyframes fadeInDownLarge {
    0% {
        opacity: 0;
        -moz-transform: translateY(-1000px);
    }

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

@-ms-keyframes fadeInDownLarge {
    0% {
        opacity: 0;
        -ms-transform: translateY(-1000px);
    }

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

@-o-keyframes fadeInDownLarge {
    0%;

{
    opacity: 0;
    -o-transform: translateY(-1000px);
}

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

}

@keyframes fadeInDownLarge {
    0% {
        opacity: 0;
        transform: translateY(-1000px);
    }

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

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

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

@-moz-keyframes fadeInLeftLarge {
    0% {
        opacity: 0;
        -moz-transform: translateX(-1000px);
    }

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

@-ms-keyframes fadeInLeftLarge {
    0% {
        opacity: 0;
        -ms-transform: translateX(-1000px);
    }

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

@-o-keyframes fadeInLeftLarge {
    0%;

{
    opacity: 0;
    -o-transform: translateX(-1000px);
}

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

}

@keyframes fadeInLeftLarge {
    0% {
        opacity: 0;
        transform: translateX(-1000px);
    }

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

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

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

@-moz-keyframes fadeInRightLarge {
    0% {
        opacity: 0;
        -moz-transform: translateX(1000px);
    }

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

@-ms-keyframes fadeInRightLarge {
    0% {
        opacity: 0;
        -ms-transform: translateX(1000px);
    }

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

@-o-keyframes fadeInRightLarge {
    0%;

{
    opacity: 0;
    -o-transform: translateX(1000px);
}

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

}

@keyframes fadeInRightLarge {
    0% {
        opacity: 0;
        transform: translateX(1000px);
    }

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

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    0%;

{
    opacity: 1;
}

100% {
    opacity: 0;
}

}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

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

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

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

    100% {
        opacity: 0;
        -moz-transform: translateY(-200px);
    }
}

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

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

@-o-keyframes fadeOutUp {
    0%;

{
    opacity: 1;
    -o-transform: translateY(0);
}

100% {
    opacity: 0;
    -o-transform: translateY(-200px);
}

}

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

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

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

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

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

    100% {
        opacity: 0;
        -moz-transform: translateY(200px);
    }
}

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

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

@-o-keyframes fadeOutDown {
    0%;

{
    opacity: 1;
    -o-transform: translateY(0);
}

100% {
    opacity: 0;
    -o-transform: translateY(200px);
}

}

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

    100% {
        opacity: 0;
        transform: translateY(200px);
    }
}

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

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

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

    100% {
        opacity: 1;
        -moz-transform: translateX(-200px);
    }
}

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

    100% {
        opacity: 1;
        -ms-transform: translateX(-200px);
    }
}

@-o-keyframes fadeOutLeft {
    0%;

{
    opacity: 0;
    -o-transform: translateX(0);
}

100% {
    opacity: 1;
    -o-transform: translateX(-200px);
}

}

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

    100% {
        opacity: 1;
        transform: translateX(-200px);
    }
}

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

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

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

    100% {
        opacity: 1;
        -moz-transform: translateX(200px);
    }
}

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

    100% {
        opacity: 1;
        -ms-transform: translateX(200px);
    }
}

@-o-keyframes fadeOutRight {
    0%;

{
    opacity: 0;
    -o-transform: translateX(0);
}

100% {
    opacity: 1;
    -o-transform: translateX(200px);
}

}

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

    100% {
        opacity: 1;
        transform: translateX(200px);
    }
}

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

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

@-moz-keyframes fadeOutUpLarge {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-1000px);
    }
}

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

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

@-o-keyframes fadeOutUpLarge {
    0%;

{
    opacity: 1;
    -o-transform: translateY(0);
}

100% {
    opacity: 0;
    -o-transform: translateY(-1000px);
}

}

@keyframes fadeOutUpLarge {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

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

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

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

@-moz-keyframes fadeOutDownLarge {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(1000px);
    }
}

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

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

@-o-keyframes fadeOutDownLarge {
    0%;

{
    opacity: 1;
    -o-transform: translateY(0);
}

100% {
    opacity: 0;
    -o-transform: translateY(1000px);
}

}

@keyframes fadeOutDownLarge {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(1000px);
    }
}

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

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

@-moz-keyframes fadeOutLeftLarge {
    0% {
        opacity: 0;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(-1000px);
    }
}

@-ms-keyframes fadeOutLeftLarge {
    0% {
        opacity: 0;
        -ms-transform: translateX(0);
    }

    100% {
        opacity: 1;
        -ms-transform: translateX(-1000px);
    }
}

@-o-keyframes fadeOutLeftLarge {
    0%;

{
    opacity: 0;
    -o-transform: translateX(0);
}

100% {
    opacity: 1;
    -o-transform: translateX(-1000px);
}

}

@keyframes fadeOutLeftLarge {
    0% {
        opacity: 0;
        transform: translateX(0);
    }

    100% {
        opacity: 1;
        transform: translateX(-1000px);
    }
}

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

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

@-moz-keyframes fadeOutRightLarge {
    0% {
        opacity: 0;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(1000px);
    }
}

@-ms-keyframes fadeOutRightLarge {
    0% {
        opacity: 0;
        -ms-transform: translateX(0);
    }

    100% {
        opacity: 1;
        -ms-transform: translateX(1000px);
    }
}

@-o-keyframes fadeOutRightLarge {
    0%;

{
    opacity: 0;
    -o-transform: translateX(0);
}

100% {
    opacity: 1;
    -o-transform: translateX(1000px);
}

}

@keyframes fadeOutRightLarge {
    0% {
        opacity: 0;
        transform: translateX(0);
    }

    100% {
        opacity: 1;
        transform: translateX(1000px);
    }
}

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

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

@-moz-keyframes zoomIn {
    0% {
        opacity: 0;
        -moz-transform: scale(0);
    }

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

@-ms-keyframes zoomIn {
    0% {
        opacity: 0;
        -ms-transform: scale(0);
    }

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

@-o-keyframes zoomIn {
    0%;

{
    opacity: 0;
    -o-transform: scale(0);
}

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

}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(200px);
    }

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

@-moz-keyframes zoomInUp {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateY(200px);
    }

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

@-ms-keyframes zoomInUp {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateY(200px);
    }

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

@-o-keyframes zoomInUp {
    0%;

{
    opacity: 0;
    -o-transform: scale(0) translateY(200px);
}

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

}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale(0) translateY(200px);
    }

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

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(-200px);
    }

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

@-moz-keyframes zoomInDown {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateY(-200px);
    }

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

@-ms-keyframes zoomInDown {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateY(-200px);
    }

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

@-o-keyframes zoomInDown {
    0%;

{
    opacity: 0;
    -o-transform: scale(0) translateY(-200px);
}

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

}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale(0) translateY(-200px);
    }

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

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(-200px);
    }

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

@-moz-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateX(-200px);
    }

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

@-ms-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateX(-200px);
    }

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

@-o-keyframes zoomInLeft {
    0%;

{
    opacity: 0;
    -o-transform: scale(0) translateX(-200px);
}

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

}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale(0) translateX(-200px);
    }

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

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(200px);
    }

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

@-moz-keyframes zoomInRight {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateX(200px);
    }

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

@-ms-keyframes zoomInRight {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateX(200px);
    }

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

@-o-keyframes zoomInRight {
    0%;

{
    opacity: 0;
    -o-transform: scale(0) translateX(200px);
}

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

}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale(0) translateX(200px);
    }

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

@-webkit-keyframes zoomInUpLarge {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(1000px);
    }

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

@-moz-keyframes zoomInUpLarge {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateY(1000px);
    }

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

@-ms-keyframes zoomInUpLarge {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateY(1000px);
    }

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

@-o-keyframes zoomInUpLarge {
    0%;

{
    opacity: 0;
    -o-transform: scale(0) translateY(1000px);
}

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

}

@keyframes zoomInUpLarge {
    0% {
        opacity: 0;
        transform: scale(0) translateY(1000px);
    }

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

@-webkit-keyframes zoomInDownLarge {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(-1000px);
    }

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

@-moz-keyframes zoomInDownLarge {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateY(-1000px);
    }

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

@-ms-keyframes zoomInDownLarge {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateY(-1000px);
    }

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

@-o-keyframes zoomInDownLarge {
    0%;

{
    opacity: 0;
    -o-transform: scale(0) translateY(-1000px);
}

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

}

@keyframes zoomInDownLarge {
    0% {
        opacity: 0;
        transform: scale(0) translateY(-1000px);
    }

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

@-webkit-keyframes zoomInLeftLarge {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(-1000px);
    }

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

@-moz-keyframes zoomInLeftLarge {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateX(-1000px);
    }

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

@-ms-keyframes zoomInLeftLarge {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateX(-1000px);
    }

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

@-o-keyframes zoomInLeftLarge {
    0%;

{
    opacity: 0;
    -o-transform: scale(0) translateX(-1000px);
}

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

}

@keyframes zoomInLeftLarge {
    0% {
        opacity: 0;
        transform: scale(0) translateX(-1000px);
    }

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

@-webkit-keyframes zoomInRightLarge {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(1000px);
    }

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

@-moz-keyframes zoomInRightLarge {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateX(1000px);
    }

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

@-ms-keyframes zoomInRightLarge {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateX(1000px);
    }

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

@-o-keyframes zoomInRightLarge {
    0%;

{
    opacity: 0;
    -o-transform: scale(0) translateX(1000px);
}

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

}

@keyframes zoomInRightLarge {
    0% {
        opacity: 0;
        transform: scale(0) translateX(1000px);
    }

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

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

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

@-moz-keyframes zoomOut {
    0% {
        opacity: 1;
        -moz-transform: scale(1);
    }

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

@-ms-keyframes zoomOut {
    0% {
        opacity: 1;
        -ms-transform: scale(1);
    }

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

@-o-keyframes zoomOut {
    0%;

{
    opacity: 1;
    -o-transform: scale(1);
}

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

}

@keyframes zoomOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }

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

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

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

@-moz-keyframes zoomOutUp {
    0% {
        opacity: 1;
        -moz-transform: scale(1) translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: scale(0) translateY(-200px);
    }
}

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

    100% {
        opacity: 0;
        -ms-transform: scale(0) translateY(-200px);
    }
}

@-o-keyframes zoomOutUp {
    0%;

{
    opacity: 1;
    -o-transform: scale(1) translateY(0);
}

100% {
    opacity: 0;
    -o-transform: scale(0) translateY(-200px);
}

}

@keyframes zoomOutUp {
    0% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }

    100% {
        opacity: 0;
        transform: scale(0) translateY(-200px);
    }
}

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

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

@-moz-keyframes zoomOutDown {
    0% {
        opacity: 1;
        -moz-transform: scale(1) translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: scale(0) translateY(200px);
    }
}

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

    100% {
        opacity: 0;
        -ms-transform: scale(0) translateY(200px);
    }
}

@-o-keyframes zoomOutDown {
    0%;

{
    opacity: 1;
    -o-transform: scale(1) translateY(0);
}

100% {
    opacity: 0;
    -o-transform: scale(0) translateY(200px);
}

}

@keyframes zoomOutDown {
    0% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }

    100% {
        opacity: 0;
        transform: scale(0) translateY(200px);
    }
}

@-webkit-keyframes zoomOutLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(-200px);
    }
}

@-moz-keyframes zoomOutLeft {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateX(0);
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1) translateX(-200px);
    }
}

@-ms-keyframes zoomOutLeft {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateX(0);
    }

    100% {
        opacity: 1;
        -ms-transform: scale(1) translateX(-200px);
    }
}

@-o-keyframes zoomOutLeft {
    0%;

{
    opacity: 0;
    -o-transform: scale(0) translateX(0);
}

100% {
    opacity: 1;
    -o-transform: scale(1) translateX(-200px);
}

}

@keyframes zoomOutLeft {
    0% {
        opacity: 0;
        transform: scale(0) translateX(0);
    }

    100% {
        opacity: 1;
        transform: scale(1) translateX(-200px);
    }
}

@-webkit-keyframes zoomOutRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(200px);
    }
}

@-moz-keyframes zoomOutRight {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateX(0);
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1) translateX(200px);
    }
}

@-ms-keyframes zoomOutRight {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateX(0);
    }

    100% {
        opacity: 1;
        -ms-transform: scale(1) translateX(200px);
    }
}

@-o-keyframes zoomOutRight {
    0%;

{
    opacity: 0;
    -o-transform: scale(0) translateX(0);
}

100% {
    opacity: 1;
    -o-transform: scale(1) translateX(200px);
}

}

@keyframes zoomOutRight {
    0% {
        opacity: 0;
        transform: scale(0) translateX(0);
    }

    100% {
        opacity: 1;
        transform: scale(1) translateX(200px);
    }
}

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

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

@-moz-keyframes zoomOutUpLarge {
    0% {
        opacity: 1;
        -moz-transform: scale(1) translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: scale(0) translateY(-1000px);
    }
}

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

    100% {
        opacity: 0;
        -ms-transform: scale(0) translateY(-1000px);
    }
}

@-o-keyframes zoomOutUpLarge {
    0%;

{
    opacity: 1;
    -o-transform: scale(1) translateY(0);
}

100% {
    opacity: 0;
    -o-transform: scale(0) translateY(-1000px);
}

}

@keyframes zoomOutUpLarge {
    0% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }

    100% {
        opacity: 0;
        transform: scale(0) translateY(-1000px);
    }
}

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

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

@-moz-keyframes zoomOutDownLarge {
    0% {
        opacity: 1;
        -moz-transform: scale(1) translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: scale(0) translateY(1000px);
    }
}

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

    100% {
        opacity: 0;
        -ms-transform: scale(0) translateY(1000px);
    }
}

@-o-keyframes zoomOutDownLarge {
    0%;

{
    opacity: 1;
    -o-transform: scale(1) translateY(0);
}

100% {
    opacity: 0;
    -o-transform: scale(0) translateY(1000px);
}

}

@keyframes zoomOutDownLarge {
    0% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }

    100% {
        opacity: 0;
        transform: scale(0) translateY(1000px);
    }
}

@-webkit-keyframes zoomOutLeftLarge {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(-1000px);
    }
}

@-moz-keyframes zoomOutLeftLarge {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateX(0);
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1) translateX(-1000px);
    }
}

@-ms-keyframes zoomOutLeftLarge {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateX(0);
    }

    100% {
        opacity: 1;
        -ms-transform: scale(1) translateX(-1000px);
    }
}

@-o-keyframes zoomOutLeftLarge {
    0%;

{
    opacity: 0;
    -o-transform: scale(0) translateX(0);
}

100% {
    opacity: 1;
    -o-transform: scale(1) translateX(-1000px);
}

}

@keyframes zoomOutLeftLarge {
    0% {
        opacity: 0;
        transform: scale(0) translateX(0);
    }

    100% {
        opacity: 1;
        transform: scale(1) translateX(-1000px);
    }
}

@-webkit-keyframes zoomOutRightLarge {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(1000px);
    }
}

@-moz-keyframes zoomOutRightLarge {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateX(0);
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1) translateX(1000px);
    }
}

@-ms-keyframes zoomOutRightLarge {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateX(0);
    }

    100% {
        opacity: 1;
        -ms-transform: scale(1) translateX(1000px);
    }
}

@-o-keyframes zoomOutRightLarge {
    0%;

{
    opacity: 0;
    -o-transform: scale(0) translateX(0);
}

100% {
    opacity: 1;
    -o-transform: scale(1) translateX(1000px);
}

}

@keyframes zoomOutRightLarge {
    0% {
        opacity: 0;
        transform: scale(0) translateX(0);
    }

    100% {
        opacity: 1;
        transform: scale(1) translateX(1000px);
    }
}

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

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

    70% {
        opacity: 1;
        -webkit-transform: scale(.9);
    }

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

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

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

    70% {
        opacity: 1;
        -moz-transform: scale(.9);
    }

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

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

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

    70% {
        opacity: 1;
        -ms-transform: scale(.9);
    }

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

@-o-keyframes bounceIn {
    0%;

{
    opacity: 0;
    -o-transform: scale(0);
}

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

70% {
    opacity: 1;
    -o-transform: scale(.9);
}

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

}

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

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

    70% {
        opacity: 1;
        transform: scale(.9);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

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

    60% {
        opacity: 1;
        -webkit-transform: scale(1.1) translateY(-40px);
    }

    80% {
        opacity: 1;
        -webkit-transform: scale(.9) translateY(20px);
    }

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

@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateY(200px);
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.1) translateY(-40px);
    }

    80% {
        opacity: 1;
        -moz-transform: scale(.9) translateY(20px);
    }

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

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

    60% {
        opacity: 1;
        -ms-transform: scale(1.1) translateY(-40px);
    }

    80% {
        opacity: 1;
        -ms-transform: scale(.9) translateY(20px);
    }

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

@-o-keyframes bounceInUp {
    0%;

{
    opacity: 0;
    -o-transform: scale(0) translateY(200px);
}

60% {
    opacity: 1;
    -o-transform: scale(1.1) translateY(-40px);
}

80% {
    opacity: 1;
    -o-transform: scale(.9) translateY(20px);
}

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

}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: scale(0) translateY(200px);
    }

    60% {
        opacity: 1;
        transform: scale(1.1) translateY(-40px);
    }

    80% {
        opacity: 1;
        transform: scale(.9) translateY(20px);
    }

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

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

    60% {
        opacity: 1;
        -webkit-transform: scale(1.1) translateY(40px);
    }

    80% {
        opacity: 1;
        -webkit-transform: scale(.9) translateY(-20px);
    }

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

@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateY(-200px);
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.1) translateY(40px);
    }

    80% {
        opacity: 1;
        -moz-transform: scale(.9) translateY(-20px);
    }

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

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

    60% {
        opacity: 1;
        -ms-transform: scale(1.1) translateY(40px);
    }

    80% {
        opacity: 1;
        -ms-transform: scale(.9) translateY(-20px);
    }

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

@-o-keyframes bounceInDown {
    0%;

{
    opacity: 0;
    -o-transform: scale(0) translateY(-200px);
}

60% {
    opacity: 1;
    -o-transform: scale(1.1) translateY(40px);
}

80% {
    opacity: 1;
    -o-transform: scale(.9) translateY(-20px);
}

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

}

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

    60% {
        opacity: 1;
        transform: scale(1.1) translateY(40px);
    }

    80% {
        opacity: 1;
        transform: scale(.9) translateY(-20px);
    }

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

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

    60% {
        opacity: 1;
        -webkit-transform: scale(1.1) translateX(40px);
    }

    80% {
        opacity: 1;
        -webkit-transform: scale(.9) translateX(-20px);
    }

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

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateX(-200px);
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.1) translateX(40px);
    }

    80% {
        opacity: 1;
        -moz-transform: scale(.9) translateX(-20px);
    }

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

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

    60% {
        opacity: 1;
        -ms-transform: scale(1.1) translateX(40px);
    }

    80% {
        opacity: 1;
        -ms-transform: scale(.9) translateX(-20px);
    }

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

@-o-keyframes bounceInLeft {
    0%;

{
    opacity: 0;
    -o-transform: scale(0) translateX(-200px);
}

60% {
    opacity: 1;
    -o-transform: scale(1.1) translateX(40px);
}

80% {
    opacity: 1;
    -o-transform: scale(.9) translateX(-20px);
}

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

}

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

    60% {
        opacity: 1;
        transform: scale(1.1) translateX(40px);
    }

    80% {
        opacity: 1;
        transform: scale(.9) translateX(-20px);
    }

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

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

    60% {
        opacity: 1;
        -webkit-transform: scale(1.1) translateX(-40px);
    }

    80% {
        opacity: 1;
        -webkit-transform: scale(.9) translateX(20px);
    }

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

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateX(200px);
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.1) translateX(-40px);
    }

    80% {
        opacity: 1;
        -moz-transform: scale(.9) translateX(20px);
    }

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

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

    60% {
        opacity: 1;
        -ms-transform: scale(1.1) translateX(-40px);
    }

    80% {
        opacity: 1;
        -ms-transform: scale(.9) translateX(20px);
    }

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

@-o-keyframes bounceInRight {
    0%;

{
    opacity: 0;
    -o-transform: scale(0) translateX(200px);
}

60% {
    opacity: 1;
    -o-transform: scale(1.1) translateX(-40px);
}

80% {
    opacity: 1;
    -o-transform: scale(.9) translateX(20px);
}

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

}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: scale(0) translateX(200px);
    }

    60% {
        opacity: 1;
        transform: scale(1.1) translateX(-40px);
    }

    80% {
        opacity: 1;
        transform: scale(.9) translateX(20px);
    }

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

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

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

    50% {
        opacity: 0;
        -webkit-transform: scale(.9);
    }

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

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

    30% {
        opacity: 1;
        -moz-transform: scale(1.1);
    }

    50% {
        opacity: 0;
        -moz-transform: scale(.9);
    }

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

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

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

    50% {
        opacity: 0;
        -ms-transform: scale(.9);
    }

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

@-o-keyframes bounceOut {
    0%;

{
    opacity: 1;
    -o-transform: scale(1);
}

30% {
    opacity: 1;
    -o-transform: scale(1.1);
}

50% {
    opacity: 0;
    -o-transform: scale(.9);
}

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

}

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

    30% {
        opacity: 1;
        transform: scale(1.1);
    }

    50% {
        opacity: 0;
        transform: scale(.9);
    }

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

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

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

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

@-moz-keyframes bounceOutUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

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

    100% {
        opacity: 0;
        -moz-transform: translateY(-200px);
    }
}

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

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

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

@-o-keyframes bounceOutUp {
    0%;

{
    opacity: 1;
    -o-transform: translateY(0);
}

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

100% {
    opacity: 0;
    -o-transform: translateY(-200px);
}

}

@keyframes bounceOutUp {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

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

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

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

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

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

@-moz-keyframes bounceOutDown {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

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

    100% {
        opacity: 0;
        -moz-transform: translateY(200px);
    }
}

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

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

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

@-o-keyframes bounceOutDown {
    0%;

{
    opacity: 1;
    -o-transform: translateY(0);
}

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

100% {
    opacity: 0;
    -o-transform: translateY(200px);
}

}

@keyframes bounceOutDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

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

    100% {
        opacity: 0;
        transform: translateY(200px);
    }
}

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

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

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

@-moz-keyframes bounceOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

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

    100% {
        opacity: 0;
        -moz-transform: translateX(-200px);
    }
}

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

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

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

@-o-keyframes bounceOutLeft {
    0%;

{
    opacity: 1;
    -o-transform: translateX(0);
}

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

100% {
    opacity: 0;
    -o-transform: translateX(-200px);
}

}

@keyframes bounceOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

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

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

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

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

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

@-moz-keyframes bounceOutRight {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

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

    100% {
        opacity: 0;
        -moz-transform: translateX(200px);
    }
}

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

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

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

@-o-keyframes bounceOutRight {
    0%;

{
    opacity: 1;
    -o-transform: translateX(0);
}

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

100% {
    opacity: 0;
    -o-transform: translateX(200px);
}

}

@keyframes bounceOutRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

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

    100% {
        opacity: 0;
        transform: translateX(200px);
    }
}

@-webkit-keyframes spinLeft {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-380deg);
        opacity: 0;
    }

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

@-moz-keyframes spinLeft {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(-380deg);
        opacity: 0;
    }

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

@-ms-keyframes spinLeft {
    0% {
        -ms-transform-origin: center center;
        -ms-transform: rotate(-380deg);
        opacity: 0;
    }

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

@-o-keyframes spinLeft {
    0%;

{
    -o-transform-origin: center center;
    -o-transform: rotate(-380deg);
    opacity: 0;
}

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

}

@keyframes spinLeft {
    0% {
        transform-origin: center center;
        transform: rotate(-380deg);
        opacity: 0;
    }

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

@-webkit-keyframes spinRight {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(380deg);
        opacity: 0;
    }

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

@-moz-keyframes spinRight {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(380deg);
        opacity: 0;
    }

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

@-ms-keyframes spinRight {
    0% {
        -ms-transform-origin: center center;
        -ms-transform: rotate(380deg);
        opacity: 0;
    }

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

@-o-keyframes spinRight {
    0%;

{
    -o-transform-origin: center center;
    -o-transform: rotate(380deg);
    opacity: 0;
}

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

}

@keyframes spinRight {
    0% {
        transform-origin: center center;
        transform: rotate(380deg);
        opacity: 0;
    }

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

@-webkit-keyframes flash {
    0%, 100%, 50% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@-moz-keyframes flash {
    0%, 100%, 50% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@-ms-keyframes flash {
    0%, 100%, 50% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@-o-keyframes flash {
    0%, 100%, 50%;

{
    opacity: 1;
}

25%,
75% {
    opacity: 0;
}

}

@keyframes flash {
    0%, 100%, 50% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@-webkit-keyframes strobe {
    0%, 100%, 20%, 40%, 60%, 80% {
        opacity: 1;
    }

    10%, 30%, 50%, 70%, 90% {
        opacity: 0;
    }
}

@-moz-keyframes strobe {
    0%, 100%, 20%, 40%, 60%, 80% {
        opacity: 1;
    }

    10%, 30%, 50%, 70%, 90% {
        opacity: 0;
    }
}

@-ms-keyframes strobe {
    0%, 100%, 20%, 40%, 60%, 80% {
        opacity: 1;
    }

    10%, 30%, 50%, 70%, 90% {
        opacity: 0;
    }
}

@-o-keyframes strobe {
    0%, 100%, 20%, 40%, 60%, 80%;

{
    opacity: 1;
}

10%,
30%,
50%,
70%,
90% {
    opacity: 0;
}

}

@keyframes strobe {
    0%, 100%, 20%, 40%, 60%, 80% {
        opacity: 1;
    }

    10%, 30%, 50%, 70%, 90% {
        opacity: 0;
    }
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
    }
}

@-moz-keyframes shake {
    0%, 100% {
        -moz-transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -moz-transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -moz-transform: translateX(10px);
    }
}

@-ms-keyframes shake {
    0%, 100% {
        -ms-transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -ms-transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -ms-transform: translateX(10px);
    }
}

@-o-keyframes shake {
    0%, 100%;

{
    -o-transform: translateX(0);
}

10%,
30%,
50%,
70%,
90% {
    -o-transform: translateX(-10px);
}

20%,
40%,
60%,
80% {
    -o-transform: translateX(10px);
}

}

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        transform: translateX(10px);
    }
}

@-webkit-keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
    }
}

@-moz-keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -moz-transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
    }
}

@-ms-keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -ms-transform: translateY(0);
    }

    40% {
        -ms-transform: translateY(-30px);
    }

    60% {
        -ms-transform: translateY(-15px);
    }
}

@-o-keyframes bounce {
    0%, 100%, 20%, 50%, 80%;

{
    -o-transform: translateY(0);
}

40% {
    -o-transform: translateY(-30px);
}

60% {
    -o-transform: translateY(-15px);
}

}

@keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

@-webkit-keyframes tada {
    0%, 100% {
        -webkit-transform: scale(1) rotate(0);
    }

    10%, 20% {
        -webkit-transform: scale(.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
    }
}

@-moz-keyframes tada {
    0%, 100% {
        -moz-transform: scale(1) rotate(0);
    }

    10%, 20% {
        -moz-transform: scale(.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -moz-transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -moz-transform: scale(1.1) rotate(-3deg);
    }
}

@-ms-keyframes tada {
    0%, 100% {
        -ms-transform: scale(1) rotate(0);
    }

    10%, 20% {
        -ms-transform: scale(.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -ms-transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -ms-transform: scale(1.1) rotate(-3deg);
    }
}

@-o-keyframes tada {
    0%, 100%;

{
    -o-transform: scale(1) rotate(0);
}

10%,
20% {
    -o-transform: scale(.9) rotate(-3deg);
}

30%,
50%,
70%,
90% {
    -o-transform: scale(1.1) rotate(3deg);
}

40%,
60%,
80% {
    -o-transform: scale(1.1) rotate(-3deg);
}

}

@keyframes tada {
    0%, 100% {
        transform: scale(1) rotate(0);
    }

    10%, 20% {
        transform: scale(.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg);
    }
}

@-webkit-keyframes wave {
    20% {
        -webkit-transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
    }

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

@-moz-keyframes wave {
    20% {
        -moz-transform: rotate(15deg);
    }

    40% {
        -moz-transform: rotate(-10deg);
    }

    60% {
        -moz-transform: rotate(5deg);
    }

    80% {
        -moz-transform: rotate(-5deg);
    }

    100% {
        -moz-transform: rotate(0deg);
    }
}

@-ms-keyframes wave {
    20% {
        -ms-transform: rotate(15deg);
    }

    40% {
        -ms-transform: rotate(-10deg);
    }

    60% {
        -ms-transform: rotate(5deg);
    }

    80% {
        -ms-transform: rotate(-5deg);
    }

    100% {
        -ms-transform: rotate(0deg);
    }
}

@-o-keyframes wave {
    20%;

{
    -o-transform: rotate(15deg);
}

40% {
    -o-transform: rotate(-10deg);
}

60% {
    -o-transform: rotate(5deg);
}

80% {
    -o-transform: rotate(-5deg);
}

100% {
    -o-transform: rotate(0deg);
}

}

@keyframes wave {
    20% {
        transform: rotate(15deg);
    }

    40% {
        transform: rotate(-10deg);
    }

    60% {
        transform: rotate(5deg);
    }

    80% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
    }
}

@-o-keyframes spin {
    0%;

{
    -o-transform: rotate(0deg);
}

100% {
    -o-transform: rotate(360deg);
}

}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes pullback {
    0% {
        -webkit-transform: rotate(0deg);
    }

    20%, 30% {
        -webkit-transform: rotate(-45deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes pullback {
    0% {
        -moz-transform: rotate(0deg);
    }

    20%, 30% {
        -moz-transform: rotate(-45deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@-ms-keyframes pullback {
    0% {
        -ms-transform: rotate(0deg);
    }

    20%, 30% {
        -ms-transform: rotate(-45deg);
    }

    100% {
        -ms-transform: rotate(360deg);
    }
}

@-o-keyframes pullback {
    0%;

{
    -o-transform: rotate(0deg);
}

20%,
30% {
    -o-transform: rotate(-45deg);
}

100% {
    -o-transform: rotate(360deg);
}

}

@keyframes pullback {
    0% {
        transform: rotate(0deg);
    }

    20%, 30% {
        transform: rotate(-45deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-o-keyframes wobble {
    0%;

{
    -o-transform: translateX(0);
}

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

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

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

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

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

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

}

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

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

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

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

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

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

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

@-webkit-keyframes pulse {
    0%, 100% {
        -webkit-transform: scale(1);
    }

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

@-moz-keyframes pulse {
    0%, 100% {
        -moz-transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.1);
    }
}

@-ms-keyframes pulse {
    0%, 100% {
        -ms-transform: scale(1);
    }

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

@-o-keyframes pulse {
    0%, 100%;

{
    -o-transform: scale(1);
}

50% {
    -o-transform: scale(1.1);
}

}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}

@-webkit-keyframes pulsate {
    0%, 100%, 50% {
        -webkit-transform: scale(1);
    }

    25%, 75% {
        -webkit-transform: scale(1.1);
    }
}

@-moz-keyframes pulsate {
    0%, 100%, 50% {
        -moz-transform: scale(1);
    }

    25%, 75% {
        -moz-transform: scale(1.1);
    }
}

@-ms-keyframes pulsate {
    0%, 100%, 50% {
        -ms-transform: scale(1);
    }

    25%, 75% {
        -ms-transform: scale(1.1);
    }
}

@-o-keyframes pulsate {
    0%, 100%, 50%;

{
    -o-transform: scale(1);
}

25%,
75% {
    -o-transform: scale(1.1);
}

}

@keyframes pulsate {
    0%, 100%, 50% {
        transform: scale(1);
    }

    25%, 75% {
        transform: scale(1.1);
    }
}

@-webkit-keyframes heartbeat {
    0%, 30%, 50%, 60%, 80% {
        -webkit-transform: scale(1);
    }

    40%, 70% {
        -webkit-transform: scale(1.1);
    }
}

@-moz-keyframes heartbeat {
    0%, 30%, 50%, 60%, 80% {
        -moz-transform: scale(1);
    }

    40%, 70% {
        -moz-transform: scale(1.1);
    }
}

@-ms-keyframes heartbeat {
    0%, 30%, 50%, 60%, 80% {
        -ms-transform: scale(1);
    }

    40%, 70% {
        -ms-transform: scale(1.1);
    }
}

@-o-keyframes heartbeat {
    0%, 30%, 50%, 60%, 80%;

{
    -o-transform: scale(1);
}

40%,
70% {
    -o-transform: scale(1.1);
}

}

@keyframes heartbeat {
    0%, 30%, 50%, 60%, 80% {
        transform: scale(1);
    }

    40%, 70% {
        transform: scale(1.1);
    }
}

@-webkit-keyframes panic {
    0%, 100% {
        -webkit-transform: scale(1) rotate(0);
    }

    10%, 60% {
        -webkit-transform: scale(1.1) rotate(-3deg);
    }

    20%, 40% {
        -webkit-transform: scale(1) rotate(-3deg);
    }

    30% {
        -webkit-transform: scale(1.1) rotate(3deg);
    }

    50%, 70%, 90% {
        -webkit-transform: scale(1) rotate(3deg);
    }

    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
    }
}

@-moz-keyframes panic {
    0%, 100% {
        -moz-transform: scale(1) rotate(0);
    }

    10%, 60% {
        -moz-transform: scale(1.1) rotate(-3deg);
    }

    20%, 40% {
        -moz-transform: scale(1) rotate(-3deg);
    }

    30% {
        -moz-transform: scale(1.1) rotate(3deg);
    }

    50%, 70%, 90% {
        -moz-transform: scale(1) rotate(3deg);
    }

    80% {
        -moz-transform: scale(1.1) rotate(-3deg);
    }
}

@-ms-keyframes panic {
    0%, 100% {
        -ms-transform: scale(1) rotate(0);
    }

    10%, 60% {
        -ms-transform: scale(1.1) rotate(-3deg);
    }

    20%, 40% {
        -ms-transform: scale(1) rotate(-3deg);
    }

    30% {
        -ms-transform: scale(1.1) rotate(3deg);
    }

    50%, 70%, 90% {
        -ms-transform: scale(1) rotate(3deg);
    }

    80% {
        -ms-transform: scale(1.1) rotate(-3deg);
    }
}

@-o-keyframes panic {
    0%, 100%;

{
    -o-transform: scale(1) rotate(0);
}

10%,
60% {
    -o-transform: scale(1.1) rotate(-3deg);
}

20%,
40% {
    -o-transform: scale(1) rotate(-3deg);
}

30% {
    -o-transform: scale(1.1) rotate(3deg);
}

50%,
70%,
90% {
    -o-transform: scale(1) rotate(3deg);
}

80% {
    -o-transform: scale(1.1) rotate(-3deg);
}

}

@keyframes panic {
    0%, 100% {
        transform: scale(1) rotate(0);
    }

    10%, 60% {
        transform: scale(1.1) rotate(-3deg);
    }

    20%, 40% {
        transform: scale(1) rotate(-3deg);
    }

    30% {
        transform: scale(1.1) rotate(3deg);
    }

    50%, 70%, 90% {
        transform: scale(1) rotate(3deg);
    }

    80% {
        transform: scale(1.1) rotate(-3deg);
    }
}

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

    20% {
        -webkit-transform: scale(.3) rotate(-3deg);
    }

    60% {
        -webkit-transform: scale(.3) rotate(-5deg);
    }

    30% {
        -webkit-transform: scale(.4) rotate(8deg);
    }

    40% {
        -webkit-transform: scale(.3) rotate(-11deg);
    }

    50% {
        -webkit-transform: scale(.4) rotate(14deg);
    }

    70% {
        -webkit-transform: scale(.2) rotate(17deg);
    }

    80% {
        opacity: 1;
        -webkit-transform: scale(.2) rotate(-20deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(10) rotate(360deg);
    }
}

@-moz-keyframes explode {
    0% {
        opacity: 1;
        -moz-transform: scale(1);
    }

    20% {
        -moz-transform: scale(.3) rotate(-3deg);
    }

    60% {
        -moz-transform: scale(.3) rotate(-5deg);
    }

    30% {
        -moz-transform: scale(.4) rotate(8deg);
    }

    40% {
        -moz-transform: scale(.3) rotate(-11deg);
    }

    50% {
        -moz-transform: scale(.4) rotate(14deg);
    }

    70% {
        -moz-transform: scale(.2) rotate(17deg);
    }

    80% {
        opacity: 1;
        -moz-transform: scale(.2) rotate(-20deg);
    }

    100% {
        opacity: 0;
        -moz-transform: scale(10) rotate(360deg);
    }
}

@-ms-keyframes explode {
    0% {
        opacity: 1;
        -ms-transform: scale(1);
    }

    20% {
        -ms-transform: scale(.3) rotate(-3deg);
    }

    60% {
        -ms-transform: scale(.3) rotate(-5deg);
    }

    30% {
        -ms-transform: scale(.4) rotate(8deg);
    }

    40% {
        -ms-transform: scale(.3) rotate(-11deg);
    }

    50% {
        -ms-transform: scale(.4) rotate(14deg);
    }

    70% {
        -ms-transform: scale(.2) rotate(17deg);
    }

    80% {
        opacity: 1;
        -ms-transform: scale(.2) rotate(-20deg);
    }

    100% {
        opacity: 0;
        -ms-transform: scale(10) rotate(360deg);
    }
}

@-o-keyframes explode {
    0%;

{
    opacity: 1;
    -o-transform: scale(1);
}

20% {
    -o-transform: scale(.3) rotate(-3deg);
}

60% {
    -o-transform: scale(.3) rotate(-5deg);
}

30% {
    -o-transform: scale(.4) rotate(8deg);
}

40% {
    -o-transform: scale(.3) rotate(-11deg);
}

50% {
    -o-transform: scale(.4) rotate(14deg);
}

70% {
    -o-transform: scale(.2) rotate(17deg);
}

80% {
    opacity: 1;
    -o-transform: scale(.2) rotate(-20deg);
}

100% {
    opacity: 0;
    -o-transform: scale(10) rotate(360deg);
}

}

@keyframes explode {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    20% {
        transform: scale(.3) rotate(-3deg);
    }

    60% {
        transform: scale(.3) rotate(-5deg);
    }

    30% {
        transform: scale(.4) rotate(8deg);
    }

    40% {
        transform: scale(.3) rotate(-11deg);
    }

    50% {
        transform: scale(.4) rotate(14deg);
    }

    70% {
        transform: scale(.2) rotate(17deg);
    }

    80% {
        opacity: 1;
        transform: scale(.2) rotate(-20deg);
    }

    100% {
        opacity: 0;
        transform: scale(10) rotate(360deg);
    }
}