body {
    min-height: 100%;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
    /*background-image: url("/images/bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;*/
    min-height: 100%;
}

.form-control {
    font-size: 13px;
}

div.search-box{
    float:right;
    margin-bottom: 5px;
    display: inline-block;
}
div.search-box i{
    font-size: 18px;
    color: #5197d5;
}
div.search-box input{
    width: inherit;
    padding: 1px 2px;
}

.popup-serial{
    border-bottom: 1px dotted #89b6ff;
    cursor: help;
}

.popup-serialno .no-results{
    font-size: 18px;
    text-align: center;
    margin-top: 40px;
}

.popup-serialno .close-button{
    /*position: absolute;*/
    bottom: 15px;
    text-align: center;
    display: block;
    width: 100%;
    margin-top: 20px;
}

.popup-serialno .chart-horiz { width: 100%; padding: 0 30px; }

.popup-serialno .chart-horiz .chart { width: 80%;
                        padding:0;
                        border: solid 1px #888;
                        border-right: none;
                        margin: 30px auto 0 auto;  }

.popup-serialno .chart-horiz .chart li {
    display: block;
    height: 23px;
    margin-top: 3px;
    position: relative;
}

.popup-serialno .chart-horiz .chart li.black{
    margin-top: 5px;
}

.popup-serialno .chart-horiz .chart li.spacer{
    border-bottom: solid 1px #ccc;
    height: 4px;
}

.popup-serialno .chart-horiz .chart li:before {
    color: #fff;
    content: attr(title);
    left: 5px;
    position: absolute
}

.popup-serialno .chart-horiz .chart li.title:before {
    color: black;
    font-weight: bold;
    left: 0
}

.popup-serialno .chart-horiz .chart li .bar {
    background: #27ae60;
    height: 100%;
    /*min-width: 64px*/
}

.popup-serialno .chart-horiz .chart li .number {
    color: #666;
    font-size: 16px;
    font-weight: bold;
    padding-left: 5px;
    position: absolute;
    top: 0px;
}

.popup-serialno .chart-horiz .chart li.colour .bar {
    background: rgb(48,165,220);
    background: -moz-linear-gradient(-45deg, rgba(48,165,220,1) 0%, rgba(253,234,59,1) 50%, rgba(225,0,129,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(48,165,220,1) 0%,rgba(253,234,59,1) 50%,rgba(225,0,129,1) 100%);
    background: linear-gradient(135deg, rgba(48,165,220,1) 0%,rgba(253,234,59,1) 50%,rgba(225,0,129,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30a5dc', endColorstr='#e10081',GradientType=1 );
}

.popup-serialno .chart-horiz .chart li.black .bar { 
    background: #888888;
    background: -moz-linear-gradient(left, #888888 0%, #000000 100%);
    background: -webkit-linear-gradient(left, #888888 0%,#000000 100%);
    background: linear-gradient(to right, #888888 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#000000',GradientType=1 );
}

.popup-serialno div.title{
    text-align: center;
}

.popup-serialno div.title > span{
    display: block;
}

.popup-serialno span.title-customer{
    font-size: 22px;
}
.popup-serialno span.title-serial{
    font-size: 20px;
}
.popup-serialno span.title-make{
    font-size: 18px;
}

.popup-serialno span.title{
    position: absolute;
    left: -70px;
    top: 14px;
}

.toner {
    display: inline-block;
    width: 100%;
    padding: 2px;
}

.bg-cyan {
    background-color: #2AABE2;
    color: #fff;
}

.bg-magenta {
    background-color: #EA118D;
    color: #fff;
}

.bg-yellow {
    background-color: #FCEE21;
    color: #000;
}

.bg-black {
    background-color: #231F20;
    color: #fff;
}

.waste {
    background-color:#ff0000;
    color:#fff;
}

.chosen-container {
    width: 100% !important;
}

    .chosen-container .chosen-search input[type='text'] {
        padding: 2px 4% !important;
        width: 99% !important;
        margin: 5px 2%;
    }

    .chosen-container .chosen-single {
        padding: 0 1%;
    }

    .chosen-container .chosen-drop {
        width: 100% !important;
    }


.footer {
    padding: 1rem;
    background-color: #ffffff;
    text-align: center;
    border-top: solid 1px #ccc;
    margin-top: 20px;
}

.navbar {
    background-color: #2c347d;
}

.navbar-brand {
    margin-left: 1rem;
}

ul.navbar-nav .nav-link {
}

    ul.navbar-nav .nav-link a {
        padding: 0;
        border-bottom: solid 3px #fff;
        transition: border-color 0.25s linear;
    }

        ul.navbar-nav .nav-link a:hover {
            border-bottom: solid 3px #E10081;
        }


.page-main {
    margin-right: auto;
    margin-left: auto;
    max-width: 1600px;
    background-color: #fff;
}

    .page-main .main-content {
        min-height: 600px;
        position: relative;
    }

    .page-main .footer {
        height: 60px;
    }

ul {
    list-style: none;
}

table th, table td {
    vertical-align: middle !important;
}

.crumbs {
    width: 100%;
    display: block;
}

    .crumbs ul {
        list-style: none;
        display: inline-table;
    }

        .crumbs ul li {
            display: inline;
            color: #fff;
        }

            .crumbs ul li a {
                display: block;
                float: left;
                background: #1da8e0;
                text-align: center;
                padding: 4px 3px 3px 15px;
                position: relative;
                margin: 0 3px 0 0;
                font-size: 10px;
                text-decoration: none;
                color: #fff;
            }

                .crumbs ul li a:after {
                    content: "";
                    border-top: 11px solid transparent;
                    border-bottom: 11px solid transparent;
                    border-left: 11px solid #1da8e0;
                    position: absolute;
                    right: -11px;
                    top: 0;
                    z-index: 1;
                }

                .crumbs ul li a:before {
                    content: "";
                    border-top: 11px solid transparent;
                    border-bottom: 11px solid transparent;
                    border-left: 11px solid #fff;
                    position: absolute;
                    left: 0;
                    top: 0;
                }

            .crumbs ul li:first-child a {
                border-top-left-radius: 6px;
                border-bottom-left-radius: 6px;
                padding-left: 8px;
            }

                .crumbs ul li:first-child a:before {
                    display: none;
                }

            .crumbs ul li:last-child a {
                padding-right: 13px;
                border-top-right-radius: 6px;
                border-bottom-right-radius: 6px;
            }

                .crumbs ul li:last-child a:after {
                    display: none;
                }

            .crumbs ul li a:hover {
                background: #357DFD;
                color: #fff;
            }

                .crumbs ul li a:hover:after {
                    border-left-color: #357DFD;
                    color: #fff;
                }

div.breadcrumb {
    font-size: 15px;
    margin: 10px 0;
    background-color: #1da8e0;
    color: #fff;
}

    div.breadcrumb i.fa {
        color: #fff;
        font-size: 15px;
        vertical-align: middle;
        padding: 4px;
    }

    div.breadcrumb > a, div.breadcrumb > a:visited {
        color: #fff;
        text-decoration: underline;
    }

        div.breadcrumb > a.btn, div.breadcrumb > a.btn:visited {
            color: white;
            text-decoration: none;
            padding: 1px 10px;
        }


.pagination {
    display: block;
    width: 100%;
    text-align: center;
    cursor: pointer;
    margin-top: 10px;
}

    .pagination ul {
        color: #4F4F4F;
        display: inline-block;
        list-style: none outside none;
        border: none;
        margin: 0 0 5px 0;
        padding: 0;
    }


        .pagination ul li {
            display: inline-block;
            background: #fefefe; /* Old browsers */
            background: -moz-linear-gradient(top, #fefefe 0%, #e2e2e2 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #fefefe 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #fefefe 0%,#e2e2e2 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #fefefe 0%,#e2e2e2 100%); /* IE10+ */
            background: linear-gradient(to bottom, #fefefe 0%,#e2e2e2 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
            border: 1px solid #C0C0C0;
            border-radius: 3px 3px 3px 3px;
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 0 0 rgba(0, 0, 0, 0.1);
            box-shadow: 1px 3px 3px #DDDDDD;
            color: #717171;
            display: inline-block;
            font-size: 12px;
            font-weight: bold;
            padding: 4px 10px;
            text-decoration: none;
            text-shadow: 0 1px 0 #FFFFFF;
            cursor: pointer;
        }

            .pagination ul li:hover {
                background: #fefefe; /* Old browsers */
                background: -moz-linear-gradient(top, #fefefe 0%, #C0C0C0 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#C0C0C0)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #fefefe 0%,#C0C0C0 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #fefefe 0%,#C0C0C0 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #fefefe 0%,#C0C0C0 100%); /* IE10+ */
                background: linear-gradient(to bottom, #fefefe 0%,#C0C0C0 100%); /* W3C */
                box-shadow: 1px 3px 3px #DDDDDD;
                cursor: pointer;
            }

            .pagination ul li:last-child {
                margin: 0;
            }

            .pagination ul li.currentpage {
                -moz-border-bottom-colors: none;
                -moz-border-left-colors: none;
                -moz-border-right-colors: none;
                -moz-border-top-colors: none;
                background-image: linear-gradient(to bottom, #E6E6E6 0px, #DCDCDC 100%);
                border-color: #999999 #AAAAAA #CCCCCC;
                border-image: none;
                border-style: solid;
                border-width: 1px;
                box-shadow: 0 1px 2px #AAAAAA inset;
                color: #555555;
                cursor: default;
            }



.requiredfieldstar {
    display: none;
}

.validationError {
    color: red;
    font-size: 14px;
}



ul.data-entry-form {
}

    ul.data-entry-form li {
        margin-bottom: 4px;
        position: relative;
    }

        ul.data-entry-form li.buttons {
            margin-top: 15px;
        }

        ul.data-entry-form li > label {
            display: inline-block;
            width: 150px;
        }

        ul.data-entry-form li input {
            width: 250px;
            /*margin-right: 5px;*/
        }

        ul.data-entry-form li select {
            width: 250px;
            /*margin-right: 5px;*/
        }

        ul.data-entry-form li textarea {
            width: 250px;
            /*margin-right: 5px;*/
        }

        ul.data-entry-form li input[type=checkbox] {
            width: inherit;
        }

.box-shadow {
    box-shadow: 4px 4px 7px 2px rgba(44, 52, 125, 0.55);
    -moz-box-shadow: 4px 4px 7px 2px rgba(44, 52, 125, 0.55);
    -webkit-box-shadow: 4px 4px 7px 2px rgba(44, 52, 125, 0.55);
}

#admin-service-call-edit ul{
    padding: 0;
    margin:0;
}

#admin-service-call-edit ul li{
    display: inline-block;
    margin-right: 20px;
}

#admin-service-call-edit ul li:first-child b{
    width: 190px;
    display: inline-block;
}


.purchase-type-leased{
    background-color: #ffad99;
}
.purchase-type-rented{
    background-color: #99b3ff;
}
.purchase-type-purchased{
    background-color: #85e085;
}


#admin-service-call-edit .machine-details {
    font-size: 16px;
}

#admin-service-call-edit table.service-call-type tr td {
    width: 160px;
}

    #admin-service-call-edit table.service-call-type tr td label {
        margin-bottom: 0;
        margin-left: 5px;
    }

    #admin-service-call-edit table.service-call-type tr td input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0;
        margin-top: 3px;
        margin: 3px 0 5px 0;
        vertical-align: top;
    }

#customer-view .product-options {
    position: fixed;
    width: 740px;
    height: 250px;
    z-index: 10001;
    background-color: #fff;
    border: solid 1px #333;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    display: none;
    left: 50%;
    top: 40%;
    webkit-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);

}

    #customer-view .show-product-options i{
        font-size: 24px;
        cursor: pointer;
    }

    #customer-view .product-options .btn-close {
        position: absolute;
        top: -5px;
        right: 5px;
        font-size: 36px;
        cursor: pointer;
    }


#customer-view .courier-options {
    position: fixed;
    width: 500px;
    height: 250px;
    z-index: 10001;
    background-color: #fff;
    border: solid 1px #333;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    display: none;
    left: 50%;
    top: 40%;
    webkit-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);

}

    #customer-view .courier-options .btn-close {
        position: absolute;
        top: -5px;
        right: 5px;
        font-size: 36px;
        cursor: pointer;
    }


#admin-toner-alerts table .btn-action {
    width: 51px;
}

#admin-toner-alerts ul.customer-toner-alerts {
    width: 100%;
}

    #admin-toner-alerts ul.customer-toner-alerts li {
        width: 100%;
        margin-bottom: 30px;
    }

    #admin-toner-alerts ul.customer-toner-alerts .li-heading {
        background-color: #2c347d;
        display: table;
        width: 100%;
        border-bottom: solid 1px #aaa;
        padding: 2px 0;
    }


#admin-toner-alerts .customer-name {
    font-size: 18px;
    color: #fff;
    display: table-cell;
    padding: 0 5px;
}

#admin-toner-alerts .customer-address {
    font-size: 12px;
    color: #fff;
    display: table-cell;
    text-align: right;
    padding: 0 5px;
}

#admin-toner-alerts .courier-options {
    position: fixed;
    width: 500px;
    height: 250px;
    z-index: 10001;
    left: 50%;
    top: 40%;
    margin-left: -250px;
    margin-top: -125px;
    background-color: #fff;
    border: solid 1px #333;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    display: none;
}

    #admin-toner-alerts .courier-options .btn-close {
        position: absolute;
        top: -5px;
        right: 5px;
        font-size: 36px;
        cursor: pointer;
    }

#admin-toner-alerts table .btn-sm {
    font-size: 11px;
    padding: 2px 4px;
}

#admin-toner-alerts table td {
    vertical-align: middle;
}

#admin-toner-alerts .courier-options a {
    width: 160px;
}

#admin-toner-alerts .btn-dispatch {
    display: none;
}

.btn.btn-line
{
    padding:1px 4px;
    font-size: 0.9em;
}

#admin-toner-alerts .btn-dispatch-box {
    height: 53px;
    background-color: white;
    position: sticky;
    top: 50px;
    z-index: 100;
}

#admin-toner-alerts input[type=checkbox] {
    transform: scale(1.3);
    margin-top: 2px;
}

#admin-toner-alerts td.toner-colour {
    width: 88px;
}

#admin-toner-alerts td.toner-level {
    width: 53px;
}

#admin-toner-alerts td.last-alerted {
    width: 107px;
}

#admin-toner-alerts td.dispatched {
    width: 83px;
}

#admin-toner-alerts td.dismiss {
    width: 90px;
}


#admin-dispatch-edit div.customer-details h2 {
    padding: 0;
}

#admin-dispatch-edit div.customer-details span {
    font-size: 18px;
}

#admin-dispatch-edit .colour-block {
    width: 40px;
    height: 15px;
    display: inline-block;
    border: solid 1px #888;
    position: relative;
    top: 2px;
}

#admin-dispatch-edit div.dispatch-items ul {
    padding: 0;
}

    #admin-dispatch-edit div.dispatch-items ul li {
        font-size: 18px;
    }

#admin-dispatch-edit div.dispatch-details ul li {
    margin-bottom: 10px;
}

    #admin-dispatch-edit div.dispatch-details ul li label {
        display: inline-block;
        width: 200px;
    }

    #admin-dispatch-edit div.dispatch-details ul li select {
        padding: 6px 2px;
        width: 260px;
    }

    #admin-dispatch-edit div.dispatch-details ul li input {
        padding: 4px 2px;
        width: 260px;
    }

#admin-dispatch-edit .validationError {
    margin-left: 10px;
}


#admin-dispatch-name ul li {
    margin-bottom: 10px;
}

    #admin-dispatch-name ul li label {
        display: inline-block;
        width: 200px;
    }

    #admin-dispatch-name ul li input {
        padding: 4px 2px;
        width: 300px;
    }


#admin-dispatch-edit-item ul li {
    margin-bottom: 10px;
}

    #admin-dispatch-edit-item ul li label {
        display: inline-block;
        width: 100px;
    }

    #admin-dispatch-edit-item ul li input {
        padding: 4px 2px;
        width: 300px;
    }


div#account-login-page {
    max-width: 600px;
    margin: 50px auto;
    border: solid 1px #888;
}

    div#account-login-page input {
        padding: 4px;
    }

    div#account-login-page .logo-box {
        background-color: #2c347d
    }

    div#account-login-page .logo {
        width: 240px;
        margin: 12px auto;
    }

        div#account-login-page .logo img {
            width: 100%;
        }

div#account-password-reset h1 {
    text-align: center;
    margin-bottom: 30px;
}

div#account-password-reset {
    border: solid 1px #ccc;
    padding: 20px;
    width: 520px;
    background-color: #fff;
    border-radius: 10px;
    left: 50%;
    margin: 50px auto;
    margin-left: -260px;
    position: relative;
}


    div#account-password-reset ul.data-entry-form {
        margin-top: 30px;
    }

        div#account-password-reset ul.data-entry-form li input {
            width: 300px;
        }















.alert-message {
    -webkit-animation: alert-message-animation 1000ms linear both;
    animation: alert-message-animation 1000ms linear both;
}

@-webkit-keyframes alert-message-animation {
    0% {
        -webkit-transform: matrix3d(0.75, 0, 0, 0, 0, 0.75, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.75, 0, 0, 0, 0, 0.75, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    2.7% {
        -webkit-transform: matrix3d(0.847, 0, 0, 0, 0, 0.847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.847, 0, 0, 0, 0, 0.847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    5.41% {
        -webkit-transform: matrix3d(0.979, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.979, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    8.11% {
        -webkit-transform: matrix3d(1.076, 0, 0, 0, 0, 1.076, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.076, 0, 0, 0, 0, 1.076, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    10.71% {
        -webkit-transform: matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    13.71% {
        -webkit-transform: matrix3d(1.076, 0, 0, 0, 0, 1.076, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.076, 0, 0, 0, 0, 1.076, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    16.62% {
        -webkit-transform: matrix3d(1.019, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.019, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    19.62% {
        -webkit-transform: matrix3d(0.972, 0, 0, 0, 0, 0.972, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.972, 0, 0, 0, 0, 0.972, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    22.52% {
        -webkit-transform: matrix3d(0.956, 0, 0, 0, 0, 0.956, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.956, 0, 0, 0, 0, 0.956, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    28.43% {
        -webkit-transform: matrix3d(0.993, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.993, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    34.33% {
        -webkit-transform: matrix3d(1.018, 0, 0, 0, 0, 1.018, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.018, 0, 0, 0, 0, 1.018, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    46.05% {
        -webkit-transform: matrix3d(0.993, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.993, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    57.86% {
        -webkit-transform: matrix3d(1.003, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.003, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    69.57% {
        -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    81.38% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    93.19% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    100% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}

@keyframes alert-message-animation {
    0% {
        -webkit-transform: matrix3d(0.75, 0, 0, 0, 0, 0.75, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.75, 0, 0, 0, 0, 0.75, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    2.7% {
        -webkit-transform: matrix3d(0.847, 0, 0, 0, 0, 0.847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.847, 0, 0, 0, 0, 0.847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    5.41% {
        -webkit-transform: matrix3d(0.979, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.979, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    8.11% {
        -webkit-transform: matrix3d(1.076, 0, 0, 0, 0, 1.076, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.076, 0, 0, 0, 0, 1.076, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    10.71% {
        -webkit-transform: matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    13.71% {
        -webkit-transform: matrix3d(1.076, 0, 0, 0, 0, 1.076, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.076, 0, 0, 0, 0, 1.076, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    16.62% {
        -webkit-transform: matrix3d(1.019, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.019, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    19.62% {
        -webkit-transform: matrix3d(0.972, 0, 0, 0, 0, 0.972, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.972, 0, 0, 0, 0, 0.972, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    22.52% {
        -webkit-transform: matrix3d(0.956, 0, 0, 0, 0, 0.956, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.956, 0, 0, 0, 0, 0.956, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    28.43% {
        -webkit-transform: matrix3d(0.993, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.993, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    34.33% {
        -webkit-transform: matrix3d(1.018, 0, 0, 0, 0, 1.018, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.018, 0, 0, 0, 0, 1.018, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    46.05% {
        -webkit-transform: matrix3d(0.993, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.993, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    57.86% {
        -webkit-transform: matrix3d(1.003, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.003, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    69.57% {
        -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    81.38% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    93.19% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    100% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}