/*!

 * Material Design for Bootstrap 4

 * Version: MDB Free 4.5.4

 *

 *

 * Copyright: Material Design for Bootstrap

 * https://mdbootstrap.com/

 *

 * Read the license: https://mdbootstrap.com/license/

 *

 *

 * Documentation: https://mdbootstrap.com/

 *

 * Getting started: https://mdbootstrap.com/getting-started/

 *

 * Tutorials: https://mdbootstrap.com/bootstrap-tutorial/

 *

 * Templates: https://mdbootstrap.com/templates/

 *

 * Support: https://mdbootstrap.com/support/

 *

 * Contact: office@mdbootstrap.com

 *

 * Atribution: Animate CSS, Twitter Bootstrap, Materialize CSS, Normalize CSS, Waves JS, WOW JS, Toastr, Chart.js , Hammer.js

 *

 */



body,

h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: 300;

}



.view,

.view .mask,

.waves-effect {

    overflow: hidden;

}



.divider-new,

.waves-input-wrapper,

table.table.btn-table td {

    vertical-align: middle;

}



.mdb-color.lighten-5 {

    background-color: #d0d6e2 !important;

}



.mdb-color.lighten-4 {

    background-color: #b1bace !important;

}



.mdb-color.lighten-3 {

    background-color: #929fba !important;

}



.mdb-color.lighten-2 {

    background-color: #7283a7 !important;

}



.mdb-color.lighten-1 {

    background-color: #59698d !important;

}



.mdb-color {

    background-color: #45526e !important;

}



.mdb-color-text {

    color: #45526e !important;

}



.rgba-mdb-color-slight,

.rgba-mdb-color-slight:after {

    background-color: rgba(69, 82, 110, 0.1);

}



.rgba-mdb-color-light,

.rgba-mdb-color-light:after {

    background-color: rgba(69, 82, 110, 0.3);

}



.rgba-mdb-color-strong,

.rgba-mdb-color-strong:after {

    background-color: rgba(69, 82, 110, 0.7);

}



.mdb-color.darken-1 {

    background-color: #3b465e !important;

}



.mdb-color.darken-2 {

    background-color: #2e3951 !important;

}



.mdb-color.darken-3 {

    background-color: #1c2a48 !important;

}



.mdb-color.darken-4 {

    background-color: #1c2331 !important;

}



.red.lighten-5 {

    background-color: #ffebee !important;

}



.red.lighten-4 {

    background-color: #ffcdd2 !important;

}



.red.lighten-3 {

    background-color: #ef9a9a !important;

}



.red.lighten-2 {

    background-color: #e57373 !important;

}



.red.lighten-1 {

    background-color: #ef5350 !important;

}



.red {

    background-color: #f44336 !important;

}



.red-text {

    color: #f44336 !important;

}



.rgba-red-slight,

.rgba-red-slight:after {

    background-color: rgba(244, 67, 54, 0.1);

}



.rgba-red-light,

.rgba-red-light:after {

    background-color: rgba(244, 67, 54, 0.3);

}



.rgba-red-strong,

.rgba-red-strong:after {

    background-color: rgba(244, 67, 54, 0.7);

}



.red.darken-1 {

    background-color: #e53935 !important;

}



.red.darken-2 {

    background-color: #d32f2f !important;

}



.red.darken-3 {

    background-color: #c62828 !important;

}



.red.darken-4 {

    background-color: #b71c1c !important;

}



.red.accent-1 {

    background-color: #ff8a80 !important;

}



.red.accent-2 {

    background-color: #ff5252 !important;

}



.red.accent-3 {

    background-color: #ff1744 !important;

}



.red.accent-4 {

    background-color: #d50000 !important;

}



.pink.lighten-5 {

    background-color: #fce4ec !important;

}



.pink.lighten-4 {

    background-color: #f8bbd0 !important;

}



.pink.lighten-3 {

    background-color: #f48fb1 !important;

}



.pink.lighten-2 {

    background-color: #f06292 !important;

}



.pink.lighten-1 {

    background-color: #ec407a !important;

}



.pink {

    background-color: #e91e63 !important;

}



.pink-text {

    color: #e91e63 !important;

}



.rgba-pink-slight,

.rgba-pink-slight:after {

    background-color: rgba(233, 30, 99, 0.1);

}



.rgba-pink-light,

.rgba-pink-light:after {

    background-color: rgba(233, 30, 99, 0.3);

}



.rgba-pink-strong,

.rgba-pink-strong:after {

    background-color: rgba(233, 30, 99, 0.7);

}



.pink.darken-1 {

    background-color: #d81b60 !important;

}



.pink.darken-2 {

    background-color: #c2185b !important;

}



.pink.darken-3 {

    background-color: #ad1457 !important;

}



.pink.darken-4 {

    background-color: #880e4f !important;

}



.pink.accent-1 {

    background-color: #ff80ab !important;

}



.pink.accent-2 {

    background-color: #ff4081 !important;

}



.pink.accent-3 {

    background-color: #f50057 !important;

}



.pink.accent-4 {

    background-color: #c51162 !important;

}



.purple.lighten-5 {

    background-color: #f3e5f5 !important;

}



.purple.lighten-4 {

    background-color: #e1bee7 !important;

}



.purple.lighten-3 {

    background-color: #ce93d8 !important;

}



.purple.lighten-2 {

    background-color: #ba68c8 !important;

}



.purple.lighten-1 {

    background-color: #ab47bc !important;

}



.purple {

    background-color: #9c27b0 !important;

}



.purple-text {

    color: #9c27b0 !important;

}



.rgba-purple-slight,

.rgba-purple-slight:after {

    background-color: rgba(156, 39, 176, 0.1);

}



.rgba-purple-light,

.rgba-purple-light:after {

    background-color: rgba(156, 39, 176, 0.3);

}



.rgba-purple-strong,

.rgba-purple-strong:after {

    background-color: rgba(156, 39, 176, 0.7);

}



.purple.darken-1 {

    background-color: #8e24aa !important;

}



.purple.darken-2 {

    background-color: #7b1fa2 !important;

}



.purple.darken-3 {

    background-color: #6a1b9a !important;

}



.purple.darken-4 {

    background-color: #4a148c !important;

}



.purple.accent-1 {

    background-color: #ea80fc !important;

}



.purple.accent-2 {

    background-color: #e040fb !important;

}



.purple.accent-3 {

    background-color: #d500f9 !important;

}



.purple.accent-4 {

    background-color: #a0f !important;

}



.deep-purple.lighten-5 {

    background-color: #ede7f6 !important;

}



.deep-purple.lighten-4 {

    background-color: #d1c4e9 !important;

}



.deep-purple.lighten-3 {

    background-color: #b39ddb !important;

}



.deep-purple.lighten-2 {

    background-color: #9575cd !important;

}



.deep-purple.lighten-1 {

    background-color: #7e57c2 !important;

}



.deep-purple {

    background-color: #673ab7 !important;

}



.deep-purple-text {

    color: #673ab7 !important;

}



.rgba-deep-purple-slight,

.rgba-deep-purple-slight:after {

    background-color: rgba(103, 58, 183, 0.1);

}



.rgba-deep-purple-light,

.rgba-deep-purple-light:after {

    background-color: rgba(103, 58, 183, 0.3);

}



.rgba-deep-purple-strong,

.rgba-deep-purple-strong:after {

    background-color: rgba(103, 58, 183, 0.7);

}



.deep-purple.darken-1 {

    background-color: #5e35b1 !important;

}



.deep-purple.darken-2 {

    background-color: #512da8 !important;

}



.deep-purple.darken-3 {

    background-color: #4527a0 !important;

}



.deep-purple.darken-4 {

    background-color: #311b92 !important;

}



.deep-purple.accent-1 {

    background-color: #b388ff !important;

}



.deep-purple.accent-2 {

    background-color: #7c4dff !important;

}



.deep-purple.accent-3 {

    background-color: #651fff !important;

}



.deep-purple.accent-4 {

    background-color: #6200ea !important;

}



.indigo.lighten-5 {

    background-color: #e8eaf6 !important;

}



.indigo.lighten-4 {

    background-color: #c5cae9 !important;

}



.indigo.lighten-3 {

    background-color: #9fa8da !important;

}



.indigo.lighten-2 {

    background-color: #7986cb !important;

}



.indigo.lighten-1 {

    background-color: #5c6bc0 !important;

}



.indigo {

    background-color: #3f51b5 !important;

}



.indigo-text {

    color: #3f51b5 !important;

}



.rgba-indigo-slight,

.rgba-indigo-slight:after {

    background-color: rgba(63, 81, 181, 0.1);

}



.rgba-indigo-light,

.rgba-indigo-light:after {

    background-color: rgba(63, 81, 181, 0.3);

}



.rgba-indigo-strong,

.rgba-indigo-strong:after {

    background-color: rgba(63, 81, 181, 0.7);

}



.indigo.darken-1 {

    background-color: #3949ab !important;

}



.indigo.darken-2 {

    background-color: #303f9f !important;

}



.indigo.darken-3 {

    background-color: #283593 !important;

}



.indigo.darken-4 {

    background-color: #1a237e !important;

}



.indigo.accent-1 {

    background-color: #8c9eff !important;

}



.indigo.accent-2 {

    background-color: #536dfe !important;

}



.indigo.accent-3 {

    background-color: #3d5afe !important;

}



.indigo.accent-4 {

    background-color: #304ffe !important;

}



.blue.lighten-5 {

    background-color: #e3f2fd !important;

}



.blue.lighten-4 {

    background-color: #bbdefb !important;

}



.blue.lighten-3 {

    background-color: #90caf9 !important;

}



.blue.lighten-2 {

    background-color: #64b5f6 !important;

}



.blue.lighten-1 {

    background-color: #42a5f5 !important;

}



.blue {

    background-color: #2196f3 !important;

}



.blue-text {

    color: #2196f3 !important;

}



.rgba-blue-slight,

.rgba-blue-slight:after {

    background-color: rgba(33, 150, 243, 0.1);

}



.rgba-blue-light,

.rgba-blue-light:after {

    background-color: rgba(33, 150, 243, 0.3);

}



.rgba-blue-strong,

.rgba-blue-strong:after {

    background-color: rgba(33, 150, 243, 0.7);

}



.blue.darken-1 {

    background-color: #1e88e5 !important;

}



.blue.darken-2 {

    background-color: #1976d2 !important;

}



.blue.darken-3 {

    background-color: #1565c0 !important;

}



.blue.darken-4 {

    background-color: #0d47a1 !important;

}



.blue.accent-1 {

    background-color: #82b1ff !important;

}



.blue.accent-2 {

    background-color: #448aff !important;

}



.blue.accent-3 {

    background-color: #2979ff !important;

}



.blue.accent-4 {

    background-color: #2962ff !important;

}



.light-blue.lighten-5 {

    background-color: #e1f5fe !important;

}



.light-blue.lighten-4 {

    background-color: #b3e5fc !important;

}



.light-blue.lighten-3 {

    background-color: #81d4fa !important;

}



.light-blue.lighten-2 {

    background-color: #4fc3f7 !important;

}



.light-blue.lighten-1 {

    background-color: #29b6f6 !important;

}



.light-blue {

    background-color: #03a9f4 !important;

}



.light-blue-text {

    color: #03a9f4 !important;

}



.rgba-light-blue-slight,

.rgba-light-blue-slight:after {

    background-color: rgba(3, 169, 244, 0.1);

}



.rgba-light-blue-light,

.rgba-light-blue-light:after {

    background-color: rgba(3, 169, 244, 0.3);

}



.rgba-light-blue-strong,

.rgba-light-blue-strong:after {

    background-color: rgba(3, 169, 244, 0.7);

}



.light-blue.darken-1 {

    background-color: #039be5 !important;

}



.light-blue.darken-2 {

    background-color: #0288d1 !important;

}



.light-blue.darken-3 {

    background-color: #0277bd !important;

}



.light-blue.darken-4 {

    background-color: #01579b !important;

}



.light-blue.accent-1 {

    background-color: #80d8ff !important;

}



.light-blue.accent-2 {

    background-color: #40c4ff !important;

}



.light-blue.accent-3 {

    background-color: #00b0ff !important;

}



.light-blue.accent-4 {

    background-color: #0091ea !important;

}



.cyan.lighten-5 {

    background-color: #e0f7fa !important;

}



.cyan.lighten-4 {

    background-color: #b2ebf2 !important;

}



.cyan.lighten-3 {

    background-color: #80deea !important;

}



.cyan.lighten-2 {

    background-color: #4dd0e1 !important;

}



.cyan.lighten-1 {

    background-color: #26c6da !important;

}



.cyan {

    background-color: #00bcd4 !important;

}



.cyan-text {

    color: #00bcd4 !important;

}



.rgba-cyan-slight,

.rgba-cyan-slight:after {

    background-color: rgba(0, 188, 212, 0.1);

}



.rgba-cyan-light,

.rgba-cyan-light:after {

    background-color: rgba(0, 188, 212, 0.3);

}



.rgba-cyan-strong,

.rgba-cyan-strong:after {

    background-color: rgba(0, 188, 212, 0.7);

}



.cyan.darken-1 {

    background-color: #00acc1 !important;

}



.cyan.darken-2 {

    background-color: #0097a7 !important;

}



.cyan.darken-3 {

    background-color: #00838f !important;

}



.cyan.darken-4 {

    background-color: #006064 !important;

}



.cyan.accent-1 {

    background-color: #84ffff !important;

}



.cyan.accent-2 {

    background-color: #18ffff !important;

}



.cyan.accent-3 {

    background-color: #00e5ff !important;

}



.cyan.accent-4 {

    background-color: #00b8d4 !important;

}



.teal.lighten-5 {

    background-color: #e0f2f1 !important;

}



.teal.lighten-4 {

    background-color: #b2dfdb !important;

}



.teal.lighten-3 {

    background-color: #80cbc4 !important;

}



.teal.lighten-2 {

    background-color: #4db6ac !important;

}



.teal.lighten-1 {

    background-color: #26a69a !important;

}



.teal {

    background-color: #009688 !important;

}



.teal-text {

    color: #009688 !important;

}



.rgba-teal-slight,

.rgba-teal-slight:after {

    background-color: rgba(0, 150, 136, 0.1);

}



.rgba-teal-light,

.rgba-teal-light:after {

    background-color: rgba(0, 150, 136, 0.3);

}



.rgba-teal-strong,

.rgba-teal-strong:after {

    background-color: rgba(0, 150, 136, 0.7);

}



.teal.darken-1 {

    background-color: #00897b !important;

}



.teal.darken-2 {

    background-color: #00796b !important;

}



.teal.darken-3 {

    background-color: #00695c !important;

}



.teal.darken-4 {

    background-color: #004d40 !important;

}



.teal.accent-1 {

    background-color: #a7ffeb !important;

}



.teal.accent-2 {

    background-color: #64ffda !important;

}



.teal.accent-3 {

    background-color: #1de9b6 !important;

}



.teal.accent-4 {

    background-color: #00bfa5 !important;

}



.green.lighten-5 {

    background-color: #e8f5e9 !important;

}



.green.lighten-4 {

    background-color: #c8e6c9 !important;

}



.green.lighten-3 {

    background-color: #a5d6a7 !important;

}



.green.lighten-2 {

    background-color: #81c784 !important;

}



.green.lighten-1 {

    background-color: #66bb6a !important;

}



.green {

    background-color: #4caf50 !important;

}



.green-text {

    color: #4caf50 !important;

}



.rgba-green-slight,

.rgba-green-slight:after {

    background-color: rgba(76, 175, 80, 0.1);

}



.rgba-green-light,

.rgba-green-light:after {

    background-color: rgba(76, 175, 80, 0.3);

}



.rgba-green-strong,

.rgba-green-strong:after {

    background-color: rgba(76, 175, 80, 0.7);

}



.green.darken-1 {

    background-color: #43a047 !important;

}



.green.darken-2 {

    background-color: #388e3c !important;

}



.green.darken-3 {

    background-color: #2e7d32 !important;

}



.green.darken-4 {

    background-color: #1b5e20 !important;

}



.green.accent-1 {

    background-color: #b9f6ca !important;

}



.green.accent-2 {

    background-color: #69f0ae !important;

}



.green.accent-3 {

    background-color: #00e676 !important;

}



.green.accent-4 {

    background-color: #00c853 !important;

}



.light-green.lighten-5 {

    background-color: #f1f8e9 !important;

}



.light-green.lighten-4 {

    background-color: #dcedc8 !important;

}



.light-green.lighten-3 {

    background-color: #c5e1a5 !important;

}



.light-green.lighten-2 {

    background-color: #aed581 !important;

}



.light-green.lighten-1 {

    background-color: #9ccc65 !important;

}



.light-green {

    background-color: #8bc34a !important;

}



.light-green-text {

    color: #8bc34a !important;

}



.rgba-light-green-slight,

.rgba-light-green-slight:after {

    background-color: rgba(139, 195, 74, 0.1);

}



.rgba-light-green-light,

.rgba-light-green-light:after {

    background-color: rgba(139, 195, 74, 0.3);

}



.rgba-light-green-strong,

.rgba-light-green-strong:after {

    background-color: rgba(139, 195, 74, 0.7);

}



.light-green.darken-1 {

    background-color: #7cb342 !important;

}



.light-green.darken-2 {

    background-color: #689f38 !important;

}



.light-green.darken-3 {

    background-color: #558b2f !important;

}



.light-green.darken-4 {

    background-color: #33691e !important;

}



.light-green.accent-1 {

    background-color: #ccff90 !important;

}



.light-green.accent-2 {

    background-color: #b2ff59 !important;

}



.light-green.accent-3 {

    background-color: #76ff03 !important;

}



.light-green.accent-4 {

    background-color: #64dd17 !important;

}



.lime.lighten-5 {

    background-color: #f9fbe7 !important;

}



.lime.lighten-4 {

    background-color: #f0f4c3 !important;

}



.lime.lighten-3 {

    background-color: #e6ee9c !important;

}



.lime.lighten-2 {

    background-color: #dce775 !important;

}



.lime.lighten-1 {

    background-color: #d4e157 !important;

}



.lime {

    background-color: #cddc39 !important;

}



.lime-text {

    color: #cddc39 !important;

}



.rgba-lime-slight,

.rgba-lime-slight:after {

    background-color: rgba(205, 220, 57, 0.1);

}



.rgba-lime-light,

.rgba-lime-light:after {

    background-color: rgba(205, 220, 57, 0.3);

}



.rgba-lime-strong,

.rgba-lime-strong:after {

    background-color: rgba(205, 220, 57, 0.7);

}



.lime.darken-1 {

    background-color: #c0ca33 !important;

}



.lime.darken-2 {

    background-color: #afb42b !important;

}



.lime.darken-3 {

    background-color: #9e9d24 !important;

}



.lime.darken-4 {

    background-color: #827717 !important;

}



.lime.accent-1 {

    background-color: #f4ff81 !important;

}



.lime.accent-2 {

    background-color: #eeff41 !important;

}



.lime.accent-3 {

    background-color: #c6ff00 !important;

}



.lime.accent-4 {

    background-color: #aeea00 !important;

}



.yellow.lighten-5 {

    background-color: #fffde7 !important;

}



.yellow.lighten-4 {

    background-color: #fff9c4 !important;

}



.yellow.lighten-3 {

    background-color: #fff59d !important;

}



.yellow.lighten-2 {

    background-color: #fff176 !important;

}



.yellow.lighten-1 {

    background-color: #ffee58 !important;

}



.yellow {

    background-color: #ffeb3b !important;

}



.yellow-text {

    color: #ffeb3b !important;

}



.rgba-yellow-slight,

.rgba-yellow-slight:after {

    background-color: rgba(255, 235, 59, 0.1);

}



.rgba-yellow-light,

.rgba-yellow-light:after {

    background-color: rgba(255, 235, 59, 0.3);

}



.rgba-yellow-strong,

.rgba-yellow-strong:after {

    background-color: rgba(255, 235, 59, 0.7);

}



.yellow.darken-1 {

    background-color: #fdd835 !important;

}



.yellow.darken-2 {

    background-color: #fbc02d !important;

}



.yellow.darken-3 {

    background-color: #f9a825 !important;

}



.yellow.darken-4 {

    background-color: #f57f17 !important;

}



.yellow.accent-1 {

    background-color: #ffff8d !important;

}



.yellow.accent-2 {

    background-color: #ff0 !important;

}



.yellow.accent-3 {

    background-color: #ffea00 !important;

}



.yellow.accent-4 {

    background-color: #ffd600 !important;

}



.amber.lighten-5 {

    background-color: #fff8e1 !important;

}



.amber.lighten-4 {

    background-color: #ffecb3 !important;

}



.amber.lighten-3 {

    background-color: #ffe082 !important;

}



.amber.lighten-2 {

    background-color: #ffd54f !important;

}



.amber.lighten-1 {

    background-color: #ffca28 !important;

}



.amber {

    background-color: #ffc107 !important;

}



.amber-text {

    color: #ffc107 !important;

}



.rgba-amber-slight,

.rgba-amber-slight:after {

    background-color: rgba(255, 193, 7, 0.1);

}



.rgba-amber-light,

.rgba-amber-light:after {

    background-color: rgba(255, 193, 7, 0.3);

}



.rgba-amber-strong,

.rgba-amber-strong:after {

    background-color: rgba(255, 193, 7, 0.7);

}



.amber.darken-1 {

    background-color: #ffb300 !important;

}



.amber.darken-2 {

    background-color: #ffa000 !important;

}



.amber.darken-3 {

    background-color: #ff8f00 !important;

}



.amber.darken-4 {

    background-color: #ff6f00 !important;

}



.amber.accent-1 {

    background-color: #ffe57f !important;

}



.amber.accent-2 {

    background-color: #ffd740 !important;

}



.amber.accent-3 {

    background-color: #ffc400 !important;

}



.amber.accent-4 {

    background-color: #ffab00 !important;

}



.orange.lighten-5 {

    background-color: #fff3e0 !important;

}



.orange.lighten-4 {

    background-color: #ffe0b2 !important;

}



.orange.lighten-3 {

    background-color: #ffcc80 !important;

}



.orange.lighten-2 {

    background-color: #ffb74d !important;

}



.orange.lighten-1 {

    background-color: #ffa726 !important;

}



.orange {

    background-color: #ff9800 !important;

}



.orange-text {

    color: #ff9800 !important;

}



.rgba-orange-slight,

.rgba-orange-slight:after {

    background-color: rgba(255, 152, 0, 0.1);

}



.rgba-orange-light,

.rgba-orange-light:after {

    background-color: rgba(255, 152, 0, 0.3);

}



.rgba-orange-strong,

.rgba-orange-strong:after {

    background-color: rgba(255, 152, 0, 0.7);

}



.orange.darken-1 {

    background-color: #fb8c00 !important;

}



.orange.darken-2 {

    background-color: #f57c00 !important;

}



.orange.darken-3 {

    background-color: #ef6c00 !important;

}



.orange.darken-4 {

    background-color: #e65100 !important;

}



.orange.accent-1 {

    background-color: #ffd180 !important;

}



.orange.accent-2 {

    background-color: #ffab40 !important;

}



.orange.accent-3 {

    background-color: #ff9100 !important;

}



.orange.accent-4 {

    background-color: #ff6d00 !important;

}



.deep-orange.lighten-5 {

    background-color: #fbe9e7 !important;

}



.deep-orange.lighten-4 {

    background-color: #ffccbc !important;

}



.deep-orange.lighten-3 {

    background-color: #ffab91 !important;

}



.deep-orange.lighten-2 {

    background-color: #ff8a65 !important;

}



.deep-orange.lighten-1 {

    background-color: #ff7043 !important;

}



.deep-orange {

    background-color: #ff5722 !important;

}



.deep-orange-text {

    color: #ff5722 !important;

}



.rgba-deep-orange-slight,

.rgba-deep-orange-slight:after {

    background-color: rgba(255, 87, 34, 0.1);

}



.rgba-deep-orange-light,

.rgba-deep-orange-light:after {

    background-color: rgba(255, 87, 34, 0.3);

}



.rgba-deep-orange-strong,

.rgba-deep-orange-strong:after {

    background-color: rgba(255, 87, 34, 0.7);

}



.deep-orange.darken-1 {

    background-color: #f4511e !important;

}



.deep-orange.darken-2 {

    background-color: #e64a19 !important;

}



.deep-orange.darken-3 {

    background-color: #d84315 !important;

}



.deep-orange.darken-4 {

    background-color: #bf360c !important;

}



.deep-orange.accent-1 {

    background-color: #ff9e80 !important;

}



.deep-orange.accent-2 {

    background-color: #ff6e40 !important;

}



.deep-orange.accent-3 {

    background-color: #ff3d00 !important;

}



.deep-orange.accent-4 {

    background-color: #dd2c00 !important;

}



.brown.lighten-5 {

    background-color: #efebe9 !important;

}



.brown.lighten-4 {

    background-color: #d7ccc8 !important;

}



.brown.lighten-3 {

    background-color: #bcaaa4 !important;

}



.brown.lighten-2 {

    background-color: #a1887f !important;

}



.brown.lighten-1 {

    background-color: #8d6e63 !important;

}



.brown {

    background-color: #795548 !important;

}



.brown-text {

    color: #795548 !important;

}



.rgba-brown-slight,

.rgba-brown-slight:after {

    background-color: rgba(121, 85, 72, 0.1);

}



.rgba-brown-light,

.rgba-brown-light:after {

    background-color: rgba(121, 85, 72, 0.3);

}



.rgba-brown-strong,

.rgba-brown-strong:after {

    background-color: rgba(121, 85, 72, 0.7);

}



.brown.darken-1 {

    background-color: #6d4c41 !important;

}



.brown.darken-2 {

    background-color: #5d4037 !important;

}



.brown.darken-3 {

    background-color: #4e342e !important;

}



.brown.darken-4 {

    background-color: #3e2723 !important;

}



.blue-grey.lighten-5 {

    background-color: #eceff1 !important;

}



.blue-grey.lighten-4 {

    background-color: #cfd8dc !important;

}



.blue-grey.lighten-3 {

    background-color: #b0bec5 !important;

}



.blue-grey.lighten-2 {

    background-color: #90a4ae !important;

}



.blue-grey.lighten-1 {

    background-color: #78909c !important;

}



.blue-grey {

    background-color: #607d8b !important;

}



.blue-grey-text {

    color: #607d8b !important;

}



.rgba-blue-grey-slight,

.rgba-blue-grey-slight:after {

    background-color: rgba(96, 125, 139, 0.1);

}



.rgba-blue-grey-light,

.rgba-blue-grey-light:after {

    background-color: rgba(96, 125, 139, 0.3);

}



.rgba-blue-grey-strong,

.rgba-blue-grey-strong:after {

    background-color: rgba(96, 125, 139, 0.7);

}



.blue-grey.darken-1 {

    background-color: #546e7a !important;

}



.blue-grey.darken-2 {

    background-color: #455a64 !important;

}



.blue-grey.darken-3 {

    background-color: #37474f !important;

}



.blue-grey.darken-4 {

    background-color: #263238 !important;

}



.grey.lighten-5 {

    background-color: #fafafa !important;

}



.grey.lighten-4 {

    background-color: #f5f5f5 !important;

}



.grey.lighten-3 {

    background-color: #eee !important;

}



.grey.lighten-2 {

    background-color: #e0e0e0 !important;

}



.grey.lighten-1 {

    background-color: #bdbdbd !important;

}



.grey {

    background-color: #9e9e9e !important;

}



.grey-text {

    color: #9e9e9e !important;

}



.rgba-grey-slight,

.rgba-grey-slight:after {

    background-color: rgba(158, 158, 158, 0.1);

}



.rgba-grey-light,

.rgba-grey-light:after {

    background-color: rgba(158, 158, 158, 0.3);

}



.rgba-grey-strong,

.rgba-grey-strong:after {

    background-color: rgba(158, 158, 158, 0.7);

}



.grey.darken-1 {

    background-color: #757575 !important;

}



.grey.darken-2 {

    background-color: #616161 !important;

}



.grey.darken-3 {

    background-color: #424242 !important;

}



.grey.darken-4 {

    background-color: #212121 !important;

}



.black {

    background-color: #000 !important;

}



.black-text,

.btn.btn-link {

    color: #000 !important;

}



.rgba-black-slight,

.rgba-black-slight:after {

    background-color: rgba(0, 0, 0, 0.1);

}



.rgba-black-light,

.rgba-black-light:after {

    background-color: rgba(0, 0, 0, 0.3);

}



.rgba-black-strong,

.rgba-black-strong:after {

    background-color: rgba(0, 0, 0, 0.7);

}



.white {

    background-color: #fff !important;

}



.white-text {

    color: #fff !important;

}



.rgba-white-slight,

.rgba-white-slight:after {

    background-color: rgba(255, 255, 255, 0.1);

}



.rgba-white-light,

.rgba-white-light:after {

    background-color: rgba(255, 255, 255, 0.3);

}



.rgba-white-strong,

.rgba-white-strong:after {

    background-color: rgba(255, 255, 255, 0.7);

}



.rgba-stylish-slight {

    background-color: rgba(62, 69, 81, 0.1);

}



.rgba-stylish-light {

    background-color: rgba(62, 69, 81, 0.3);

}



.rgba-stylish-strong {

    background-color: rgba(62, 69, 81, 0.7);

}



.dark-grey-text,

.dark-grey-text:focus,

.dark-grey-text:hover {

    color: #4f4f4f !important;

}



a,

a.disabled:hover,

a:disabled:hover {

    color: #007bff;

}



.primary-color {

    background-color: #4285f4 !important;

}



.primary-color-dark {

    background-color: #0d47a1 !important;

}



.secondary-color {

    background-color: #a6c !important;

}



.secondary-color-dark {

    background-color: #93c !important;

}



.default-color {

    background-color: #2bbbad !important;

}



.default-color-dark {

    background-color: #00695c !important;

}



.info-color {

    background-color: #33b5e5 !important;

}



.info-color-dark {

    background-color: #09c !important;

}



.success-color {

    background-color: #00c851 !important;

}



.success-color-dark {

    background-color: #007e33 !important;

}



.warning-color {

    background-color: #fb3 !important;

}



.warning-color-dark {

    background-color: #f80 !important;

}



.danger-color {

    background-color: #ff3547 !important;

}



.danger-color-dark {

    background-color: #c00 !important;

}



.elegant-color {

    background-color: #2e2e2e !important;

}



.elegant-color-dark {

    background-color: #212121 !important;

}



.stylish-color {

    background-color: #4b515d !important;

}



.stylish-color-dark {

    background-color: #3e4551 !important;

}



.unique-color {

    background-color: #3f729b !important;

}



.unique-color-dark {

    background-color: #1c2331 !important;

}



.special-color {

    background-color: #37474f !important;

}



.special-color-dark {

    background-color: #263238 !important;

}



.z-depth-0 {

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

}



.z-depth-1 {

    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

}



.btn:active,

.btn:focus,

.btn:hover,

.z-depth-1-half {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.z-depth-1-half {

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.z-depth-2 {

    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}



.z-depth-3 {

    -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);

    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);

}



.z-depth-4 {

    -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);

    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);

}



.z-depth-5 {

    -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);

    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);

}



.hoverable {

    -webkit-box-shadow: none;

    box-shadow: none;

    -webkit-transition: all 0.55s ease-in-out;

    -o-transition: all 0.55s ease-in-out;

    transition: all 0.55s ease-in-out;

}



.hoverable:hover {

    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    -webkit-transition: all 0.55s ease-in-out;

    -o-transition: all 0.55s ease-in-out;

    transition: all 0.55s ease-in-out;

}



.disabled,

:disabled {

    pointer-events: none !important;

}



a {

    cursor: pointer;

    text-decoration: none;

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}



a:hover {

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    text-decoration: none;

}



a:not([href]):not([tabindex]),

a:not([href]):not([tabindex]):focus,

a:not([href]):not([tabindex]):hover {

    color: inherit;

    text-decoration: none;

}



.img-fluid,

.modal-dialog.cascading-modal.modal-avatar .modal-header,

.video-fluid {

    max-width: 100%;

    height: auto;

}



.flex-center {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    height: 100%;

}



.flex-center p {

    margin: 0;

}



.flex-center ul {

    text-align: center;

}



.flex-center ul li {

    margin-bottom: 1rem;

}



.flex-center ul li:last-of-type {

    margin-bottom: 0;

}



.hr-light {

    border-top: 1px solid #fff;

}



.hr-dark {

    border-top: 1px solid #666;

}



.w-responsive {

    width: 75%;

}



@media (max-width: 740px) {

    .w-responsive {

        width: 100%;

    }

}



.collapsible-body {

    display: none;

}



.jumbotron {

    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

    -webkit-border-radius: 0.125rem;

    border-radius: 0.125rem;

    background-color: #fff;

}



.bg-primary {

    background-color: #4285f4 !important;

}



a.bg-primary:focus,

a.bg-primary:hover,

button.bg-primary:focus,

button.bg-primary:hover {

    background-color: #1266f1 !important;

}



.border-primary {

    border-color: #4285f4 !important;

}



.bg-danger {

    background-color: #ff3547 !important;

}



a.bg-danger:focus,

a.bg-danger:hover,

button.bg-danger:focus,

button.bg-danger:hover {

    background-color: #ff0219 !important;

}



.border-danger {

    border-color: #ff3547 !important;

}



.bg-warning {

    background-color: #f80 !important;

}



a.bg-warning:focus,

a.bg-warning:hover,

button.bg-warning:focus,

button.bg-warning:hover {

    background-color: #cc6d00 !important;

}



.border-warning {

    border-color: #f80 !important;

}



.bg-success {

    background-color: #00c851 !important;

}



a.bg-success:focus,

a.bg-success:hover,

button.bg-success:focus,

button.bg-success:hover {

    background-color: #00953c !important;

}



.border-success {

    border-color: #00c851 !important;

}



.bg-info {

    background-color: #33b5e5 !important;

}



a.bg-info:focus,

a.bg-info:hover,

button.bg-info:focus,

button.bg-info:hover {

    background-color: #1a9bcb !important;

}



.border-info {

    border-color: #33b5e5 !important;

}



.bg-default {

    background-color: #2bbbad !important;

}



a.bg-default:focus,

a.bg-default:hover,

button.bg-default:focus,

button.bg-default:hover {

    background-color: #219287 !important;

}



.border-default {

    border-color: #2bbbad !important;

}



.bg-secondary {

    background-color: #a6c !important;

}



a.bg-secondary:focus,

a.bg-secondary:hover,

button.bg-secondary:focus,

button.bg-secondary:hover {

    background-color: #9540bf !important;

}



.border-secondary {

    border-color: #a6c !important;

}



.bg-dark {

    background-color: #212121 !important;

}



a.bg-dark:focus,

a.bg-dark:hover,

button.bg-dark:focus,

button.bg-dark:hover {

    background-color: #080808 !important;

}



.border-dark {

    border-color: #212121 !important;

}



.border-light {

    border-color: #e0e0e0 !important;

}



.card-img-100 {

    width: 100px;

    height: 100px;

}



.card-img-64 {

    width: 64px;

    height: 64px;

}





/* @font-face {

    font-family: Roboto;

    src: local(Roboto Thin), url(../font/roboto/Roboto-Thin.eot);

    src: url(../font/roboto/Roboto-Thin.eot?#iefix) format("embedded-opentype"), url(../font/roboto/Roboto-Thin.woff2) format("woff2"), url(../font/roboto/Roboto-Thin.woff) format("woff"), url(../font/roboto/Roboto-Thin.ttf) format("truetype");

    font-weight: 200;

}



@font-face {

    font-family: Roboto;

    src: local(Roboto Light), url(../font/roboto/Roboto-Light.eot);

    src: url(../font/roboto/Roboto-Light.eot?#iefix) format("embedded-opentype"), url(../font/roboto/Roboto-Light.woff2) format("woff2"), url(../font/roboto/Roboto-Light.woff) format("woff"), url(../font/roboto/Roboto-Light.ttf) format("truetype");

    font-weight: 300;

}



@font-face {

    font-family: Roboto;

    src: local(Roboto Regular), url(../font/roboto/Roboto-Regular.eot);

    src: url(../font/roboto/Roboto-Regular.eot?#iefix) format("embedded-opentype"), url(../font/roboto/Roboto-Regular.woff2) format("woff2"), url(../font/roboto/Roboto-Regular.woff) format("woff"), url(../font/roboto/Roboto-Regular.ttf) format("truetype");

    font-weight: 400;

}



@font-face {

    font-family: Roboto;

    src: url(../font/roboto/Roboto-Medium.eot);

    src: url(../font/roboto/Roboto-Medium.eot?#iefix) format("embedded-opentype"), url(../font/roboto/Roboto-Medium.woff2) format("woff2"), url(../font/roboto/Roboto-Medium.woff) format("woff"), url(../font/roboto/Roboto-Medium.ttf) format("truetype");

    font-weight: 500;

}



@font-face {

    font-family: Roboto;

    src: url(../font/roboto/Roboto-Bold.eot);

    src: url(../font/roboto/Roboto-Bold.eot?#iefix) format("embedded-opentype"), url(../font/roboto/Roboto-Bold.woff2) format("woff2"), url(../font/roboto/Roboto-Bold.woff) format("woff"), url(../font/roboto/Roboto-Bold.ttf) format("truetype");

    font-weight: 700;

} */



body {

    font-family: Roboto, sans-serif;

}



.blockquote .bq-title,

.card,

.card .card-body h1,

.card .card-body h2,

.card .card-body h3,

.card .card-body h4,

.card .card-body h5,

.card .card-body h6 {

    font-weight: 400;

}



.h1-responsive {

    font-size: 150%;

}



.h2-responsive {

    font-size: 145%;

}



.h3-responsive,

.h4-responsive,

.h5-responsive {

    font-size: 135%;

}



@media (min-width: 576px) {

    .h1-responsive {

        font-size: 170%;

    }

    .h2-responsive {

        font-size: 140%;

    }

    .h3-responsive,

    .h4-responsive,

    .h5-responsive {

        font-size: 125%;

    }

}



@media (min-width: 768px) {

    .h1-responsive {

        font-size: 200%;

    }

    .h2-responsive {

        font-size: 170%;

    }

    .h3-responsive {

        font-size: 140%;

    }

    .h4-responsive,

    .h5-responsive {

        font-size: 125%;

    }

}



@media (min-width: 992px) {

    .h1-responsive {

        font-size: 200%;

    }

    .h2-responsive {

        font-size: 170%;

    }

    .h3-responsive {

        font-size: 140%;

    }

    .h4-responsive,

    .h5-responsive {

        font-size: 125%;

    }

}



@media (min-width: 1200px) {

    .h1-responsive {

        font-size: 250%;

    }

    .h2-responsive {

        font-size: 200%;

    }

    .h3-responsive {

        font-size: 170%;

    }

    .h4-responsive {

        font-size: 140%;

    }

    .h5-responsive {

        font-size: 125%;

    }

}



.divider-new {

    -webkit-flex-direction: row;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    margin-top: 2.8rem;

    margin-bottom: 2.8rem;

}



.divider-new h2,

.divider-new h3,

.divider-new h4,

.divider-new h5,

.divider-new h6,

.divider-new>h1 {

    margin-bottom: 0;

}



.divider-new:after,

.divider-new:before {

    content: "";

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    height: 2px;

    background: #c6c6c6;

}



.divider-new:before {

    margin: 0 0.5rem 0 0;

}



.divider-new:after {

    margin: 0 0 0 0.5rem;

}



.blockquote {

    padding: 0.5rem 1rem;

    border-left: 0.25rem solid #eceeef;

}



.blockquote .bq-title {

    margin-bottom: 0;

    font-size: 1.5rem;

}



.blockquote p {

    padding: 1rem 0 1rem 2rem;

    font-size: 1.1rem;

}



.bq-primary {

    border-left: 3px solid #4285f4 !important;

}



.bq-primary .bq-title {

    color: #4285f4 !important;

}



.bq-danger {

    border-left: 3px solid #ff3547 !important;

}



.bq-danger .bq-title {

    color: #ff3547 !important;

}



.bq-warning {

    border-left: 3px solid #fb3 !important;

}



.bq-warning .bq-title {

    color: #fb3 !important;

}



.bq-success {

    border-left: 3px solid #00c851 !important;

}



.bq-success .bq-title {

    color: #00c851 !important;

}



.bq-info {

    border-left: 3px solid #33b5e5 !important;

}



.bq-info .bq-title {

    color: #33b5e5 !important;

}



.text-primary {

    color: #4285f4 !important;

}



a.text-primary:focus,

a.text-primary:hover {

    color: #1266f1 !important;

}



.text-danger {

    color: #ff3547 !important;

}



a.text-danger:focus,

a.text-danger:hover {

    color: #ff0219 !important;

}



.text-warning {

    color: #f80 !important;

}



a.text-warning:focus,

a.text-warning:hover {

    color: #cc6d00 !important;

}



.text-success {

    color: #00c851 !important;

}



a.text-success:focus,

a.text-success:hover {

    color: #00953c !important;

}



.text-info {

    color: #33b5e5 !important;

}



a.text-info:focus,

a.text-info:hover {

    color: #1a9bcb !important;

}



.text-default {

    color: #2bbbad !important;

}



a.text-default:focus,

a.text-default:hover {

    color: #219287 !important;

}



.text-secondary {

    color: #a6c !important;

}



a.text-secondary:focus,

a.text-secondary:hover {

    color: #9540bf !important;

}



.text-dark {

    color: #212121 !important;

}



a.text-dark:focus,

a.text-dark:hover {

    color: #080808 !important;

}



.text-light {

    color: #e0e0e0 !important;

}



a.text-light:focus,

a.text-light:hover {

    color: #c7c7c7 !important;

}



.font-small {

    font-size: 0.9rem;

}



.view {

    position: relative;

    cursor: default;

}



.view .mask {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    background-attachment: fixed;

}



.view img,

.view video {

    position: relative;

    display: block;

}



.view video.video-intro {

    z-index: -100;

    top: 50%;

    left: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    -webkit-transition: 1s opacity;

    -o-transition: 1s opacity;

    transition: 1s opacity;

    min-width: 100%;

    min-height: 100%;

    width: auto;

    height: auto;

}



.overlay .mask {

    opacity: 0;

    -webkit-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.overlay .mask:hover {

    opacity: 1;

}



.zoom img,

.zoom video {

    -webkit-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;

}



.zoom:hover img,

.zoom:hover video {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

}



.pattern-1 {

    background: url(../img//overlays/01.png);

}



.pattern-2 {

    background: url(../img//overlays/02.png);

}



.pattern-3 {

    background: url(../img//overlays/03.png);

}



.pattern-4 {

    background: url(../img//overlays/04.png);

}



.pattern-5 {

    background: url(../img//overlays/05.png);

}



.pattern-6 {

    background: url(../img//overlays/06.png);

}



.pattern-7 {

    background: url(../img//overlays/07.png);

}



.pattern-8 {

    background: url(../img//overlays/08.png);

}



.pattern-9 {

    background: url(../img//overlays/09.png);

}





/*!

  * Waves v0.7.5

  * http://fian.my.id/Waves

  *

  * Copyright 2014-2016 Alfiana E. Sibuea and other contributors

  * Released under the MIT license

  * https://github.com/fians/Waves/blob/master/LICENSE

  */



.waves-effect {

    position: relative;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-tap-highlight-color: transparent;

    z-index: 1;

}



.waves-effect .waves-ripple {

    position: absolute;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    width: 100px;

    height: 100px;

    margin-top: -50px;

    margin-left: -50px;

    opacity: 0;

    background: rgba(0, 0, 0, 0.2);

    background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);

    background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);

    background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

    -webkit-transition-property: opacity, -webkit-transform;

    -o-transition-property: transform, opacity;

    transition-property: transform, opacity;

    transition-property: transform, opacity, -webkit-transform;

    -webkit-transform: scale(0) translate(0, 0);

    -ms-transform: scale(0) translate(0, 0);

    transform: scale(0) translate(0, 0);

    pointer-events: none;

}



.waves-effect.waves-light .waves-ripple {

    background: rgba(255, 255, 255, 0.4);

    background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);

    background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);

    background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);

}



.waves-effect.waves-classic .waves-ripple {

    background: rgba(0, 0, 0, 0.2);

}



.waves-effect.waves-classic.waves-light .waves-ripple {

    background: rgba(255, 255, 255, 0.4);

}



.waves-notransition {

    -webkit-transition: none !important;

    -o-transition: none !important;

    transition: none !important;

}



.waves-button,

.waves-circle {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%);

}



.waves-button,

.waves-button-input,

.waves-button:hover,

.waves-button:visited {

    white-space: nowrap;

    vertical-align: middle;

    cursor: pointer;

    border: none;

    outline: 0;

    color: inherit;

    background-color: rgba(0, 0, 0, 0);

    font-size: 1em;

    line-height: 1em;

    text-align: center;

    text-decoration: none;

    z-index: 1;

}



.waves-button {

    padding: 0.85em 1.1em;

    -webkit-border-radius: 0.2em;

    border-radius: 0.2em;

}



.waves-button-input {

    margin: 0;

    padding: 0.85em 1.1em;

}



.waves-input-wrapper {

    -webkit-border-radius: 0.2em;

    border-radius: 0.2em;

    display: inline-block;

}



.waves-input-wrapper.waves-button {

    padding: 0;

}



.waves-input-wrapper .waves-button-input {

    position: relative;

    top: 0;

    left: 0;

    z-index: 1;

}



.waves-circle {

    text-align: center;

    width: 2.5em;

    height: 2.5em;

    line-height: 2.5em;

    -webkit-border-radius: 50%;

    border-radius: 50%;

}



.waves-float {

    -webkit-mask-image: none;

    -webkit-box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, 0.12);

    box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, 0.12);

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}



.waves-float:active {

    -webkit-box-shadow: 0 8px 20px 1px rgba(0, 0, 0, 0.3);

    box-shadow: 0 8px 20px 1px rgba(0, 0, 0, 0.3);

}



.waves-block {

    display: block;

}



a.waves-effect,

a.waves-light {

    display: inline-block;

}





/*!

  * animate.css -http://daneden.me/animate

  * Version - 3.6.0

  * Licensed under the MIT license - http://opensource.org/licenses/MIT

  *

  * Copyright (c) 2018 Daniel Eden

  */



.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



.animated.infinite {

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

}



@-webkit-keyframes fadeIn {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}



@keyframes fadeIn {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}



.fadeIn {

    -webkit-animation-name: fadeIn;

    animation-name: fadeIn;

}



@-webkit-keyframes fadeInDown {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInDown {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

}



@-webkit-keyframes fadeInLeft {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInLeft {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInLeft {

    -webkit-animation-name: fadeInLeft;

    animation-name: fadeInLeft;

}



@-webkit-keyframes fadeInRight {

    from {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInRight {

    from {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInRight {

    -webkit-animation-name: fadeInRight;

    animation-name: fadeInRight;

}



@-webkit-keyframes fadeInUp {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInUp {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;

}



@-webkit-keyframes fadeOut {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

    }

}



@keyframes fadeOut {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

    }

}



.fadeOut {

    -webkit-animation-name: fadeOut;

    animation-name: fadeOut;

}



@-webkit-keyframes fadeOutDown {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

}



@keyframes fadeOutDown {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

}



.fadeOutDown {

    -webkit-animation-name: fadeOutDown;

    animation-name: fadeOutDown;

}



@keyframes fadeOutLeft {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

    }

}



.fadeOutLeft {

    -webkit-animation-name: fadeOutLeft;

    animation-name: fadeOutLeft;

}



@-webkit-keyframes fadeOutRight {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

    }

}



@keyframes fadeOutRight {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

    }

}



.fadeOutRight {

    -webkit-animation-name: fadeOutRight;

    animation-name: fadeOutRight;

}



@-webkit-keyframes fadeOutUp {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

}



@keyframes fadeOutUp {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

}



.fadeOutUp {

    -webkit-animation-name: fadeOutUp;

    animation-name: fadeOutUp;

}



@-webkit-keyframes bounce {

    20%,

    53%,

    80%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    40%,

    43% {

        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

        -webkit-transform: translate3d(0, -30px, 0);

        transform: translate3d(0, -30px, 0);

    }

    70% {

        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

        -webkit-transform: translate3d(0, -15px, 0);

        transform: translate3d(0, -15px, 0);

    }

    90% {

        -webkit-transform: translate3d(0, -4px, 0);

        transform: translate3d(0, -4px, 0);

    }

}



@keyframes bounce {

    20%,

    53%,

    80%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    40%,

    43% {

        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

        -webkit-transform: translate3d(0, -30px, 0);

        transform: translate3d(0, -30px, 0);

    }

    70% {

        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

        -webkit-transform: translate3d(0, -15px, 0);

        transform: translate3d(0, -15px, 0);

    }

    90% {

        -webkit-transform: translate3d(0, -4px, 0);

        transform: translate3d(0, -4px, 0);

    }

}



.bounce {

    -webkit-animation-name: bounce;

    animation-name: bounce;

    -webkit-transform-origin: center bottom;

    -ms-transform-origin: center bottom;

    transform-origin: center bottom;

}



@-webkit-keyframes flash {

    50%,

    from,

    to {

        opacity: 1;

    }

    25%,

    75% {

        opacity: 0;

    }

}



@keyframes flash {

    50%,

    from,

    to {

        opacity: 1;

    }

    25%,

    75% {

        opacity: 0;

    }

}



.flash {

    -webkit-animation-name: flash;

    animation-name: flash;

}



@-webkit-keyframes pulse {

    from,

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

    50% {

        -webkit-transform: scale3d(1.05, 1.05, 1.05);

        transform: scale3d(1.05, 1.05, 1.05);

    }

}



@keyframes pulse {

    from,

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

    50% {

        -webkit-transform: scale3d(1.05, 1.05, 1.05);

        transform: scale3d(1.05, 1.05, 1.05);

    }

}



.pulse {

    -webkit-animation-name: pulse;

    animation-name: pulse;

}



@-webkit-keyframes rubberBand {

    from,

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

    30% {

        -webkit-transform: scale3d(1.25, 0.75, 1);

        transform: scale3d(1.25, 0.75, 1);

    }

    40% {

        -webkit-transform: scale3d(0.75, 1.25, 1);

        transform: scale3d(0.75, 1.25, 1);

    }

    50% {

        -webkit-transform: scale3d(1.15, 0.85, 1);

        transform: scale3d(1.15, 0.85, 1);

    }

    65% {

        -webkit-transform: scale3d(0.95, 1.05, 1);

        transform: scale3d(0.95, 1.05, 1);

    }

    75% {

        -webkit-transform: scale3d(1.05, 0.95, 1);

        transform: scale3d(1.05, 0.95, 1);

    }

}



@keyframes rubberBand {

    from,

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

    30% {

        -webkit-transform: scale3d(1.25, 0.75, 1);

        transform: scale3d(1.25, 0.75, 1);

    }

    40% {

        -webkit-transform: scale3d(0.75, 1.25, 1);

        transform: scale3d(0.75, 1.25, 1);

    }

    50% {

        -webkit-transform: scale3d(1.15, 0.85, 1);

        transform: scale3d(1.15, 0.85, 1);

    }

    65% {

        -webkit-transform: scale3d(0.95, 1.05, 1);

        transform: scale3d(0.95, 1.05, 1);

    }

    75% {

        -webkit-transform: scale3d(1.05, 0.95, 1);

        transform: scale3d(1.05, 0.95, 1);

    }

}



.rubberBand {

    -webkit-animation-name: rubberBand;

    animation-name: rubberBand;

}



@-webkit-keyframes shake {

    from,

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    10%,

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0);

    }

    20%,

    40%,

    60%,

    80% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0);

    }

}



@keyframes shake {

    from,

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    10%,

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0);

    }

    20%,

    40%,

    60%,

    80% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0);

    }

}



.shake {

    -webkit-animation-name: shake;

    animation-name: shake;

}



@-webkit-keyframes headShake {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

    6.5% {

        -webkit-transform: translateX(-6px) rotateY(-9deg);

        transform: translateX(-6px) rotateY(-9deg);

    }

    18.5% {

        -webkit-transform: translateX(5px) rotateY(7deg);

        transform: translateX(5px) rotateY(7deg);

    }

    31.5% {

        -webkit-transform: translateX(-3px) rotateY(-5deg);

        transform: translateX(-3px) rotateY(-5deg);

    }

    43.5% {

        -webkit-transform: translateX(2px) rotateY(3deg);

        transform: translateX(2px) rotateY(3deg);

    }

    50% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}



@keyframes headShake {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

    6.5% {

        -webkit-transform: translateX(-6px) rotateY(-9deg);

        transform: translateX(-6px) rotateY(-9deg);

    }

    18.5% {

        -webkit-transform: translateX(5px) rotateY(7deg);

        transform: translateX(5px) rotateY(7deg);

    }

    31.5% {

        -webkit-transform: translateX(-3px) rotateY(-5deg);

        transform: translateX(-3px) rotateY(-5deg);

    }

    43.5% {

        -webkit-transform: translateX(2px) rotateY(3deg);

        transform: translateX(2px) rotateY(3deg);

    }

    50% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}



.headShake {

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    -webkit-animation-name: headShake;

    animation-name: headShake;

}



@-webkit-keyframes swing {

    20% {

        -webkit-transform: rotate3d(0, 0, 1, 15deg);

        transform: rotate3d(0, 0, 1, 15deg);

    }

    40% {

        -webkit-transform: rotate3d(0, 0, 1, -10deg);

        transform: rotate3d(0, 0, 1, -10deg);

    }

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 5deg);

        transform: rotate3d(0, 0, 1, 5deg);

    }

    80% {

        -webkit-transform: rotate3d(0, 0, 1, -5deg);

        transform: rotate3d(0, 0, 1, -5deg);

    }

    to {

        -webkit-transform: rotate3d(0, 0, 1, 0deg);

        transform: rotate3d(0, 0, 1, 0deg);

    }

}



@keyframes swing {

    20% {

        -webkit-transform: rotate3d(0, 0, 1, 15deg);

        transform: rotate3d(0, 0, 1, 15deg);

    }

    40% {

        -webkit-transform: rotate3d(0, 0, 1, -10deg);

        transform: rotate3d(0, 0, 1, -10deg);

    }

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 5deg);

        transform: rotate3d(0, 0, 1, 5deg);

    }

    80% {

        -webkit-transform: rotate3d(0, 0, 1, -5deg);

        transform: rotate3d(0, 0, 1, -5deg);

    }

    to {

        -webkit-transform: rotate3d(0, 0, 1, 0deg);

        transform: rotate3d(0, 0, 1, 0deg);

    }

}



.swing {

    -webkit-transform-origin: top center;

    -ms-transform-origin: top center;

    transform-origin: top center;

    -webkit-animation-name: swing;

    animation-name: swing;

}



@-webkit-keyframes tada {

    from,

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

    10%,

    20% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

    }

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

    }

    40%,

    60%,

    80% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

    }

}



@keyframes tada {

    from,

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

    10%,

    20% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

    }

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

    }

    40%,

    60%,

    80% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

    }

}



.tada {

    -webkit-animation-name: tada;

    animation-name: tada;

}



@-webkit-keyframes wobble {

    from,

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    15% {

        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

    }

    30% {

        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

    }

    45% {

        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

    }

    60% {

        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

    }

    75% {

        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

    }

}



@keyframes wobble {

    from,

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    15% {

        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

    }

    30% {

        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

    }

    45% {

        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

    }

    60% {

        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

    }

    75% {

        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

    }

}



.wobble {

    -webkit-animation-name: wobble;

    animation-name: wobble;

}



@-webkit-keyframes jello {

    11.1%,

    from,

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    22.2% {

        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

        transform: skewX(-12.5deg) skewY(-12.5deg);

    }

    33.3% {

        -webkit-transform: skewX(6.25deg) skewY(6.25deg);

        transform: skewX(6.25deg) skewY(6.25deg);

    }

    44.4% {

        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

        transform: skewX(-3.125deg) skewY(-3.125deg);

    }

    55.5% {

        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

        transform: skewX(1.5625deg) skewY(1.5625deg);

    }

    66.6% {

        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

        transform: skewX(-0.78125deg) skewY(-0.78125deg);

    }

    77.7% {

        -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);

        transform: skewX(0.39062deg) skewY(0.39062deg);

    }

    88.8% {

        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);

        transform: skewX(-0.19531deg) skewY(-0.19531deg);

    }

}



@keyframes jello {

    11.1%,

    from,

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    22.2% {

        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

        transform: skewX(-12.5deg) skewY(-12.5deg);

    }

    33.3% {

        -webkit-transform: skewX(6.25deg) skewY(6.25deg);

        transform: skewX(6.25deg) skewY(6.25deg);

    }

    44.4% {

        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

        transform: skewX(-3.125deg) skewY(-3.125deg);

    }

    55.5% {

        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

        transform: skewX(1.5625deg) skewY(1.5625deg);

    }

    66.6% {

        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

        transform: skewX(-0.78125deg) skewY(-0.78125deg);

    }

    77.7% {

        -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);

        transform: skewX(0.39062deg) skewY(0.39062deg);

    }

    88.8% {

        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);

        transform: skewX(-0.19531deg) skewY(-0.19531deg);

    }

}



.jello {

    -webkit-animation-name: jello;

    animation-name: jello;

    -webkit-transform-origin: center;

    -ms-transform-origin: center;

    transform-origin: center;

}



@-webkit-keyframes bounceIn {

    20%,

    40%,

    60%,

    80%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }

    0% {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }

    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);

    }

    40% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9);

        transform: scale3d(0.9, 0.9, 0.9);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03);

    }

    80% {

        -webkit-transform: scale3d(0.97, 0.97, 0.97);

        transform: scale3d(0.97, 0.97, 0.97);

    }

    to {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}



@keyframes bounceIn {

    20%,

    40%,

    60%,

    80%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }

    0% {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }

    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);

    }

    40% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9);

        transform: scale3d(0.9, 0.9, 0.9);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03);

    }

    80% {

        -webkit-transform: scale3d(0.97, 0.97, 0.97);

        transform: scale3d(0.97, 0.97, 0.97);

    }

    to {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}



.bounceIn {

    -webkit-animation-duration: 0.75s;

    animation-duration: 0.75s;

    -webkit-animation-name: bounceIn;

    animation-name: bounceIn;

}



.bounceOut,

.flipOutX {

    -webkit-animation-duration: 0.75s;

}



@-webkit-keyframes bounceInDown {

    60%,

    75%,

    90%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -3000px, 0);

        transform: translate3d(0, -3000px, 0);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, 25px, 0);

        transform: translate3d(0, 25px, 0);

    }

    75% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0);

    }

    90% {

        -webkit-transform: translate3d(0, 5px, 0);

        transform: translate3d(0, 5px, 0);

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes bounceInDown {

    60%,

    75%,

    90%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -3000px, 0);

        transform: translate3d(0, -3000px, 0);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, 25px, 0);

        transform: translate3d(0, 25px, 0);

    }

    75% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0);

    }

    90% {

        -webkit-transform: translate3d(0, 5px, 0);

        transform: translate3d(0, 5px, 0);

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.bounceInDown {

    -webkit-animation-name: bounceInDown;

    animation-name: bounceInDown;

}



@-webkit-keyframes bounceInLeft {

    60%,

    75%,

    90%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-3000px, 0, 0);

        transform: translate3d(-3000px, 0, 0);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(25px, 0, 0);

        transform: translate3d(25px, 0, 0);

    }

    75% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0);

    }

    90% {

        -webkit-transform: translate3d(5px, 0, 0);

        transform: translate3d(5px, 0, 0);

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes bounceInLeft {

    60%,

    75%,

    90%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-3000px, 0, 0);

        transform: translate3d(-3000px, 0, 0);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(25px, 0, 0);

        transform: translate3d(25px, 0, 0);

    }

    75% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0);

    }

    90% {

        -webkit-transform: translate3d(5px, 0, 0);

        transform: translate3d(5px, 0, 0);

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.bounceInLeft {

    -webkit-animation-name: bounceInLeft;

    animation-name: bounceInLeft;

}



@-webkit-keyframes bounceInRight {

    60%,

    75%,

    90%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }

    from {

        opacity: 0;

        -webkit-transform: translate3d(3000px, 0, 0);

        transform: translate3d(3000px, 0, 0);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(-25px, 0, 0);

        transform: translate3d(-25px, 0, 0);

    }

    75% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0);

    }

    90% {

        -webkit-transform: translate3d(-5px, 0, 0);

        transform: translate3d(-5px, 0, 0);

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes bounceInRight {

    60%,

    75%,

    90%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }

    from {

        opacity: 0;

        -webkit-transform: translate3d(3000px, 0, 0);

        transform: translate3d(3000px, 0, 0);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(-25px, 0, 0);

        transform: translate3d(-25px, 0, 0);

    }

    75% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0);

    }

    90% {

        -webkit-transform: translate3d(-5px, 0, 0);

        transform: translate3d(-5px, 0, 0);

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.bounceInRight {

    -webkit-animation-name: bounceInRight;

    animation-name: bounceInRight;

}



@-webkit-keyframes bounceInUp {

    60%,

    75%,

    90%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 3000px, 0);

        transform: translate3d(0, 3000px, 0);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0);

    }

    75% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0);

    }

    90% {

        -webkit-transform: translate3d(0, -5px, 0);

        transform: translate3d(0, -5px, 0);

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes bounceInUp {

    60%,

    75%,

    90%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 3000px, 0);

        transform: translate3d(0, 3000px, 0);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0);

    }

    75% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0);

    }

    90% {

        -webkit-transform: translate3d(0, -5px, 0);

        transform: translate3d(0, -5px, 0);

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.bounceInUp {

    -webkit-animation-name: bounceInUp;

    animation-name: bounceInUp;

}



@-webkit-keyframes bounceOut {

    20% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9);

        transform: scale3d(0.9, 0.9, 0.9);

    }

    50%,

    55% {

        opacity: 1;

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }

}



@keyframes bounceOut {

    20% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9);

        transform: scale3d(0.9, 0.9, 0.9);

    }

    50%,

    55% {

        opacity: 1;

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }

}



.bounceOut {

    animation-duration: 0.75s;

    -webkit-animation-name: bounceOut;

    animation-name: bounceOut;

}



@-webkit-keyframes bounceOutDown {

    20% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0);

    }

    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }

}



@keyframes bounceOutDown {

    20% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0);

    }

    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }

}



.bounceOutDown {

    -webkit-animation-name: bounceOutDown;

    animation-name: bounceOutDown;

}



@-webkit-keyframes bounceOutLeft {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(20px, 0, 0);

        transform: translate3d(20px, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);

    }

}



@keyframes bounceOutLeft {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(20px, 0, 0);

        transform: translate3d(20px, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);

    }

}



.bounceOutLeft {

    -webkit-animation-name: bounceOutLeft;

    animation-name: bounceOutLeft;

}



@-webkit-keyframes bounceOutRight {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(-20px, 0, 0);

        transform: translate3d(-20px, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);

    }

}



@keyframes bounceOutRight {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(-20px, 0, 0);

        transform: translate3d(-20px, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);

    }

}



.bounceOutRight {

    -webkit-animation-name: bounceOutRight;

    animation-name: bounceOutRight;

}



@-webkit-keyframes bounceOutUp {

    20% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0);

    }

    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);

    }

}



@keyframes bounceOutUp {

    20% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0);

    }

    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);

    }

}



.bounceOutUp {

    -webkit-animation-name: bounceOutUp;

    animation-name: bounceOutUp;

}



@-webkit-keyframes fadeInDownBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInDownBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInDownBig {

    -webkit-animation-name: fadeInDownBig;

    animation-name: fadeInDownBig;

}



@-webkit-keyframes fadeInLeftBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInLeftBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInLeftBig {

    -webkit-animation-name: fadeInLeftBig;

    animation-name: fadeInLeftBig;

}



@-webkit-keyframes fadeInRightBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInRightBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInRightBig {

    -webkit-animation-name: fadeInRightBig;

    animation-name: fadeInRightBig;

}



@-webkit-keyframes fadeInUpBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInUpBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInUpBig {

    -webkit-animation-name: fadeInUpBig;

    animation-name: fadeInUpBig;

}



@-webkit-keyframes fadeOutDownBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }

}



@keyframes fadeOutDownBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }

}



.fadeOutDownBig {

    -webkit-animation-name: fadeOutDownBig;

    animation-name: fadeOutDownBig;

}



@-webkit-keyframes fadeOutLeft {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

    }

}



@-webkit-keyframes fadeOutLeftBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);

    }

}



@keyframes fadeOutLeftBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);

    }

}



.fadeOutLeftBig {

    -webkit-animation-name: fadeOutLeftBig;

    animation-name: fadeOutLeftBig;

}



@-webkit-keyframes fadeOutRightBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);

    }

}



@keyframes fadeOutRightBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);

    }

}



.fadeOutRightBig {

    -webkit-animation-name: fadeOutRightBig;

    animation-name: fadeOutRightBig;

}



@-webkit-keyframes fadeOutUpBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);

    }

}



@keyframes fadeOutUpBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);

    }

}



.fadeOutUpBig {

    -webkit-animation-name: fadeOutUpBig;

    animation-name: fadeOutUpBig;

}



@-webkit-keyframes flip {

    from {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

    }

    40% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

    }

    50% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

    80% {

        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

}



@keyframes flip {

    from {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

    }

    40% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

    }

    50% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

    80% {

        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

}



.animated.flip {

    -webkit-backface-visibility: visible;

    backface-visibility: visible;

    -webkit-animation-name: flip;

    animation-name: flip;

}



@-webkit-keyframes flipInX {

    from {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0;

    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        opacity: 1;

    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

}



@keyframes flipInX {

    from {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0;

    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        opacity: 1;

    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

}



.flipInX {

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipInX;

    animation-name: flipInX;

}



.flipInY,

.flipOutX {

    -webkit-backface-visibility: visible !important;

}



@-webkit-keyframes flipInY {

    from {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0;

    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        opacity: 1;

    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

}



@keyframes flipInY {

    from {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0;

    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        opacity: 1;

    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

}



.flipInY {

    backface-visibility: visible !important;

    -webkit-animation-name: flipInY;

    animation-name: flipInY;

}



@-webkit-keyframes flipOutX {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        opacity: 1;

    }

    to {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        opacity: 0;

    }

}



@keyframes flipOutX {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        opacity: 1;

    }

    to {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        opacity: 0;

    }

}



.flipOutX {

    animation-duration: 0.75s;

    -webkit-animation-name: flipOutX;

    animation-name: flipOutX;

    backface-visibility: visible !important;

}



@-webkit-keyframes flipOutY {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        opacity: 1;

    }

    to {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        opacity: 0;

    }

}



@keyframes flipOutY {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        opacity: 1;

    }

    to {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        opacity: 0;

    }

}



.flipOutY {

    -webkit-animation-duration: 0.75s;

    animation-duration: 0.75s;

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipOutY;

    animation-name: flipOutY;

}



@-webkit-keyframes lightSpeedIn {

    from {

        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

        transform: translate3d(100%, 0, 0) skewX(-30deg);

        opacity: 0;

    }

    60% {

        -webkit-transform: skewX(20deg);

        transform: skewX(20deg);

        opacity: 1;

    }

    80% {

        -webkit-transform: skewX(-5deg);

        transform: skewX(-5deg);

        opacity: 1;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1;

    }

}



@keyframes lightSpeedIn {

    from {

        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

        transform: translate3d(100%, 0, 0) skewX(-30deg);

        opacity: 0;

    }

    60% {

        -webkit-transform: skewX(20deg);

        transform: skewX(20deg);

        opacity: 1;

    }

    80% {

        -webkit-transform: skewX(-5deg);

        transform: skewX(-5deg);

        opacity: 1;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1;

    }

}



.lightSpeedIn {

    -webkit-animation-name: lightSpeedIn;

    animation-name: lightSpeedIn;

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

}



@-webkit-keyframes lightSpeedOut {

    from {

        opacity: 1;

    }

    to {

        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

        transform: translate3d(100%, 0, 0) skewX(30deg);

        opacity: 0;

    }

}



@keyframes lightSpeedOut {

    from {

        opacity: 1;

    }

    to {

        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

        transform: translate3d(100%, 0, 0) skewX(30deg);

        opacity: 0;

    }

}



.lightSpeedOut {

    -webkit-animation-name: lightSpeedOut;

    animation-name: lightSpeedOut;

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

}



@-webkit-keyframes rotateIn {

    from {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, -200deg);

        transform: rotate3d(0, 0, 1, -200deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1;

    }

}



@keyframes rotateIn {

    from {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, -200deg);

        transform: rotate3d(0, 0, 1, -200deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1;

    }

}



.rotateIn {

    -webkit-animation-name: rotateIn;

    animation-name: rotateIn;

}



@-webkit-keyframes rotateInDownLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1;

    }

}



@keyframes rotateInDownLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1;

    }

}



.rotateInDownLeft {

    -webkit-animation-name: rotateInDownLeft;

    animation-name: rotateInDownLeft;

}



@-webkit-keyframes rotateInDownRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1;

    }

}



@keyframes rotateInDownRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1;

    }

}



.rotateInDownRight {

    -webkit-animation-name: rotateInDownRight;

    animation-name: rotateInDownRight;

}



@-webkit-keyframes rotateInUpLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1;

    }

}



@keyframes rotateInUpLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1;

    }

}



.rotateInUpLeft {

    -webkit-animation-name: rotateInUpLeft;

    animation-name: rotateInUpLeft;

}



@-webkit-keyframes rotateInUpRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -90deg);

        transform: rotate3d(0, 0, 1, -90deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1;

    }

}



@keyframes rotateInUpRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -90deg);

        transform: rotate3d(0, 0, 1, -90deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1;

    }

}



.rotateInUpRight {

    -webkit-animation-name: rotateInUpRight;

    animation-name: rotateInUpRight;

}



@-webkit-keyframes rotateOut {

    from {

        -webkit-transform-origin: center;

        transform-origin: center;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, 200deg);

        transform: rotate3d(0, 0, 1, 200deg);

        opacity: 0;

    }

}



@keyframes rotateOut {

    from {

        -webkit-transform-origin: center;

        transform-origin: center;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, 200deg);

        transform: rotate3d(0, 0, 1, 200deg);

        opacity: 0;

    }

}



.rotateOut {

    -webkit-animation-name: rotateOut;

    animation-name: rotateOut;

}



@-webkit-keyframes rotateOutDownLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }

}



@keyframes rotateOutDownLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }

}



.rotateOutDownLeft {

    -webkit-animation-name: rotateOutDownLeft;

    animation-name: rotateOutDownLeft;

}



@-webkit-keyframes rotateOutDownRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }

}



@keyframes rotateOutDownRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }

}



.rotateOutDownRight {

    -webkit-animation-name: rotateOutDownRight;

    animation-name: rotateOutDownRight;

}



@-webkit-keyframes rotateOutUpLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }

}



@keyframes rotateOutUpLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }

}



.rotateOutUpLeft {

    -webkit-animation-name: rotateOutUpLeft;

    animation-name: rotateOutUpLeft;

}



@-webkit-keyframes rotateOutUpRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 90deg);

        transform: rotate3d(0, 0, 1, 90deg);

        opacity: 0;

    }

}



@keyframes rotateOutUpRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 90deg);

        transform: rotate3d(0, 0, 1, 90deg);

        opacity: 0;

    }

}



.rotateOutUpRight {

    -webkit-animation-name: rotateOutUpRight;

    animation-name: rotateOutUpRight;

}



@-webkit-keyframes hinge {

    0% {

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

    }

    20%,

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 80deg);

        transform: rotate3d(0, 0, 1, 80deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

    }

    40%,

    80% {

        -webkit-transform: rotate3d(0, 0, 1, 60deg);

        transform: rotate3d(0, 0, 1, 60deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

        opacity: 1;

    }

    to {

        -webkit-transform: translate3d(0, 700px, 0);

        transform: translate3d(0, 700px, 0);

        opacity: 0;

    }

}



@keyframes hinge {

    0% {

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

    }

    20%,

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 80deg);

        transform: rotate3d(0, 0, 1, 80deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

    }

    40%,

    80% {

        -webkit-transform: rotate3d(0, 0, 1, 60deg);

        transform: rotate3d(0, 0, 1, 60deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

        opacity: 1;

    }

    to {

        -webkit-transform: translate3d(0, 700px, 0);

        transform: translate3d(0, 700px, 0);

        opacity: 0;

    }

}



.hinge {

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-name: hinge;

    animation-name: hinge;

}



@-webkit-keyframes jackInTheBox {

    from {

        opacity: 0;

        -webkit-transform: scale(0.1) rotate(30deg);

        transform: scale(0.1) rotate(30deg);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

    }

    50% {

        -webkit-transform: rotate(-10deg);

        transform: rotate(-10deg);

    }

    70% {

        -webkit-transform: rotate(3deg);

        transform: rotate(3deg);

    }

    to {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



@keyframes jackInTheBox {

    from {

        opacity: 0;

        -webkit-transform: scale(0.1) rotate(30deg);

        transform: scale(0.1) rotate(30deg);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

    }

    50% {

        -webkit-transform: rotate(-10deg);

        transform: rotate(-10deg);

    }

    70% {

        -webkit-transform: rotate(3deg);

        transform: rotate(3deg);

    }

    to {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



.jackInTheBox {

    -webkit-animation-name: jackInTheBox;

    animation-name: jackInTheBox;

}



@-webkit-keyframes rollIn {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes rollIn {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.rollIn {

    -webkit-animation-name: rollIn;

    animation-name: rollIn;

}



@-webkit-keyframes rollOut {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

    }

}



@keyframes rollOut {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

    }

}



.rollOut {

    -webkit-animation-name: rollOut;

    animation-name: rollOut;

}



@-webkit-keyframes zoomIn {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }

    50% {

        opacity: 1;

    }

}



@keyframes zoomIn {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }

    50% {

        opacity: 1;

    }

}



.zoomIn {

    -webkit-animation-name: zoomIn;

    animation-name: zoomIn;

}



@-webkit-keyframes zoomInDown {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



@keyframes zoomInDown {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



.zoomInDown {

    -webkit-animation-name: zoomInDown;

    animation-name: zoomInDown;

}



@-webkit-keyframes zoomInLeft {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



@keyframes zoomInLeft {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



.zoomInLeft {

    -webkit-animation-name: zoomInLeft;

    animation-name: zoomInLeft;

}



@-webkit-keyframes zoomInRight {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



@keyframes zoomInRight {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



.zoomInRight {

    -webkit-animation-name: zoomInRight;

    animation-name: zoomInRight;

}



@-webkit-keyframes zoomInUp {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



@keyframes zoomInUp {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



.zoomInUp {

    -webkit-animation-name: zoomInUp;

    animation-name: zoomInUp;

}



@-webkit-keyframes zoomOut {

    from {

        opacity: 1;

    }

    50% {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }

    to {

        opacity: 0;

    }

}



@keyframes zoomOut {

    from {

        opacity: 1;

    }

    50% {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }

    to {

        opacity: 0;

    }

}



.zoomOut {

    -webkit-animation-name: zoomOut;

    animation-name: zoomOut;

}



@-webkit-keyframes zoomOutDown {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



@keyframes zoomOutDown {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



.zoomOutDown {

    -webkit-animation-name: zoomOutDown;

    animation-name: zoomOutDown;

}



@-webkit-keyframes zoomOutLeft {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

        transform: scale(0.1) translate3d(-2000px, 0, 0);

        -webkit-transform-origin: left center;

        transform-origin: left center;

    }

}



@keyframes zoomOutLeft {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

        transform: scale(0.1) translate3d(-2000px, 0, 0);

        -webkit-transform-origin: left center;

        transform-origin: left center;

    }

}



.zoomOutLeft {

    -webkit-animation-name: zoomOutLeft;

    animation-name: zoomOutLeft;

}



@-webkit-keyframes zoomOutRight {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

        transform: scale(0.1) translate3d(2000px, 0, 0);

        -webkit-transform-origin: right center;

        transform-origin: right center;

    }

}



@keyframes zoomOutRight {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

        transform: scale(0.1) translate3d(2000px, 0, 0);

        -webkit-transform-origin: right center;

        transform-origin: right center;

    }

}



.zoomOutRight {

    -webkit-animation-name: zoomOutRight;

    animation-name: zoomOutRight;

}



@-webkit-keyframes zoomOutUp {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



@keyframes zoomOutUp {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



.zoomOutUp {

    -webkit-animation-name: zoomOutUp;

    animation-name: zoomOutUp;

}



@-webkit-keyframes slideInDown {

    from {

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

        visibility: visible;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes slideInDown {

    from {

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

        visibility: visible;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.slideInDown {

    -webkit-animation-name: slideInDown;

    animation-name: slideInDown;

}



@-webkit-keyframes slideInLeft {

    from {

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

        visibility: visible;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes slideInLeft {

    from {

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

        visibility: visible;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.slideInLeft {

    -webkit-animation-name: slideInLeft;

    animation-name: slideInLeft;

}



@-webkit-keyframes slideInRight {

    from {

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

        visibility: visible;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes slideInRight {

    from {

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

        visibility: visible;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.slideInRight {

    -webkit-animation-name: slideInRight;

    animation-name: slideInRight;

}



@-webkit-keyframes slideInUp {

    from {

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

        visibility: visible;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes slideInUp {

    from {

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

        visibility: visible;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.slideInUp {

    -webkit-animation-name: slideInUp;

    animation-name: slideInUp;

}



@-webkit-keyframes slideOutDown {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

}



@keyframes slideOutDown {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

}



.slideOutDown {

    -webkit-animation-name: slideOutDown;

    animation-name: slideOutDown;

}



@-webkit-keyframes slideOutLeft {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

    }

}



@keyframes slideOutLeft {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

    }

}



.slideOutLeft {

    -webkit-animation-name: slideOutLeft;

    animation-name: slideOutLeft;

}



@-webkit-keyframes slideOutRight {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

    }

}



@keyframes slideOutRight {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

    }

}



.slideOutRight {

    -webkit-animation-name: slideOutRight;

    animation-name: slideOutRight;

}



@-webkit-keyframes slideOutUp {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

}



@keyframes slideOutUp {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

}



.slideOutUp {

    -webkit-animation-name: slideOutUp;

    animation-name: slideOutUp;

}



.btn {

    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

    padding: 0.84rem 2.14rem;

    font-size: 0.81rem;

    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

    -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

    margin: 0.375rem;

    border: 0;

    -webkit-border-radius: 0.125rem;

    border-radius: 0.125rem;

    cursor: pointer;

    text-transform: uppercase;

    white-space: normal;

    word-wrap: break-word;

    color: #fff;

}



.btn:active,

.btn:focus,

.btn:hover {

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    outline: 0;

}



.btn:not([disabled]):not(.disabled).active,

.btn:not([disabled]):not(.disabled):active {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn .fa {

    position: relative;

    font-size: 0.9rem;

}



.btn .fa.right {

    margin-left: 0.3rem;

}



.btn .fa.left {

    margin-right: 0.3rem;

}



.btn.btn-lg {

    padding: 1rem 2.4rem;

    font-size: 0.94rem;

}



.btn.btn-lg .fa {

    font-size: 1rem;

}



.btn.btn-md {

    padding: 0.7rem 1.6rem;

    font-size: 0.7rem;

}



.btn.btn-md .fa {

    font-size: 0.8rem;

}



.btn.btn-sm {

    padding: 0.5rem 1.6rem;

    font-size: 0.64rem;

}



.btn.btn-sm .fa {

    font-size: 0.7rem;

}



.btn.btn-tb {

    padding: 0.3rem 1rem;

}



.btn.disabled:active,

.btn.disabled:focus,

.btn.disabled:hover,

.btn:disabled:active,

.btn:disabled:focus,

.btn:disabled:hover {

    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

}



.btn.btn-block {

    margin: inherit;

}



.btn.btn-link {

    -webkit-box-shadow: none;

    box-shadow: none;

    background-color: transparent;

}



.btn.btn-link:active,

.btn.btn-link:focus,

.btn.btn-link:hover {

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

    background-color: transparent;

}



.btn[class*="btn-outline-"] {

    padding-top: 0.7rem;

    padding-bottom: 0.7rem;

}



.btn[class*="btn-outline-"].btn-lg {

    padding-top: 0.88rem;

    padding-bottom: 0.88rem;

}



.btn[class*="btn-outline-"].btn-md {

    padding-top: 0.58rem;

    padding-bottom: 0.58rem;

}



.btn[class*="btn-outline-"].btn-sm {

    padding-top: 0.38rem;

    padding-bottom: 0.38rem;

}



.btn-group .btn {

    margin: 0;

}



.btn .fa-lg {

    font-size: 1.33333333em !important;

}



.btn .fa-2x {

    font-size: 2em !important;

}



.btn .fa-3x {

    font-size: 3em !important;

}



.btn .fa-4x {

    font-size: 4em !important;

}



.btn .fa-5x {

    font-size: 5em !important;

}



.btn-primary {

    background-color: #4285f4 !important;

    color: #fff !important;

}



.btn-primary:hover {

    background-color: #5a95f5;

}



.btn-primary.focus,

.btn-primary:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-primary.active,

.btn-primary:active,

.btn-primary:focus {

    background-color: #0b51c5;

}



.btn-primary.dropdown-toggle {

    background-color: #4285f4 !important;

}



.btn-primary.dropdown-toggle:focus,

.btn-primary.dropdown-toggle:hover {

    background-color: #5a95f5 !important;

}



.btn-primary:not([disabled]):not(.disabled).active,

.btn-primary:not([disabled]):not(.disabled):active,

.show>.btn-primary.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #0b51c5 !important;

}



.btn-primary:not([disabled]):not(.disabled).active:focus,

.btn-primary:not([disabled]):not(.disabled):active:focus,

.show>.btn-primary.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.primary-ic {

    color: #4285f4 !important;

}



.primary-ic:focus,

.primary-ic:hover {

    color: #4285f4;

}



.btn-outline-primary {

    border: 2px solid #4285f4 !important;

    background-color: transparent !important;

    color: #4285f4 !important;

}



.btn-outline-primary.active,

.btn-outline-primary:active,

.btn-outline-primary:active:focus,

.btn-outline-primary:focus,

.btn-outline-primary:hover {

    border-color: #4285f4 !important;

    background-color: transparent !important;

    color: #4285f4 !important;

}



.btn-outline-primary:not([disabled]):not(.disabled).active,

.btn-outline-primary:not([disabled]):not(.disabled):active,

.show>.btn-outline-primary.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #4285f4 !important;

}



.btn-outline-primary:not([disabled]):not(.disabled).active:focus,

.btn-outline-primary:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-primary.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-danger {

    background-color: #ff3547 !important;

    color: #fff !important;

}



.btn-danger:hover {

    background-color: #ff4f5e;

}



.btn-danger.focus,

.btn-danger:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-danger.active,

.btn-danger:active,

.btn-danger:focus {

    background-color: #ce0012;

}



.btn-danger.dropdown-toggle {

    background-color: #ff3547 !important;

}



.btn-danger.dropdown-toggle:focus,

.btn-danger.dropdown-toggle:hover {

    background-color: #ff4f5e !important;

}



.btn-danger:not([disabled]):not(.disabled).active,

.btn-danger:not([disabled]):not(.disabled):active,

.show>.btn-danger.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #ce0012 !important;

}



.btn-danger:not([disabled]):not(.disabled).active:focus,

.btn-danger:not([disabled]):not(.disabled):active:focus,

.show>.btn-danger.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.danger-ic {

    color: #ff3547 !important;

}



.danger-ic:focus,

.danger-ic:hover {

    color: #ff3547;

}



.btn-outline-danger {

    border: 2px solid #ff3547 !important;

    background-color: transparent !important;

    color: #ff3547 !important;

}



.btn-outline-danger.active,

.btn-outline-danger:active,

.btn-outline-danger:active:focus,

.btn-outline-danger:focus,

.btn-outline-danger:hover {

    border-color: #ff3547 !important;

    background-color: transparent !important;

    color: #ff3547 !important;

}



.btn-outline-danger:not([disabled]):not(.disabled).active,

.btn-outline-danger:not([disabled]):not(.disabled):active,

.show>.btn-outline-danger.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #ff3547 !important;

}



.btn-outline-danger:not([disabled]):not(.disabled).active:focus,

.btn-outline-danger:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-danger.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-warning {

    background-color: #f80 !important;

    color: #fff !important;

}



.btn-warning:hover {

    background-color: #ff941a;

}



.btn-warning.focus,

.btn-warning:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-warning.active,

.btn-warning:active,

.btn-warning:focus {

    background-color: #995200;

}



.btn-warning.dropdown-toggle {

    background-color: #f80 !important;

}



.btn-warning.dropdown-toggle:focus,

.btn-warning.dropdown-toggle:hover {

    background-color: #ff941a !important;

}



.btn-warning:not([disabled]):not(.disabled).active,

.btn-warning:not([disabled]):not(.disabled):active,

.show>.btn-warning.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #995200 !important;

}



.btn-warning:not([disabled]):not(.disabled).active:focus,

.btn-warning:not([disabled]):not(.disabled):active:focus,

.show>.btn-warning.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.warning-ic {

    color: #f80 !important;

}



.warning-ic:focus,

.warning-ic:hover {

    color: #f80;

}



.btn-outline-warning {

    border: 2px solid #f80 !important;

    background-color: transparent !important;

    color: #f80 !important;

}



.btn-outline-warning.active,

.btn-outline-warning:active,

.btn-outline-warning:active:focus,

.btn-outline-warning:focus,

.btn-outline-warning:hover {

    border-color: #f80 !important;

    background-color: transparent !important;

    color: #f80 !important;

}



.btn-outline-warning:not([disabled]):not(.disabled).active,

.btn-outline-warning:not([disabled]):not(.disabled):active,

.show>.btn-outline-warning.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #f80 !important;

}



.btn-outline-warning:not([disabled]):not(.disabled).active:focus,

.btn-outline-warning:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-warning.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-success {

    background-color: #00c851 !important;

    color: #fff !important;

}



.btn-success:hover {

    background-color: #00e25b;

}



.btn-success.focus,

.btn-success:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-success.active,

.btn-success:active,

.btn-success:focus {

    background-color: #006228;

}



.btn-success.dropdown-toggle {

    background-color: #00c851 !important;

}



.btn-success.dropdown-toggle:focus,

.btn-success.dropdown-toggle:hover {

    background-color: #00e25b !important;

}



.btn-success:not([disabled]):not(.disabled).active,

.btn-success:not([disabled]):not(.disabled):active,

.show>.btn-success.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #006228 !important;

}



.btn-success:not([disabled]):not(.disabled).active:focus,

.btn-success:not([disabled]):not(.disabled):active:focus,

.show>.btn-success.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.success-ic {

    color: #00c851 !important;

}



.success-ic:focus,

.success-ic:hover {

    color: #00c851;

}



.btn-outline-success {

    border: 2px solid #00c851 !important;

    background-color: transparent !important;

    color: #00c851 !important;

}



.btn-outline-success.active,

.btn-outline-success:active,

.btn-outline-success:active:focus,

.btn-outline-success:focus,

.btn-outline-success:hover {

    border-color: #00c851 !important;

    background-color: transparent !important;

    color: #00c851 !important;

}



.btn-outline-success:not([disabled]):not(.disabled).active,

.btn-outline-success:not([disabled]):not(.disabled):active,

.show>.btn-outline-success.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #00c851 !important;

}



.btn-outline-success:not([disabled]):not(.disabled).active:focus,

.btn-outline-success:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-success.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-info {

    background-color: #33b5e5 !important;

    color: #fff !important;

}



.btn-info:hover {

    background-color: #4abde8;

}



.btn-info.focus,

.btn-info:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-info.active,

.btn-info:active,

.btn-info:focus {

    background-color: #14799e;

}



.btn-info.dropdown-toggle {

    background-color: #33b5e5 !important;

}



.btn-info.dropdown-toggle:focus,

.btn-info.dropdown-toggle:hover {

    background-color: #4abde8 !important;

}



.btn-info:not([disabled]):not(.disabled).active,

.btn-info:not([disabled]):not(.disabled):active,

.show>.btn-info.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #14799e !important;

}



.btn-info:not([disabled]):not(.disabled).active:focus,

.btn-info:not([disabled]):not(.disabled):active:focus,

.show>.btn-info.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.info-ic {

    color: #33b5e5 !important;

}



.info-ic:focus,

.info-ic:hover {

    color: #33b5e5;

}



.btn-outline-info {

    border: 2px solid #33b5e5 !important;

    background-color: transparent !important;

    color: #33b5e5 !important;

}



.btn-outline-info.active,

.btn-outline-info:active,

.btn-outline-info:active:focus,

.btn-outline-info:focus,

.btn-outline-info:hover {

    border-color: #33b5e5 !important;

    background-color: transparent !important;

    color: #33b5e5 !important;

}



.btn-outline-info:not([disabled]):not(.disabled).active,

.btn-outline-info:not([disabled]):not(.disabled):active,

.show>.btn-outline-info.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #33b5e5 !important;

}



.btn-outline-info:not([disabled]):not(.disabled).active:focus,

.btn-outline-info:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-info.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-default {

    background-color: #2bbbad !important;

    color: #fff !important;

}



.btn-default:hover {

    background-color: #30cfc0;

}



.btn-default.focus,

.btn-default:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-default.active,

.btn-default:active,

.btn-default:focus {

    background-color: #186860;

}



.btn-default.dropdown-toggle {

    background-color: #2bbbad !important;

}



.btn-default.dropdown-toggle:focus,

.btn-default.dropdown-toggle:hover {

    background-color: #30cfc0 !important;

}



.btn-default:not([disabled]):not(.disabled).active,

.btn-default:not([disabled]):not(.disabled):active,

.show>.btn-default.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #186860 !important;

}



.btn-default:not([disabled]):not(.disabled).active:focus,

.btn-default:not([disabled]):not(.disabled):active:focus,

.show>.btn-default.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.default-ic {

    color: #2bbbad !important;

}



.default-ic:focus,

.default-ic:hover {

    color: #2bbbad;

}



.btn-outline-default {

    border: 2px solid #2bbbad !important;

    background-color: transparent !important;

    color: #2bbbad !important;

}



.btn-outline-default.active,

.btn-outline-default:active,

.btn-outline-default:active:focus,

.btn-outline-default:focus,

.btn-outline-default:hover {

    border-color: #2bbbad !important;

    background-color: transparent !important;

    color: #2bbbad !important;

}



.btn-outline-default:not([disabled]):not(.disabled).active,

.btn-outline-default:not([disabled]):not(.disabled):active,

.show>.btn-outline-default.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #2bbbad !important;

}



.btn-outline-default:not([disabled]):not(.disabled).active:focus,

.btn-outline-default:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-default.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-secondary {

    background-color: #a6c !important;

    color: #fff !important;

}



.btn-secondary:hover {

    background-color: #b579d2;

}



.btn-secondary.focus,

.btn-secondary:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-secondary.active,

.btn-secondary:active,

.btn-secondary:focus {

    background-color: #739;

}



.btn-secondary.dropdown-toggle {

    background-color: #a6c !important;

}



.btn-secondary.dropdown-toggle:focus,

.btn-secondary.dropdown-toggle:hover {

    background-color: #b579d2 !important;

}



.btn-secondary:not([disabled]):not(.disabled).active,

.btn-secondary:not([disabled]):not(.disabled):active,

.show>.btn-secondary.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #739 !important;

}



.btn-secondary:not([disabled]):not(.disabled).active:focus,

.btn-secondary:not([disabled]):not(.disabled):active:focus,

.show>.btn-secondary.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.secondary-ic {

    color: #a6c !important;

}



.secondary-ic:focus,

.secondary-ic:hover {

    color: #a6c;

}



.btn-outline-secondary {

    border: 2px solid #a6c !important;

    background-color: transparent !important;

    color: #a6c !important;

}



.btn-outline-secondary.active,

.btn-outline-secondary:active,

.btn-outline-secondary:active:focus,

.btn-outline-secondary:focus,

.btn-outline-secondary:hover {

    border-color: #a6c !important;

    background-color: transparent !important;

    color: #a6c !important;

}



.btn-outline-secondary:not([disabled]):not(.disabled).active,

.btn-outline-secondary:not([disabled]):not(.disabled):active,

.show>.btn-outline-secondary.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #a6c !important;

}



.btn-outline-secondary:not([disabled]):not(.disabled).active:focus,

.btn-outline-secondary:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-secondary.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-elegant {

    background-color: #2e2e2e !important;

    color: #fff !important;

}



.btn-elegant:hover {

    background-color: #3b3b3b;

}



.btn-elegant.focus,

.btn-elegant:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-elegant.active,

.btn-elegant:active,

.btn-elegant:focus {

    background-color: #000;

}



.btn-elegant.dropdown-toggle {

    background-color: #2e2e2e !important;

}



.btn-elegant.dropdown-toggle:focus,

.btn-elegant.dropdown-toggle:hover {

    background-color: #3b3b3b !important;

}



.btn-elegant:not([disabled]):not(.disabled).active,

.btn-elegant:not([disabled]):not(.disabled):active,

.show>.btn-elegant.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #000 !important;

}



.btn-elegant:not([disabled]):not(.disabled).active:focus,

.btn-elegant:not([disabled]):not(.disabled):active:focus,

.show>.btn-elegant.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.elegant-ic {

    color: #2e2e2e !important;

}



.elegant-ic:focus,

.elegant-ic:hover {

    color: #2e2e2e;

}



.btn-outline-elegant {

    border: 2px solid #2e2e2e !important;

    background-color: transparent !important;

    color: #2e2e2e !important;

}



.btn-outline-elegant.active,

.btn-outline-elegant:active,

.btn-outline-elegant:active:focus,

.btn-outline-elegant:focus,

.btn-outline-elegant:hover {

    border-color: #2e2e2e !important;

    background-color: transparent !important;

    color: #2e2e2e !important;

}



.btn-outline-elegant:not([disabled]):not(.disabled).active,

.btn-outline-elegant:not([disabled]):not(.disabled):active,

.show>.btn-outline-elegant.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #2e2e2e !important;

}



.btn-outline-elegant:not([disabled]):not(.disabled).active:focus,

.btn-outline-elegant:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-elegant.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-unique {

    background-color: #880e4f !important;

    color: #fff !important;

}



.btn-unique:hover {

    background-color: #9f105c;

}



.btn-unique.focus,

.btn-unique:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-unique.active,

.btn-unique:active,

.btn-unique:focus {

    background-color: #2c0419;

}



.btn-unique.dropdown-toggle {

    background-color: #880e4f !important;

}



.btn-unique.dropdown-toggle:focus,

.btn-unique.dropdown-toggle:hover {

    background-color: #9f105c !important;

}



.btn-unique:not([disabled]):not(.disabled).active,

.btn-unique:not([disabled]):not(.disabled):active,

.show>.btn-unique.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #2c0419 !important;

}



.btn-unique:not([disabled]):not(.disabled).active:focus,

.btn-unique:not([disabled]):not(.disabled):active:focus,

.show>.btn-unique.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.unique-ic {

    color: #880e4f !important;

}



.unique-ic:focus,

.unique-ic:hover {

    color: #880e4f;

}



.btn-outline-unique {

    border: 2px solid #880e4f !important;

    background-color: transparent !important;

    color: #880e4f !important;

}



.btn-outline-unique.active,

.btn-outline-unique:active,

.btn-outline-unique:active:focus,

.btn-outline-unique:focus,

.btn-outline-unique:hover {

    border-color: #880e4f !important;

    background-color: transparent !important;

    color: #880e4f !important;

}



.btn-outline-unique:not([disabled]):not(.disabled).active,

.btn-outline-unique:not([disabled]):not(.disabled):active,

.show>.btn-outline-unique.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #880e4f !important;

}



.btn-outline-unique:not([disabled]):not(.disabled).active:focus,

.btn-outline-unique:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-unique.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-dark-green {

    background-color: #388e3c !important;

    color: #fff !important;

}



.btn-dark-green:hover {

    background-color: #3fa044;

}



.btn-dark-green.focus,

.btn-dark-green:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-dark-green.active,

.btn-dark-green:active,

.btn-dark-green:focus {

    background-color: #1b451d;

}



.btn-dark-green.dropdown-toggle {

    background-color: #388e3c !important;

}



.btn-dark-green.dropdown-toggle:focus,

.btn-dark-green.dropdown-toggle:hover {

    background-color: #3fa044 !important;

}



.btn-dark-green:not([disabled]):not(.disabled).active,

.btn-dark-green:not([disabled]):not(.disabled):active,

.show>.btn-dark-green.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #1b451d !important;

}



.btn-dark-green:not([disabled]):not(.disabled).active:focus,

.btn-dark-green:not([disabled]):not(.disabled):active:focus,

.show>.btn-dark-green.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.dark-green-ic {

    color: #388e3c !important;

}



.dark-green-ic:focus,

.dark-green-ic:hover {

    color: #388e3c;

}



.btn-outline-dark-green {

    border: 2px solid #388e3c !important;

    background-color: transparent !important;

    color: #388e3c !important;

}



.btn-outline-dark-green.active,

.btn-outline-dark-green:active,

.btn-outline-dark-green:active:focus,

.btn-outline-dark-green:focus,

.btn-outline-dark-green:hover {

    border-color: #388e3c !important;

    background-color: transparent !important;

    color: #388e3c !important;

}



.btn-outline-dark-green:not([disabled]):not(.disabled).active,

.btn-outline-dark-green:not([disabled]):not(.disabled):active,

.show>.btn-outline-dark-green.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #388e3c !important;

}



.btn-outline-dark-green:not([disabled]):not(.disabled).active:focus,

.btn-outline-dark-green:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-dark-green.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-mdb-color {

    background-color: #59698d !important;

    color: #fff !important;

}



.btn-mdb-color:hover {

    background-color: #63759d;

}



.btn-mdb-color.focus,

.btn-mdb-color:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-mdb-color.active,

.btn-mdb-color:active,

.btn-mdb-color:focus {

    background-color: #323a4e;

}



.btn-mdb-color.dropdown-toggle {

    background-color: #59698d !important;

}



.btn-mdb-color.dropdown-toggle:focus,

.btn-mdb-color.dropdown-toggle:hover {

    background-color: #63759d !important;

}



.btn-mdb-color:not([disabled]):not(.disabled).active,

.btn-mdb-color:not([disabled]):not(.disabled):active,

.show>.btn-mdb-color.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #323a4e !important;

}



.btn-mdb-color:not([disabled]):not(.disabled).active:focus,

.btn-mdb-color:not([disabled]):not(.disabled):active:focus,

.show>.btn-mdb-color.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.mdb-color-ic {

    color: #59698d !important;

}



.mdb-color-ic:focus,

.mdb-color-ic:hover {

    color: #59698d;

}



.btn-outline-mdb-color {

    border: 2px solid #59698d !important;

    background-color: transparent !important;

    color: #59698d !important;

}



.btn-outline-mdb-color.active,

.btn-outline-mdb-color:active,

.btn-outline-mdb-color:active:focus,

.btn-outline-mdb-color:focus,

.btn-outline-mdb-color:hover {

    border-color: #59698d !important;

    background-color: transparent !important;

    color: #59698d !important;

}



.btn-outline-mdb-color:not([disabled]):not(.disabled).active,

.btn-outline-mdb-color:not([disabled]):not(.disabled):active,

.show>.btn-outline-mdb-color.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #59698d !important;

}



.btn-outline-mdb-color:not([disabled]):not(.disabled).active:focus,

.btn-outline-mdb-color:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-mdb-color.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-red {

    background-color: #d32f2f !important;

    color: #fff !important;

}



.btn-red:hover {

    background-color: #d74444;

}



.btn-red.focus,

.btn-red:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-red.active,

.btn-red:active,

.btn-red:focus {

    background-color: #811b1b;

}



.btn-red.dropdown-toggle {

    background-color: #d32f2f !important;

}



.btn-red.dropdown-toggle:focus,

.btn-red.dropdown-toggle:hover {

    background-color: #d74444 !important;

}



.btn-red:not([disabled]):not(.disabled).active,

.btn-red:not([disabled]):not(.disabled):active,

.show>.btn-red.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #811b1b !important;

}



.btn-red:not([disabled]):not(.disabled).active:focus,

.btn-red:not([disabled]):not(.disabled):active:focus,

.show>.btn-red.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.red-ic {

    color: #d32f2f !important;

}



.red-ic:focus,

.red-ic:hover {

    color: #d32f2f;

}



.btn-outline-red {

    border: 2px solid #d32f2f !important;

    background-color: transparent !important;

    color: #d32f2f !important;

}



.btn-outline-red.active,

.btn-outline-red:active,

.btn-outline-red:active:focus,

.btn-outline-red:focus,

.btn-outline-red:hover {

    border-color: #d32f2f !important;

    background-color: transparent !important;

    color: #d32f2f !important;

}



.btn-outline-red:not([disabled]):not(.disabled).active,

.btn-outline-red:not([disabled]):not(.disabled):active,

.show>.btn-outline-red.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #d32f2f !important;

}



.btn-outline-red:not([disabled]):not(.disabled).active:focus,

.btn-outline-red:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-red.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-pink {

    background-color: #ec407a !important;

    color: #fff !important;

}



.btn-pink:hover {

    background-color: #ee578a;

}



.btn-pink.focus,

.btn-pink:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-pink.active,

.btn-pink:active,

.btn-pink:focus {

    background-color: #b41249;

}



.btn-pink.dropdown-toggle {

    background-color: #ec407a !important;

}



.btn-pink.dropdown-toggle:focus,

.btn-pink.dropdown-toggle:hover {

    background-color: #ee578a !important;

}



.btn-pink:not([disabled]):not(.disabled).active,

.btn-pink:not([disabled]):not(.disabled):active,

.show>.btn-pink.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #b41249 !important;

}



.btn-pink:not([disabled]):not(.disabled).active:focus,

.btn-pink:not([disabled]):not(.disabled):active:focus,

.show>.btn-pink.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.pink-ic {

    color: #ec407a !important;

}



.pink-ic:focus,

.pink-ic:hover {

    color: #ec407a;

}



.btn-outline-pink {

    border: 2px solid #ec407a !important;

    background-color: transparent !important;

    color: #ec407a !important;

}



.btn-outline-pink.active,

.btn-outline-pink:active,

.btn-outline-pink:active:focus,

.btn-outline-pink:focus,

.btn-outline-pink:hover {

    border-color: #ec407a !important;

    background-color: transparent !important;

    color: #ec407a !important;

}



.btn-outline-pink:not([disabled]):not(.disabled).active,

.btn-outline-pink:not([disabled]):not(.disabled):active,

.show>.btn-outline-pink.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #ec407a !important;

}



.btn-outline-pink:not([disabled]):not(.disabled).active:focus,

.btn-outline-pink:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-pink.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-purple {

    background-color: #8e24aa !important;

    color: #fff !important;

}



.btn-purple:hover {

    background-color: #a028bf;

}



.btn-purple.focus,

.btn-purple:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-purple.active,

.btn-purple:active,

.btn-purple:focus {

    background-color: #481256;

}



.btn-purple.dropdown-toggle {

    background-color: #8e24aa !important;

}



.btn-purple.dropdown-toggle:focus,

.btn-purple.dropdown-toggle:hover {

    background-color: #a028bf !important;

}



.btn-purple:not([disabled]):not(.disabled).active,

.btn-purple:not([disabled]):not(.disabled):active,

.show>.btn-purple.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #481256 !important;

}



.btn-purple:not([disabled]):not(.disabled).active:focus,

.btn-purple:not([disabled]):not(.disabled):active:focus,

.show>.btn-purple.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.purple-ic {

    color: #8e24aa !important;

}



.purple-ic:focus,

.purple-ic:hover {

    color: #8e24aa;

}



.btn-outline-purple {

    border: 2px solid #8e24aa !important;

    background-color: transparent !important;

    color: #8e24aa !important;

}



.btn-outline-purple.active,

.btn-outline-purple:active,

.btn-outline-purple:active:focus,

.btn-outline-purple:focus,

.btn-outline-purple:hover {

    border-color: #8e24aa !important;

    background-color: transparent !important;

    color: #8e24aa !important;

}



.btn-outline-purple:not([disabled]):not(.disabled).active,

.btn-outline-purple:not([disabled]):not(.disabled):active,

.show>.btn-outline-purple.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #8e24aa !important;

}



.btn-outline-purple:not([disabled]):not(.disabled).active:focus,

.btn-outline-purple:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-purple.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-deep-purple {

    background-color: #512da8 !important;

    color: #fff !important;

}



.btn-deep-purple:hover {

    background-color: #5b32bc;

}



.btn-deep-purple.focus,

.btn-deep-purple:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-deep-purple.active,

.btn-deep-purple:active,

.btn-deep-purple:focus {

    background-color: #2a1758;

}



.btn-deep-purple.dropdown-toggle {

    background-color: #512da8 !important;

}



.btn-deep-purple.dropdown-toggle:focus,

.btn-deep-purple.dropdown-toggle:hover {

    background-color: #5b32bc !important;

}



.btn-deep-purple:not([disabled]):not(.disabled).active,

.btn-deep-purple:not([disabled]):not(.disabled):active,

.show>.btn-deep-purple.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #2a1758 !important;

}



.btn-deep-purple:not([disabled]):not(.disabled).active:focus,

.btn-deep-purple:not([disabled]):not(.disabled):active:focus,

.show>.btn-deep-purple.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.deep-purple-ic {

    color: #512da8 !important;

}



.deep-purple-ic:focus,

.deep-purple-ic:hover {

    color: #512da8;

}



.btn-outline-deep-purple {

    border: 2px solid #512da8 !important;

    background-color: transparent !important;

    color: #512da8 !important;

}



.btn-outline-deep-purple.active,

.btn-outline-deep-purple:active,

.btn-outline-deep-purple:active:focus,

.btn-outline-deep-purple:focus,

.btn-outline-deep-purple:hover {

    border-color: #512da8 !important;

    background-color: transparent !important;

    color: #512da8 !important;

}



.btn-outline-deep-purple:not([disabled]):not(.disabled).active,

.btn-outline-deep-purple:not([disabled]):not(.disabled):active,

.show>.btn-outline-deep-purple.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #512da8 !important;

}



.btn-outline-deep-purple:not([disabled]):not(.disabled).active:focus,

.btn-outline-deep-purple:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-deep-purple.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-indigo {

    background-color: #3f51b5 !important;

    color: #fff !important;

}



.btn-indigo:hover {

    background-color: #4d5ec1;

}



.btn-indigo.focus,

.btn-indigo:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-indigo.active,

.btn-indigo:active,

.btn-indigo:focus {

    background-color: #252f69;

}



.btn-indigo.dropdown-toggle {

    background-color: #3f51b5 !important;

}



.btn-indigo.dropdown-toggle:focus,

.btn-indigo.dropdown-toggle:hover {

    background-color: #4d5ec1 !important;

}



.btn-indigo:not([disabled]):not(.disabled).active,

.btn-indigo:not([disabled]):not(.disabled):active,

.show>.btn-indigo.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #252f69 !important;

}



.btn-indigo:not([disabled]):not(.disabled).active:focus,

.btn-indigo:not([disabled]):not(.disabled):active:focus,

.show>.btn-indigo.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.indigo-ic {

    color: #3f51b5 !important;

}



.indigo-ic:focus,

.indigo-ic:hover {

    color: #3f51b5;

}



.btn-outline-indigo {

    border: 2px solid #3f51b5 !important;

    background-color: transparent !important;

    color: #3f51b5 !important;

}



.btn-outline-indigo.active,

.btn-outline-indigo:active,

.btn-outline-indigo:active:focus,

.btn-outline-indigo:focus,

.btn-outline-indigo:hover {

    border-color: #3f51b5 !important;

    background-color: transparent !important;

    color: #3f51b5 !important;

}



.btn-outline-indigo:not([disabled]):not(.disabled).active,

.btn-outline-indigo:not([disabled]):not(.disabled):active,

.show>.btn-outline-indigo.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #3f51b5 !important;

}



.btn-outline-indigo:not([disabled]):not(.disabled).active:focus,

.btn-outline-indigo:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-indigo.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-blue {

    background-color: #1976d2 !important;

    color: #fff !important;

}



.btn-blue:hover {

    background-color: #2083e4;

}



.btn-blue.focus,

.btn-blue:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-blue.active,

.btn-blue:active,

.btn-blue:focus {

    background-color: #0e4377;

}



.btn-blue.dropdown-toggle {

    background-color: #1976d2 !important;

}



.btn-blue.dropdown-toggle:focus,

.btn-blue.dropdown-toggle:hover {

    background-color: #2083e4 !important;

}



.btn-blue:not([disabled]):not(.disabled).active,

.btn-blue:not([disabled]):not(.disabled):active,

.show>.btn-blue.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #0e4377 !important;

}



.btn-blue:not([disabled]):not(.disabled).active:focus,

.btn-blue:not([disabled]):not(.disabled):active:focus,

.show>.btn-blue.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.blue-ic {

    color: #1976d2 !important;

}



.blue-ic:focus,

.blue-ic:hover {

    color: #1976d2;

}



.btn-outline-blue {

    border: 2px solid #1976d2 !important;

    background-color: transparent !important;

    color: #1976d2 !important;

}



.btn-outline-blue.active,

.btn-outline-blue:active,

.btn-outline-blue:active:focus,

.btn-outline-blue:focus,

.btn-outline-blue:hover {

    border-color: #1976d2 !important;

    background-color: transparent !important;

    color: #1976d2 !important;

}



.btn-outline-blue:not([disabled]):not(.disabled).active,

.btn-outline-blue:not([disabled]):not(.disabled):active,

.show>.btn-outline-blue.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #1976d2 !important;

}



.btn-outline-blue:not([disabled]):not(.disabled).active:focus,

.btn-outline-blue:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-blue.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-light-blue {

    background-color: #82b1ff !important;

    color: #fff !important;

}



.btn-light-blue:hover {

    background-color: #9cc1ff;

}



.btn-light-blue.focus,

.btn-light-blue:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-light-blue.active,

.btn-light-blue:active,

.btn-light-blue:focus {

    background-color: #1c71ff;

}



.btn-light-blue.dropdown-toggle {

    background-color: #82b1ff !important;

}



.btn-light-blue.dropdown-toggle:focus,

.btn-light-blue.dropdown-toggle:hover {

    background-color: #9cc1ff !important;

}



.btn-light-blue:not([disabled]):not(.disabled).active,

.btn-light-blue:not([disabled]):not(.disabled):active,

.show>.btn-light-blue.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #1c71ff !important;

}



.btn-light-blue:not([disabled]):not(.disabled).active:focus,

.btn-light-blue:not([disabled]):not(.disabled):active:focus,

.show>.btn-light-blue.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.light-blue-ic {

    color: #82b1ff !important;

}



.light-blue-ic:focus,

.light-blue-ic:hover {

    color: #82b1ff;

}



.btn-outline-light-blue {

    border: 2px solid #82b1ff !important;

    background-color: transparent !important;

    color: #82b1ff !important;

}



.btn-outline-light-blue.active,

.btn-outline-light-blue:active,

.btn-outline-light-blue:active:focus,

.btn-outline-light-blue:focus,

.btn-outline-light-blue:hover {

    border-color: #82b1ff !important;

    background-color: transparent !important;

    color: #82b1ff !important;

}



.btn-outline-light-blue:not([disabled]):not(.disabled).active,

.btn-outline-light-blue:not([disabled]):not(.disabled):active,

.show>.btn-outline-light-blue.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #82b1ff !important;

}



.btn-outline-light-blue:not([disabled]):not(.disabled).active:focus,

.btn-outline-light-blue:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-light-blue.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-cyan {

    background-color: #00bcd4 !important;

    color: #fff !important;

}



.btn-cyan:hover {

    background-color: #00d3ee;

}



.btn-cyan.focus,

.btn-cyan:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-cyan.active,

.btn-cyan:active,

.btn-cyan:focus {

    background-color: #00626e;

}



.btn-cyan.dropdown-toggle {

    background-color: #00bcd4 !important;

}



.btn-cyan.dropdown-toggle:focus,

.btn-cyan.dropdown-toggle:hover {

    background-color: #00d3ee !important;

}



.btn-cyan:not([disabled]):not(.disabled).active,

.btn-cyan:not([disabled]):not(.disabled):active,

.show>.btn-cyan.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #00626e !important;

}



.btn-cyan:not([disabled]):not(.disabled).active:focus,

.btn-cyan:not([disabled]):not(.disabled):active:focus,

.show>.btn-cyan.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.cyan-ic {

    color: #00bcd4 !important;

}



.cyan-ic:focus,

.cyan-ic:hover {

    color: #00bcd4;

}



.btn-outline-cyan {

    border: 2px solid #00bcd4 !important;

    background-color: transparent !important;

    color: #00bcd4 !important;

}



.btn-outline-cyan.active,

.btn-outline-cyan:active,

.btn-outline-cyan:active:focus,

.btn-outline-cyan:focus,

.btn-outline-cyan:hover {

    border-color: #00bcd4 !important;

    background-color: transparent !important;

    color: #00bcd4 !important;

}



.btn-outline-cyan:not([disabled]):not(.disabled).active,

.btn-outline-cyan:not([disabled]):not(.disabled):active,

.show>.btn-outline-cyan.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #00bcd4 !important;

}



.btn-outline-cyan:not([disabled]):not(.disabled).active:focus,

.btn-outline-cyan:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-cyan.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-teal {

    background-color: #00796b !important;

    color: #fff !important;

}



.btn-teal:hover {

    background-color: #009382;

}



.btn-teal.focus,

.btn-teal:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-teal.active,

.btn-teal:active,

.btn-teal:focus {

    background-color: #001311;

}



.btn-teal.dropdown-toggle {

    background-color: #00796b !important;

}



.btn-teal.dropdown-toggle:focus,

.btn-teal.dropdown-toggle:hover {

    background-color: #009382 !important;

}



.btn-teal:not([disabled]):not(.disabled).active,

.btn-teal:not([disabled]):not(.disabled):active,

.show>.btn-teal.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #001311 !important;

}



.btn-teal:not([disabled]):not(.disabled).active:focus,

.btn-teal:not([disabled]):not(.disabled):active:focus,

.show>.btn-teal.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.teal-ic {

    color: #00796b !important;

}



.teal-ic:focus,

.teal-ic:hover {

    color: #00796b;

}



.btn-outline-teal {

    border: 2px solid #00796b !important;

    background-color: transparent !important;

    color: #00796b !important;

}



.btn-outline-teal.active,

.btn-outline-teal:active,

.btn-outline-teal:active:focus,

.btn-outline-teal:focus,

.btn-outline-teal:hover {

    border-color: #00796b !important;

    background-color: transparent !important;

    color: #00796b !important;

}



.btn-outline-teal:not([disabled]):not(.disabled).active,

.btn-outline-teal:not([disabled]):not(.disabled):active,

.show>.btn-outline-teal.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #00796b !important;

}



.btn-outline-teal:not([disabled]):not(.disabled).active:focus,

.btn-outline-teal:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-teal.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-green {

    background-color: #388e3c !important;

    color: #fff !important;

}



.btn-green:hover {

    background-color: #3fa044;

}



.btn-green.focus,

.btn-green:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-green.active,

.btn-green:active,

.btn-green:focus {

    background-color: #1b451d;

}



.btn-green.dropdown-toggle {

    background-color: #388e3c !important;

}



.btn-green.dropdown-toggle:focus,

.btn-green.dropdown-toggle:hover {

    background-color: #3fa044 !important;

}



.btn-green:not([disabled]):not(.disabled).active,

.btn-green:not([disabled]):not(.disabled):active,

.show>.btn-green.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #1b451d !important;

}



.btn-green:not([disabled]):not(.disabled).active:focus,

.btn-green:not([disabled]):not(.disabled):active:focus,

.show>.btn-green.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.green-ic {

    color: #388e3c !important;

}



.green-ic:focus,

.green-ic:hover {

    color: #388e3c;

}



.btn-outline-green {

    border: 2px solid #388e3c !important;

    background-color: transparent !important;

    color: #388e3c !important;

}



.btn-outline-green.active,

.btn-outline-green:active,

.btn-outline-green:active:focus,

.btn-outline-green:focus,

.btn-outline-green:hover {

    border-color: #388e3c !important;

    background-color: transparent !important;

    color: #388e3c !important;

}



.btn-outline-green:not([disabled]):not(.disabled).active,

.btn-outline-green:not([disabled]):not(.disabled):active,

.show>.btn-outline-green.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #388e3c !important;

}



.btn-outline-green:not([disabled]):not(.disabled).active:focus,

.btn-outline-green:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-green.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-light-green {

    background-color: #8bc34a !important;

    color: #fff !important;

}



.btn-light-green:hover {

    background-color: #97c95d;

}



.btn-light-green.focus,

.btn-light-green:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-light-green.active,

.btn-light-green:active,

.btn-light-green:focus {

    background-color: #577d2a;

}



.btn-light-green.dropdown-toggle {

    background-color: #8bc34a !important;

}



.btn-light-green.dropdown-toggle:focus,

.btn-light-green.dropdown-toggle:hover {

    background-color: #97c95d !important;

}



.btn-light-green:not([disabled]):not(.disabled).active,

.btn-light-green:not([disabled]):not(.disabled):active,

.show>.btn-light-green.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #577d2a !important;

}



.btn-light-green:not([disabled]):not(.disabled).active:focus,

.btn-light-green:not([disabled]):not(.disabled):active:focus,

.show>.btn-light-green.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.light-green-ic {

    color: #8bc34a !important;

}



.light-green-ic:focus,

.light-green-ic:hover {

    color: #8bc34a;

}



.btn-outline-light-green {

    border: 2px solid #8bc34a !important;

    background-color: transparent !important;

    color: #8bc34a !important;

}



.btn-outline-light-green.active,

.btn-outline-light-green:active,

.btn-outline-light-green:active:focus,

.btn-outline-light-green:focus,

.btn-outline-light-green:hover {

    border-color: #8bc34a !important;

    background-color: transparent !important;

    color: #8bc34a !important;

}



.btn-outline-light-green:not([disabled]):not(.disabled).active,

.btn-outline-light-green:not([disabled]):not(.disabled):active,

.show>.btn-outline-light-green.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #8bc34a !important;

}



.btn-outline-light-green:not([disabled]):not(.disabled).active:focus,

.btn-outline-light-green:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-light-green.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-lime {

    background-color: #afb42b !important;

    color: #fff !important;

}



.btn-lime:hover {

    background-color: #c3c930;

}



.btn-lime.focus,

.btn-lime:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-lime.active,

.btn-lime:active,

.btn-lime:focus {

    background-color: #5f6217;

}



.btn-lime.dropdown-toggle {

    background-color: #afb42b !important;

}



.btn-lime.dropdown-toggle:focus,

.btn-lime.dropdown-toggle:hover {

    background-color: #c3c930 !important;

}



.btn-lime:not([disabled]):not(.disabled).active,

.btn-lime:not([disabled]):not(.disabled):active,

.show>.btn-lime.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #5f6217 !important;

}



.btn-lime:not([disabled]):not(.disabled).active:focus,

.btn-lime:not([disabled]):not(.disabled):active:focus,

.show>.btn-lime.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.lime-ic {

    color: #afb42b !important;

}



.lime-ic:focus,

.lime-ic:hover {

    color: #afb42b;

}



.btn-outline-lime {

    border: 2px solid #afb42b !important;

    background-color: transparent !important;

    color: #afb42b !important;

}



.btn-outline-lime.active,

.btn-outline-lime:active,

.btn-outline-lime:active:focus,

.btn-outline-lime:focus,

.btn-outline-lime:hover {

    border-color: #afb42b !important;

    background-color: transparent !important;

    color: #afb42b !important;

}



.btn-outline-lime:not([disabled]):not(.disabled).active,

.btn-outline-lime:not([disabled]):not(.disabled):active,

.show>.btn-outline-lime.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #afb42b !important;

}



.btn-outline-lime:not([disabled]):not(.disabled).active:focus,

.btn-outline-lime:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-lime.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-yellow {

    background-color: #fbc02d !important;

    color: #fff !important;

}



.btn-yellow:hover {

    background-color: #fbc846;

}



.btn-yellow.focus,

.btn-yellow:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-yellow.active,

.btn-yellow:active,

.btn-yellow:focus {

    background-color: #be8904;

}



.btn-yellow.dropdown-toggle {

    background-color: #fbc02d !important;

}



.btn-yellow.dropdown-toggle:focus,

.btn-yellow.dropdown-toggle:hover {

    background-color: #fbc846 !important;

}



.btn-yellow:not([disabled]):not(.disabled).active,

.btn-yellow:not([disabled]):not(.disabled):active,

.show>.btn-yellow.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #be8904 !important;

}



.btn-yellow:not([disabled]):not(.disabled).active:focus,

.btn-yellow:not([disabled]):not(.disabled):active:focus,

.show>.btn-yellow.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.yellow-ic {

    color: #fbc02d !important;

}



.yellow-ic:focus,

.yellow-ic:hover {

    color: #fbc02d;

}



.btn-outline-yellow {

    border: 2px solid #fbc02d !important;

    background-color: transparent !important;

    color: #fbc02d !important;

}



.btn-outline-yellow.active,

.btn-outline-yellow:active,

.btn-outline-yellow:active:focus,

.btn-outline-yellow:focus,

.btn-outline-yellow:hover {

    border-color: #fbc02d !important;

    background-color: transparent !important;

    color: #fbc02d !important;

}



.btn-outline-yellow:not([disabled]):not(.disabled).active,

.btn-outline-yellow:not([disabled]):not(.disabled):active,

.show>.btn-outline-yellow.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #fbc02d !important;

}



.btn-outline-yellow:not([disabled]):not(.disabled).active:focus,

.btn-outline-yellow:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-yellow.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-amber {

    background-color: #ffa000 !important;

    color: #fff !important;

}



.btn-amber:hover {

    background-color: #ffaa1a;

}



.btn-amber.focus,

.btn-amber:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-amber.active,

.btn-amber:active,

.btn-amber:focus {

    background-color: #996000;

}



.btn-amber.dropdown-toggle {

    background-color: #ffa000 !important;

}



.btn-amber.dropdown-toggle:focus,

.btn-amber.dropdown-toggle:hover {

    background-color: #ffaa1a !important;

}



.btn-amber:not([disabled]):not(.disabled).active,

.btn-amber:not([disabled]):not(.disabled):active,

.show>.btn-amber.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #996000 !important;

}



.btn-amber:not([disabled]):not(.disabled).active:focus,

.btn-amber:not([disabled]):not(.disabled):active:focus,

.show>.btn-amber.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.amber-ic {

    color: #ffa000 !important;

}



.amber-ic:focus,

.amber-ic:hover {

    color: #ffa000;

}



.btn-outline-amber {

    border: 2px solid #ffa000 !important;

    background-color: transparent !important;

    color: #ffa000 !important;

}



.btn-outline-amber.active,

.btn-outline-amber:active,

.btn-outline-amber:active:focus,

.btn-outline-amber:focus,

.btn-outline-amber:hover {

    border-color: #ffa000 !important;

    background-color: transparent !important;

    color: #ffa000 !important;

}



.btn-outline-amber:not([disabled]):not(.disabled).active,

.btn-outline-amber:not([disabled]):not(.disabled):active,

.show>.btn-outline-amber.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #ffa000 !important;

}



.btn-outline-amber:not([disabled]):not(.disabled).active:focus,

.btn-outline-amber:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-amber.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-orange {

    background-color: #f57c00 !important;

    color: #fff !important;

}



.btn-orange:hover {

    background-color: #ff8910;

}



.btn-orange.focus,

.btn-orange:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-orange.active,

.btn-orange:active,

.btn-orange:focus {

    background-color: #8f4800;

}



.btn-orange.dropdown-toggle {

    background-color: #f57c00 !important;

}



.btn-orange.dropdown-toggle:focus,

.btn-orange.dropdown-toggle:hover {

    background-color: #ff8910 !important;

}



.btn-orange:not([disabled]):not(.disabled).active,

.btn-orange:not([disabled]):not(.disabled):active,

.show>.btn-orange.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #8f4800 !important;

}



.btn-orange:not([disabled]):not(.disabled).active:focus,

.btn-orange:not([disabled]):not(.disabled):active:focus,

.show>.btn-orange.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.orange-ic {

    color: #f57c00 !important;

}



.orange-ic:focus,

.orange-ic:hover {

    color: #f57c00;

}



.btn-outline-orange {

    border: 2px solid #f57c00 !important;

    background-color: transparent !important;

    color: #f57c00 !important;

}



.btn-outline-orange.active,

.btn-outline-orange:active,

.btn-outline-orange:active:focus,

.btn-outline-orange:focus,

.btn-outline-orange:hover {

    border-color: #f57c00 !important;

    background-color: transparent !important;

    color: #f57c00 !important;

}



.btn-outline-orange:not([disabled]):not(.disabled).active,

.btn-outline-orange:not([disabled]):not(.disabled):active,

.show>.btn-outline-orange.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #f57c00 !important;

}



.btn-outline-orange:not([disabled]):not(.disabled).active:focus,

.btn-outline-orange:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-orange.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-deep-orange {

    background-color: #ff7043 !important;

    color: #fff !important;

}



.btn-deep-orange:hover {

    background-color: #ff835d;

}



.btn-deep-orange.focus,

.btn-deep-orange:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-deep-orange.active,

.btn-deep-orange:active,

.btn-deep-orange:focus {

    background-color: #dc3500;

}



.btn-deep-orange.dropdown-toggle {

    background-color: #ff7043 !important;

}



.btn-deep-orange.dropdown-toggle:focus,

.btn-deep-orange.dropdown-toggle:hover {

    background-color: #ff835d !important;

}



.btn-deep-orange:not([disabled]):not(.disabled).active,

.btn-deep-orange:not([disabled]):not(.disabled):active,

.show>.btn-deep-orange.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #dc3500 !important;

}



.btn-deep-orange:not([disabled]):not(.disabled).active:focus,

.btn-deep-orange:not([disabled]):not(.disabled):active:focus,

.show>.btn-deep-orange.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.deep-orange-ic {

    color: #ff7043 !important;

}



.deep-orange-ic:focus,

.deep-orange-ic:hover {

    color: #ff7043;

}



.btn-outline-deep-orange {

    border: 2px solid #ff7043 !important;

    background-color: transparent !important;

    color: #ff7043 !important;

}



.btn-outline-deep-orange.active,

.btn-outline-deep-orange:active,

.btn-outline-deep-orange:active:focus,

.btn-outline-deep-orange:focus,

.btn-outline-deep-orange:hover {

    border-color: #ff7043 !important;

    background-color: transparent !important;

    color: #ff7043 !important;

}



.btn-outline-deep-orange:not([disabled]):not(.disabled).active,

.btn-outline-deep-orange:not([disabled]):not(.disabled):active,

.show>.btn-outline-deep-orange.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #ff7043 !important;

}



.btn-outline-deep-orange:not([disabled]):not(.disabled).active:focus,

.btn-outline-deep-orange:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-deep-orange.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-brown {

    background-color: #795548 !important;

    color: #fff !important;

}



.btn-brown:hover {

    background-color: #896052;

}



.btn-brown.focus,

.btn-brown:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-brown.active,

.btn-brown:active,

.btn-brown:focus {

    background-color: #392822;

}



.btn-brown.dropdown-toggle {

    background-color: #795548 !important;

}



.btn-brown.dropdown-toggle:focus,

.btn-brown.dropdown-toggle:hover {

    background-color: #896052 !important;

}



.btn-brown:not([disabled]):not(.disabled).active,

.btn-brown:not([disabled]):not(.disabled):active,

.show>.btn-brown.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #392822 !important;

}



.btn-brown:not([disabled]):not(.disabled).active:focus,

.btn-brown:not([disabled]):not(.disabled):active:focus,

.show>.btn-brown.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.brown-ic {

    color: #795548 !important;

}



.brown-ic:focus,

.brown-ic:hover {

    color: #795548;

}



.btn-outline-brown {

    border: 2px solid #795548 !important;

    background-color: transparent !important;

    color: #795548 !important;

}



.btn-outline-brown.active,

.btn-outline-brown:active,

.btn-outline-brown:active:focus,

.btn-outline-brown:focus,

.btn-outline-brown:hover {

    border-color: #795548 !important;

    background-color: transparent !important;

    color: #795548 !important;

}



.btn-outline-brown:not([disabled]):not(.disabled).active,

.btn-outline-brown:not([disabled]):not(.disabled):active,

.show>.btn-outline-brown.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #795548 !important;

}



.btn-outline-brown:not([disabled]):not(.disabled).active:focus,

.btn-outline-brown:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-brown.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-grey {

    background-color: #616161 !important;

    color: #fff !important;

}



.btn-grey:hover {

    background-color: #6e6e6e;

}



.btn-grey.focus,

.btn-grey:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-grey.active,

.btn-grey:active,

.btn-grey:focus {

    background-color: #2e2e2e;

}



.btn-grey.dropdown-toggle {

    background-color: #616161 !important;

}



.btn-grey.dropdown-toggle:focus,

.btn-grey.dropdown-toggle:hover {

    background-color: #6e6e6e !important;

}



.btn-grey:not([disabled]):not(.disabled).active,

.btn-grey:not([disabled]):not(.disabled):active,

.show>.btn-grey.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #2e2e2e !important;

}



.btn-grey:not([disabled]):not(.disabled).active:focus,

.btn-grey:not([disabled]):not(.disabled):active:focus,

.show>.btn-grey.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.grey-ic {

    color: #616161 !important;

}



.grey-ic:focus,

.grey-ic:hover {

    color: #616161;

}



.btn-outline-grey {

    border: 2px solid #616161 !important;

    background-color: transparent !important;

    color: #616161 !important;

}



.btn-outline-grey.active,

.btn-outline-grey:active,

.btn-outline-grey:active:focus,

.btn-outline-grey:focus,

.btn-outline-grey:hover {

    border-color: #616161 !important;

    background-color: transparent !important;

    color: #616161 !important;

}



.btn-outline-grey:not([disabled]):not(.disabled).active,

.btn-outline-grey:not([disabled]):not(.disabled):active,

.show>.btn-outline-grey.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #616161 !important;

}



.btn-outline-grey:not([disabled]):not(.disabled).active:focus,

.btn-outline-grey:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-grey.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-blue-grey {

    background-color: #78909c !important;

    color: #fff !important;

}



.btn-blue-grey:hover {

    background-color: #879ca7;

}



.btn-blue-grey.focus,

.btn-blue-grey:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-blue-grey.active,

.btn-blue-grey:active,

.btn-blue-grey:focus {

    background-color: #4a5b64;

}



.btn-blue-grey.dropdown-toggle {

    background-color: #78909c !important;

}



.btn-blue-grey.dropdown-toggle:focus,

.btn-blue-grey.dropdown-toggle:hover {

    background-color: #879ca7 !important;

}



.btn-blue-grey:not([disabled]):not(.disabled).active,

.btn-blue-grey:not([disabled]):not(.disabled):active,

.show>.btn-blue-grey.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #4a5b64 !important;

}



.btn-blue-grey:not([disabled]):not(.disabled).active:focus,

.btn-blue-grey:not([disabled]):not(.disabled):active:focus,

.show>.btn-blue-grey.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.blue-grey-ic {

    color: #78909c !important;

}



.blue-grey-ic:focus,

.blue-grey-ic:hover {

    color: #78909c;

}



.btn-outline-blue-grey {

    border: 2px solid #78909c !important;

    background-color: transparent !important;

    color: #78909c !important;

}



.btn-outline-blue-grey.active,

.btn-outline-blue-grey:active,

.btn-outline-blue-grey:active:focus,

.btn-outline-blue-grey:focus,

.btn-outline-blue-grey:hover {

    border-color: #78909c !important;

    background-color: transparent !important;

    color: #78909c !important;

}



.btn-outline-blue-grey:not([disabled]):not(.disabled).active,

.btn-outline-blue-grey:not([disabled]):not(.disabled):active,

.show>.btn-outline-blue-grey.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #78909c !important;

}



.btn-outline-blue-grey:not([disabled]):not(.disabled).active:focus,

.btn-outline-blue-grey:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-blue-grey.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-dark {

    background-color: #212121 !important;

    color: #fff !important;

}



.btn-dark:hover {

    background-color: #2e2e2e;

}



.btn-dark.focus,

.btn-dark:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-dark.active,

.btn-dark:active,

.btn-dark:focus {

    background-color: #000;

}



.btn-dark.dropdown-toggle {

    background-color: #212121 !important;

}



.btn-dark.dropdown-toggle:focus,

.btn-dark.dropdown-toggle:hover {

    background-color: #2e2e2e !important;

}



.btn-dark:not([disabled]):not(.disabled).active,

.btn-dark:not([disabled]):not(.disabled):active,

.show>.btn-dark.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #000 !important;

}



.btn-dark:not([disabled]):not(.disabled).active:focus,

.btn-dark:not([disabled]):not(.disabled):active:focus,

.show>.btn-dark.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.dark-ic {

    color: #212121 !important;

}



.dark-ic:focus,

.dark-ic:hover {

    color: #212121;

}



.btn-outline-dark {

    border: 2px solid #212121 !important;

    background-color: transparent !important;

    color: #212121 !important;

}



.btn-outline-dark.active,

.btn-outline-dark:active,

.btn-outline-dark:active:focus,

.btn-outline-dark:focus,

.btn-outline-dark:hover {

    border-color: #212121 !important;

    background-color: transparent !important;

    color: #212121 !important;

}



.btn-outline-dark:not([disabled]):not(.disabled).active,

.btn-outline-dark:not([disabled]):not(.disabled):active,

.show>.btn-outline-dark.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #212121 !important;

}



.btn-outline-dark:not([disabled]):not(.disabled).active:focus,

.btn-outline-dark:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-dark.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-light {

    background-color: #e0e0e0 !important;

    color: #000 !important;

}



.btn-light:hover {

    background-color: #ededed;

}



.btn-light.focus,

.btn-light:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-light.active,

.btn-light:active,

.btn-light:focus {

    background-color: #adadad;

}



.btn-light.dropdown-toggle {

    background-color: #e0e0e0 !important;

}



.btn-light.dropdown-toggle:focus,

.btn-light.dropdown-toggle:hover {

    background-color: #ededed !important;

}



.btn-light:not([disabled]):not(.disabled).active,

.btn-light:not([disabled]):not(.disabled):active,

.show>.btn-light.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #adadad !important;

}



.btn-light:not([disabled]):not(.disabled).active:focus,

.btn-light:not([disabled]):not(.disabled):active:focus,

.show>.btn-light.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.light-ic {

    color: #e0e0e0 !important;

}



.light-ic:focus,

.light-ic:hover {

    color: #e0e0e0;

}



.btn-outline-light {

    border: 2px solid #e0e0e0 !important;

    background-color: transparent !important;

    color: #e0e0e0 !important;

}



.btn-outline-light.active,

.btn-outline-light:active,

.btn-outline-light:active:focus,

.btn-outline-light:focus,

.btn-outline-light:hover {

    border-color: #e0e0e0 !important;

    background-color: transparent !important;

    color: #e0e0e0 !important;

}



.btn-outline-light:not([disabled]):not(.disabled).active,

.btn-outline-light:not([disabled]):not(.disabled):active,

.show>.btn-outline-light.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #e0e0e0 !important;

}



.btn-outline-light:not([disabled]):not(.disabled).active:focus,

.btn-outline-light:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-light.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-white {

    background-color: #fff !important;

    color: #000 !important;

}



.btn-white:hover {

    background-color: #fff;

}



.btn-white.focus,

.btn-white:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-white.active,

.btn-white:active,

.btn-white:focus {

    background-color: #ccc;

}



.btn-white.dropdown-toggle,

.btn-white.dropdown-toggle:focus,

.btn-white.dropdown-toggle:hover {

    background-color: #fff !important;

}



.btn-white:not([disabled]):not(.disabled).active,

.btn-white:not([disabled]):not(.disabled):active,

.show>.btn-white.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #ccc !important;

}



.btn-white:not([disabled]):not(.disabled).active:focus,

.btn-white:not([disabled]):not(.disabled):active:focus,

.show>.btn-white.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.white-ic {

    color: #fff !important;

}



.white-ic:focus,

.white-ic:hover {

    color: #fff;

}



.btn-outline-white {

    border: 2px solid #fff !important;

    background-color: transparent !important;

    color: #fff !important;

}



.btn-outline-white.active,

.btn-outline-white:active,

.btn-outline-white:active:focus,

.btn-outline-white:focus,

.btn-outline-white:hover {

    border-color: #fff !important;

    background-color: transparent !important;

    color: #fff !important;

}



.btn-outline-white:not([disabled]):not(.disabled).active,

.btn-outline-white:not([disabled]):not(.disabled):active,

.show>.btn-outline-white.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #fff !important;

}



.btn-outline-white:not([disabled]):not(.disabled).active:focus,

.btn-outline-white:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-white.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-black {

    background-color: #000 !important;

    color: #fff !important;

}



.btn-black:hover {

    background-color: #0d0d0d;

}



.btn-black.focus,

.btn-black:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.btn-black.active,

.btn-black:active,

.btn-black:focus {

    background-color: #000;

}



.btn-black.dropdown-toggle {

    background-color: #000 !important;

}



.btn-black.dropdown-toggle:focus,

.btn-black.dropdown-toggle:hover {

    background-color: #0d0d0d !important;

}



.btn-black:not([disabled]):not(.disabled).active,

.btn-black:not([disabled]):not(.disabled):active,

.show>.btn-black.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: #000 !important;

}



.btn-black:not([disabled]):not(.disabled).active:focus,

.btn-black:not([disabled]):not(.disabled):active:focus,

.show>.btn-black.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.black-ic {

    color: #000 !important;

}



.black-ic:focus,

.black-ic:hover {

    color: #000;

}



.btn-outline-black {

    border: 2px solid #000 !important;

    background-color: transparent !important;

    color: #000 !important;

}



.btn-outline-black.active,

.btn-outline-black:active,

.btn-outline-black:active:focus,

.btn-outline-black:focus,

.btn-outline-black:hover {

    border-color: #000 !important;

    background-color: transparent !important;

    color: #000 !important;

}



.btn-outline-black:not([disabled]):not(.disabled).active,

.btn-outline-black:not([disabled]):not(.disabled):active,

.show>.btn-outline-black.dropdown-toggle {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    background-color: transparent !important;

    border-color: #000 !important;

}



.btn-outline-black:not([disabled]):not(.disabled).active:focus,

.btn-outline-black:not([disabled]):not(.disabled):active:focus,

.show>.btn-outline-black.dropdown-toggle:focus {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}



.card {

    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

    border: 0;

}



.card[class*="border"] {

    border: 1px solid #9e9e9e;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.card .card-body .card-title a,

.card .card-body .card-title a:hover {

    -webkit-transition: 0.2s ease-in-out;

    -o-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

}



.card .card-body .card-text {

    color: #747373;

    font-size: 0.9rem;

    font-weight: 400;

}



.dropdown .dropdown-menu .dropdown-item:active {

    background-color: #757575;

}



.md-form.input-group label {

    top: 0;

    margin-bottom: 0;

}



.md-form.input-group .input-group-text {

    background-color: #e0e0e0;

}



.md-form.input-group .input-group-text.md-addon {

    border: none;

    background-color: transparent;

    font-weight: 500;

}



.md-form.input-group .form-control {

    margin: 0;

    padding: 0.375rem 0.75rem;

}



.pagination .page-item.active .page-link {

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

    -webkit-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;

    -webkit-border-radius: 0.125rem;

    border-radius: 0.125rem;

    background-color: #4285f4;

    color: #fff;

}



.pagination .page-item.active .page-link:hover {

    background-color: #4285f4;

}



.pagination .page-item.disabled .page-link {

    color: #868e96;

}



.pagination .page-item .page-link {

    -webkit-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

    outline: 0;

    border: 0;

    background-color: transparent;

    font-size: 0.9rem;

    color: #212529;

}



.badge,

.badge-danger,

.badge-dark,

.badge-default,

.badge-info,

.badge-primary,

.badge-secondary,

.badge-success,

.badge-warning {

    color: #fff !important;

}



.pagination .page-item .page-link:hover {

    -webkit-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

    -webkit-border-radius: 0.125rem;

    border-radius: 0.125rem;

    background-color: #eee;

}



.pagination .page-item .page-link:focus {

    background-color: transparent;

}



.pagination.pagination-lg .page-item .page-link {

    font-size: 1rem;

}



.pagination.pagination-sm .page-item .page-link {

    font-size: 0.8rem;

}



.pagination.pagination-circle .page-item .page-link {

    margin-left: 2px;

    margin-right: 2px;

    -webkit-border-radius: 50%;

    border-radius: 50%;

}



.pagination.pagination-circle .page-item .page-link:hover,

.pagination.pagination-circle .page-item.active .page-link {

    -webkit-border-radius: 50%;

    border-radius: 50%;

}



.pagination.pg-blue .page-item.active .page-link,

.pagination.pg-blue .page-item.active .page-link:hover {

    background-color: #4285f4;

}



.pagination.pg-red .page-item.active .page-link,

.pagination.pg-red .page-item.active .page-link:hover {

    background-color: #ff3547;

}



.pagination.pg-teal .page-item.active .page-link,

.pagination.pg-teal .page-item.active .page-link:hover {

    background-color: #2bbbad;

}



.pagination.pg-dark-grey .page-item.active .page-link,

.pagination.pg-dark-grey .page-item.active .page-link:hover {

    background-color: #37474f;

}



.pagination.pg-dark .page-item.active .page-link,

.pagination.pg-dark .page-item.active .page-link:hover {

    background-color: #2e2e2e;

}



.pagination.pg-blue-grey .page-item.active .page-link,

.pagination.pg-blue-grey .page-item.active .page-link:hover {

    background-color: #3f729b;

}



.pagination.pg-amber .page-item.active .page-link,

.pagination.pg-amber .page-item.active .page-link:hover {

    background-color: #ff6f00;

}



.pagination.pg-purple .page-item.active .page-link,

.pagination.pg-purple .page-item.active .page-link:hover {

    background-color: #5e35b1;

}



.badge {

    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

    -webkit-border-radius: 0.125rem;

    border-radius: 0.125rem;

}



.badge-pill {

    -webkit-border-radius: 10rem;

    border-radius: 10rem;

    padding-right: 0.6em;

    padding-left: 0.6em;

}



.badge-primary {

    background-color: #4285f4 !important;

}



.badge-danger {

    background-color: #ff3547 !important;

}



.badge-warning {

    background-color: #f80 !important;

}



.badge-success {

    background-color: #00c851 !important;

}



.badge-info {

    background-color: #33b5e5 !important;

}



.badge-default {

    background-color: #2bbbad !important;

}



.badge-secondary {

    background-color: #a6c !important;

}



.badge-dark {

    background-color: #212121 !important;

}



.badge-light {

    background-color: #e0e0e0 !important;

    color: #000 !important;

}



.modal-dialog.modal-notify.modal-primary .badge,

.modal-dialog.modal-notify.modal-primary .modal-header {

    background-color: #4285f4;

}



body.modal-open {

    overflow: auto;

    padding-right: 0 !important;

}



body.scrollable {

    overflow-y: auto;

}



.modal-dialog .modal-content {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    border: 0;

    -webkit-border-radius: 0.125rem;

    border-radius: 0.125rem;

}



.modal-dialog .modal-content .modal-header {

    -webkit-border-top-left-radius: 0.125rem;

    border-top-left-radius: 0.125rem;

    -webkit-border-top-right-radius: 0.125rem;

    border-top-right-radius: 0.125rem;

}



.modal-dialog.cascading-modal {

    margin-top: 10%;

}



.modal-dialog.cascading-modal .close {

    opacity: 1;

    text-shadow: none;

    color: #fff;

    outline: 0;

}



.modal-dialog.cascading-modal .modal-header {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    margin: -2rem 1rem 1rem;

    border: none;

    -webkit-border-radius: 0.125rem;

    border-radius: 0.125rem;

    padding: 1.5rem;

    text-align: center;

}



.modal-dialog.cascading-modal .modal-header .close {

    margin-right: 1rem;

}



.modal-dialog.cascading-modal .modal-header .title {

    margin-bottom: 0;

    width: 100%;

    font-size: 1.25rem;

}



.modal-dialog.cascading-modal .modal-header .title .fa {

    margin-right: 9px;

}



.modal-dialog.cascading-modal .modal-header .social-buttons {

    margin-top: 1.5rem;

}



.modal-dialog.cascading-modal .modal-header .social-buttons a {

    font-size: 1rem;

}



.modal-dialog.cascading-modal .modal-c-tabs .nav-tabs {

    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

    margin: -1.5rem 1rem 0;

}



.modal-dialog.cascading-modal .modal-c-tabs .tab-content {

    padding: 1.7rem 0 0;

}



.modal-dialog.cascading-modal .nav-tabs {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

}



.modal-dialog.cascading-modal .nav-tabs li {

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

}



.modal-dialog.cascading-modal .nav-tabs li a {

    text-align: center;

}



.modal-dialog.cascading-modal .modal-body,

.modal-dialog.cascading-modal .modal-footer {

    padding-left: 2rem;

    padding-right: 2rem;

    color: #616161;

}



.modal-dialog.cascading-modal .modal-body .additional-option,

.modal-dialog.cascading-modal .modal-footer .additional-option {

    margin-top: 1rem;

    text-align: center;

}



.modal-dialog.cascading-modal.modal-avatar {

    margin-top: 6rem;

}



.modal-dialog.cascading-modal.modal-avatar .modal-header {

    -webkit-box-shadow: none;

    box-shadow: none;

    margin: -6rem 0 -1rem;

}



.modal-dialog.cascading-modal.modal-avatar .modal-header img {

    width: 130px;

    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    margin-left: auto;

    margin-right: auto;

}



.modal-dialog.modal-notify .heading {

    margin: 0;

    padding: 0.3rem;

    font-size: 1.15rem;

    color: #fff;

}



.modal-dialog.modal-notify .modal-header {

    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

    border: 0;

}



.modal-dialog.modal-notify .close {

    opacity: 1;

}



.modal-dialog.modal-notify .modal-body {

    padding: 1.5rem;

    color: #616161;

}



.modal-dialog.modal-notify.modal-primary .fa {

    color: #4285f4;

}



.modal-dialog.modal-notify.modal-danger .badge,

.modal-dialog.modal-notify.modal-danger .modal-header {

    background-color: #ff3547;

}



.modal-dialog.modal-notify.modal-danger .fa {

    color: #ff3547;

}



.modal-dialog.modal-notify.modal-warning .badge,

.modal-dialog.modal-notify.modal-warning .modal-header {

    background-color: #fb3;

}



.modal-dialog.modal-notify.modal-warning .fa {

    color: #fb3;

}



.modal-dialog.modal-notify.modal-success .badge,

.modal-dialog.modal-notify.modal-success .modal-header {

    background-color: #00c851;

}



.modal-dialog.modal-notify.modal-success .fa {

    color: #00c851;

}



.modal-dialog.modal-notify.modal-info .badge,

.modal-dialog.modal-notify.modal-info .modal-header {

    background-color: #33b5e5;

}



.modal-dialog.modal-notify.modal-info .fa {

    color: #33b5e5;

}



.modal {

    padding-right: 0 !important;

}



@media (min-width: 768px) {

    .modal .modal-dialog.modal-top {

        top: 0;

    }

    .modal .modal-dialog.modal-left {

        left: 0;

    }

    .modal .modal-dialog.modal-right {

        right: 0;

    }

    .modal .modal-dialog.modal-bottom {

        bottom: 0;

    }

    .modal .modal-dialog.modal-top-left {

        top: 10px;

        left: 10px;

    }

    .modal .modal-dialog.modal-top-right {

        top: 10px;

        right: 10px;

    }

    .modal .modal-dialog.modal-bottom-left {

        bottom: 10px;

        left: 10px;

    }

    .modal .modal-dialog.modal-bottom-right {

        bottom: 10px;

        right: 10px;

    }

}



.modal.fade.top:not(.show) .modal-dialog {

    -webkit-transform: translate3d(0, -25%, 0);

    transform: translate3d(0, -25%, 0);

}



.modal.fade.left:not(.show) .modal-dialog {

    -webkit-transform: translate3d(-25%, 0, 0);

    transform: translate3d(-25%, 0, 0);

}



.modal.fade.right:not(.show) .modal-dialog {

    -webkit-transform: translate3d(25%, 0, 0);

    transform: translate3d(25%, 0, 0);

}



.modal.fade.bottom:not(.show) .modal-dialog {

    -webkit-transform: translate3d(0, 25%, 0);

    transform: translate3d(0, 25%, 0);

}



@media (min-width: 992px) {

    .modal .modal-fluid,

    .modal .modal-frame {

        width: 100%;

        max-width: 100%;

    }

    .modal.modal-scrolling {

        position: relative;

    }

    .modal.modal-scrolling .modal-dialog {

        position: fixed;

        z-index: 1050;

    }

    .modal.modal-content-clickable {

        top: auto;

        bottom: auto;

    }

    .modal.modal-content-clickable .modal-dialog {

        position: fixed;

    }

    .modal .modal-fluid .modal-content {

        width: 100%;

    }

    .modal .modal-frame {

        position: absolute;

        margin: 0;

    }

    .modal .modal-frame.modal-bottom {

        bottom: 0;

    }

    .modal .modal-full-height {

        position: absolute;

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        margin: 0;

        width: 400px;

        height: 100%;

        top: 0;

        right: 0;

    }

    .modal .modal-full-height.modal-bottom,

    .modal .modal-full-height.modal-top {

        display: block;

        width: 100%;

        max-width: 100%;

        height: auto;

    }

    .modal .modal-full-height.modal-top {

        bottom: auto;

    }

    .modal .modal-full-height.modal-bottom {

        top: auto;

    }

    .modal .modal-full-height .modal-content {

        width: 100%;

    }

    .modal .modal-full-height.modal-lg {

        width: 90%;

        max-width: 90%;

    }

}



@media (min-width: 992px) and (min-width: 992px) {

    .modal .modal-full-height.modal-lg {

        width: 800px;

        max-width: 800px;

    }

}



@media (min-width: 992px) and (min-width: 1200px) {

    .modal .modal-full-height.modal-lg {

        width: 1000px;

        max-width: 1000px;

    }

}



@media (min-width: 992px) {

    .modal .modal-side {

        position: absolute;

        bottom: 10px;

        right: 10px;

        margin: 0;

        width: 400px;

    }

}



.nav-tabs {

    -webkit-border-radius: 0.25rem;

    border-radius: 0.25rem;

}



.nav-tabs .nav-item .nav-link {

    -webkit-border-radius: 0.25rem;

    border-radius: 0.25rem;

    background-color: inherit;

    color: #fff;

}



.carousel .carousel-control-next-icon,

.carousel .carousel-control-prev-icon {

    width: 20px;

    height: 20px;

}



.carousel .carousel-control-prev-icon {

    background-image: url(../img//svg/arrow_left.svg);

}



.carousel .carousel-control-next-icon {

    background-image: url(../img//svg/arrow_right.svg);

}



.carousel .carousel-indicators li {

    width: 0.625rem;

    height: 0.625rem;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    cursor: pointer;

}



.carousel-fade .carousel-item {

    opacity: 0;

    -webkit-transition-duration: 0.6s;

    -o-transition-duration: 0.6s;

    transition-duration: 0.6s;

    -webkit-transition-property: opacity;

    -o-transition-property: opacity;

    transition-property: opacity;

}



.carousel-fade .carousel-item-next.carousel-item-left,

.carousel-fade .carousel-item-prev.carousel-item-right,

.carousel-fade .carousel-item.active {

    opacity: 1;

}



.carousel-fade .carousel-item-left.active,

.carousel-fade .carousel-item-right.active {

    opacity: 0;

}



.carousel-fade .carousel-item-left.active,

.carousel-fade .carousel-item-next,

.carousel-fade .carousel-item-prev,

.carousel-fade .carousel-item-prev.active,

.carousel-fade .carousel-item.active {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

}



@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {

    .carousel-fade .carousel-item-left.active,

    .carousel-fade .carousel-item-next,

    .carousel-fade .carousel-item-prev,

    .carousel-fade .carousel-item-prev.active,

    .carousel-fade .carousel-item.active {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.md-form {

    position: relative;

    margin-top: 1.5rem;

    margin-bottom: 1.5rem;

}



.md-form input[type="date"],

.md-form input[type="datetime-local"],

.md-form input[type="email"],

.md-form input[type="number"],

.md-form input[type="password"],

.md-form input[type="search-md"],

.md-form input[type="search"],

.md-form input[type="tel"],

.md-form input[type="text"],

.md-form input[type="time"],

.md-form input[type="url"],

.md-form textarea.md-textarea {

    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

    outline: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    border: none;

    border-bottom: 1px solid #ced4da;

    -webkit-border-radius: 0;

    border-radius: 0;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    background-color: transparent;

}



.md-form input[type="date"]:focus:not([readonly]),

.md-form input[type="datetime-local"]:focus:not([readonly]),

.md-form input[type="email"]:focus:not([readonly]),

.md-form input[type="number"]:focus:not([readonly]),

.md-form input[type="password"]:focus:not([readonly]),

.md-form input[type="search-md"]:focus:not([readonly]),

.md-form input[type="search"]:focus:not([readonly]),

.md-form input[type="tel"]:focus:not([readonly]),

.md-form input[type="text"]:focus:not([readonly]),

.md-form input[type="time"]:focus:not([readonly]),

.md-form input[type="url"]:focus:not([readonly]),

.md-form textarea.md-textarea:focus:not([readonly]) {

    -webkit-box-shadow: 0 1px 0 0 #4285f4;

    box-shadow: 0 1px 0 0 #4285f4;

    border-bottom: 1px solid #4285f4;

}



.md-form input[type="date"]:focus:not([readonly])+label,

.md-form input[type="datetime-local"]:focus:not([readonly])+label,

.md-form input[type="email"]:focus:not([readonly])+label,

.md-form input[type="number"]:focus:not([readonly])+label,

.md-form input[type="password"]:focus:not([readonly])+label,

.md-form input[type="search-md"]:focus:not([readonly])+label,

.md-form input[type="search"]:focus:not([readonly])+label,

.md-form input[type="tel"]:focus:not([readonly])+label,

.md-form input[type="text"]:focus:not([readonly])+label,

.md-form input[type="time"]:focus:not([readonly])+label,

.md-form input[type="url"]:focus:not([readonly])+label,

.md-form textarea.md-textarea:focus:not([readonly])+label {

    color: #4285f4;

}



.md-form input[type="date"]+label:after,

.md-form input[type="datetime-local"]+label:after,

.md-form input[type="email"]+label:after,

.md-form input[type="number"]+label:after,

.md-form input[type="password"]+label:after,

.md-form input[type="search-md"]+label:after,

.md-form input[type="search"]+label:after,

.md-form input[type="tel"]+label:after,

.md-form input[type="text"]+label:after,

.md-form input[type="time"]+label:after,

.md-form input[type="url"]+label:after,

.md-form textarea.md-textarea+label:after {

    content: "";

    position: absolute;

    top: 65px;

    display: block;

    opacity: 0;

    -webkit-transition: 0.2s opacity ease-out, 0.2s color ease-out;

    -o-transition: 0.2s opacity ease-out, 0.2s color ease-out;

    transition: 0.2s opacity ease-out, 0.2s color ease-out;

}



.md-form input[type="date"].valid,

.md-form input[type="date"]:focus.valid,

.md-form input[type="datetime-local"].valid,

.md-form input[type="datetime-local"]:focus.valid,

.md-form input[type="email"].valid,

.md-form input[type="email"]:focus.valid,

.md-form input[type="number"].valid,

.md-form input[type="number"]:focus.valid,

.md-form input[type="password"].valid,

.md-form input[type="password"]:focus.valid,

.md-form input[type="search-md"].valid,

.md-form input[type="search-md"]:focus.valid,

.md-form input[type="search"].valid,

.md-form input[type="search"]:focus.valid,

.md-form input[type="tel"].valid,

.md-form input[type="tel"]:focus.valid,

.md-form input[type="text"].valid,

.md-form input[type="text"]:focus.valid,

.md-form input[type="time"].valid,

.md-form input[type="time"]:focus.valid,

.md-form input[type="url"].valid,

.md-form input[type="url"]:focus.valid,

.md-form textarea.md-textarea.valid,

.md-form textarea.md-textarea:focus.valid {

    border-bottom: 1px solid #00c851;

    -webkit-box-shadow: 0 1px 0 0 #00c851;

    box-shadow: 0 1px 0 0 #00c851;

}



.md-form input[type="date"].valid+label:after,

.md-form input[type="date"]:focus.valid+label:after,

.md-form input[type="datetime-local"].valid+label:after,

.md-form input[type="datetime-local"]:focus.valid+label:after,

.md-form input[type="email"].valid+label:after,

.md-form input[type="email"]:focus.valid+label:after,

.md-form input[type="number"].valid+label:after,

.md-form input[type="number"]:focus.valid+label:after,

.md-form input[type="password"].valid+label:after,

.md-form input[type="password"]:focus.valid+label:after,

.md-form input[type="search-md"].valid+label:after,

.md-form input[type="search-md"]:focus.valid+label:after,

.md-form input[type="search"].valid+label:after,

.md-form input[type="search"]:focus.valid+label:after,

.md-form input[type="tel"].valid+label:after,

.md-form input[type="tel"]:focus.valid+label:after,

.md-form input[type="text"].valid+label:after,

.md-form input[type="text"]:focus.valid+label:after,

.md-form input[type="time"].valid+label:after,

.md-form input[type="time"]:focus.valid+label:after,

.md-form input[type="url"].valid+label:after,

.md-form input[type="url"]:focus.valid+label:after,

.md-form textarea.md-textarea.valid+label:after,

.md-form textarea.md-textarea:focus.valid+label:after {

    content: attr(data-success);

    color: #00c851;

    opacity: 1;

}



.md-form input[type="date"].invalid,

.md-form input[type="date"]:focus.invalid,

.md-form input[type="datetime-local"].invalid,

.md-form input[type="datetime-local"]:focus.invalid,

.md-form input[type="email"].invalid,

.md-form input[type="email"]:focus.invalid,

.md-form input[type="number"].invalid,

.md-form input[type="number"]:focus.invalid,

.md-form input[type="password"].invalid,

.md-form input[type="password"]:focus.invalid,

.md-form input[type="search-md"].invalid,

.md-form input[type="search-md"]:focus.invalid,

.md-form input[type="search"].invalid,

.md-form input[type="search"]:focus.invalid,

.md-form input[type="tel"].invalid,

.md-form input[type="tel"]:focus.invalid,

.md-form input[type="text"].invalid,

.md-form input[type="text"]:focus.invalid,

.md-form input[type="time"].invalid,

.md-form input[type="time"]:focus.invalid,

.md-form input[type="url"].invalid,

.md-form input[type="url"]:focus.invalid,

.md-form textarea.md-textarea.invalid,

.md-form textarea.md-textarea:focus.invalid {

    border-bottom: 1px solid #f44336;

    -webkit-box-shadow: 0 1px 0 0 #f44336;

    box-shadow: 0 1px 0 0 #f44336;

}



.md-form input[type="date"].invalid+label:after,

.md-form input[type="date"]:focus.invalid+label:after,

.md-form input[type="datetime-local"].invalid+label:after,

.md-form input[type="datetime-local"]:focus.invalid+label:after,

.md-form input[type="email"].invalid+label:after,

.md-form input[type="email"]:focus.invalid+label:after,

.md-form input[type="number"].invalid+label:after,

.md-form input[type="number"]:focus.invalid+label:after,

.md-form input[type="password"].invalid+label:after,

.md-form input[type="password"]:focus.invalid+label:after,

.md-form input[type="search-md"].invalid+label:after,

.md-form input[type="search-md"]:focus.invalid+label:after,

.md-form input[type="search"].invalid+label:after,

.md-form input[type="search"]:focus.invalid+label:after,

.md-form input[type="tel"].invalid+label:after,

.md-form input[type="tel"]:focus.invalid+label:after,

.md-form input[type="text"].invalid+label:after,

.md-form input[type="text"]:focus.invalid+label:after,

.md-form input[type="time"].invalid+label:after,

.md-form input[type="time"]:focus.invalid+label:after,

.md-form input[type="url"].invalid+label:after,

.md-form input[type="url"]:focus.invalid+label:after,

.md-form textarea.md-textarea.invalid+label:after,

.md-form textarea.md-textarea:focus.invalid+label:after {

    content: attr(data-error);

    color: #f44336;

    opacity: 1;

}



.md-form .was-validated input[type="text"]:valid+label {

    color: #00c851 !important;

}



.md-form .was-validated input[type="text"]:invalid+label {

    color: #f44336 !important;

}



.md-form .was-validated .form-control:valid:focus {

    -webkit-box-shadow: 0 1px 0 0 #00c851 !important;

    box-shadow: 0 1px 0 0 #00c851 !important;

}



.md-form .was-validated .form-control:valid {

    border-color: #00c851 !important;

}



.md-form .was-validated .form-control:invalid:focus {

    -webkit-box-shadow: 0 1px 0 0 #f44336 !important;

    box-shadow: 0 1px 0 0 #f44336 !important;

}



.md-form .was-validated .form-control:invalid {

    border-color: #f44336 !important;

}



.md-form .form-control {

    margin: 0 0 0.5rem;

    -webkit-border-radius: 0;

    border-radius: 0;

    padding: 0.3rem 0 0.55rem;

    background-image: none;

    background-color: transparent;

}



.md-form .form-control:focus {

    -webkit-box-shadow: none;

    box-shadow: none;

    background: 0 0;

}



.md-form .form-control:disabled,

.md-form .form-control[readonly] {

    border-bottom: 1px solid #bdbdbd;

    background-color: transparent;

}



.md-form label {

    font-size: 1rem;

}



.md-form label.active {

    font-size: 0.8rem;

    -webkit-transform: translateY(-140%);

    -ms-transform: translateY(-140%);

    transform: translateY(-140%);

}



.md-form .prefix {

    top: 0.25rem;

    font-size: 1.75rem;

}



.md-form .prefix~input,

.md-form .prefix~textarea {

    margin-left: 2.5rem;

    width: -webkit-calc(100% - 2.5rem);

    width: calc(100% - 2.5rem);

}



.md-form .prefix~label {

    margin-left: 2.5rem;

}



.md-form .prefix~.form-text {

    margin-left: 2.6rem;

}



.md-form label {

    position: absolute;

    top: 0.65rem;

    left: 0;

    -webkit-transition: 0.2s ease-out;

    -o-transition: 0.2s ease-out;

    transition: 0.2s ease-out;

    cursor: text;

    color: #757575;

}



.md-form .prefix {

    position: absolute;

    -webkit-transition: color 0.2s;

    -o-transition: color 0.2s;

    transition: color 0.2s;

}



.md-form .prefix.active {

    color: #4285f4;

}



.md-form.form-lg label {

    font-size: 1.25rem;

}



.md-form.form-lg label.active {

    font-size: 0.95rem;

}



.md-form.form-lg .prefix {

    top: 0.4rem;

    font-size: 2rem;

}



.md-form.form-lg .prefix~input,

.md-form.form-lg .prefix~textarea {

    margin-left: 3rem;

    width: -webkit-calc(100% - 3rem);

    width: calc(100% - 3rem);

}



.md-form.form-lg .prefix~label {

    margin-left: 3rem;

}



.md-form.form-lg .prefix~.form-text {

    margin-left: 3.1rem;

}



.md-form.form-sm label {

    font-size: 0.875rem;

}



.md-form.form-sm label.active {

    font-size: 0.75rem;

}



.md-form.form-sm .prefix {

    top: 0.35rem;

    font-size: 1.5rem;

}



.md-form.form-sm .prefix~input,

.md-form.form-sm .prefix~textarea {

    margin-left: 2rem;

    width: -webkit-calc(100% - 2rem);

    width: calc(100% - 2rem);

}



.md-form.form-sm .prefix~.form-text,

.md-form.form-sm .prefix~label {

    margin-left: 2rem;

}



.md-form textarea.md-textarea {

    overflow-y: hidden;

    padding: 1.5rem 0;

    resize: none;

}



.md-form textarea.md-textarea-auto {

    padding: 1.5rem 0 0;

}



.edge-header {

    display: block;

    height: 278px;

    background-color: #ccc;

}



.free-bird {

    margin-top: -100px;

}



footer.page-footer {

    bottom: 0;

    color: #fff;

}



footer.page-footer .container-fluid {

    width: auto;

}



footer.page-footer .footer-copyright {

    overflow: hidden;

    background-color: rgba(0, 0, 0, 0.2);

    color: rgba(255, 255, 255, 0.6);

}



footer.page-footer a {

    color: #fff;

}



.media .media-left {

    padding: 0 10px 10px 0;

}



.media .media-left img {

    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

}



.list-group .list-group-item:first-child {

    -webkit-border-top-left-radius: 0.125rem;

    border-top-left-radius: 0.125rem;

    -webkit-border-top-right-radius: 0.125rem;

    border-top-right-radius: 0.125rem;

}



.list-group .list-group-item:last-child {

    -webkit-border-bottom-left-radius: 0.125rem;

    border-bottom-left-radius: 0.125rem;

    -webkit-border-bottom-right-radius: 0.125rem;

    border-bottom-right-radius: 0.125rem;

}



.list-group a,

.list-group a:hover,

.list-group button,

.list-group button:hover {

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

}



table th {

    font-size: 0.9rem;

    font-weight: 400;

}



table td {

    font-size: 0.9rem;

    font-weight: 300;

}



table.table thead th {

    border-top: none;

}



table.table td,

table.table th {

    padding-top: 1.1rem;

    padding-bottom: 1rem;

}



table.table a {

    margin: 0;

    color: #212529;

}



table.table .label-table {

    margin: 0;

    padding: 0;

    line-height: 0.94rem;

    height: 0.94rem;

}



.full-height,

.full-height body,

.full-height header,

.full-height header .view,

.view .full-bg-img {

    height: 100%;

}



table.table-hover tbody tr:hover {

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

    background-color: rgba(0, 0, 0, 0.075);

}



table .th-lg {

    min-width: 9rem;

}



table .th-sm {

    min-width: 6rem;

}



table.table-sm td,

table.table-sm th {

    padding-top: 0.6rem;

    padding-bottom: 0.6rem;

}



.table-scroll-vertical {

    max-height: 300px;

    overflow-y: auto;

}



.table-fixed {

    table-layout: fixed;

}



.view .full-bg-img,

.view .full-bg-img video {

    background-repeat: no-repeat;

    background-position: center center;

    -webkit-background-size: cover;

    background-size: cover;

}