.md-content.md-content-yellow {
    background : #ffb848;
}
.md-content.md-content-blue {
    background : #128bc6;
}
.md-content.md-content-green {
    background : #01BC8C;
}
.md-content.md-content-red {
    background : #EF6F6C;
}
.md-content.md-content-white {
    background : #fff;
    color      : #333;
}
.md-content.md-content-orange {
    background : #bc7209;
}
.modal-header {
    border-top-left-radius  : 6px;
    border-top-right-radius : 6px;
}
.modal-panel .btn {
    margin-bottom : 10px;
}
.md-content {
    color         : #fff;
    background    : #ef6f6c;
    position      : relative;
    border-radius : 3px;
    margin        : 0 auto;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding        : 8px;
    line-height    : 1.42857143;
    vertical-align : 0;
    border-top     : 1px solid #ddd;
}
button, input, optgroup, select, textarea {
    margin : 10px 0;
}
/*modals animations*/

.modal.modal-fade-in-scale-up .modal-dialog {
    opacity            : 0;
    -webkit-transition : all .3s ease 0s;
    -o-transition      : all .3s ease 0s;
    transition         : all .3s ease 0s;
    -webkit-transform  : scale(.7);
    -ms-transform      : scale(.7);
    -o-transform       : scale(.7);
    transform          : scale(.7);
}
.modal.modal-fade-in-scale-up.in .modal-dialog {
    opacity           : 1;
    -webkit-transform : scale(1);
    -ms-transform     : scale(1);
    -o-transform      : scale(1);
    transform         : scale(1);
}
.modal.slideRight {
    animation-name                    : slideRight;
    -webkit-animation-name            : slideRight;
    animation-duration                : 1s;
    -webkit-animation-duration        : 1s;
    animation-timing-function         : ease-in-out;
    -webkit-animation-timing-function : ease-in-out;
    visibility                        : visible !important;
}
@keyframes slideRight {
    0% {
        transform : translateX(-150%);
    }
    50% {
        transform : translateX(8%);
    }
    65% {
        transform : translateX(-4%);
    }
    80% {
        transform : translateX(4%);
    }
    95% {
        transform : translateX(-2%);
    }
    100% {
        transform : translateX(0%);
    }
}
@-webkit-keyframes slideRight {
    0% {
        -webkit-transform : translateX(-150%);
    }
    50% {
        -webkit-transform : translateX(8%);
    }
    65% {
        -webkit-transform : translateX(-4%);
    }
    80% {
        -webkit-transform : translateX(4%);
    }
    95% {
        -webkit-transform : translateX(-2%);
    }
    100% {
        -webkit-transform : translateX(0%);
    }
}
/*slideDown*/

.slideDown {
    animation-name                    : slideDown;
    -webkit-animation-name            : slideDown;
    animation-duration                : 1s;
    -webkit-animation-duration        : 1s;
    animation-timing-function         : ease;
    -webkit-animation-timing-function : ease;
    visibility                        : visible !important;
}
@keyframes slideDown {
    0% {
        transform : translateY(-100%);
    }
    50% {
        transform : translateY(8%);
    }
    65% {
        transform : translateY(-4%);
    }
    80% {
        transform : translateY(4%);
    }
    95% {
        transform : translateY(-2%);
    }
    100% {
        transform : translateY(0%);
    }
}
@-webkit-keyframes slideDown {
    0% {
        -webkit-transform : translateY(-100%);
    }
    50% {
        -webkit-transform : translateY(8%);
    }
    65% {
        -webkit-transform : translateY(-4%);
    }
    80% {
        -webkit-transform : translateY(4%);
    }
    95% {
        -webkit-transform : translateY(-2%);
    }
    100% {
        -webkit-transform : translateY(0%);
    }
}
.expandOpen {
    animation-name                    : expandOpen;
    -webkit-animation-name            : expandOpen;
    animation-duration                : 1.2s;
    -webkit-animation-duration        : 1.2s;
    animation-timing-function         : ease-out;
    -webkit-animation-timing-function : ease-out;
    visibility                        : visible !important;
}
@keyframes expandOpen {
    0% {
        transform : scale(1.8);
    }
    50% {
        transform : scale(0.95);
    }
    80% {
        transform : scale(1.05);
    }
    90% {
        transform : scale(0.98);
    }
    100% {
        transform : scale(1);
    }
}
@-webkit-keyframes expandOpen {
    0% {
        -webkit-transform : scale(1.8);
    }
    50% {
        -webkit-transform : scale(0.95);
    }
    80% {
        -webkit-transform : scale(1.05);
    }
    90% {
        -webkit-transform : scale(0.98);
    }
    100% {
        -webkit-transform : scale(1);
    }
}
/*big entrance*/

.bigEntrance {
    animation-name                    : bigEntrance;
    -webkit-animation-name            : bigEntrance;
    animation-duration                : 1.6s;
    -webkit-animation-duration        : 1.6s;
    animation-timing-function         : ease-out;
    -webkit-animation-timing-function : ease-out;
    visibility                        : visible !important;
}
@keyframes bigEntrance {
    0% {
        transform : scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity   : 0.2;
    }
    30% {
        transform : scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
        opacity   : 1;
    }
    45% {
        transform : scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
        opacity   : 1;
    }
    60% {
        transform : scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
        opacity   : 1;
    }
    75% {
        transform : scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity   : 1;
    }
    90% {
        transform : scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
        opacity   : 1;
    }
    100% {
        transform : scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity   : 1;
    }
}
@-webkit-keyframes bigEntrance {
    0% {
        -webkit-transform : scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity           : 0.2;
    }
    30% {
        -webkit-transform : scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
        opacity           : 1;
    }
    45% {
        -webkit-transform : scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
        opacity           : 1;
    }
    60% {
        -webkit-transform : scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
        opacity           : 1;
    }
    75% {
        -webkit-transform : scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity           : 1;
    }
    90% {
        -webkit-transform : scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
        opacity           : 1;
    }
    100% {
        -webkit-transform : scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity           : 1;
    }
}
/*slide expand up */

.slideExpandUp {
    animation-name                    : slideExpandUp;
    -webkit-animation-name            : slideExpandUp;
    animation-duration                : 1.6s;
    -webkit-animation-duration        : 1.6s;
    animation-timing-function         : ease-out;
    -webkit-animation-timing-function : ease-out;
    visibility                        : visible !important;
}
@keyframes slideExpandUp {
    0% {
        transform : translateY(100%) scaleX(0.5);
    }
    30% {
        transform : translateY(-8%) scaleX(0.5);
    }
    40% {
        transform : translateY(2%) scaleX(0.5);
    }
    50% {
        transform : translateY(0%) scaleX(1.1);
    }
    60% {
        transform : translateY(0%) scaleX(0.9);
    }
    70% {
        transform : translateY(0%) scaleX(1.05);
    }
    80% {
        transform : translateY(0%) scaleX(0.95);
    }
    90% {
        transform : translateY(0%) scaleX(1.02);
    }
    100% {
        transform : translateY(0%) scaleX(1);
    }
}
@-webkit-keyframes slideExpandUp {
    0% {
        -webkit-transform : translateY(100%) scaleX(0.5);
    }
    30% {
        -webkit-transform : translateY(-8%) scaleX(0.5);
    }
    40% {
        -webkit-transform : translateY(2%) scaleX(0.5);
    }
    50% {
        -webkit-transform : translateY(0%) scaleX(1.1);
    }
    60% {
        -webkit-transform : translateY(0%) scaleX(0.9);
    }
    70% {
        -webkit-transform : translateY(0%) scaleX(1.05);
    }
    80% {
        -webkit-transform : translateY(0%) scaleX(0.95);
    }
    90% {
        -webkit-transform : translateY(0%) scaleX(1.02);
    }
    100% {
        -webkit-transform : translateY(0%) scaleX(1);
    }
}
/*bounce*/

.bounce {
    animation-name                    : bounce;
    -webkit-animation-name            : bounce;
    animation-duration                : 1.6s;
    -webkit-animation-duration        : 1.6s;
    animation-timing-function         : ease;
    -webkit-animation-timing-function : ease;
    transform-origin                  : 50% 100%;
    -ms-transform-origin              : 50% 100%;
    -webkit-transform-origin          : 50% 100%;
}
@keyframes bounce {
    0% {
        transform : translateY(0%) scaleY(0.6);
    }
    60% {
        transform : translateY(-100%) scaleY(1.1);
    }
    70% {
        transform : translateY(0%) scaleY(0.95) scaleX(1.05);
    }
    80% {
        transform : translateY(0%) scaleY(1.05) scaleX(1);
    }
    90% {
        transform : translateY(0%) scaleY(0.95) scaleX(1);
    }
    100% {
        transform : translateY(0%) scaleY(1) scaleX(1);
    }
}
@-webkit-keyframes bounce {
    0% {
        -webkit-transform : translateY(0%) scaleY(0.6);
    }
    60% {
        -webkit-transform : translateY(-100%) scaleY(1.1);
    }
    70% {
        -webkit-transform : translateY(0%) scaleY(0.95) scaleX(1.05);
    }
    80% {
        -webkit-transform : translateY(0%) scaleY(1.05) scaleX(1);
    }
    90% {
        -webkit-transform : translateY(0%) scaleY(0.95) scaleX(1);
    }
    100% {
        -webkit-transform : translateY(0%) scaleY(1) scaleX(1);
    }
}
/* pulse */

.pulse {
    animation-name             : pulse;
    -webkit-animation-name     : pulse;
    animation-duration         : 1.5s;
    -webkit-animation-duration : 1.5s;
}
@keyframes pulse {
    0% {
        transform : scale(0.9);
        opacity   : 0.7;
    }
    50% {
        transform : scale(1);
        opacity   : 1;
    }
    100% {
        transform : scale(0.9);
        opacity   : 0.7;
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform : scale(0.95);
        opacity           : 0.7;
    }
    50% {
        -webkit-transform : scale(1);
        opacity           : 1;
    }
    100% {
        -webkit-transform : scale(0.95);
        opacity           : 0.7;
    }
}
/* tossing */

.tossing {
    animation-name             : tossing;
    -webkit-animation-name     : tossing;
    animation-duration         : 2.5s;
    -webkit-animation-duration : 2.5s;
}
@keyframes tossing {
    0% {
        transform : rotate(-4deg);
    }
    50% {
        transform : rotate(4deg);
    }
    100% {
        transform : rotate(-4deg);
    }
}
@-webkit-keyframes tossing {
    0% {
        -webkit-transform : rotate(-4deg);
    }
    50% {
        -webkit-transform : rotate(4deg);
    }
    100% {
        -webkit-transform : rotate(-4deg);
    }
}
/* pullUp */

.pullUp {
    animation-name                    : pullUp;
    -webkit-animation-name            : pullUp;
    animation-duration                : 1.1s;
    -webkit-animation-duration        : 1.1s;
    animation-timing-function         : ease-out;
    -webkit-animation-timing-function : ease-out;
    transform-origin                  : 50% 100%;
    -ms-transform-origin              : 50% 100%;
    -webkit-transform-origin          : 50% 100%;
}
@keyframes pullUp {
    0% {
        transform : scaleY(0.1);
    }
    40% {
        transform : scaleY(1.02);
    }
    60% {
        transform : scaleY(0.98);
    }
    80% {
        transform : scaleY(1.01);
    }
    100% {
        transform : scaleY(0.98);
    }
    80% {
        transform : scaleY(1.01);
    }
    100% {
        transform : scaleY(1);
    }
}
@-webkit-keyframes pullUp {
    0% {
        -webkit-transform : scaleY(0.1);
    }
    40% {
        -webkit-transform : scaleY(1.02);
    }
    60% {
        -webkit-transform : scaleY(0.98);
    }
    80% {
        -webkit-transform : scaleY(1.01);
    }
    100% {
        -webkit-transform : scaleY(0.98);
    }
    80% {
        -webkit-transform : scaleY(1.01);
    }
    100% {
        -webkit-transform : scaleY(1);
    }
}
/* pulldown */

.pullDown {
    animation-name                    : pullDown;
    -webkit-animation-name            : pullDown;
    animation-duration                : 1.1s;
    -webkit-animation-duration        : 1.1s;
    animation-timing-function         : ease-out;
    -webkit-animation-timing-function : ease-out;
    transform-origin                  : 50% 0%;
    -ms-transform-origin              : 50% 0%;
    -webkit-transform-origin          : 50% 0%;
}
@keyframes pullDown {
    0% {
        transform : scaleY(0.1);
    }
    40% {
        transform : scaleY(1.02);
    }
    60% {
        transform : scaleY(0.98);
    }
    80% {
        transform : scaleY(1.01);
    }
    100% {
        transform : scaleY(0.98);
    }
    80% {
        transform : scaleY(1.01);
    }
    100% {
        transform : scaleY(1);
    }
}
@-webkit-keyframes pullDown {
    0% {
        -webkit-transform : scaleY(0.1);
    }
    40% {
        -webkit-transform : scaleY(1.02);
    }
    60% {
        -webkit-transform : scaleY(0.98);
    }
    80% {
        -webkit-transform : scaleY(1.01);
    }
    100% {
        -webkit-transform : scaleY(0.98);
    }
    80% {
        -webkit-transform : scaleY(1.01);
    }
    100% {
        -webkit-transform : scaleY(1);
    }
}
/* floating */

.floating {
    animation-name             : floating;
    -webkit-animation-name     : floating;
    animation-duration         : 1.5s;
    -webkit-animation-duration : 1.5s;
}
@keyframes floating {
    0% {
        transform : translateY(0%);
    }
    50% {
        transform : translateY(8%);
    }
    100% {
        transform : translateY(0%);
    }
}
@-webkit-keyframes floating {
    0% {
        -webkit-transform : translateY(0%);
    }
    50% {
        -webkit-transform : translateY(8%);
    }
    100% {
        -webkit-transform : translateY(0%);
    }
}
/* stretchleft */

.stretchLeft {
    animation-name                    : stretchLeft;
    -webkit-animation-name            : stretchLeft;
    animation-duration                : 1.5s;
    -webkit-animation-duration        : 1.5s;
    animation-timing-function         : ease-out;
    -webkit-animation-timing-function : ease-out;
    transform-origin                  : 100% 0%;
    -ms-transform-origin              : 100% 0%;
    -webkit-transform-origin          : 100% 0%;
}
@keyframes stretchLeft {
    0% {
        transform : scaleX(0.3);
    }
    40% {
        transform : scaleX(1.02);
    }
    60% {
        transform : scaleX(0.98);
    }
    80% {
        transform : scaleX(1.01);
    }
    100% {
        transform : scaleX(0.98);
    }
    80% {
        transform : scaleX(1.01);
    }
    100% {
        transform : scaleX(1);
    }
}
@-webkit-keyframes stretchLeft {
    0% {
        -webkit-transform : scaleX(0.3);
    }
    40% {
        -webkit-transform : scaleX(1.02);
    }
    60% {
        -webkit-transform : scaleX(0.98);
    }
    80% {
        -webkit-transform : scaleX(1.01);
    }
    100% {
        -webkit-transform : scaleX(0.98);
    }
    80% {
        -webkit-transform : scaleX(1.01);
    }
    100% {
        -webkit-transform : scaleX(1);
    }
}
/* stretch right */

.stretchRight {
    animation-name                    : stretchRight;
    -webkit-animation-name            : stretchRight;
    animation-duration                : 1.5s;
    -webkit-animation-duration        : 1.5s;
    animation-timing-function         : ease-out;
    -webkit-animation-timing-function : ease-out;
    transform-origin                  : 0% 0%;
    -ms-transform-origin              : 0% 0%;
    -webkit-transform-origin          : 0% 0%;
}
@keyframes stretchRight {
    0% {
        transform : scaleX(0.3);
    }
    40% {
        transform : scaleX(1.02);
    }
    60% {
        transform : scaleX(0.98);
    }
    80% {
        transform : scaleX(1.01);
    }
    100% {
        transform : scaleX(0.98);
    }
    80% {
        transform : scaleX(1.01);
    }
    100% {
        transform : scaleX(1);
    }
}
@-webkit-keyframes stretchRight {
    0% {
        -webkit-transform : scaleX(0.3);
    }
    40% {
        -webkit-transform : scaleX(1.02);
    }
    60% {
        -webkit-transform : scaleX(0.98);
    }
    80% {
        -webkit-transform : scaleX(1.01);
    }
    100% {
        -webkit-transform : scaleX(0.98);
    }
    80% {
        -webkit-transform : scaleX(1.01);
    }
    100% {
        -webkit-transform : scaleX(1);
    }
}
@media (min-width:320px) and (max-width:425px){
    body{
        font-size:14px;
    }
}