/*!
 * Material Design for Bootstrap 4
 * Version: MDB Admin Dashboard 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
 *
 */
.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: #aa00ff !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: #194f90 !important; }

.blue-text { color: #194f90 !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: rgba(255, 255, 255, 0.9) !important; }

.teal.lighten-4 { background-color: rgba(255, 255, 255, 0.7) !important; }

.teal.lighten-3 { background-color: rgba(255, 255, 255, 0.5) !important; }

.teal.lighten-2 { background-color: rgba(255, 255, 255, 0.3) !important; }

.teal.lighten-1 { background-color: rgba(255, 255, 255, 0.1) !important; }

.teal { background-color: #CE5C17!important; }

.teal-text { color: #CE5C17!important; }

.rgba-teal-slight, .rgba-teal-slight:after { background-color: rgba(24, 152, 139, 0.1); }

.rgba-teal-light, .rgba-teal-light:after { background-color: rgba(24, 152, 139, 0.3); }

.rgba-teal-strong, .rgba-teal-strong:after { background-color: rgba(24, 152, 139, 0.7); }

.teal.darken-1 { background-color: rgba(0, 0, 0, 0.1) !important; }

.teal.darken-2 { background-color: rgba(0, 0, 0, 0.3) !important; }

.teal.darken-3 { background-color: rgba(0, 0, 0, 0.5) !important; }

.teal.darken-4 { background-color: rgba(0, 0, 0, 0.7) !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: #ffff00 !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: #edd14a !important; }

.amber-text { color: #edd14a !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: #eeeeee !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, .md-pills .nav-link:hover, .rgba-grey-light:after, .md-pills .nav-link:hover: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, .picker__list-item:hover { background-color: #000 !important; }

.black-text, .btn.btn-link, .toast-close-button:hover, .toast-close-button:focus { 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, .picker__list-item, .picker__box .picker__header .picker__select--month.browser-default, .picker__box .picker__header .picker__select--year.browser-default { background-color: #fff !important; }

.white-text, .card.card-cascade .view.view-cascade.gradient-card-header, .dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:active, .dropup .dropdown-menu .dropdown-item:hover, .dropup .dropdown-menu .dropdown-item:active, .dropleft .dropdown-menu .dropdown-item:hover, .dropleft .dropdown-menu .dropdown-item:active, .dropright .dropdown-menu .dropdown-item:hover, .dropright .dropdown-menu .dropdown-item:active, .side-nav, .side-nav .search-form input[type=text]::placeholder, .side-nav .search-form .form-control, .toast-message a, .toast-message label, .toast-close-button, #toast-container > div, .picker__list-item--selected, .picker__list-item--selected:hover, .picker--focused .picker__list-item--selected, .picker--time .picker__button--clear:hover, .picker--time .picker__button--clear:focus, .picker--time .picker__button--clear:hover:before, .picker--time .picker__button--clear:focus:before, .picker__date-display, .picker__date-display .clockpicker-display .clockpicker-display-column .clockpicker-span-hours.text-primary, .picker__date-display .clockpicker-display .clockpicker-display-column .clockpicker-span-minutes.text-primary, .picker__date-display .clockpicker-display .clockpicker-display-column #click-am.text-primary, .picker__date-display .clockpicker-display .clockpicker-display-column #click-pm.text-primary, .clockpicker-display .clockpicker-display-column .clockpicker-span-hours.text-primary, .clockpicker-display .clockpicker-display-column .clockpicker-span-minutes.text-primary, .clockpicker-display .clockpicker-display-column #click-am.text-primary, .clockpicker-display .clockpicker-display-column #click-pm.text-primary, .darktheme .picker__box .picker__date-display .clockpicker-display, .darktheme .picker__box .picker__date-display .clockpicker-display .clockpicker-span-am-pm, .darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-tick, .darktheme .picker__box .picker__footer button, .picker__box .picker__header .picker__date-display, .picker__box .picker__table .picker__day--outfocus, .picker__box .picker__table .picker__day--selected, .picker__box .picker__table .picker__day--selected:hover, .picker__box .picker__table .picker--focused { 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 { color: #4f4f4f !important; }
.dark-grey-text:hover, .dark-grey-text:focus { color: #4f4f4f !important; }

.primary-color, .stepper li.active a .circle, .stepper li.completed a .circle { background-color: #CE5C17!important; }

.primary-color-dark { background-color: #116c63 !important; }

.secondary-color { background-color: #194f90 !important; }

.secondary-color-dark { background-color: #113765 !important; }

.default-color { background-color: #6c757d !important; }

.default-color-dark { background-color: #212529 !important; }

.info-color { background-color: #80bde5 !important; }

.info-color-dark { background-color: #56a7dc !important; }

.success-color { background-color: #55bf75 !important; }

.success-color-dark { background-color: #3ea35c !important; }

.warning-color { background-color: #edd14a !important; }

.warning-color-dark { background-color: #e8c51c !important; }

.danger-color, .stepper li.warning a .circle { background-color: #dd2828 !important; }

.danger-color-dark { background-color: #b51d1d !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; }

/*** Global ***/
.z-depth-0 { box-shadow: none !important; }

.z-depth-1 { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.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, .cascading-admin-card .admin-up .fa { 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 { 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 { 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 { box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); }

.hoverable { box-shadow: none; transition: all 0.55s ease-in-out; }
.hoverable:hover { box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition: all 0.55s ease-in-out; }

.disabled, :disabled { pointer-events: none !important; }

a { cursor: pointer; text-decoration: none; color: #CE5C17; transition: all 0.2s ease-in-out; }
a:hover { transition: all 0.2s ease-in-out; text-decoration: none; }
a.disabled:hover, a:disabled:hover { color: #CE5C17; }

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, .section-blog-fw .view img, .video-fluid { max-width: 100%; height: auto; }

.flex-center { display: flex; justify-content: 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 { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 0.125rem; background-color: #fff; }

.bg-primary { background-color: #CE5C17!important; }

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #116c63 !important; }

.border-primary { border-color: #CE5C17!important; }

.bg-danger { background-color: #dd2828 !important; }

a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #b51d1d !important; }

.border-danger { border-color: #dd2828 !important; }

.bg-warning { background-color: #e8c51c !important; }

a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #a07800 !important; }

.border-warning { border-color: #e8c51c !important; }

.bg-success { background-color: #55bf75 !important; }

a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #3ea35c !important; }

.border-success { border-color: #55bf75 !important; }

.bg-info { background-color: #80bde5 !important; }

a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #56a7dc !important; }

.border-info { border-color: #80bde5 !important; }

.bg-default { background-color: #6c757d !important; }

a.bg-default:hover, a.bg-default:focus, button.bg-default:hover, button.bg-default:focus { background-color: #545b62 !important; }

.border-default { border-color: #6c757d !important; }

.bg-secondary { background-color: #194f90 !important; }

a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #113765 !important; }

.border-secondary { border-color: #194f90 !important; }

.bg-dark { background-color: #212121 !important; }

a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #080808 !important; }

.border-dark { border-color: #212121 !important; }

.bg-light { background-color: #e0e0e0 !important; }

a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #c7c7c7 !important; }

.border-light { border-color: #e0e0e0 !important; }

.card .card-title {}

@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: 400; }
@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; font-weight: 400; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; }

.h1-responsive { font-size: 150%; }

.h2-responsive, .section-blog-fw h2 { font-size: 145%; }

.h3-responsive { font-size: 135%; }

.h4-responsive { font-size: 135%; }

.h5-responsive { font-size: 135%; }

@media (min-width: 576px) { .h1-responsive { font-size: 170%; }
  .h2-responsive, .section-blog-fw h2 { font-size: 140%; }
  .h3-responsive { font-size: 125%; }
  .h4-responsive { font-size: 125%; }
  .h5-responsive { font-size: 125%; } }
@media (min-width: 768px) { .h1-responsive { font-size: 200%; }
  .h2-responsive, .section-blog-fw h2 { font-size: 170%; }
  .h3-responsive { font-size: 140%; }
  .h4-responsive { font-size: 125%; }
  .h5-responsive { font-size: 125%; } }
@media (min-width: 992px) { .h1-responsive { font-size: 200%; }
  .h2-responsive, .section-blog-fw h2 { font-size: 170%; }
  .h3-responsive { font-size: 140%; }
  .h4-responsive { font-size: 125%; }
  .h5-responsive { font-size: 125%; } }
@media (min-width: 1200px) { .h1-responsive { font-size: 250%; }
  .h2-responsive, .section-blog-fw h2 { font-size: 200%; }
  .h3-responsive { font-size: 170%; }
  .h4-responsive { font-size: 140%; }
  .h5-responsive { font-size: 125%; } }
.divider-new { flex-direction: row; justify-content: center; align-items: center; display: flex; margin-top: 2.8rem; margin-bottom: 2.8rem; }
.divider-new > h1, .divider-new h2, .divider-new h3, .divider-new h4, .divider-new h5, .divider-new h6 { margin-bottom: 0; }
.divider-new:before, .divider-new:after { content: ""; height: 1.5px; 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: .25rem solid #eceeef; }
.blockquote .bq-title { margin-bottom: 0; font-size: 1.5rem; font-weight: 400; }
.blockquote p { padding: 1rem 0 1rem 2rem; font-size: 1.1rem; }

.bq-primary { border-left: 3px solid #CE5C17!important; }
.bq-primary .bq-title { color: #CE5C17!important; }

.bq-danger { border-left: 3px solid #dd2828 !important; }
.bq-danger .bq-title { color: #dd2828 !important; }

.bq-warning { border-left: 3px solid #edd14a !important; }
.bq-warning .bq-title { color: #edd14a !important; }

.bq-success { border-left: 3px solid #55bf75 !important; }
.bq-success .bq-title { color: #55bf75 !important; }

.bq-info { border-left: 3px solid #80bde5 !important; }
.bq-info .bq-title { color: #80bde5 !important; }

.text-primary { color: #CE5C17!important; }

a.text-primary:hover, a.text-primary:focus { color: #116c63 !important; }

.text-danger { color: #dd2828 !important; }

a.text-danger:hover, a.text-danger:focus { color: #b51d1d !important; }

.text-warning { color: #e8c51c !important; }

a.text-warning:hover, a.text-warning:focus { color: #a07800 !important; }

.text-success { color: #55bf75 !important; }

a.text-success:hover, a.text-success:focus { color: #3ea35c !important; }

.text-info { color: #80bde5 !important; }

a.text-info:hover, a.text-info:focus { color: #56a7dc !important; }

.text-default { color: #6c757d !important; }

a.text-default:hover, a.text-default:focus { color: #545b62 !important; }

.text-secondary { color: #194f90 !important; }

a.text-secondary:hover, a.text-secondary:focus { color: #113765 !important; }

.text-dark { color: #212121 !important; }

a.text-dark:hover, a.text-dark:focus { color: #080808 !important; }

.text-light { color: #e0e0e0 !important; }

a.text-light:hover, a.text-light:focus { color: #c7c7c7 !important; }

.font-small { font-size: 0.9rem; }

.view { position: relative; overflow: hidden; cursor: default; }
.view .mask { position: absolute; top: 0; overflow: hidden; 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%; transform: translateX(-50%) translateY(-50%); transition: 1s opacity; min-width: 100%; min-height: 100%; width: auto; height: auto; }

.overlay .mask { opacity: 0; transition: all 0.4s ease-in-out; }
.overlay .mask:hover { opacity: 1; }

.zoom img, .zoom video { transition: all 0.2s linear; }
.zoom:hover img, .zoom:hover video { 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; overflow: hidden; user-select: none; -webkit-tap-highlight-color: transparent; z-index: 0; }
.waves-effect .waves-ripple { position: absolute; 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: -moz-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%); transition: all 0.5s ease-out; transition-property: transform, opacity; transform: scale(0) translate(0, 0); pointer-events: none; }
.waves-effect.waves-light .waves-ripple {  }
.waves-effect.waves-classic .waves-ripple {  }
.waves-effect.waves-classic.waves-light .waves-ripple {  }

.waves-notransition { transition: none !important; }

.waves-button, .waves-circle { transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }

.waves-button, .waves-button:hover, .waves-button:visited, .waves-button-input { white-space: nowrap; vertical-align: middle; cursor: pointer; border: none; outline: none; 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; border-radius: 0.2em; }

.waves-button-input { margin: 0; padding: 0.85em 1.1em; }

.waves-input-wrapper { border-radius: 0.2em; vertical-align: middle; 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; border-radius: 50%; }

.waves-float { -webkit-mask-image: none; box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); transition: all 300ms; }
.waves-float:active { box-shadow: 0px 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 { from,
20%,
53%,
80%,
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 { from,
20%,
53%,
80%,
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; transform-origin: center bottom; }

@-webkit-keyframes flash { from,
50%,
to { opacity: 1; }
  25%,
  75% { opacity: 0; } }
@keyframes flash { from,
50%,
to { opacity: 1; }
  25%,
  75% { opacity: 0; } }
.flash { -webkit-animation-name: flash; animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse { from { -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); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes pulse { from { -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); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand { from { -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); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes rubberBand { from { -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); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 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; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { from { -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); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes tada { from { -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); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.tada { -webkit-animation-name: tada; animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble { from { -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); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes wobble { from { -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); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes jello { from,
11.1%,
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.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
@keyframes jello { from,
11.1%,
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.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; }

@-webkit-keyframes bounceIn { from,
20%,
40%,
60%,
80%,
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 { from,
20%,
40%,
60%,
80%,
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; }

@-webkit-keyframes bounceInDown { from,
60%,
75%,
90%,
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 { from,
60%,
75%,
90%,
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 { from,
60%,
75%,
90%,
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 { from,
60%,
75%,
90%,
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 { from,
60%,
75%,
90%,
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 { from,
60%,
75%,
90%,
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 { from,
60%,
75%,
90%,
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 { from,
60%,
75%,
90%,
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 { -webkit-animation-duration: 0.75s; 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; }

@-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 { -webkit-backface-visibility: visible !important; 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 { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; 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; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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 { 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; 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; margin: 0.375rem; border: 0; border-radius: 0.125rem; cursor: pointer; text-transform: uppercase; white-space: normal; word-wrap: break-word; color: #fff; }
.btn:hover, .btn:active, .btn:focus { 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 { 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 { 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 { box-shadow: none; background-color: transparent; }
.btn.btn-link:active, .btn.btn-link:focus, .btn.btn-link:hover { 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: #CE5C17!important; color: #fff !important; }
.btn-primary:hover { background-color: #CE5C17; }
.btn-primary:focus, .btn-primary.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-primary:focus, .btn-primary:active, .btn-primary.active { background-color: #CE5C17; }
.btn-primary.dropdown-toggle { background-color: lightgrey !important; color:black; }
.btn-primary.dropdown-toggle:hover, .btn-primary.dropdown-toggle:focus { background-color: #CE5C17 !important; }
.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, .show > .btn-primary.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #CE5C17 !important; }
.btn-primary:not([disabled]):not(.disabled):active:focus, .btn-primary:not([disabled]):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { 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: #CE5C17!important; }
.primary-ic:hover, .primary-ic:focus { color: #CE5C17; }

.btn-outline-primary { border: 2px solid #CE5C17!important; background-color: transparent !important; color: #CE5C17!important; }
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:active:focus, .btn-outline-primary.active { border-color: #CE5C17!important; background-color: transparent !important; color: #CE5C17!important; }
.btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { 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: #CE5C17!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 { 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: #dd2828 !important; color: #fff !important; }
.btn-danger:hover { background-color: #e04b59; }
.btn-danger:focus, .btn-danger.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-danger:focus, .btn-danger:active, .btn-danger.active { background-color: #921925; }
.btn-danger.dropdown-toggle { background-color: #dd2828 !important; }
.btn-danger.dropdown-toggle:hover, .btn-danger.dropdown-toggle:focus { background-color: #e04b59 !important; }
.btn-danger:not([disabled]):not(.disabled):active, .btn-danger:not([disabled]):not(.disabled).active, .show > .btn-danger.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #921925 !important; }
.btn-danger:not([disabled]):not(.disabled):active:focus, .btn-danger:not([disabled]):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { 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: #dd2828 !important; }
.danger-ic:hover, .danger-ic:focus { color: #dd2828; }

.btn-outline-danger { border: 2px solid #dd2828 !important; background-color: transparent !important; color: #dd2828 !important; }
.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger:active:focus, .btn-outline-danger.active { border-color: #dd2828 !important; background-color: transparent !important; color: #dd2828 !important; }
.btn-outline-danger:not([disabled]):not(.disabled):active, .btn-outline-danger:not([disabled]):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { 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: #dd2828 !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 { 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: #e8c51c !important; color: #fff !important; }
.btn-warning:hover { background-color: #edb100; }
.btn-warning:focus, .btn-warning.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-warning:focus, .btn-warning:active, .btn-warning.active { background-color: #6d5200; }
.btn-warning.dropdown-toggle { background-color: #e8c51c !important; }
.btn-warning.dropdown-toggle:hover, .btn-warning.dropdown-toggle:focus { background-color: #edb100 !important; }
.btn-warning:not([disabled]):not(.disabled):active, .btn-warning:not([disabled]):not(.disabled).active, .show > .btn-warning.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #6d5200 !important; }
.btn-warning:not([disabled]):not(.disabled):active:focus, .btn-warning:not([disabled]):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { 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: #e8c51c !important; }
.warning-ic:hover, .warning-ic:focus { color: #e8c51c; }

.btn-outline-warning { border: 2px solid #e8c51c !important; background-color: transparent !important; color: #e8c51c !important; }
.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning:active:focus, .btn-outline-warning.active { border-color: #e8c51c !important; background-color: transparent !important; color: #e8c51c !important; }
.btn-outline-warning:not([disabled]):not(.disabled):active, .btn-outline-warning:not([disabled]):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { 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: #e8c51c !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 { 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: #55bf75 !important; color: #fff !important; }
.btn-success:hover { background-color: #2dbc4e; }
.btn-success:focus, .btn-success.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-success:focus, .btn-success:active, .btn-success.active { background-color: #145523; }
.btn-success.dropdown-toggle { background-color: #55bf75 !important; }
.btn-success.dropdown-toggle:hover, .btn-success.dropdown-toggle:focus { background-color: #2dbc4e !important; }
.btn-success:not([disabled]):not(.disabled):active, .btn-success:not([disabled]):not(.disabled).active, .show > .btn-success.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #145523 !important; }
.btn-success:not([disabled]):not(.disabled):active:focus, .btn-success:not([disabled]):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { 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: #55bf75 !important; }
.success-ic:hover, .success-ic:focus { color: #55bf75; }

.btn-outline-success { border: 2px solid #55bf75 !important; background-color: transparent !important; color: #55bf75 !important; }
.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success:active:focus, .btn-outline-success.active { border-color: #55bf75 !important; background-color: transparent !important; color: #55bf75 !important; }
.btn-outline-success:not([disabled]):not(.disabled):active, .btn-outline-success:not([disabled]):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { 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: #55bf75 !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 { 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: #0066CC !important; color: #fff !important; }
.btn-info:hover { background-color: #1ab6cf; }
.btn-info:focus, .btn-info.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-info:focus, .btn-info:active, .btn-info.active { background-color: #0c525d; }
.btn-info.dropdown-toggle { background-color: #0066CC !important; }
.btn-info.dropdown-toggle:hover, .btn-info.dropdown-toggle:focus { background-color: #1ab6cf !important; }
.btn-info:not([disabled]):not(.disabled):active, .btn-info:not([disabled]):not(.disabled).active, .show > .btn-info.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #0c525d !important; }
.btn-info:not([disabled]):not(.disabled):active:focus, .btn-info:not([disabled]):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { 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: #0066CC !important; }
.info-ic:hover, .info-ic:focus { color: #0066CC; }

.btn-outline-info { border: 2px solid #0066CC !important; background-color: transparent !important; color: #0066CC !important; }
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info:active:focus, .btn-outline-info.active { border-color: #0066CC !important; background-color: transparent !important; color: #0066CC !important; }
.btn-outline-info:not([disabled]):not(.disabled):active, .btn-outline-info:not([disabled]):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { 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: #0066CC !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 { 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: #6c757d !important; color: #fff !important; }
.btn-default:hover { background-color: #78828a; }
.btn-default:focus, .btn-default.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-default:focus, .btn-default:active, .btn-default.active { background-color: #3d4246; }
.btn-default.dropdown-toggle { background-color: #6c757d !important; }
.btn-default.dropdown-toggle:hover, .btn-default.dropdown-toggle:focus { background-color: #78828a !important; }
.btn-default:not([disabled]):not(.disabled):active, .btn-default:not([disabled]):not(.disabled).active, .show > .btn-default.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #3d4246 !important; }
.btn-default:not([disabled]):not(.disabled):active:focus, .btn-default:not([disabled]):not(.disabled).active:focus, .show > .btn-default.dropdown-toggle:focus { 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: #6c757d !important; }
.default-ic:hover, .default-ic:focus { color: #6c757d; }

.btn-outline-default { border: 2px solid #6c757d !important; background-color: transparent !important; color: #6c757d !important; }
.btn-outline-default:hover, .btn-outline-default:focus, .btn-outline-default:active, .btn-outline-default:active:focus, .btn-outline-default.active { border-color: #6c757d !important; background-color: transparent !important; color: #6c757d !important; }
.btn-outline-default:not([disabled]):not(.disabled):active, .btn-outline-default:not([disabled]):not(.disabled).active, .show > .btn-outline-default.dropdown-toggle { 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: #6c757d !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 { 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: #194f90 !important; color: #fff !important; }
.btn-secondary:hover { background-color: #1253a1; }
.btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-secondary:focus, .btn-secondary:active, .btn-secondary.active { background-color: #05182e; }
.btn-secondary.dropdown-toggle { background-color: #194f90 !important; }
.btn-secondary.dropdown-toggle:hover, .btn-secondary.dropdown-toggle:focus { background-color: #1253a1 !important; }
.btn-secondary:not([disabled]):not(.disabled):active, .btn-secondary:not([disabled]):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #05182e !important; }
.btn-secondary:not([disabled]):not(.disabled):active:focus, .btn-secondary:not([disabled]):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { 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: #194f90 !important; }
.secondary-ic:hover, .secondary-ic:focus { color: #194f90; }

.btn-outline-secondary { border: 2px solid #194f90 !important; background-color: transparent !important; color: #194f90 !important; }
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary:active:focus, .btn-outline-secondary.active { border-color: #194f90 !important; background-color: transparent !important; color: #194f90 !important; }
.btn-outline-secondary:not([disabled]):not(.disabled):active, .btn-outline-secondary:not([disabled]):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { 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: #194f90 !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 { 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 { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-elegant:focus, .btn-elegant:active, .btn-elegant.active { background-color: black; }
.btn-elegant.dropdown-toggle { background-color: #2e2e2e !important; }
.btn-elegant.dropdown-toggle:hover, .btn-elegant.dropdown-toggle:focus { background-color: #3b3b3b !important; }
.btn-elegant:not([disabled]):not(.disabled):active, .btn-elegant:not([disabled]):not(.disabled).active, .show > .btn-elegant.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: black !important; }
.btn-elegant:not([disabled]):not(.disabled):active:focus, .btn-elegant:not([disabled]):not(.disabled).active:focus, .show > .btn-elegant.dropdown-toggle:focus { 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:hover, .elegant-ic:focus { color: #2e2e2e; }

.btn-outline-elegant { border: 2px solid #2e2e2e !important; background-color: transparent !important; color: #2e2e2e !important; }
.btn-outline-elegant:hover, .btn-outline-elegant:focus, .btn-outline-elegant:active, .btn-outline-elegant:active:focus, .btn-outline-elegant.active { 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 { 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 { 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 { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-unique:focus, .btn-unique:active, .btn-unique.active { background-color: #2c0419; }
.btn-unique.dropdown-toggle { background-color: #880e4f !important; }
.btn-unique.dropdown-toggle:hover, .btn-unique.dropdown-toggle:focus { background-color: #9f105c !important; }
.btn-unique:not([disabled]):not(.disabled):active, .btn-unique:not([disabled]):not(.disabled).active, .show > .btn-unique.dropdown-toggle { 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 { 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:hover, .unique-ic:focus { color: #880e4f; }

.btn-outline-unique { border: 2px solid #880e4f !important; background-color: transparent !important; color: #880e4f !important; }
.btn-outline-unique:hover, .btn-outline-unique:focus, .btn-outline-unique:active, .btn-outline-unique:active:focus, .btn-outline-unique.active { 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 { 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 { 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 { 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:focus, .btn-dark-green:active, .btn-dark-green.active { background-color: #1b451d; }
.btn-dark-green.dropdown-toggle { background-color: #388e3c !important; }
.btn-dark-green.dropdown-toggle:hover, .btn-dark-green.dropdown-toggle:focus { 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 { 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 { 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:hover, .dark-green-ic:focus { color: #388e3c; }

.btn-outline-dark-green { border: 2px solid #388e3c !important; background-color: transparent !important; color: #388e3c !important; }
.btn-outline-dark-green:hover, .btn-outline-dark-green:focus, .btn-outline-dark-green:active, .btn-outline-dark-green:active:focus, .btn-outline-dark-green.active { 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 { 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 { 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 { 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:focus, .btn-mdb-color:active, .btn-mdb-color.active { background-color: #323a4e; }
.btn-mdb-color.dropdown-toggle { background-color: #59698d !important; }
.btn-mdb-color.dropdown-toggle:hover, .btn-mdb-color.dropdown-toggle:focus { 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 { 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 { 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:hover, .mdb-color-ic:focus { color: #59698d; }

.btn-outline-mdb-color { border: 2px solid #59698d !important; background-color: transparent !important; color: #59698d !important; }
.btn-outline-mdb-color:hover, .btn-outline-mdb-color:focus, .btn-outline-mdb-color:active, .btn-outline-mdb-color:active:focus, .btn-outline-mdb-color.active { 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 { 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 { 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 { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-red:focus, .btn-red:active, .btn-red.active { background-color: #811b1b; }
.btn-red.dropdown-toggle { background-color: #d32f2f !important; }
.btn-red.dropdown-toggle:hover, .btn-red.dropdown-toggle:focus { background-color: #d74444 !important; }
.btn-red:not([disabled]):not(.disabled):active, .btn-red:not([disabled]):not(.disabled).active, .show > .btn-red.dropdown-toggle { 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 { 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:hover, .red-ic:focus { color: #d32f2f; }

.btn-outline-red { border: 2px solid #d32f2f !important; background-color: transparent !important; color: #d32f2f !important; }
.btn-outline-red:hover, .btn-outline-red:focus, .btn-outline-red:active, .btn-outline-red:active:focus, .btn-outline-red.active { 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 { 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 { 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 { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-pink:focus, .btn-pink:active, .btn-pink.active { background-color: #b41249; }
.btn-pink.dropdown-toggle { background-color: #ec407a !important; }
.btn-pink.dropdown-toggle:hover, .btn-pink.dropdown-toggle:focus { background-color: #ee578a !important; }
.btn-pink:not([disabled]):not(.disabled):active, .btn-pink:not([disabled]):not(.disabled).active, .show > .btn-pink.dropdown-toggle { 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 { 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:hover, .pink-ic:focus { color: #ec407a; }

.btn-outline-pink { border: 2px solid #ec407a !important; background-color: transparent !important; color: #ec407a !important; }
.btn-outline-pink:hover, .btn-outline-pink:focus, .btn-outline-pink:active, .btn-outline-pink:active:focus, .btn-outline-pink.active { 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 { 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 { 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 { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-purple:focus, .btn-purple:active, .btn-purple.active { background-color: #481256; }
.btn-purple.dropdown-toggle { background-color: #8e24aa !important; }
.btn-purple.dropdown-toggle:hover, .btn-purple.dropdown-toggle:focus { background-color: #a028bf !important; }
.btn-purple:not([disabled]):not(.disabled):active, .btn-purple:not([disabled]):not(.disabled).active, .show > .btn-purple.dropdown-toggle { 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 { 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:hover, .purple-ic:focus { color: #8e24aa; }

.btn-outline-purple { border: 2px solid #8e24aa !important; background-color: transparent !important; color: #8e24aa !important; }
.btn-outline-purple:hover, .btn-outline-purple:focus, .btn-outline-purple:active, .btn-outline-purple:active:focus, .btn-outline-purple.active { 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 { 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 { 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 { 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:focus, .btn-deep-purple:active, .btn-deep-purple.active { background-color: #2a1758; }
.btn-deep-purple.dropdown-toggle { background-color: #512da8 !important; }
.btn-deep-purple.dropdown-toggle:hover, .btn-deep-purple.dropdown-toggle:focus { 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 { 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 { 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:hover, .deep-purple-ic:focus { color: #512da8; }

.btn-outline-deep-purple { border: 2px solid #512da8 !important; background-color: transparent !important; color: #512da8 !important; }
.btn-outline-deep-purple:hover, .btn-outline-deep-purple:focus, .btn-outline-deep-purple:active, .btn-outline-deep-purple:active:focus, .btn-outline-deep-purple.active { 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 { 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 { 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 { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-indigo:focus, .btn-indigo:active, .btn-indigo.active { background-color: #252f69; }
.btn-indigo.dropdown-toggle { background-color: #3f51b5 !important; }
.btn-indigo.dropdown-toggle:hover, .btn-indigo.dropdown-toggle:focus { background-color: #4d5ec1 !important; }
.btn-indigo:not([disabled]):not(.disabled):active, .btn-indigo:not([disabled]):not(.disabled).active, .show > .btn-indigo.dropdown-toggle { 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 { 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:hover, .indigo-ic:focus { color: #3f51b5; }

.btn-outline-indigo { border: 2px solid #3f51b5 !important; background-color: transparent !important; color: #3f51b5 !important; }
.btn-outline-indigo:hover, .btn-outline-indigo:focus, .btn-outline-indigo:active, .btn-outline-indigo:active:focus, .btn-outline-indigo.active { 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 { 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 { 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 { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-blue:focus, .btn-blue:active, .btn-blue.active { background-color: #0e4377; }
.btn-blue.dropdown-toggle { background-color: #1976d2 !important; }
.btn-blue.dropdown-toggle:hover, .btn-blue.dropdown-toggle:focus { background-color: #2083e4 !important; }
.btn-blue:not([disabled]):not(.disabled):active, .btn-blue:not([disabled]):not(.disabled).active, .show > .btn-blue.dropdown-toggle { 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 { 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:hover, .blue-ic:focus { color: #1976d2; }

.btn-outline-blue { border: 2px solid #1976d2 !important; background-color: transparent !important; color: #1976d2 !important; }
.btn-outline-blue:hover, .btn-outline-blue:focus, .btn-outline-blue:active, .btn-outline-blue:active:focus, .btn-outline-blue.active { 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 { 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 { 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 { 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:focus, .btn-light-blue:active, .btn-light-blue.active { background-color: #1c71ff; }
.btn-light-blue.dropdown-toggle { background-color: #82b1ff !important; }
.btn-light-blue.dropdown-toggle:hover, .btn-light-blue.dropdown-toggle:focus { 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 { 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 { 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:hover, .light-blue-ic:focus { color: #82b1ff; }

.btn-outline-light-blue { border: 2px solid #82b1ff !important; background-color: transparent !important; color: #82b1ff !important; }
.btn-outline-light-blue:hover, .btn-outline-light-blue:focus, .btn-outline-light-blue:active, .btn-outline-light-blue:active:focus, .btn-outline-light-blue.active { 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 { 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 { 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 { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-cyan:focus, .btn-cyan:active, .btn-cyan.active { background-color: #00626e; }
.btn-cyan.dropdown-toggle { background-color: #00bcd4 !important; }
.btn-cyan.dropdown-toggle:hover, .btn-cyan.dropdown-toggle:focus { background-color: #00d3ee !important; }
.btn-cyan:not([disabled]):not(.disabled):active, .btn-cyan:not([disabled]):not(.disabled).active, .show > .btn-cyan.dropdown-toggle { 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 { 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:hover, .cyan-ic:focus { color: #00bcd4; }

.btn-outline-cyan { border: 2px solid #00bcd4 !important; background-color: transparent !important; color: #00bcd4 !important; }
.btn-outline-cyan:hover, .btn-outline-cyan:focus, .btn-outline-cyan:active, .btn-outline-cyan:active:focus, .btn-outline-cyan.active { 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 { 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 { 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: rgba(0, 0, 0, 0.3) !important; color: #fff !important; }
.btn-teal:hover { background-color: rgba(13, 13, 13, 0.3); }
.btn-teal:focus, .btn-teal.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-teal:focus, .btn-teal:active, .btn-teal.active { background-color: rgba(0, 0, 0, 0.3); }
.btn-teal.dropdown-toggle { background-color: rgba(0, 0, 0, 0.3) !important; }
.btn-teal.dropdown-toggle:hover, .btn-teal.dropdown-toggle:focus { background-color: rgba(13, 13, 13, 0.3) !important; }
.btn-teal:not([disabled]):not(.disabled):active, .btn-teal:not([disabled]):not(.disabled).active, .show > .btn-teal.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.3) !important; }
.btn-teal:not([disabled]):not(.disabled):active:focus, .btn-teal:not([disabled]):not(.disabled).active:focus, .show > .btn-teal.dropdown-toggle:focus { 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: rgba(0, 0, 0, 0.3) !important; }
.teal-ic:hover, .teal-ic:focus { color: rgba(0, 0, 0, 0.3); }

.btn-outline-teal { border: 2px solid rgba(0, 0, 0, 0.3) !important; background-color: transparent !important; color: rgba(0, 0, 0, 0.3) !important; }
.btn-outline-teal:hover, .btn-outline-teal:focus, .btn-outline-teal:active, .btn-outline-teal:active:focus, .btn-outline-teal.active { border-color: rgba(0, 0, 0, 0.3) !important; background-color: transparent !important; color: rgba(0, 0, 0, 0.3) !important; }
.btn-outline-teal:not([disabled]):not(.disabled):active, .btn-outline-teal:not([disabled]):not(.disabled).active, .show > .btn-outline-teal.dropdown-toggle { 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: rgba(0, 0, 0, 0.3) !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 { 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 { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-green:focus, .btn-green:active, .btn-green.active { background-color: #1b451d; }
.btn-green.dropdown-toggle { background-color: #388e3c !important; }
.btn-green.dropdown-toggle:hover, .btn-green.dropdown-toggle:focus { background-color: #3fa044 !important; }
.btn-green:not([disabled]):not(.disabled):active, .btn-green:not([disabled]):not(.disabled).active, .show > .btn-green.dropdown-toggle { 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 { 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:hover, .green-ic:focus { color: #388e3c; }

.btn-outline-green { border: 2px solid #388e3c !important; background-color: transparent !important; color: #388e3c !important; }
.btn-outline-green:hover, .btn-outline-green:focus, .btn-outline-green:active, .btn-outline-green:active:focus, .btn-outline-green.active { 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 { 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 { 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 { 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:focus, .btn-light-green:active, .btn-light-green.active { background-color: #577d2a; }
.btn-light-green.dropdown-toggle { background-color: #8bc34a !important; }
.btn-light-green.dropdown-toggle:hover, .btn-light-green.dropdown-toggle:focus { 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 { 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 { 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:hover, .light-green-ic:focus { color: #8bc34a; }

.btn-outline-light-green { border: 2px solid #8bc34a !important; background-color: transparent !important; color: #8bc34a !important; }
.btn-outline-light-green:hover, .btn-outline-light-green:focus, .btn-outline-light-green:active, .btn-outline-light-green:active:focus, .btn-outline-light-green.active { 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 { 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 { 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 { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-lime:focus, .btn-lime:active, .btn-lime.active { background-color: #5f6217; }
.btn-lime.dropdown-toggle { background-color: #afb42b !important; }
.btn-lime.dropdown-toggle:hover, .btn-lime.dropdown-toggle:focus { background-color: #c3c930 !important; }
.btn-lime:not([disabled]):not(.disabled):active, .btn-lime:not([disabled]):not(.disabled).active, .show > .btn-lime.dropdown-toggle { 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 { 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:hover, .lime-ic:focus { color: #afb42b; }

.btn-outline-lime { border: 2px solid #afb42b !important; background-color: transparent !important; color: #afb42b !important; }
.btn-outline-lime:hover, .btn-outline-lime:focus, .btn-outline-lime:active, .btn-outline-lime:active:focus, .btn-outline-lime.active { 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 { 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 { 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 { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-yellow:focus, .btn-yellow:active, .btn-yellow.active { background-color: #be8904; }
.btn-yellow.dropdown-toggle { background-color: #fbc02d !important; }
.btn-yellow.dropdown-toggle:hover, .btn-yellow.dropdown-toggle:focus { background-color: #fbc846 !important; }
.btn-yellow:not([disabled]):not(.disabled):active, .btn-yellow:not([disabled]):not(.disabled).active, .show > .btn-yellow.dropdown-toggle { 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 { 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:hover, .yellow-ic:focus { color: #fbc02d; }

.btn-outline-yellow { border: 2px solid #fbc02d !important; background-color: transparent !important; color: #fbc02d !important; }
.btn-outline-yellow:hover, .btn-outline-yellow:focus, .btn-outline-yellow:active, .btn-outline-yellow:active:focus, .btn-outline-yellow.active { 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 { 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 { 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 { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-amber:focus, .btn-amber:active, .btn-amber.active { background-color: #996000; }
.btn-amber.dropdown-toggle { background-color: #ffa000 !important; }
.btn-amber.dropdown-toggle:hover, .btn-amber.dropdown-toggle:focus { background-color: #ffaa1a !important; }
.btn-amber:not([disabled]):not(.disabled):active, .btn-amber:not([disabled]):not(.disabled).active, .show > .btn-amber.dropdown-toggle { 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 { 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:hover, .amber-ic:focus { color: #ffa000; }

.btn-outline-amber { border: 2px solid #ffa000 !important; background-color: transparent !important; color: #ffa000 !important; }
.btn-outline-amber:hover, .btn-outline-amber:focus, .btn-outline-amber:active, .btn-outline-amber:active:focus, .btn-outline-amber.active { 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 { 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 { 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 { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-orange:focus, .btn-orange:active, .btn-orange.active { background-color: #8f4800; }
.btn-orange.dropdown-toggle { background-color: #f57c00 !important; }
.btn-orange.dropdown-toggle:hover, .btn-orange.dropdown-toggle:focus { background-color: #ff8910 !important; }
.btn-orange:not([disabled]):not(.disabled):active, .btn-orange:not([disabled]):not(.disabled).active, .show > .btn-orange.dropdown-toggle { 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 { 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:hover, .orange-ic:focus { color: #f57c00; }

.btn-outline-orange { border: 2px solid #f57c00 !important; background-color: transparent !important; color: #f57c00 !important; }
.btn-outline-orange:hover, .btn-outline-orange:focus, .btn-outline-orange:active, .btn-outline-orange:active:focus, .btn-outline-orange.active { 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 { 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 { 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 { 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:focus, .btn-deep-orange:active, .btn-deep-orange.active { background-color: #dc3500; }
.btn-deep-orange.dropdown-toggle { background-color: #ff7043 !important; }
.btn-deep-orange.dropdown-toggle:hover, .btn-deep-orange.dropdown-toggle:focus { 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 { 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 { 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:hover, .deep-orange-ic:focus { color: #ff7043; }

.btn-outline-deep-orange { border: 2px solid #ff7043 !important; background-color: transparent !important; color: #ff7043 !important; }
.btn-outline-deep-orange:hover, .btn-outline-deep-orange:focus, .btn-outline-deep-orange:active, .btn-outline-deep-orange:active:focus, .btn-outline-deep-orange.active { 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 { 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 { 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 { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-brown:focus, .btn-brown:active, .btn-brown.active { background-color: #392822; }
.btn-brown.dropdown-toggle { background-color: #795548 !important; }
.btn-brown.dropdown-toggle:hover, .btn-brown.dropdown-toggle:focus { background-color: #896052 !important; }
.btn-brown:not([disabled]):not(.disabled):active, .btn-brown:not([disabled]):not(.disabled).active, .show > .btn-brown.dropdown-toggle { 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 { 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:hover, .brown-ic:focus { color: #795548; }

.btn-outline-brown { border: 2px solid #795548 !important; background-color: transparent !important; color: #795548 !important; }
.btn-outline-brown:hover, .btn-outline-brown:focus, .btn-outline-brown:active, .btn-outline-brown:active:focus, .btn-outline-brown.active { 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 { 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 { 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 { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-grey:focus, .btn-grey:active, .btn-grey.active { background-color: #2e2e2e; }
.btn-grey.dropdown-toggle { background-color: #616161 !important; }
.btn-grey.dropdown-toggle:hover, .btn-grey.dropdown-toggle:focus { background-color: #6e6e6e !important; }
.btn-grey:not([disabled]):not(.disabled):active, .btn-grey:not([disabled]):not(.disabled).active, .show > .btn-grey.dropdown-toggle { 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 { 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:hover, .grey-ic:focus { color: #616161; }

.btn-outline-grey { border: 2px solid #616161 !important; background-color: transparent !important; color: #616161 !important; }
.btn-outline-grey:hover, .btn-outline-grey:focus, .btn-outline-grey:active, .btn-outline-grey:active:focus, .btn-outline-grey.active { 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 { 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 { 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 { 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:focus, .btn-blue-grey:active, .btn-blue-grey.active { background-color: #4a5b64; }
.btn-blue-grey.dropdown-toggle { background-color: #78909c !important; }
.btn-blue-grey.dropdown-toggle:hover, .btn-blue-grey.dropdown-toggle:focus { 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 { 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 { 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:hover, .blue-grey-ic:focus { color: #78909c; }

.btn-outline-blue-grey { border: 2px solid #78909c !important; background-color: transparent !important; color: #78909c !important; }
.btn-outline-blue-grey:hover, .btn-outline-blue-grey:focus, .btn-outline-blue-grey:active, .btn-outline-blue-grey:active:focus, .btn-outline-blue-grey.active { 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 { 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 { 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 { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-dark:focus, .btn-dark:active, .btn-dark.active { background-color: black; }
.btn-dark.dropdown-toggle { background-color: #212121 !important; }
.btn-dark.dropdown-toggle:hover, .btn-dark.dropdown-toggle:focus { background-color: #2e2e2e !important; }
.btn-dark:not([disabled]):not(.disabled):active, .btn-dark:not([disabled]):not(.disabled).active, .show > .btn-dark.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: black !important; }
.btn-dark:not([disabled]):not(.disabled):active:focus, .btn-dark:not([disabled]):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { 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:hover, .dark-ic:focus { color: #212121; }

.btn-outline-dark { border: 2px solid #212121 !important; background-color: transparent !important; color: #212121 !important; }
.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark:active:focus, .btn-outline-dark.active { 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 { 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 { 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 { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-light:focus, .btn-light:active, .btn-light.active { background-color: #adadad; }
.btn-light.dropdown-toggle { background-color: #e0e0e0 !important; }
.btn-light.dropdown-toggle:hover, .btn-light.dropdown-toggle:focus { background-color: #ededed !important; }
.btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active, .show > .btn-light.dropdown-toggle { 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 { 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:hover, .light-ic:focus { color: #e0e0e0; }

.btn-outline-light { border: 2px solid #e0e0e0 !important; background-color: transparent !important; color: #e0e0e0 !important; }
.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light:active:focus, .btn-outline-light.active { 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 { 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 { 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: white; }
.btn-white:focus, .btn-white.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-white:focus, .btn-white:active, .btn-white.active { background-color: #cccccc; }
.btn-white.dropdown-toggle { background-color: #fff !important; }
.btn-white.dropdown-toggle:hover, .btn-white.dropdown-toggle:focus { background-color: white !important; }
.btn-white:not([disabled]):not(.disabled):active, .btn-white:not([disabled]):not(.disabled).active, .show > .btn-white.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #cccccc !important; }
.btn-white:not([disabled]):not(.disabled):active:focus, .btn-white:not([disabled]):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { 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:hover, .white-ic:focus { color: #fff; }

.btn-outline-white { border: 2px solid #fff !important; background-color: transparent !important; color: #fff !important; }
.btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active, .btn-outline-white:active:focus, .btn-outline-white.active { 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 { 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 { 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 { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-black:focus, .btn-black:active, .btn-black.active { background-color: black; }
.btn-black.dropdown-toggle { background-color: #000 !important; }
.btn-black.dropdown-toggle:hover, .btn-black.dropdown-toggle:focus { background-color: #0d0d0d !important; }
.btn-black:not([disabled]):not(.disabled):active, .btn-black:not([disabled]):not(.disabled).active, .show > .btn-black.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: black !important; }
.btn-black:not([disabled]):not(.disabled):active:focus, .btn-black:not([disabled]):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { 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:hover, .black-ic:focus { color: #000; }

.btn-outline-black { border: 2px solid #000 !important; background-color: transparent !important; color: #000 !important; }
.btn-outline-black:hover, .btn-outline-black:focus, .btn-outline-black:active, .btn-outline-black:active:focus, .btn-outline-black.active { 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 { 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 { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.card { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border: 0; font-weight: 400; }
.card[class*="border"] { border: 1px solid #9e9e9e; box-shadow: none; }
.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; }
.card .card-body .card-title a { transition: 0.2s ease-in-out; }
.card .card-body .card-title a:hover { 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; }

.view .full-bg-img { height: 100%; }
.view .full-bg-img, .view .full-bg-img video { background-repeat: no-repeat; background-position: center center; background-size: cover; }

.full-height, .full-height body, .full-height header, .full-height header .view { height: 100%; }

.navbar { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); font-weight: 400; }
.navbar form .md-form input { margin: 0 5px 1px 8px; }
.navbar .breadcrumb { margin: 0; padding: 0.3rem 0 0 1rem; background-color: inherit; font-size: 15px; font-weight: 400; }
.navbar .breadcrumb .breadcrumb-item { color: #fff; }
.navbar .breadcrumb .breadcrumb-item.active { color: rgba(255, 255, 255, 0.65); }
.navbar .breadcrumb .breadcrumb-item:before { color: rgba(255, 255, 255, 0.65); }
.navbar .navbar-toggler { outline: 0; border-width: 0; }
.navbar .nav-flex-icons { flex-direction: row; }
@media (max-width: 992px) { .navbar .container { width: 100%; }
  .navbar .container .navbar-toggler-right { right: 0; } }
.navbar .nav-item .nav-link { display: block; }
.navbar .nav-item .nav-link.disabled:active { pointer-events: none; }
.navbar .nav-item .nav-link .fa { padding-right: 3px; padding-left: 3px; }
@media (max-width: 992px) { .navbar .nav-item .nav-link { padding-right: 6px; padding-left: 6px; } }
.navbar .dropdown-menu { position: absolute !important; margin-top: 0; }
.navbar .dropdown-menu a { padding: 10px; font-size: 0.9375rem; font-weight: 400; color: #000 !important; }
.navbar.navbar-light .navbar-nav .nav-item .nav-link.disbled { color: rgba(0, 0, 0, 0.3); }
.navbar.navbar-light .navbar-nav .nav-item .nav-link.disbled:hover { color: rgba(0, 0, 0, 0.3); }
.navbar.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); cursor: pointer; }
.navbar.navbar-light .breadcrumb .nav-item .nav-link, .navbar.navbar-light .navbar-nav .nav-item .nav-link { color: #000; transition: 0.35s; }
.navbar.navbar-light .breadcrumb .nav-item .nav-link:hover, .navbar.navbar-light .navbar-nav .nav-item .nav-link:hover { color: rgba(0, 0, 0, 0.7); }
.navbar.navbar-light .breadcrumb .nav-item.active > .nav-link, .navbar.navbar-light .navbar-nav .nav-item.active > .nav-link { background-color: rgba(0, 0, 0, 0.1); }
.navbar.navbar-light .breadcrumb .nav-item.active > .nav-link:hover, .navbar.navbar-light .navbar-nav .nav-item.active > .nav-link:hover { color: #000; }
.navbar.navbar-light .navbar-toggler { color: #000; }
.navbar.navbar-light form .md-form input { border-bottom: 1px solid #000; }
.navbar.navbar-light form .md-form input:focus:not([readonly]) { border-color: #CE5C17; }
.navbar.navbar-light form .md-form .form-control { color: #000; }
.navbar.navbar-light form .md-form .form-control::placeholder { color: #000; font-weight: 400; }
.navbar.navbar-dark .navbar-nav .nav-item .nav-link.disbled { color: rgba(255, 255, 255, 0.25); }
.navbar.navbar-dark .navbar-nav .nav-item .nav-link.disbled:hover { color: rgba(255, 255, 255, 0.25); }
.navbar.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); cursor: pointer; }
.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link { color: #fff; transition: 0.35s; }
.navbar.navbar-dark .breadcrumb .nav-item .nav-link:hover, .navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover { color: rgba(255, 255, 255, 0.75); }
.navbar.navbar-dark .breadcrumb .nav-item.active > .nav-link, .navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link { background-color: rgba(255, 255, 255, 0.1); }
.navbar.navbar-dark .breadcrumb .nav-item.active > .nav-link:hover, .navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link:hover { color: #fff; }
.navbar.navbar-dark .navbar-toggler { color: #fff; }
.navbar.navbar-dark form .md-form input { border-bottom: 1px solid #fff; }
.navbar.navbar-dark form .md-form input:focus:not([readonly]) { border-color: #CE5C17; }
.navbar.navbar-dark form .md-form .form-control { color: #fff; }
.navbar.navbar-dark form .md-form .form-control::placeholder { color: #fff; font-weight: 400; }
@media (min-width: 600px) { .navbar.scrolling-navbar { transition: padding 0.5s ease-in-out; padding-top: 12px; padding-bottom: 12px; }
  .navbar.scrolling-navbar .navbar-nav > li { transition-duration: 1s; }
  .navbar.scrolling-navbar.top-nav-collapse { padding-top: 5px; padding-bottom: 5px; } }

.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); transition: all 0.2s linear; border-radius: 0.125rem; background-color: #CE5C17; color: #fff; }
.pagination .page-item.active .page-link:hover { background-color: #CE5C17; }
.pagination .page-item.disabled .page-link { color: #868e96; }
.pagination .page-item .page-link { transition: all 0.3s linear; outline: 0; border: 0; background-color: transparent; font-size: 0.9rem; color: #212529; }
.pagination .page-item .page-link:hover { transition: all 0.3s linear; 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; border-radius: 50%; }
.pagination.pagination-circle .page-item .page-link:hover { border-radius: 50%; }
.pagination.pagination-circle .page-item.active .page-link { border-radius: 50%; }
.pagination.pg-blue .page-item.active .page-link { background-color: #CE5C17; }
.pagination.pg-blue .page-item.active .page-link:hover { background-color: #CE5C17; }
.pagination.pg-red .page-item.active .page-link { background-color: #dd2828; }
.pagination.pg-red .page-item.active .page-link:hover { background-color: #dd2828; }
.pagination.pg-teal .page-item.active .page-link { background-color: #6c757d; }
.pagination.pg-teal .page-item.active .page-link:hover { background-color: #6c757d; }
.pagination.pg-dark-grey .page-item.active .page-link { background-color: #37474f; }
.pagination.pg-dark-grey .page-item.active .page-link:hover { background-color: #37474f; }
.pagination.pg-dark .page-item.active .page-link { background-color: #2e2e2e; }
.pagination.pg-dark .page-item.active .page-link:hover { background-color: #2e2e2e; }
.pagination.pg-blue-grey .page-item.active .page-link { background-color: #3f729b; }
.pagination.pg-blue-grey .page-item.active .page-link:hover { background-color: #3f729b; }
.pagination.pg-amber .page-item.active .page-link { background-color: #ff6f00; }
.pagination.pg-amber .page-item.active .page-link:hover { background-color: #ff6f00; }
.pagination.pg-purple .page-item.active .page-link { background-color: #5e35b1; }
.pagination.pg-purple .page-item.active .page-link:hover { background-color: #5e35b1; }

.badge { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 0.125rem; color: #fff !important; }

.badge-pill { border-radius: 10rem; padding-right: 0.6em; padding-left: 0.6em; }

.badge-primary { background-color: #CE5C17!important; color: #fff !important; }

.badge-danger { background-color: #dd2828 !important; color: #fff !important; }

.badge-warning { background-color: #e8c51c !important; color: #fff !important; }

.badge-success { background-color: #55bf75 !important; color: #fff !important; }

.badge-info { background-color: #80bde5 !important; color: #fff !important; }

.badge-default { background-color: #6c757d !important; color: #fff !important; }

.badge-secondary { background-color: #194f90 !important; color: #fff !important; }

.badge-dark { background-color: #212121 !important; color: #fff !important; }

.badge-light { background-color: #e0e0e0 !important; color: #000 !important; }

body.modal-open { overflow: auto; padding-right: 0 !important; }
body.scrollable { overflow-y: auto; }

.modal-dialog .modal-content { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); border: 0; border-radius: 0.125rem; }
.modal-dialog .modal-content .modal-header { border-top-left-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 { 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 1rem; border: none; 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 { 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 1rem; }
.modal-dialog.cascading-modal .modal-c-tabs .tab-content { padding: 1.7rem 0 0 0; }
.modal-dialog.cascading-modal .nav-tabs { display: flex; }
.modal-dialog.cascading-modal .nav-tabs li { 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: #000; }
.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 { box-shadow: none; margin: -6rem 0 -1rem; }
.modal-dialog.cascading-modal.modal-avatar .modal-header img { width: 130px; 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 { 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: #000 !important; }
.modal-dialog.modal-notify.modal-primary .modal-header { background-color: #CE5C17; }
.modal-dialog.modal-notify.modal-primary .fa { color: #CE5C17; }
.modal-dialog.modal-notify.modal-primary .badge { background-color: #CE5C17; }
.modal-dialog.modal-notify.modal-danger .modal-header { background-color: #dd2828; }
.modal-dialog.modal-notify.modal-danger .fa { color: #dd2828; }
.modal-dialog.modal-notify.modal-danger .badge { background-color: #dd2828; }
.modal-dialog.modal-notify.modal-warning .modal-header { background-color: #edd14a; }
.modal-dialog.modal-notify.modal-warning .fa { color: #edd14a; }
.modal-dialog.modal-notify.modal-warning .badge { background-color: #edd14a; }
.modal-dialog.modal-notify.modal-success .modal-header { background-color: #55bf75; }
.modal-dialog.modal-notify.modal-success .fa { color: #55bf75; }
.modal-dialog.modal-notify.modal-success .badge { background-color: #55bf75; }
.modal-dialog.modal-notify.modal-info .modal-header { background-color: #80bde5; }
.modal-dialog.modal-notify.modal-info .fa { color: #80bde5; }
.modal-dialog.modal-notify.modal-info .badge { background-color: #80bde5; }

.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 { transform: translate3d(0, -25%, 0); }
.modal.fade.left:not(.show) .modal-dialog { transform: translate3d(-25%, 0, 0); }
.modal.fade.right:not(.show) .modal-dialog { transform: translate3d(25%, 0, 0); }
.modal.fade.bottom:not(.show) .modal-dialog { transform: translate3d(0, 25%, 0); }
@media (min-width: 992px) { .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 { width: 100%; max-width: 100%; }
  .modal .modal-fluid .modal-content { width: 100%; }
  .modal .modal-frame { position: absolute; margin: 0; width: 100%; max-width: 100%; }
  .modal .modal-frame.modal-bottom { bottom: 0; }
  .modal .modal-full-height { position: absolute; display: flex; margin: 0; width: 400px; height: 100%; top: 0; right: 0; }
  .modal .modal-full-height.modal-top, .modal .modal-full-height.modal-bottom { 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 { border-radius: 0.25rem; }
.nav-tabs .nav-item .nav-link { border-radius: 0.25rem; background-color: inherit; color: #fff; }

.carousel .carousel-control-prev-icon, .carousel .carousel-control-next-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; border-radius: 50%; cursor: pointer; }

.carousel-fade .carousel-item { opacity: 0; transition-duration: 0.6s; transition-property: opacity; }
.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; }
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-right.active { opacity: 0; }
.carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-prev.active { transform: translateX(0); }
@supports (transform-style: preserve-3d) { .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-prev.active { transform: translate3d(0, 0, 0); } }

.md-form { position: relative; margin-top: 1.5rem; margin-bottom: 1.5rem; }
.md-form input[type=text], .md-form input[type=password], .md-form input[type=email], .md-form input[type=url], .md-form input[type=time], .md-form input[type=date], .md-form input[type=datetime-local], .md-form input[type=tel], .md-form input[type=number], .md-form input[type=search-md], .md-form input[type=search], .md-form textarea.md-textarea { transition: all 0.3s; outline: none; box-shadow: none; border: none; border-bottom: 1px solid #ced4da; border-radius: 0; box-sizing: content-box; background-color: transparent; }
.md-form input[type=text]:focus:not([readonly]), .md-form input[type=password]:focus:not([readonly]), .md-form input[type=email]:focus:not([readonly]), .md-form input[type=url]:focus:not([readonly]), .md-form input[type=time]:focus:not([readonly]), .md-form input[type=date]:focus:not([readonly]), .md-form input[type=datetime-local]:focus:not([readonly]), .md-form input[type=tel]:focus:not([readonly]), .md-form input[type=number]:focus:not([readonly]), .md-form input[type=search-md]:focus:not([readonly]), .md-form input[type=search]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) { box-shadow: 0 1px 0 0 #CE5C17; border-bottom: 1px solid #CE5C17; }
.md-form input[type=text]:focus:not([readonly]) + label, .md-form input[type=password]:focus:not([readonly]) + label, .md-form input[type=email]:focus:not([readonly]) + label, .md-form input[type=url]:focus:not([readonly]) + label, .md-form input[type=time]:focus:not([readonly]) + label, .md-form input[type=date]:focus:not([readonly]) + label, .md-form input[type=datetime-local]:focus:not([readonly]) + label, .md-form input[type=tel]:focus:not([readonly]) + label, .md-form input[type=number]: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 textarea.md-textarea:focus:not([readonly]) + label { color: #CE5C17; }
.md-form input[type=text] + label:after, .md-form input[type=password] + label:after, .md-form input[type=email] + label:after, .md-form input[type=url] + label:after, .md-form input[type=time] + label:after, .md-form input[type=date] + label:after, .md-form input[type=datetime-local] + label:after, .md-form input[type=tel] + label:after, .md-form input[type=number] + label:after, .md-form input[type=search-md] + label:after, .md-form input[type=search] + label:after, .md-form textarea.md-textarea + label:after { content: ""; position: absolute; top: 65px; display: block; opacity: 0; transition: 0.2s opacity ease-out, 0.2s color ease-out; }
.md-form input[type=text].valid, .md-form input[type=text]:focus.valid, .md-form input[type=password].valid, .md-form input[type=password]:focus.valid, .md-form input[type=email].valid, .md-form input[type=email]:focus.valid, .md-form input[type=url].valid, .md-form input[type=url]:focus.valid, .md-form input[type=time].valid, .md-form input[type=time]:focus.valid, .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=tel].valid, .md-form input[type=tel]:focus.valid, .md-form input[type=number].valid, .md-form input[type=number]: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 textarea.md-textarea.valid, .md-form textarea.md-textarea:focus.valid { border-bottom: 1px solid #55bf75; box-shadow: 0 1px 0 0 #55bf75; }
.md-form input[type=text].valid + label:after, .md-form input[type=text]: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=email].valid + label:after, .md-form input[type=email]:focus.valid + label:after, .md-form input[type=url].valid + label:after, .md-form input[type=url]: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=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=tel].valid + label:after, .md-form input[type=tel]: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=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 textarea.md-textarea.valid + label:after, .md-form textarea.md-textarea:focus.valid + label:after { content: attr(data-success); color: #55bf75; opacity: 1; }
.md-form input[type=text].invalid, .md-form input[type=text]:focus.invalid, .md-form input[type=password].invalid, .md-form input[type=password]:focus.invalid, .md-form input[type=email].invalid, .md-form input[type=email]:focus.invalid, .md-form input[type=url].invalid, .md-form input[type=url]:focus.invalid, .md-form input[type=time].invalid, .md-form input[type=time]:focus.invalid, .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=tel].invalid, .md-form input[type=tel]:focus.invalid, .md-form input[type=number].invalid, .md-form input[type=number]: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 textarea.md-textarea.invalid, .md-form textarea.md-textarea:focus.invalid { border-bottom: 1px solid #f44336; box-shadow: 0 1px 0 0 #f44336; }
.md-form input[type=text].invalid + label:after, .md-form input[type=text]: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=email].invalid + label:after, .md-form input[type=email]:focus.invalid + label:after, .md-form input[type=url].invalid + label:after, .md-form input[type=url]: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=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=tel].invalid + label:after, .md-form input[type=tel]: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=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 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: #55bf75 !important; }
.md-form .was-validated input[type=text]:invalid + label { color: #f44336 !important; }
.md-form .was-validated .form-control:valid:focus { box-shadow: 0 1px 0 0 #55bf75 !important; }
.md-form .was-validated .form-control:valid { border-color: #55bf75 !important; }
.md-form .was-validated .form-control:invalid:focus { 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 0; border-radius: 0; padding: 0.3rem 0 0.55rem 0; background-image: none; background-color: transparent; }
.md-form .form-control:focus { box-shadow: none; background: transparent; }
.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; }
.md-form .prefix { top: 0.25rem; font-size: 1.75rem; }
.md-form .prefix ~ input, .md-form .prefix ~ textarea { margin-left: 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; transition: 0.2s ease-out; cursor: text; color: #757575; }
.md-form label.active { transform: translateY(-140%); }
.md-form .prefix { position: absolute; transition: color 0.2s; }
.md-form .prefix.active { color: #CE5C17; }
.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: 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.8rem; }
.md-form.form-sm label.active { font-size: 0.8rem; }
.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: calc(100% - 2rem); }
.md-form.form-sm .prefix ~ label { margin-left: 2rem; }
.md-form.form-sm .prefix ~ .form-text { margin-left: 2rem; }
.md-form textarea.md-textarea { overflow-y: hidden; padding: 1.5rem 0; resize: none; }
.md-form textarea.md-textarea-auto { padding: 0; padding-top: 1.5rem; }

.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; }

.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 { 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 { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; }
.list-group .list-group-item:last-child { border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; }
.list-group a, .list-group button { transition: 0.5s; }
.list-group a:hover, .list-group button:hover { transition: 0.5s; }

table th { font-size: 0.8rem; font-weight: 400; }
table td { font-size: 0.8rem; font-weight: 400; }
table.table thead th { border-top: none; }
table.table th, table.table td { padding-top: 0rem; padding-bottom: 0.9rem; }
table.table a { margin: 0; color: #CE5C17; }
table.table .label-table { margin: 0; padding: 0; line-height: 0.94rem !important; height: 0.94rem !important; }
table.table.btn-table td { vertical-align: middle; }
table.table-hover tbody tr:hover { 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 th, table.table-sm td { padding-top: 0.5rem; padding-bottom: 0.5rem; }

.table-scroll-vertical { max-height: 300px; overflow-y: auto; }

.table-fixed { table-layout: fixed; }

.btn.btn-flat { box-shadow: none; background-color: transparent; color: inherit !important; }
.btn.btn-flat:not([disabled]):not(.disabled):active { box-shadow: none; }

.btn-floating { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); width: 47px; height: 47px; position: relative; z-index: 1; vertical-align: middle; display: inline-block; overflow: hidden; transition: all 0.2s ease-in-out; margin: 10px; border-radius: 50%; padding: 0; cursor: pointer; }
.btn-floating i { font-size: 1.25rem; line-height: 47px; }
.btn-floating i { display: inline-block; width: inherit; text-align: center; color: #fff; }
.btn-floating:hover { box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.btn-floating:before { border-radius: 0; }
.btn-floating.btn-sm { width: 36.1538461538px; height: 36.1538461538px; }
.btn-floating.btn-sm i { font-size: 0.9615384615rem; line-height: 36.1538461538px; }
.btn-floating.btn-lg { width: 61.1px; height: 61.1px; }
.btn-floating.btn-lg i { font-size: 1.625rem; line-height: 61.1px; }

.fixed-action-btn { position: fixed; z-index: 998; right: 35px; bottom: 35px; margin-bottom: 0; padding-top: 15px; }
.fixed-action-btn ul { position: absolute; bottom: 64px; left: 0; right: 0; margin: 0; padding: 0; text-align: center; }
.fixed-action-btn ul li { margin-bottom: 15px; }
.fixed-action-btn ul a.btn-floating { opacity: 0; }

button, html [type="button"], [type="reset"], [type="submit"] { appearance: none; }

.btn-rounded { border-radius: 10em; }

.btn.purple-gradient { transition: .5s ease; color: #fff; }
.btn.purple-gradient:hover, .btn.purple-gradient:focus, .btn.purple-gradient:active, .btn.purple-gradient:active:focus .btn.purple-gradient.active { background: linear-gradient(40deg, #ff88ce, #8f8bf7); }

.btn.peach-gradient { transition: .5s ease; color: #fff; }
.btn.peach-gradient:hover, .btn.peach-gradient:focus, .btn.peach-gradient:active, .btn.peach-gradient:active:focus .btn.peach-gradient.active { background: linear-gradient(40deg, #ffdf89, #fc7b7b); }

.btn.aqua-gradient { transition: .5s ease; color: #fff; }
.btn.aqua-gradient:hover, .btn.aqua-gradient:focus, .btn.aqua-gradient:active, .btn.aqua-gradient:active:focus .btn.aqua-gradient.active { background: linear-gradient(40deg, #3aa2ff, #1fffac); }

.btn.blue-gradient { transition: .5s ease; color: #fff; }
.btn.blue-gradient:hover, .btn.blue-gradient:focus, .btn.blue-gradient:active, .btn.blue-gradient:active:focus .btn.blue-gradient.active { background: linear-gradient(40deg, #5ed1fc, #3647b3); }

.counter { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); position: absolute; z-index: 2; margin-top: 0px; margin-left: -23px; border-radius: 10em; padding: 1px 7px; background-color: #fe1212; font-size: 11px; color: #fff; left: auto; }
.counter.counter-lg { margin-top: -4px; }
.counter.counter-md { margin-top: 5px; }
.counter.counter-sm { margin-top: 8px; }

.btn-fb { background-color: #3b5998 !important; color: #fff !important; }
.btn-fb:hover { background-color: #4264aa; }
.btn-fb:focus, .btn-fb.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-fb:focus, .btn-fb:active, .btn-fb.active { background-color: #1e2e4f; }
.btn-fb.dropdown-toggle { background-color: #3b5998 !important; }
.btn-fb.dropdown-toggle:hover, .btn-fb.dropdown-toggle:focus { background-color: #4264aa !important; }
.btn-fb:not([disabled]):not(.disabled):active, .btn-fb:not([disabled]):not(.disabled).active, .show > .btn-fb.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #1e2e4f !important; }
.btn-fb:not([disabled]):not(.disabled):active:focus, .btn-fb:not([disabled]):not(.disabled).active:focus, .show > .btn-fb.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.fb-ic { color: #3b5998 !important; }
.fb-ic:hover, .fb-ic:focus { color: #3b5998; }

.btn-tw { background-color: #55acee !important; color: #fff !important; }
.btn-tw:hover { background-color: #6cb7f0; }
.btn-tw:focus, .btn-tw.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-tw:focus, .btn-tw:active, .btn-tw.active { background-color: #147bc9; }
.btn-tw.dropdown-toggle { background-color: #55acee !important; }
.btn-tw.dropdown-toggle:hover, .btn-tw.dropdown-toggle:focus { background-color: #6cb7f0 !important; }
.btn-tw:not([disabled]):not(.disabled):active, .btn-tw:not([disabled]):not(.disabled).active, .show > .btn-tw.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #147bc9 !important; }
.btn-tw:not([disabled]):not(.disabled):active:focus, .btn-tw:not([disabled]):not(.disabled).active:focus, .show > .btn-tw.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.tw-ic { color: #55acee !important; }
.tw-ic:hover, .tw-ic:focus { color: #55acee; }

.btn-gplus { background-color: #dd4b39 !important; color: #fff !important; }
.btn-gplus:hover { background-color: #e15f4f; }
.btn-gplus:focus, .btn-gplus.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-gplus:focus, .btn-gplus:active, .btn-gplus.active { background-color: #96271a; }
.btn-gplus.dropdown-toggle { background-color: #dd4b39 !important; }
.btn-gplus.dropdown-toggle:hover, .btn-gplus.dropdown-toggle:focus { background-color: #e15f4f !important; }
.btn-gplus:not([disabled]):not(.disabled):active, .btn-gplus:not([disabled]):not(.disabled).active, .show > .btn-gplus.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #96271a !important; }
.btn-gplus:not([disabled]):not(.disabled):active:focus, .btn-gplus:not([disabled]):not(.disabled).active:focus, .show > .btn-gplus.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.gplus-ic { color: #dd4b39 !important; }
.gplus-ic:hover, .gplus-ic:focus { color: #dd4b39; }

.btn-yt { background-color: #ed302f !important; color: #fff !important; }
.btn-yt:hover { background-color: #ef4746; }
.btn-yt:focus, .btn-yt.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-yt:focus, .btn-yt:active, .btn-yt.active { background-color: #a80f0e; }
.btn-yt.dropdown-toggle { background-color: #ed302f !important; }
.btn-yt.dropdown-toggle:hover, .btn-yt.dropdown-toggle:focus { background-color: #ef4746 !important; }
.btn-yt:not([disabled]):not(.disabled):active, .btn-yt:not([disabled]):not(.disabled).active, .show > .btn-yt.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #a80f0e !important; }
.btn-yt:not([disabled]):not(.disabled):active:focus, .btn-yt:not([disabled]):not(.disabled).active:focus, .show > .btn-yt.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.yt-ic { color: #ed302f !important; }
.yt-ic:hover, .yt-ic:focus { color: #ed302f; }

.btn-li { background-color: #0082ca !important; color: #fff !important; }
.btn-li:hover { background-color: #0092e4; }
.btn-li:focus, .btn-li.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-li:focus, .btn-li:active, .btn-li.active { background-color: #004064; }
.btn-li.dropdown-toggle { background-color: #0082ca !important; }
.btn-li.dropdown-toggle:hover, .btn-li.dropdown-toggle:focus { background-color: #0092e4 !important; }
.btn-li:not([disabled]):not(.disabled):active, .btn-li:not([disabled]):not(.disabled).active, .show > .btn-li.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #004064 !important; }
.btn-li:not([disabled]):not(.disabled):active:focus, .btn-li:not([disabled]):not(.disabled).active:focus, .show > .btn-li.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.li-ic { color: #0082ca !important; }
.li-ic:hover, .li-ic:focus { color: #0082ca; }

.btn-pin { background-color: #c61118 !important; color: #fff !important; }
.btn-pin:hover { background-color: #dd131b; }
.btn-pin:focus, .btn-pin.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-pin:focus, .btn-pin:active, .btn-pin.active { background-color: #68090d; }
.btn-pin.dropdown-toggle { background-color: #c61118 !important; }
.btn-pin.dropdown-toggle:hover, .btn-pin.dropdown-toggle:focus { background-color: #dd131b !important; }
.btn-pin:not([disabled]):not(.disabled):active, .btn-pin:not([disabled]):not(.disabled).active, .show > .btn-pin.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #68090d !important; }
.btn-pin:not([disabled]):not(.disabled):active:focus, .btn-pin:not([disabled]):not(.disabled).active:focus, .show > .btn-pin.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.pin-ic { color: #c61118 !important; }
.pin-ic:hover, .pin-ic:focus { color: #c61118; }

.btn-ins { background-color: #2e5e86 !important; color: #fff !important; }
.btn-ins:hover { background-color: #356b99; }
.btn-ins:focus, .btn-ins.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-ins:focus, .btn-ins:active, .btn-ins.active { background-color: #14293a; }
.btn-ins.dropdown-toggle { background-color: #2e5e86 !important; }
.btn-ins.dropdown-toggle:hover, .btn-ins.dropdown-toggle:focus { background-color: #356b99 !important; }
.btn-ins:not([disabled]):not(.disabled):active, .btn-ins:not([disabled]):not(.disabled).active, .show > .btn-ins.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #14293a !important; }
.btn-ins:not([disabled]):not(.disabled):active:focus, .btn-ins:not([disabled]):not(.disabled).active:focus, .show > .btn-ins.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.ins-ic { color: #2e5e86 !important; }
.ins-ic:hover, .ins-ic:focus { color: #2e5e86; }

.btn-git { background-color: #333333 !important; color: #fff !important; }
.btn-git:hover { background-color: #404040; }
.btn-git:focus, .btn-git.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-git:focus, .btn-git:active, .btn-git.active { background-color: black; }
.btn-git.dropdown-toggle { background-color: #333333 !important; }
.btn-git.dropdown-toggle:hover, .btn-git.dropdown-toggle:focus { background-color: #404040 !important; }
.btn-git:not([disabled]):not(.disabled):active, .btn-git:not([disabled]):not(.disabled).active, .show > .btn-git.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: black !important; }
.btn-git:not([disabled]):not(.disabled):active:focus, .btn-git:not([disabled]):not(.disabled).active:focus, .show > .btn-git.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.git-ic { color: #333333 !important; }
.git-ic:hover, .git-ic:focus { color: #333333; }

.btn-comm { background-color: #30cfc0 !important; color: #fff !important; }
.btn-comm:hover { background-color: #45d4c6; }
.btn-comm:focus, .btn-comm.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-comm:focus, .btn-comm:active, .btn-comm.active { background-color: #1d7c73; }
.btn-comm.dropdown-toggle { background-color: #30cfc0 !important; }
.btn-comm.dropdown-toggle:hover, .btn-comm.dropdown-toggle:focus { background-color: #45d4c6 !important; }
.btn-comm:not([disabled]):not(.disabled):active, .btn-comm:not([disabled]):not(.disabled).active, .show > .btn-comm.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #1d7c73 !important; }
.btn-comm:not([disabled]):not(.disabled):active:focus, .btn-comm:not([disabled]):not(.disabled).active:focus, .show > .btn-comm.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.comm-ic { color: #30cfc0 !important; }
.comm-ic:hover, .comm-ic:focus { color: #30cfc0; }

.btn-vk { background-color: #4c75a3 !important; color: #fff !important; }
.btn-vk:hover { background-color: #5882b1; }
.btn-vk:focus, .btn-vk.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-vk:focus, .btn-vk:active, .btn-vk.active { background-color: #2c435d; }
.btn-vk.dropdown-toggle { background-color: #4c75a3 !important; }
.btn-vk.dropdown-toggle:hover, .btn-vk.dropdown-toggle:focus { background-color: #5882b1 !important; }
.btn-vk:not([disabled]):not(.disabled):active, .btn-vk:not([disabled]):not(.disabled).active, .show > .btn-vk.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #2c435d !important; }
.btn-vk:not([disabled]):not(.disabled):active:focus, .btn-vk:not([disabled]):not(.disabled).active:focus, .show > .btn-vk.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.vk-ic { color: #4c75a3 !important; }
.vk-ic:hover, .vk-ic:focus { color: #4c75a3; }

.btn-dribbble { background-color: #ec4a89 !important; color: #fff !important; }
.btn-dribbble:hover { background-color: #ee6198; }
.btn-dribbble:focus, .btn-dribbble.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-dribbble:focus, .btn-dribbble:active, .btn-dribbble.active { background-color: #bc1455; }
.btn-dribbble.dropdown-toggle { background-color: #ec4a89 !important; }
.btn-dribbble.dropdown-toggle:hover, .btn-dribbble.dropdown-toggle:focus { background-color: #ee6198 !important; }
.btn-dribbble:not([disabled]):not(.disabled):active, .btn-dribbble:not([disabled]):not(.disabled).active, .show > .btn-dribbble.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #bc1455 !important; }
.btn-dribbble:not([disabled]):not(.disabled):active:focus, .btn-dribbble:not([disabled]):not(.disabled).active:focus, .show > .btn-dribbble.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.dribbble-ic { color: #ec4a89 !important; }
.dribbble-ic:hover, .dribbble-ic:focus { color: #ec4a89; }

.btn-so { background-color: #ffac44 !important; color: #fff !important; }
.btn-so:hover { background-color: #ffb75e; }
.btn-so:focus, .btn-so.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-so:focus, .btn-so:active, .btn-so.active { background-color: #dd7b00; }
.btn-so.dropdown-toggle { background-color: #ffac44 !important; }
.btn-so.dropdown-toggle:hover, .btn-so.dropdown-toggle:focus { background-color: #ffb75e !important; }
.btn-so:not([disabled]):not(.disabled):active, .btn-so:not([disabled]):not(.disabled).active, .show > .btn-so.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #dd7b00 !important; }
.btn-so:not([disabled]):not(.disabled):active:focus, .btn-so:not([disabled]):not(.disabled).active:focus, .show > .btn-so.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.so-ic { color: #ffac44 !important; }
.so-ic:hover, .so-ic:focus { color: #ffac44; }

.btn-slack { background-color: #56b68b !important; color: #fff !important; }
.btn-slack:hover { background-color: #68be97; }
.btn-slack:focus, .btn-slack.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-slack:focus, .btn-slack:active, .btn-slack.active { background-color: #327456; }
.btn-slack.dropdown-toggle { background-color: #56b68b !important; }
.btn-slack.dropdown-toggle:hover, .btn-slack.dropdown-toggle:focus { background-color: #68be97 !important; }
.btn-slack:not([disabled]):not(.disabled):active, .btn-slack:not([disabled]):not(.disabled).active, .show > .btn-slack.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #327456 !important; }
.btn-slack:not([disabled]):not(.disabled):active:focus, .btn-slack:not([disabled]):not(.disabled).active:focus, .show > .btn-slack.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.slack-ic { color: #56b68b !important; }
.slack-ic:hover, .slack-ic:focus { color: #56b68b; }

.btn-email { background-color: #4b515d !important; color: #fff !important; }
.btn-email:hover { background-color: #565d6b; }
.btn-email:focus, .btn-email.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-email:focus, .btn-email:active, .btn-email.active { background-color: #1d2025; }
.btn-email.dropdown-toggle { background-color: #4b515d !important; }
.btn-email.dropdown-toggle:hover, .btn-email.dropdown-toggle:focus { background-color: #565d6b !important; }
.btn-email:not([disabled]):not(.disabled):active, .btn-email:not([disabled]):not(.disabled).active, .show > .btn-email.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #1d2025 !important; }
.btn-email:not([disabled]):not(.disabled):active:focus, .btn-email:not([disabled]):not(.disabled).active:focus, .show > .btn-email.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.email-ic { color: #4b515d !important; }
.email-ic:hover, .email-ic:focus { color: #4b515d; }

.btn-reddit { background-color: #ff4500 !important; color: #fff !important; }
.btn-reddit:hover { background-color: #ff581a; }
.btn-reddit:focus, .btn-reddit.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-reddit:focus, .btn-reddit:active, .btn-reddit.active { background-color: #992900; }
.btn-reddit.dropdown-toggle { background-color: #ff4500 !important; }
.btn-reddit.dropdown-toggle:hover, .btn-reddit.dropdown-toggle:focus { background-color: #ff581a !important; }
.btn-reddit:not([disabled]):not(.disabled):active, .btn-reddit:not([disabled]):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #992900 !important; }
.btn-reddit:not([disabled]):not(.disabled):active:focus, .btn-reddit:not([disabled]):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.reddit-ic { color: #ff4500 !important; }
.reddit-ic:hover, .reddit-ic:focus { color: #ff4500; }

.nav-tabs { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); border: 0; padding: 0.7rem; margin-left: 1rem; margin-right: 1rem; margin-bottom: -20px; background-color: #6c757d; z-index: 2; position: relative; border-radius: 0.25rem; }
.nav-tabs .nav-item + .nav-item { margin-left: 0; }
.nav-tabs .nav-item.disabled { pointer-events: none !important; }
.nav-tabs .nav-item.disabled .nav-link { color: #6c757d; }
.nav-tabs .nav-link { transition: all 0.4s; border: 0; color: #fff; }
.nav-tabs .nav-link.active, .nav-tabs .nav-item.open .nav-link { background-color: rgba(255, 255, 255, 0.2); color: #fff; transition: all 1s; border-radius: 0.25rem; }
.nav-tabs .nav-item.show .nav-link { background-color: #6c757d; color: #fff; transition: all 1s; border-radius: 0.25rem; }
.nav-tabs .nav-item.show .nav-link.dropdown-toggle { background-color: rgba(255, 255, 255, 0.2); }

.tab-content { padding: 1rem; padding-top: 2rem; z-index: 1; }
.tab-content.vertical { padding-top: 0; }

.md-pills { border: 0; }
.md-pills li { padding: 0.6rem; }
.md-pills .show > .nav-link { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); color: #fff; background-color: #6c757d; }
.md-pills .nav-link { transition: all 0.4s; border-radius: 2px; color: #666; text-align: center; }
.md-pills .nav-link.active { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); color: #fff; background-color: #6c757d; }
.md-pills .nav-link.active:hover { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.pills-primary .show > .nav-link { background-color: #CE5C17!important; }
.pills-primary .nav-link.active { background-color: #CE5C17!important; }

.tabs-primary { background-color: #CE5C17!important; }

.pills-danger .show > .nav-link { background-color: #dd2828 !important; }
.pills-danger .nav-link.active { background-color: #dd2828 !important; }

.tabs-danger { background-color: #dd2828 !important; }

.pills-warning .show > .nav-link { background-color: #e8c51c !important; }
.pills-warning .nav-link.active { background-color: #e8c51c !important; }

.tabs-warning { background-color: #e8c51c !important; }

.pills-success .show > .nav-link { background-color: #55bf75 !important; }
.pills-success .nav-link.active { background-color: #55bf75 !important; }

.tabs-success { background-color: #55bf75 !important; }

.pills-info .show > .nav-link { background-color: #80bde5 !important; }
.pills-info .nav-link.active { background-color: #80bde5 !important; }

.tabs-info { background-color: #80bde5 !important; }

.pills-default .show > .nav-link { background-color: #6c757d !important; }
.pills-default .nav-link.active { background-color: #6c757d !important; }

.tabs-default { background-color: #6c757d !important; }

.pills-secondary .show > .nav-link { background-color: #194f90 !important; }
.pills-secondary .nav-link.active { background-color: #194f90 !important; }

.tabs-secondary { background-color: #194f90 !important; }

.pills-elegant .show > .nav-link { background-color: #2e2e2e !important; }
.pills-elegant .nav-link.active { background-color: #2e2e2e !important; }

.tabs-elegant { background-color: #2e2e2e !important; }

.pills-unique .show > .nav-link { background-color: #880e4f !important; }
.pills-unique .nav-link.active { background-color: #880e4f !important; }

.tabs-unique { background-color: #880e4f !important; }

.pills-dark-green .show > .nav-link { background-color: #388e3c !important; }
.pills-dark-green .nav-link.active { background-color: #388e3c !important; }

.tabs-dark-green { background-color: #388e3c !important; }

.pills-mdb-color .show > .nav-link { background-color: #59698d !important; }
.pills-mdb-color .nav-link.active { background-color: #59698d !important; }

.tabs-mdb-color { background-color: #59698d !important; }

.pills-red .show > .nav-link { background-color: #d32f2f !important; }
.pills-red .nav-link.active { background-color: #d32f2f !important; }

.tabs-red { background-color: #d32f2f !important; }

.pills-pink .show > .nav-link { background-color: #ec407a !important; }
.pills-pink .nav-link.active { background-color: #ec407a !important; }

.tabs-pink { background-color: #ec407a !important; }

.pills-purple .show > .nav-link { background-color: #8e24aa !important; }
.pills-purple .nav-link.active { background-color: #8e24aa !important; }

.tabs-purple { background-color: #8e24aa !important; }

.pills-deep-purple .show > .nav-link { background-color: #512da8 !important; }
.pills-deep-purple .nav-link.active { background-color: #512da8 !important; }

.tabs-deep-purple { background-color: #512da8 !important; }

.pills-indigo .show > .nav-link { background-color: #3f51b5 !important; }
.pills-indigo .nav-link.active { background-color: #3f51b5 !important; }

.tabs-indigo { background-color: #3f51b5 !important; }

.pills-blue .show > .nav-link { background-color: #1976d2 !important; }
.pills-blue .nav-link.active { background-color: #1976d2 !important; }

.tabs-blue { background-color: #1976d2 !important; }

.pills-light-blue .show > .nav-link { background-color: #82b1ff !important; }
.pills-light-blue .nav-link.active { background-color: #82b1ff !important; }

.tabs-light-blue { background-color: #82b1ff !important; }

.pills-cyan .show > .nav-link { background-color: #00bcd4 !important; }
.pills-cyan .nav-link.active { background-color: #00bcd4 !important; }

.tabs-cyan { background-color: #00bcd4 !important; }

.pills-teal .show > .nav-link { background-color: rgba(0, 0, 0, 0.3) !important; }
.pills-teal .nav-link.active { background-color: rgba(0, 0, 0, 0.3) !important; }

.tabs-teal { background-color: rgba(0, 0, 0, 0.3) !important; }

.pills-green .show > .nav-link { background-color: #388e3c !important; }
.pills-green .nav-link.active { background-color: #388e3c !important; }

.tabs-green { background-color: #388e3c !important; }

.pills-light-green .show > .nav-link { background-color: #8bc34a !important; }
.pills-light-green .nav-link.active { background-color: #8bc34a !important; }

.tabs-light-green { background-color: #8bc34a !important; }

.pills-lime .show > .nav-link { background-color: #afb42b !important; }
.pills-lime .nav-link.active { background-color: #afb42b !important; }

.tabs-lime { background-color: #afb42b !important; }

.pills-yellow .show > .nav-link { background-color: #fbc02d !important; }
.pills-yellow .nav-link.active { background-color: #fbc02d !important; }

.tabs-yellow { background-color: #fbc02d !important; }

.pills-amber .show > .nav-link { background-color: #ffa000 !important; }
.pills-amber .nav-link.active { background-color: #ffa000 !important; }

.tabs-amber { background-color: #ffa000 !important; }

.pills-orange .show > .nav-link { background-color: #f57c00 !important; }
.pills-orange .nav-link.active { background-color: #f57c00 !important; }

.tabs-orange { background-color: #f57c00 !important; }

.pills-deep-orange .show > .nav-link { background-color: #ff7043 !important; }
.pills-deep-orange .nav-link.active { background-color: #ff7043 !important; }

.tabs-deep-orange { background-color: #ff7043 !important; }

.pills-brown .show > .nav-link { background-color: #795548 !important; }
.pills-brown .nav-link.active { background-color: #795548 !important; }

.tabs-brown { background-color: #795548 !important; }

.pills-grey .show > .nav-link { background-color: #616161 !important; }
.pills-grey .nav-link.active { background-color: #616161 !important; }

.tabs-grey { background-color: #616161 !important; }

.pills-blue-grey .show > .nav-link { background-color: #78909c !important; }
.pills-blue-grey .nav-link.active { background-color: #78909c !important; }

.tabs-blue-grey { background-color: #78909c !important; }

.pills-dark .show > .nav-link { background-color: #212121 !important; }
.pills-dark .nav-link.active { background-color: #212121 !important; }

.tabs-dark { background-color: #212121 !important; }

.pills-light .show > .nav-link { background-color: #e0e0e0 !important; }
.pills-light .nav-link.active { background-color: #e0e0e0 !important; }

.tabs-light { background-color: #e0e0e0 !important; }

.pills-white .show > .nav-link { background-color: #fff !important; }
.pills-white .nav-link.active { background-color: #fff !important; }

.tabs-white { background-color: #fff !important; }

.pills-black .show > .nav-link { background-color: #000 !important; }
.pills-black .nav-link.active { background-color: #000 !important; }

.tabs-black { background-color: #000 !important; }

.classic-tabs .nav { white-space: nowrap; overflow-x: auto; z-index: 2; position: relative; border-radius: 0.3rem 0.3rem 0 0; }
@media (min-width: 62rem) { .classic-tabs .nav { overflow-x: hidden; } }
@media (min-width: 62em) { .classic-tabs .nav li { flex: inherit; } }
.classic-tabs .nav li a { display: block; padding: 20px 24px; font-size: 13px; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); text-align: center; border-radius: 0; }
.classic-tabs .nav li a.active { border-bottom: 3px solid; color: #fff; }
@media (min-width: 62em) { .classic-tabs .nav li:first-child { margin-left: 56px; } }
.classic-tabs .nav.tabs-cyan li a.active { border-color: #ffeb3b; }
.classic-tabs .nav.tabs-orange li a.active { border-color: #e53935; }
.classic-tabs .nav.tabs-grey li a.active { border-color: #fff; }
.classic-tabs .nav.tabs-pink li a.active { border-color: #673ab7; }
.classic-tabs .nav.tabs-green li a.active { border-color: #1565c0; }
.classic-tabs .nav.tabs-primary li a.active { border-color: #fff; }
.classic-tabs .tab-content.card { border-top-left-radius: 0; border-top-right-radius: 0; }

.card.card-image { background-size: cover; background-position: center; width: 100%; }
.card.card-image [class*="rgba-"] { border-radius: 0.25rem; }
.card.card-cascade .view.view-cascade { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); border-radius: 0.25rem; }
.card.card-cascade .view.view-cascade.gradient-card-header { padding: 1.6rem 1rem; text-align: center; }
.card.card-cascade .view.view-cascade.gradient-card-header .card-header-title { font-weight: 500; }
.card.card-cascade .view.view-cascade.gradient-card-header .btn-floating { background-color: rgba(255, 255, 255, 0.2); }
.card.card-cascade.wider { box-shadow: none; background-color: transparent; }
.card.card-cascade.wider .view.view-cascade { z-index: 2; }
.card.card-cascade.wider .card-body.card-body-cascade { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); margin-left: 4%; margin-right: 4%; background: #fff; z-index: 1; border-radius: 0 0 0.25rem 0.25rem; }
.card.card-cascade.wider.reverse .card-body.card-body-cascade { z-index: 3; margin-top: -1rem; border-radius: 0.25rem; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.card.card-cascade.narrower { margin-top: 1.25rem; }
.card.card-cascade.narrower .view.view-cascade { margin-left: 4%; margin-right: 4%; margin-top: -1.25rem; }
.card.card-cascade.panel-cascade .view { text-align: center; color: #fff; }
.card.card-cascade.panel-cascade .list-group .list-group-item { margin-bottom: 0; border: 0; border-bottom: 1px solid #eee; color: #495057; }
.card.card-cascade.panel-cascade .list-group .list-group-item:hover { background-color: #eee; }
.card .btn-action { margin-top: -1.44rem; margin-bottom: -1.44rem; }
.card .activator { position: absolute; right: 0; font-size: 1.2rem; }
.card .card-reveal { position: absolute; width: 100%; overflow-y: auto; top: 100%; height: 100%; z-index: 1; display: none; }
.card .card-reveal .content { position: relative; }
.card.ovf-hidden { overflow: hidden; }
.card .card-share { position: relative; }
.card .card-share .social-reveal { position: absolute; top: -1.44rem; right: 1.88rem; visibility: hidden; width: auto; transform: translateZ(0); transform: translateX(0); transition: transform 0.35s ease; }
.card .card-share .social-reveal-active { z-index: 11; visibility: visible; transform: translateZ(0); transform: translateX(-48px); transition: transform 0.35s ease; }

.card .card-reveal .card-title, .card-wrapper .card-rotating .card-title { cursor: pointer; }

.card .card-reveal .card-title i, .card-wrapper .card-rotating .card-title i { color: #9e9e9e; position: absolute; right: 0.63rem; }

.card-wrapper { margin: 0; min-height: 500px; position: relative; perspective: 800px; /* Front side */ /* Card with rotate on click */ }
.card-wrapper .face { position: absolute; width: 100%; height: 100%; }
.card-wrapper .card-up { height: 200px; overflow: hidden; }
.card-wrapper .card-up img { vertical-align: middle; }
.card-wrapper .avatar { display: block; margin-top: -60px; overflow: hidden; width: 120px; }
.card-wrapper .avatar img { border: 5px solid #fff; background: none repeat scroll 0 0 #fff; width: 100%; }
.card-wrapper .card-rotating { position: absolute; transform-style: preserve-3d; }
.card-wrapper .card-rotating .content { position: relative; }
.card-wrapper .card-rotating.effect__click.flipped .front { transform: rotateY(180deg); }
.card-wrapper .card-rotating.effect__click.flipped .back { transform: rotateY(0); }
.card-wrapper .front, .card-wrapper .back { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 0.25rem; backface-visibility: hidden; transition: 1s; }
.card-wrapper .back { transform: rotateY(-180deg); }

.testimonial-card .card-up { overflow: hidden; height: 120px; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.testimonial-card .avatar { border-radius: 50%; width: 120px; margin-top: -60px; overflow: hidden; border: 5px solid #fff; }
.testimonial-card .avatar img { width: 100%; }
.testimonial-card .card-body { text-align: center; }

.dropdown .dropdown-menu, .dropup .dropdown-menu, .dropleft .dropdown-menu, .dropright .dropdown-menu { padding: 0.5rem; }
.dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-primary .dropdown-item:active, .dropup .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropup .dropdown-menu.dropdown-primary .dropdown-item:active, .dropleft .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropleft .dropdown-menu.dropdown-primary .dropdown-item:active, .dropright .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropright .dropdown-menu.dropdown-primary .dropdown-item:active { background-color: #CE5C17!important; }
.dropdown .dropdown-menu.dropdown-danger .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-danger .dropdown-item:active, .dropup .dropdown-menu.dropdown-danger .dropdown-item:hover, .dropup .dropdown-menu.dropdown-danger .dropdown-item:active, .dropleft .dropdown-menu.dropdown-danger .dropdown-item:hover, .dropleft .dropdown-menu.dropdown-danger .dropdown-item:active, .dropright .dropdown-menu.dropdown-danger .dropdown-item:hover, .dropright .dropdown-menu.dropdown-danger .dropdown-item:active { background-color: #b51d1d !important; }
.dropdown .dropdown-menu.dropdown-default .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-default .dropdown-item:active, .dropup .dropdown-menu.dropdown-default .dropdown-item:hover, .dropup .dropdown-menu.dropdown-default .dropdown-item:active, .dropleft .dropdown-menu.dropdown-default .dropdown-item:hover, .dropleft .dropdown-menu.dropdown-default .dropdown-item:active, .dropright .dropdown-menu.dropdown-default .dropdown-item:hover, .dropright .dropdown-menu.dropdown-default .dropdown-item:active { background-color: #6c757d !important; }
.dropdown .dropdown-menu.dropdown-secondary .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-secondary .dropdown-item:active, .dropup .dropdown-menu.dropdown-secondary .dropdown-item:hover, .dropup .dropdown-menu.dropdown-secondary .dropdown-item:active, .dropleft .dropdown-menu.dropdown-secondary .dropdown-item:hover, .dropleft .dropdown-menu.dropdown-secondary .dropdown-item:active, .dropright .dropdown-menu.dropdown-secondary .dropdown-item:hover, .dropright .dropdown-menu.dropdown-secondary .dropdown-item:active { background-color: #194f90 !important; }
.dropdown .dropdown-menu.dropdown-success .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-success .dropdown-item:active, .dropup .dropdown-menu.dropdown-success .dropdown-item:hover, .dropup .dropdown-menu.dropdown-success .dropdown-item:active, .dropleft .dropdown-menu.dropdown-success .dropdown-item:hover, .dropleft .dropdown-menu.dropdown-success .dropdown-item:active, .dropright .dropdown-menu.dropdown-success .dropdown-item:hover, .dropright .dropdown-menu.dropdown-success .dropdown-item:active { background-color: #55bf75 !important; }
.dropdown .dropdown-menu.dropdown-info .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-info .dropdown-item:active, .dropup .dropdown-menu.dropdown-info .dropdown-item:hover, .dropup .dropdown-menu.dropdown-info .dropdown-item:active, .dropleft .dropdown-menu.dropdown-info .dropdown-item:hover, .dropleft .dropdown-menu.dropdown-info .dropdown-item:active, .dropright .dropdown-menu.dropdown-info .dropdown-item:hover, .dropright .dropdown-menu.dropdown-info .dropdown-item:active { background-color: #80bde5 !important; }
.dropdown .dropdown-menu.dropdown-warning .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-warning .dropdown-item:active, .dropup .dropdown-menu.dropdown-warning .dropdown-item:hover, .dropup .dropdown-menu.dropdown-warning .dropdown-item:active, .dropleft .dropdown-menu.dropdown-warning .dropdown-item:hover, .dropleft .dropdown-menu.dropdown-warning .dropdown-item:active, .dropright .dropdown-menu.dropdown-warning .dropdown-item:hover, .dropright .dropdown-menu.dropdown-warning .dropdown-item:active { background-color: #edd14a !important; }
.dropdown .dropdown-menu.dropdown-dark .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-dark .dropdown-item:active, .dropup .dropdown-menu.dropdown-dark .dropdown-item:hover, .dropup .dropdown-menu.dropdown-dark .dropdown-item:active, .dropleft .dropdown-menu.dropdown-dark .dropdown-item:hover, .dropleft .dropdown-menu.dropdown-dark .dropdown-item:active, .dropright .dropdown-menu.dropdown-dark .dropdown-item:hover, .dropright .dropdown-menu.dropdown-dark .dropdown-item:active { background-color: #2e2e2e !important; }
.dropdown .dropdown-menu.dropdown-ins .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-ins .dropdown-item:active, .dropup .dropdown-menu.dropdown-ins .dropdown-item:hover, .dropup .dropdown-menu.dropdown-ins .dropdown-item:active, .dropleft .dropdown-menu.dropdown-ins .dropdown-item:hover, .dropleft .dropdown-menu.dropdown-ins .dropdown-item:active, .dropright .dropdown-menu.dropdown-ins .dropdown-item:hover, .dropright .dropdown-menu.dropdown-ins .dropdown-item:active { background-color: #2e5e86 !important; }
.dropdown .dropdown-menu .dropdown-item, .dropup .dropdown-menu .dropdown-item, .dropleft .dropdown-menu .dropdown-item, .dropright .dropdown-menu .dropdown-item { padding: 0.5rem; margin-left: 0; font-size: 0.9rem; }
.dropdown .dropdown-menu .dropdown-item.disabled, .dropup .dropdown-menu .dropdown-item.disabled, .dropleft .dropdown-menu .dropdown-item.disabled, .dropright .dropdown-menu .dropdown-item.disabled { color: #868e96; }
.dropdown .dropdown-menu .dropdown-item.disabled:hover, .dropdown .dropdown-menu .dropdown-item.disabled:active, .dropdown .dropdown-menu .dropdown-item.disabled:focus, .dropup .dropdown-menu .dropdown-item.disabled:hover, .dropup .dropdown-menu .dropdown-item.disabled:active, .dropup .dropdown-menu .dropdown-item.disabled:focus, .dropleft .dropdown-menu .dropdown-item.disabled:hover, .dropleft .dropdown-menu .dropdown-item.disabled:active, .dropleft .dropdown-menu .dropdown-item.disabled:focus, .dropright .dropdown-menu .dropdown-item.disabled:hover, .dropright .dropdown-menu .dropdown-item.disabled:active, .dropright .dropdown-menu .dropdown-item.disabled:focus { box-shadow: none; color: #868e96 !important; background-color: transparent !important; }
.dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:active, .dropup .dropdown-menu .dropdown-item:hover, .dropup .dropdown-menu .dropdown-item:active, .dropleft .dropdown-menu .dropdown-item:hover, .dropleft .dropdown-menu .dropdown-item:active, .dropright .dropdown-menu .dropdown-item:hover, .dropright .dropdown-menu .dropdown-item:active { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #CE5C17; border-radius: 0.125rem; transition: all 0.1s linear; }

.navbar-nav .dropdown-menu-right { right: 0; left: auto; }

.dropdown-menu.animated { /* Speed up animations */ animation-duration: 0.55s; animation-timing-function: ease; }

.side-nav .double-navbar .bc-min { padding: 5px 10px; }
.side-nav .double-navbar .bc-min .button-collapse { padding-left: 0px; }

.no-padding .fa { padding: 0; }

.ql-modal .modal-dialog, .product-panel .modal-dialog { max-width: none; width: auto; margin: 2rem; }
.ql-modal .modal-header, .product-panel .modal-header { text-align: center; }
.ql-modal .price .badge, .product-panel .price .badge { background-color: rgba(244, 67, 54, 0.7); font-size: 1.4rem; display: inline-block; margin-left: 1rem; }
.ql-modal .price p, .product-panel .price p { display: inline-block; font-size: 1.3rem; }
.ql-modal .price p .price-before, .product-panel .price p .price-before { color: #000; text-decoration: line-through; margin-left: 0.5rem; }
.ql-modal .price p .price-after, .product-panel .price p .price-after { font-size: 1.7rem; color: #4caf50; }
.ql-modal .media img, .product-panel .media img { max-width: 60px; }

@media (max-width: 1200px) { .ql-modal { padding-left: 0; }
  .ql-modal .modal-dialog { margin: 0; } }
.pricing-card .heading h1 { font-size: 4rem; font-weight: 400; }
.pricing-card.card-overlay { display: block; color: #fff; }
.pricing-card.card-overlay p { color: #fff; }
.pricing-card.card-overlay .price { padding-top: 0; }

.naked-card h5 { margin-top: 1.2rem; }
.naked-card .price { padding-top: 0rem; }
.naked-card li p { color: #757575; }
.naked-card li p strong { color: #616161; }

.no-radius { border-radius: 0 !important; }

.section-blog-fw .view img { border-radius: 2px; }
.section-blog-fw .jumbotron { text-align: center; }
.section-blog-fw h2 { margin-bottom: 1rem; font-weight: 400; }
.section-blog-fw h2 a { color: #424242; transition: 0.2s; }
.section-blog-fw h2 a:hover { color: #616161; transition: 0.2s; }
.section-blog-fw .excerpt, .section-blog-fw .post-text { margin-left: 10%; margin-right: 10%; text-align: justify; }
@media (max-width: 992px) { .section-blog-fw .excerpt, .section-blog-fw .post-text { margin-left: 5%; margin-right: 5%; } }
.section-blog-fw hr { display: block; }

.personal-sm a .fa { transition-duration: 0.2s; }
.personal-sm a .fa:hover { transform: scale(1.2); }

.comments-list .avatar, .reply-form .avatar { max-width: 100px; }
.comments-list .comment-date, .reply-form .comment-date { color: #666; }

.navbar .nav-item.avatar { padding: 0; }
.navbar .nav-item.avatar.active { background-color: transparent !important; }
.navbar .nav-item.avatar .dropdown-toggle { padding: 0; }
.navbar .nav-item.avatar .dropdown-toggle img { height: 35px; }
.navbar .nav-item.avatar .dropdown-toggle:after { display: none; }

@media (max-width: 992px) { .double-nav { padding-top: 4px; padding-bottom: 4px; } }
@media (max-width: 768px) { .double-nav .container { padding-left: 0; padding-right: 0; } }
.double-nav a { font-size: 15px; color: #fff; }
.double-nav .breadcrumb-dn p { margin: 0; padding-top: 0; padding-left: 1rem; }
@media (max-width: 993px) { .double-nav .breadcrumb-dn { display: none; } }
.double-nav .button-collapse { position: absolute; left: 10px; font-size: 1.5rem; }
@media (min-width: 1440px) { .double-nav .button-collapse { display: none; } }
@media (max-width: 1440px) { .double-nav .button-collapse { display: block; position: relative; font-size: 1.4rem; margin-right: 10px; margin-left: 10px; } }

.nav-pills.default-pills .nav-item a { text-align: left; color: #666; border-radius: 0; }
.nav-pills.default-pills .nav-item a:hover { background-color: transparent; color: #45526e; font-weight: 500; border-left: 1px solid #45526e; }
.nav-pills.default-pills .nav-item a.active { background-color: transparent; color: #45526e; border-left: 2px solid #45526e; font-weight: 500; box-shadow: none; }
.nav-pills.default-pills .nav-item a.active:hover, .nav-pills.default-pills .nav-item a.active:active, .nav-pills.default-pills .nav-item a.active:focus { background-color: transparent; color: #45526e; font-weight: 500; }

.nav-pills .nav-item + .nav-item { margin-left: 0; }

@media only screen and (max-width: 991px) { .sticky, .sticky-placeholder { display: none; } }
#scrollspy { width: 100%; }

@media only screen and (max-width: 992px) { .col-md-4 .sticky, .col-lg-4 .sticky, .col-xl-4 .sticky { width: 200px; } }
@media only screen and (min-width: 992px) { .col-md-4 .sticky .col-lg-4 .sticky, .col-xl-4 .sticky { width: 400px; } }
@media only screen and (min-width: 1200px) { .col-md-4 .sticky { width: 300px; } }
@media only screen and (min-width: 1440px) { .col-md-4 .sticky { width: 350px; } }
.dotted-scrollspy { display: block; position: fixed; top: 50%; right: 0; transform: translateY(-50%); background: rgba(0, 0, 0, 0.55); border-radius: 2px 0 0 2px; }
.dotted-scrollspy li { display: block; padding: 0 16px; }
.dotted-scrollspy li:first-child { padding-top: 10px; }
.dotted-scrollspy li:last-child { padding-bottom: 10px; }
.dotted-scrollspy li a { padding: 0.5rem; }
.dotted-scrollspy li a span { display: block; background-color: rgba(255, 255, 255, 0.54); width: 8px; height: 8px; border-radius: 50%; }
.dotted-scrollspy li a.active span { background: #fff; }

.scrollspy-example { overflow-y: scroll; position: relative; height: 200px; padding: 1rem; }

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; touch-action: none; z-index: 1500; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ outline: none; }
.pswp * { box-sizing: border-box; }
.pswp img { max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open { display: block; }

.pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: zoom-in; }

.pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: grab; }

.pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: grabbing; }

/* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; will-change: opacity; }

.pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }

.pswp__container, .pswp__zoom-wrap { touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container, .pswp__img { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; user-select: none; }

.pswp__zoom-wrap { position: absolute; width: 100%; transform-origin: left top; /* for open/close transition */ transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg { will-change: opacity; /* for open/close transition */ transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { transition: none; }

.pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; }

.pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; }

/* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap
*/
/* div element that matches size of large image large image loads on top of it
*/
.pswp__img--placeholder--blank { background: #222; }

.pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; }

/* Error message appears when image is not loaded (JS option errorMsg controls markup)
*/
.pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; }

.pswp__error-msg a { color: #CCC; text-decoration: underline; }

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
 Contents:
 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
 1. Buttons
 */
/* <button> css reset */
.pswp__button { width: 44px; height: 44px; position: relative; background: none; cursor: pointer; overflow: visible; display: block; border: 0; padding: 0; margin: 0; float: right; opacity: 0.75; transition: opacity 0.2s; box-shadow: none; }
.pswp__button:focus, .pswp__button:hover { opacity: 1; }
.pswp__button:active { outline: none; opacity: 0.9; }
.pswp__button::-moz-focus-inner { padding: 0; border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close { opacity: 1; }

.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { background: url(../img//lightbox/default-skin.png) 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before { background-image: url(../img//lightbox/default-skin.svg); }
  .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right { background: none; } }
.pswp__button--close { background-position: 0 -44px; }

.pswp__button--share { background-position: -44px -44px; }

.pswp__button--fs { display: none; }

.pswp--supports-fs .pswp__button--fs { display: block; }

.pswp--fs .pswp__button--fs { background-position: -44px 0; }

.pswp__button--zoom { display: none; background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom { display: block; }

.pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden; }

/* Arrow buttons hit area (icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left, .pswp__button--arrow--right { background: none; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute; }

.pswp__button--arrow--left { left: 0; }

.pswp__button--arrow--right { right: 0; }

.pswp__button--arrow--left:before, .pswp__button--arrow--right:before { content: ""; top: 35px; background-color: rgba(0, 0, 0, 0.3); height: 30px; width: 32px; position: absolute; }

.pswp__button--arrow--left:before { left: 6px; background-position: -138px -44px; }

.pswp__button--arrow--right:before { right: 6px; background-position: -94px -44px; }

/*
 2. Share modal/popup and links
 */
.pswp__counter, .pswp__share-modal { user-select: none; }

.pswp__share-modal { display: block; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; transition: opacity 0.25s ease-out; will-change: opacity; }

.pswp__share-modal--hidden { display: none; }

.pswp__share-tooltip { z-index: 1620; position: absolute; background: #FFF; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); transform: translateY(6px); transition: transform 0.25s; will-change: transform; }
.pswp__share-tooltip a { display: block; padding: 8px 12px; color: #000; text-decoration: none; font-size: 14px; line-height: 18px; }
.pswp__share-tooltip a:hover { text-decoration: none; color: #000; }
.pswp__share-tooltip a:first-child { /* round corners on the first/last list item */ border-radius: 2px 2px 0 0; }
.pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in { opacity: 1; }
.pswp__share-modal--fade-in .pswp__share-tooltip { transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a { padding: 16px 12px; }

a.pswp__share--facebook:before { content: ""; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid rgba(0, 0, 0, 0); border-bottom-color: #FFF; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; }
a.pswp__share--facebook:hover { background: #3E5C9A; color: #FFF; }
a.pswp__share--facebook:hover:before { border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover { background: #55ACEE; color: #FFF; }

a.pswp__share--pinterest:hover { background: #CCC; color: #CE272D; }

a.pswp__share--download:hover { background: #DDD; }

/*
 3. Index indicator ("1 of X" counter)
 */
.pswp__counter { position: absolute; left: 0; top: 0; height: 44px; font-size: 13px; line-height: 44px; color: #FFF; opacity: 0.75; padding: 0 10px; }

/*
 4. Caption
 */
.pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; }
.pswp__caption small { font-size: 11px; color: #BBB; }

.pswp__caption__center { text-align: center; max-width: 500px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #CCC; }

.pswp__caption--empty { display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake { visibility: hidden; }

/*
 5. Loading indicator (preloader)
 You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
 */
.pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; transition: opacity 0.25s ease-out; will-change: opacity; direction: ltr; }

.pswp__preloader__icn { width: 20px; height: 20px; margin: 12px; }

.pswp__preloader--active { opacity: 1; }
.pswp__preloader--active .pswp__preloader__icn { /* We use .gif in browsers that don't support CSS animation */ background: url(../img//lightbox/preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active { opacity: 1; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { animation: clockwise 500ms linear infinite; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
.pswp--css_animation .pswp__preloader__icn { background: none; opacity: 0.75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0; }
.pswp--css_animation .pswp__preloader__cut { /* The idea of animating inner circle is based on Polymer ("material") loading indicator by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
*/ position: relative; width: 7px; height: 14px; overflow: hidden; }
.pswp--css_animation .pswp__preloader__donut { box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: none; margin: 0; }

@media screen and (max-width: 1024px) { .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right; } }
@keyframes clockwise { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
@keyframes donut-rotate { 0% { transform: rotate(0); }
  50% { transform: rotate(-140deg); }
  100% { transform: rotate(0); } }
/*
 6. Additional styles
 */
/* root element of UI */
.pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100%; }

.pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { will-change: opacity; transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible; }

.pswp__top-bar, .pswp__caption { background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar { opacity: 0; }
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 0; }

/* pswp__ui--hidden class is added when controls are hidden e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { /* Force paint & create composition layer for controls. */ opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none; }

.pswp__element--disabled { display: none !important; }

.pswp--minimal--dark .pswp__top-bar { background: none; }

.mdb-lightbox figure { margin: 0; float: left; }
.mdb-lightbox figure .img-fluid, .mdb-lightbox figure .modal-dialog.cascading-modal.modal-avatar .modal-header, .modal-dialog.cascading-modal.modal-avatar .mdb-lightbox figure .modal-header, .mdb-lightbox figure .section-blog-fw .view img, .section-blog-fw .view .mdb-lightbox figure img { display: inline; }
.mdb-lightbox figure img { cursor: zoom-in; transition: opacity 0.4s; border-radius: 0; }
.mdb-lightbox figure img:hover { opacity: 0.8; }
.mdb-lightbox figure figcaption { display: none; }
.mdb-lightbox.no-margin [class*="col-"] { padding: 0; }
.mdb-lightbox [class*="col-"] { padding: 0.5rem; }

.chip { display: inline-block; height: 32px; font-size: 13px; font-weight: 500; color: rgba(0, 0, 0, 0.6); line-height: 32px; padding: 0 12px; border-radius: 16px; background-color: #eceff1; margin-bottom: 1rem; margin-right: 1rem; cursor: pointer; transition: all 0.3s linear; }
.chip:hover { transition: all 0.3s linear; background-color: #e0e0e0; }
.chip img { float: left; margin: 0 8px 0 -12px; height: 32px; width: 32px; border-radius: 50%; }
.chip .close { cursor: pointer; float: right; font-size: 16px; line-height: 32px; padding-left: 8px; transition: all 0.1s linear; }

.chips { outline: none; box-shadow: none; border: none; border-bottom: 1px solid #ced4da; margin-bottom: 30px; min-height: 45px; padding-bottom: 1rem; transition: all .3s; }
.chips.focus { border-bottom: 1px solid #CE5C17; box-shadow: 0 1px 0 0 #CE5C17; }
.chips:hover { cursor: text; }
.chips .tag.selected { border-bottom: 1px solid #CE5C17; color: #fff; }
.chips .input { display: inline-block; background: none; border: 0; outline: 0; padding: 0 !important; width: 120px !important; color: rgba(0, 0, 0, 0.6); font-size: 13px; font-weight: 500; height: 32px; margin-right: 20px; line-height: 32px; }
.chips .input:focus { border: 0 !important; box-shadow: none !important; }

.table a { margin-right: 1rem !important; }
.table fieldset.form-check { margin-bottom: 0; }
.table fieldset label.form-check-label { height: 0.94rem; }

.product-table img { max-height: 150px; min-width: 50px; }
.product-table td { vertical-align: middle; }

.form-check-input[type="radio"], label.btn input[type="radio"], .form-check-input[type="checkbox"], label.btn input[type="checkbox"] { position: absolute; left: -9999px; visibility: hidden; }

.form-check-input[type="radio"] + label, label.btn input[type="radio"] + label, .form-check-input[type="checkbox"] + label, label.btn input[type="checkbox"] + label { position: relative; padding-left: 2.19rem; cursor: pointer; display: inline-block; height: 1.57rem; line-height: 1.57rem; font-size: 1rem; }

.streak { display: block; position: relative; overflow: hidden; height: 250px; }
.streak.streak-md { height: 400px; }
@media (max-width: 736px) { .streak.streak-md { height: 300px; } }
.streak.streak-lg { height: 650px; }
@media (max-width: 450px) { .streak.streak-lg { height: 900px; } }
.streak.streak-long { height: 200px; }
@media (max-width: 450px) { .streak.streak-long { height: 620px; } }
.streak.streak-long-2 { height: 400px; }
@media (max-width: 450px) { .streak.streak-long-2 { height: 700px; } }
.streak.streak-photo { background-repeat: no-repeat; background-size: cover; background-position: center; }
@media (min-width: 1366px) { .streak.streak-photo { background-attachment: fixed; } }
.streak.no-flex { padding-top: 3.125rem; padding-bottom: 3.125rem; height: auto; }

.purple-gradient { background: linear-gradient(40deg, #ff6ec4, #7873f5) !important; }

.peach-gradient { background: linear-gradient(40deg, #FFD86F, #FC6262) !important; }

.aqua-gradient { background: linear-gradient(40deg, #2096ff, #05ffa3) !important; }

.blue-gradient { background: linear-gradient(40deg, #45cafc, #303f9f) !important; }

.form-check-input[type="radio"], label.btn input[type="radio"], .form-check-input[type="checkbox"], label.btn input[type="checkbox"] { position: absolute; left: -9999px; visibility: hidden; }

.form-check-input[type="radio"] + label, label.btn input[type="radio"] + label, .form-check-input[type="checkbox"] + label, label.btn input[type="checkbox"] + label { position: relative; padding-left: 2.19rem; cursor: pointer; display: inline-block; height: 1.57rem; line-height: 1.57rem; font-size: 1rem; }

.form-header { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); color: #fff; text-align: center; margin-top: -3.13rem; margin-bottom: 3rem; padding: 1rem; border-radius: 0.125rem; }

.form-check-input[type="radio"] + label, label.btn input[type="radio"] + label { transition: .28s ease; }
.form-check-input[type="radio"] + label:before, .form-check-input[type="radio"] + label:after, label.btn input[type="radio"] + label:before, label.btn input[type="radio"] + label:after { content: ""; position: absolute; left: 0; top: 0; margin: 4px; width: 16px; height: 16px; z-index: 0; border-radius: 50%; border-style: solid; border-width: 2px; transition: .28s ease; }
.form-check-input[type="radio"]:not(:checked) + label:before, .form-check-input[type="radio"]:not(:checked) + label:after, label.btn input[type="radio"]:not(:checked) + label:before, label.btn input[type="radio"]:not(:checked) + label:after { border-color: #5a5a5a; }
.form-check-input[type="radio"]:not(:checked) + label:after, label.btn input[type="radio"]:not(:checked) + label:after { z-index: -1; transform: scale(0); }
.form-check-input[type="radio"]:checked + label:before, label.btn input[type="radio"]:checked + label:before { border-color: transparent; }
.form-check-input[type="radio"]:checked + label:after, label.btn input[type="radio"]:checked + label:after { border-color: #CE5C17; background-color: #CE5C17; z-index: 0; transform: scale(1.02); }
.form-check-input[type="radio"]:disabled + label, label.btn input[type="radio"]:disabled + label { color: rgba(0, 0, 0, 0.46); }
.form-check-input[type="radio"]:disabled + label:before, label.btn input[type="radio"]:disabled + label:before { background-color: transparent; border-color: rgba(0, 0, 0, 0.46); }
.form-check-input[type="radio"]:disabled:not(:checked) + label:before, label.btn input[type="radio"]:disabled:not(:checked) + label:before { border-color: rgba(0, 0, 0, 0.46); }
.form-check-input[type="radio"]:disabled:checked + label:after, label.btn input[type="radio"]:disabled:checked + label:after { background-color: rgba(0, 0, 0, 0.46); border-color: #BDBDBD; }
.form-check-input[type="radio"].with-gap:checked + label:before, label.btn input[type="radio"].with-gap:checked + label:before { border-color: #CE5C17; }
.form-check-input[type="radio"].with-gap:checked + label:after, label.btn input[type="radio"].with-gap:checked + label:after { transform: scale(0.5); }
.form-check-input[type="radio"].with-gap:checked:disabled + label:before, label.btn input[type="radio"].with-gap:checked:disabled + label:before { border-color: rgba(0, 0, 0, 0.46); }

.form-check-input[type="checkbox"] + label:before, label.btn input[type="checkbox"] + label:before { content: ""; position: absolute; top: 0; left: 0; width: 17px; height: 17px; z-index: 0; border: 1.5px solid #8a8a8a; border-radius: 1px; margin-top: 2px; transition: .2s; }
.form-check-input[type="checkbox"]:checked + label:before, label.btn input[type="checkbox"]:checked + label:before { top: -4px; left: -3px; width: 12px; height: 22px; border-style: solid; border-width: 2px; border-color: transparent #CE5C17#CE5C17transparent; transform: rotate(40deg); transform-origin: 100% 100%; }
.form-check-input[type="checkbox"]:indeterminate + label:before, label.btn input[type="checkbox"]:indeterminate + label:before { left: -10px; top: -11px; width: 10px; height: 22px; border: none; border-right: 2px solid #CE5C17; transform: rotate(90deg); transform-origin: 100% 100%; }
.form-check-input[type="checkbox"]:disabled:checked + label:before, label.btn input[type="checkbox"]:disabled:checked + label:before { border-color: transparent rgba(0, 0, 0, 0.46) rgba(0, 0, 0, 0.46) transparent; }
.form-check-input[type="checkbox"]:disabled:not(:checked) + label:before, label.btn input[type="checkbox"]:disabled:not(:checked) + label:before { border: none; margin-left: 2px; margin-top: 2px; background-color: rgba(0, 0, 0, 0.46); }
.form-check-input[type="checkbox"]:disabled:indeterminate + label:before, label.btn input[type="checkbox"]:disabled:indeterminate + label:before { border-right: 2px solid rgba(0, 0, 0, 0.46); margin-left: 0; margin-top: 0; background-color: transparent; }
.form-check-input[type="checkbox"][class*="filled-in"] + label:after, .form-check-input[type="checkbox"][class*="filled-in"] + label:before, label.btn input[type="checkbox"][class*="filled-in"] + label:after, label.btn input[type="checkbox"][class*="filled-in"] + label:before { content: ""; left: 0; position: absolute; /* .1s delay is for check animation */ transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s; z-index: 1; border-style: solid; border-width: 2px; }
.form-check-input[type="checkbox"][class*="filled-in"] + label:after, label.btn input[type="checkbox"][class*="filled-in"] + label:after { border-radius: 2px; height: 20px; width: 20px; }
.form-check-input[type="checkbox"][class*="filled-in"] + label:before, label.btn input[type="checkbox"][class*="filled-in"] + label:before { transform: rotateZ(37deg); transform-origin: 100% 100%; }
.form-check-input[type="checkbox"][class*="filled-in"]:not(:checked) + label:before, label.btn input[type="checkbox"][class*="filled-in"]:not(:checked) + label:before { width: 0; height: 0; border-style: 3px; border-color: transparent; left: 6px; top: 10px; }
.form-check-input[type="checkbox"][class*="filled-in"]:not(:checked) + label:after, label.btn input[type="checkbox"][class*="filled-in"]:not(:checked) + label:after { background-color: transparent; border-color: #5a5a5a; top: 0; z-index: 0; }
.form-check-input[type="checkbox"][class*="filled-in"]:checked + label:before, label.btn input[type="checkbox"][class*="filled-in"]:checked + label:before { top: 0; left: 1px; width: 8px; height: 13px; border-color: transparent #fff #fff transparent; }
.form-check-input[type="checkbox"][class*="filled-in"]:checked + label:after, label.btn input[type="checkbox"][class*="filled-in"]:checked + label:after { top: 0; border-color: #194f90; background-color: #194f90; z-index: 0; }
.form-check-input[type="checkbox"][class*="filled-in"]:disabled:not(:checked) + label:before, label.btn input[type="checkbox"][class*="filled-in"]:disabled:not(:checked) + label:before { background-color: transparent; border-color: #BDBDBD; }
.form-check-input[type="checkbox"][class*="filled-in"]:disabled:not(:checked) + label:after, label.btn input[type="checkbox"][class*="filled-in"]:disabled:not(:checked) + label:after { border-color: transparent; background-color: #BDBDBD; }
.form-check-input[type="checkbox"][class*="filled-in"]:disabled:checked + label:before, label.btn input[type="checkbox"][class*="filled-in"]:disabled:checked + label:before { background-color: transparent; }
.form-check-input[type="checkbox"][class*="filled-in"]:disabled:checked + label:after, label.btn input[type="checkbox"][class*="filled-in"]:disabled:checked + label:after { background-color: #BDBDBD; border-color: #BDBDBD; }
.form-check-input[type="checkbox"].filled-in-danger:checked + label:after, label.btn input[type="checkbox"].filled-in-danger:checked + label:after { background-color: #f44336; border-color: #f44336; }

.select-wrapper .select-dropdown { user-select: none; }

.select-label { position: absolute; }

.select-wrapper { position: relative; }
.select-wrapper input.select-dropdown { position: relative; cursor: pointer; background-color: transparent; border: none; border-bottom: 1px solid #ced4da; outline: none; height: 2.9rem; line-height: 2.9rem; width: 100%; font-size: 1rem; margin: 0 0 0.94rem 0; padding: 0; display: block; }
.select-wrapper input.select-dropdown:disabled { color: rgba(0, 0, 0, 0.3); border-bottom-color: rgba(0, 0, 0, 0.3); cursor: default; }
.select-wrapper .search-wrap { padding: 1rem 0; display: block; margin: 0 0.7rem; }
.select-wrapper .search-wrap .md-form { margin-top: 0; }
.select-wrapper .search-wrap .md-form input { padding-bottom: 0.4rem; margin-bottom: 0; }
.select-wrapper span.caret { color: initial; position: absolute; right: 0; top: 1rem; font-size: 0.63rem; }
.select-wrapper span.caret.disabled { color: rgba(0, 0, 0, 0.46); }
.select-wrapper + label { position: absolute; top: -0.88rem; font-size: 0.8rem; }
.select-wrapper i { color: rgba(0, 0, 0, 0.3); }
.select-wrapper ul { list-style-type: none; padding-left: 0; }

select { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
select.browser-default { display: block !important; }
select:disabled { color: rgba(0, 0, 0, 0.3); }

.select-dropdown [type=checkbox]:disabled:not(:checked) + label:before { margin-left: 0; margin-top: 0; }
.select-dropdown ul { list-style-type: none; padding: 0; }
.select-dropdown li img { height: 30px; width: 30px; margin: 0.3rem 0.75rem; float: right; }
.select-dropdown li.disabled, .select-dropdown li.disabled > span, .select-dropdown li.optgroup { color: rgba(0, 0, 0, 0.3); background-color: transparent !important; cursor: context-menu; }
.select-dropdown li.optgroup { border-top: 1px solid #eee; }
.select-dropdown li.optgroup.selected > span { color: rgba(0, 0, 0, 0.7); }
.select-dropdown li.optgroup > span { color: rgba(0, 0, 0, 0.4); }

.multiple-select-dropdown li [type="checkbox"] + label { height: 0.63rem; }

.dropdown-content { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); background-color: #fff; margin: 0; display: none; min-width: 6.25rem; max-height: 40.625rem; overflow-y: auto; opacity: 0; position: absolute; z-index: 999; will-change: width, height; }
.dropdown-content li { clear: both; color: #000; cursor: pointer; line-height: 1.3rem; width: 100%; text-align: left; text-transform: none; }
.dropdown-content li:hover, .dropdown-content li.active { background-color: #eee; }
.dropdown-content li > a, .dropdown-content li > span { font-size: 0.9rem; color: #CE5C17; display: block; padding: 0.5rem; }
.dropdown-content li > a > i { height: inherit; line-height: inherit; }

.colorful-select .dropdown-content { padding: 0.5rem; }
.colorful-select .dropdown-content li.active span { color: #fff !important; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.colorful-select .dropdown-content li.active span [type="checkbox"]:checked + label:before { border-color: transparent #fff #fff transparent; }
.colorful-select .dropdown-content li a:hover, .colorful-select .dropdown-content li span:hover { box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #fff !important; transition: all 0.1s linear; border-radius: 0.125rem; }
.colorful-select .dropdown-content li a:hover [type="checkbox"] + label:before, .colorful-select .dropdown-content li span:hover [type="checkbox"] + label:before { border-color: #fff; }
.colorful-select .dropdown-content li a:hover [type="checkbox"]:checked + label:before, .colorful-select .dropdown-content li span:hover [type="checkbox"]:checked + label:before { border-color: transparent #fff #fff transparent; }
.colorful-select .dropdown-content li.disabled.active span, .colorful-select .dropdown-content li:disabled.active span, .colorful-select .dropdown-content li.optgroup.active span { box-shadow: none; color: rgba(0, 0, 0, 0.3) !important; border-bottom-color: rgba(0, 0, 0, 0.3); cursor: default; }
.colorful-select .dropdown-content li.disabled a:hover, .colorful-select .dropdown-content li.disabled span:hover, .colorful-select .dropdown-content li:disabled a:hover, .colorful-select .dropdown-content li:disabled span:hover, .colorful-select .dropdown-content li.optgroup a:hover, .colorful-select .dropdown-content li.optgroup span:hover { box-shadow: none; color: rgba(0, 0, 0, 0.3) !important; border-bottom-color: rgba(0, 0, 0, 0.3); cursor: default; background-color: #fff !important; }
.colorful-select .dropdown-content li.disabled label, .colorful-select .dropdown-content li:disabled label, .colorful-select .dropdown-content li.optgroup label { cursor: default; }

.dropdown-primary .dropdown-content li.active, .dropdown-primary .dropdown-content li a, .dropdown-primary .dropdown-content li span:hover { background-color: #CE5C17!important; }
.dropdown-primary .search-wrap input:focus { border-bottom: 1px solid #CE5C17; box-shadow: 0 1px 0 0 #CE5C17; }

.dropdown-danger .dropdown-content li.active, .dropdown-danger .dropdown-content li a, .dropdown-danger .dropdown-content li span:hover { background-color: #b51d1d !important; }
.dropdown-danger .search-wrap input:focus { border-bottom: 1px solid #b51d1d; box-shadow: 0 1px 0 0 #b51d1d; }

.dropdown-default .dropdown-content li.active, .dropdown-default .dropdown-content li a, .dropdown-default .dropdown-content li span:hover { background-color: #6c757d !important; }
.dropdown-default .search-wrap input:focus { border-bottom: 1px solid #6c757d; box-shadow: 0 1px 0 0 #6c757d; }

.dropdown-secondary .dropdown-content li.active, .dropdown-secondary .dropdown-content li a, .dropdown-secondary .dropdown-content li span:hover { background-color: #194f90 !important; }
.dropdown-secondary .search-wrap input:focus { border-bottom: 1px solid #194f90; box-shadow: 0 1px 0 0 #194f90; }

.dropdown-success .dropdown-content li.active, .dropdown-success .dropdown-content li a, .dropdown-success .dropdown-content li span:hover { background-color: #55bf75 !important; }
.dropdown-success .search-wrap input:focus { border-bottom: 1px solid #55bf75; box-shadow: 0 1px 0 0 #55bf75; }

.dropdown-info .dropdown-content li.active, .dropdown-info .dropdown-content li a, .dropdown-info .dropdown-content li span:hover { background-color: #80bde5 !important; }
.dropdown-info .search-wrap input:focus { border-bottom: 1px solid #80bde5; box-shadow: 0 1px 0 0 #80bde5; }

.dropdown-warning .dropdown-content li.active, .dropdown-warning .dropdown-content li a, .dropdown-warning .dropdown-content li span:hover { background-color: #edd14a !important; }
.dropdown-warning .search-wrap input:focus { border-bottom: 1px solid #edd14a; box-shadow: 0 1px 0 0 #edd14a; }

.dropdown-dark .dropdown-content li.active, .dropdown-dark .dropdown-content li a, .dropdown-dark .dropdown-content li span:hover { background-color: #2e2e2e !important; }
.dropdown-dark .search-wrap input:focus { border-bottom: 1px solid #2e2e2e; box-shadow: 0 1px 0 0 #2e2e2e; }

.dropdown-ins .dropdown-content li.active, .dropdown-ins .dropdown-content li a, .dropdown-ins .dropdown-content li span:hover { background-color: #2e5e86 !important; }
.dropdown-ins .search-wrap input:focus { border-bottom: 1px solid #2e5e86; box-shadow: 0 1px 0 0 #2e5e86; }

.switch label { cursor: pointer; }
.switch label input[type=checkbox] { opacity: 0; width: 0; height: 0; }
.switch label input[type=checkbox]:checked + .lever { background-color: #4d87cc; }
.switch label input[type=checkbox]:checked + .lever:after { background-color: #194f90; left: 24px; }
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(15, 71, 138, 0.1); }
.switch label input[type=checkbox]:not(:disabled) ~ .lever:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08); }
.switch label input[type=checkbox]:disabled + .lever { cursor: default; }
.switch label input[type=checkbox]:disabled + .lever:after, .switch label input[type=checkbox]:disabled:checked + .lever:after { background-color: #BDBDBD; }
.switch label .lever { content: ""; display: inline-block; position: relative; width: 40px; height: 15px; background-color: #818181; border-radius: 15px; margin-right: 10px; transition: background 0.3s ease; vertical-align: middle; margin: 0 16px; }
.switch label .lever:after { content: ""; position: absolute; display: inline-block; width: 21px; height: 21px; background-color: #F1F1F1; border-radius: 21px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); left: -5px; top: -3px; transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; }

.file-field { position: relative; }
.file-field .file-path-wrapper { overflow: hidden; padding-left: 10px; height: 2.5rem; }
.file-field input.file-path { width: 100%; height: 2.1rem; }
.file-field span { cursor: pointer; }
.file-field input[type=file] { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; margin: 0; padding: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }

.range-field { position: relative; }

input[type=range] { cursor: pointer; position: relative; background-color: transparent; border: none; outline: none; width: 100%; margin: 15px 0px; padding: 0; appearance: none; border: 1px solid #fff; /* fix for FF unable to apply focus style bug  */ }
input[type=range]:focus { outline: none; }
input[type=range] + .thumb { position: absolute; border: none; height: 0; width: 0; border-radius: 50%; background-color: #CE5C17; top: 10px; margin-left: -6px; transform-origin: 50% 50%; transform: rotate(-45deg); }
input[type=range] + .thumb .value { display: block; width: 30px; text-align: center; color: #CE5C17; font-size: 0; transform: rotate(45deg); }
input[type=range] + .thumb.active { border-radius: 50% 50% 50% 0; }
input[type=range] + .thumb.active .value { color: #fff; margin-left: -1px; margin-top: 8px; font-size: 10px; }
input[type=range]::-webkit-slider-runnable-track { height: 3px; background: #c2c0c2; border: none; }
input[type=range]::-webkit-slider-thumb { appearance: none; border: none; height: 14px; width: 14px; border-radius: 50%; background-color: #CE5C17; transform-origin: 50% 50%; margin: -5px 0 0 0; transition: 0.3s; }
input[type=range]:focus::-webkit-slider-runnable-track { background: #ccc; }
input[type=range]::-moz-range-track { /*required for proper track sizing in FF*/ height: 3px; background: #c2c0c2; border: none; }
input[type=range]::-moz-range-thumb { border: none; height: 14px; width: 14px; border-radius: 50%; background: #CE5C17; margin-top: -5px; }
input[type=range]:-moz-focusring { /*hide the outline behind the border*/ outline: 1px solid #fff; outline-offset: -1px; }
input[type=range]:focus::-moz-range-track { background: #c2c0c2; }
input[type=range]::-ms-track { height: 3px; background: transparent; /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */ border-color: transparent; /*leave room for the larger thumb to overflow with a transparent border */ border-width: 6px 0; color: transparent; /*remove default tick marks*/ }
input[type=range]::-ms-fill-lower { background: #c2c0c2; }
input[type=range]::-ms-fill-upper { background: #c2c0c2; }
input[type=range]::-ms-thumb { border: none; height: 14px; width: 14px; border-radius: 50%; background: #CE5C17; }
input[type=range]:focus::-ms-fill-lower { background: #c2c0c2; }
input[type=range]:focus::-ms-fill-upper { background: #c2c0c2; }

.md-form.input-group .input-group-text [type=checkbox] + label, .input-group .input-group-text [type=checkbox] + label { padding-left: 18px; height: 20px; }

.md-form.input-group .input-group-text [type=radio] + label, .input-group .input-group-text [type=radio] + label { padding-left: 24px; height: 24px; }

.mdb-autocomplete { margin-bottom: 1px; }

button:focus { outline: 0 !important; }
button.mdb-autocomplete-clear { position: absolute; z-index: 2; top: 0.85rem; right: 0; visibility: hidden; border: none; background: transparent; }
button.mdb-autocomplete-clear svg { fill: #a6a6a6; }

.mdb-autocomplete-wrap { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); position: absolute; z-index: 100; left: 0; right: 0; list-style-type: none; overflow-y: auto; max-height: 210px; padding-left: 0; background: #fff; }
.mdb-autocomplete-wrap li { padding: 12px 15px; cursor: pointer; font-size: 0.875rem; }
.mdb-autocomplete-wrap li:hover { background: #eeeeee; }


.sn-bg-1 { background-image: url(https://mdbootstrap.com/img/Photos/Others/sidenav1.jpg); }

.sn-bg-2 { background-image: url(https://mdbootstrap.com/img/Photos/Others/sidenav2.jpg); }

.sn-bg-3 { background-image: url(https://mdbootstrap.com/img/Photos/Others/sidenav3.jpg); }

.sn-bg-4 { background-image: url(https://mdbootstrap.com/img/Photos/Others/sidenav4.jpg); }

.side-nav { position: fixed; width: 240px; left: 0; top: 0; margin: 0; transform: translateX(-100%); height: 100%; padding-bottom: 3.75rem; background-color: #2c2f34; background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 1040; backface-visibility: hidden; overflow: hidden; will-change: transform; backface-visibility: hidden; list-style-type: none; padding: 0; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.side-nav > ul { max-height: 100vh; }
.side-nav ul { list-style-type: none; list-style: none; padding-left: 0; }
.side-nav ul li { padding: 0; }
.side-nav.right-aligned { right: 0; left: auto; transform: translateX(100%); }
.side-nav.side-nav-light { background-color: #e5e5e5; }
.side-nav.side-nav-light .logo-wrapper { border-bottom: 1px solid rgba(153, 153, 153, 0.3); }
.side-nav.side-nav-light .logo-wrapper.sn-ad-avatar-wrapper { color: #555; }
.side-nav.side-nav-light .about { border-bottom: 1px solid rgba(153, 153, 153, 0.3); }
.side-nav.side-nav-light .about p { color: #555; }
.side-nav.side-nav-light .social { border-bottom: 1px solid rgba(153, 153, 153, 0.3); }
.side-nav.side-nav-light .social .fa { color: #555; }
.side-nav.side-nav-light .search-form input[type=text] { border-bottom-color: rgba(153, 153, 153, 0.3); color: #555 !important; }
.side-nav.side-nav-light .search-form input[type=text]::placeholder { color: #555 !important; }
.side-nav.side-nav-light .collapsible a { color: #555; }
.side-nav.side-nav-light .collapsible-body a { background-color: rgba(0, 0, 0, 0.1); }
.side-nav.side-nav-light .collapsible li .collapsible-header:hover { background-color: rgba(0, 0, 0, 0.05); }
.side-nav.side-nav-light .collapsible li .collapsible-header.active { color: #4285F4; background-color: transparent; }
.side-nav.fixed { left: 0; transform: translateX(0); position: fixed; }
.side-nav.fixed.right-aligned { right: 0; left: auto; }
@media only screen and (max-width: 1440px) { .side-nav.fixed { transform: translateX(-105%); }
  .side-nav.fixed.right-aligned { transform: translateX(105%); } }
.side-nav .collapsible { margin: 0; padding: 0; margin-top: 1rem; }
.side-nav .collapsible li a:hover { background-color: rgba(0, 0, 0, 0.15); }
.side-nav .collapsible > li { border-radius: 2px; }
.side-nav .collapsible > li a.collapsible-header:hover { background-color: rgba(255, 255, 255, 0.15); }
.side-nav .collapsible > li a.collapsible-header.active { background-color: rgba(255, 255, 255, 0.15); }
.side-nav .collapsible ul { padding: 0; list-style-type: none; }
.side-nav .collapsible a { color: #fff; font-weight: 400; font-size: 0.8rem; height: 36px; line-height: 36px; }
.side-nav .collapsible a.active, .side-nav .collapsible a:hover { border-radius: 2px; }
.side-nav .collapsible .fa { font-size: 0.8rem; margin-right: 13px; }
.side-nav .collapsible-body a { padding-left: 47px; height: 36px; line-height: 36px; background-color: rgba(0, 0, 0, 0.15); }
.side-nav a { display: block; font-size: 1rem; height: 56px; line-height: 56px; padding-left: 20px; }
.side-nav .fa-angle-down.rotate-icon { position: absolute; right: 0; top: 0.8rem; margin-right: 1.25rem; }
.side-nav .sidenav-bg { top: 0; bottom: 0; left: 0; right: 0; width: 240px; z-index: -1; background-attachment: fixed; }
.side-nav .sidenav-bg:after { width: 100%; display: block; content: ""; position: absolute; height: 100%; top: 0; left: 0; bottom: 0; z-index: -1; margin-bottom: -99999px; padding-bottom: 99999px; }
.side-nav .logo-wrapper { border-bottom: 1px solid rgba(255, 255, 255, 0.65); height: 140px; }
.side-nav .logo-wrapper a { height: 140px; width: 240px; padding: 0; }
.side-nav .logo-wrapper img { padding-left: 50px; padding-right: 50px; padding-top: 20%; padding-bottom: 20%; height: auto; }
@media (max-height: 992px) { .side-nav .logo-wrapper { height: 80px; }
  .side-nav .logo-wrapper a { height: 80px; }
  .side-nav .logo-wrapper img { padding-top: 7%; padding-bottom: 7%; } }
.side-nav .logo-wrapper.sn-avatar-wrapper { padding-left: 33%; padding-right: 33%; padding-top: 10%; padding-bottom: 10%; }
.side-nav .logo-wrapper.sn-avatar-wrapper img { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); margin: 0; padding: 0; max-width: 90px; }
@media only screen and (max-height: 992px) { .side-nav .logo-wrapper.sn-avatar-wrapper { padding-left: 40%; padding-right: 40%; }
  .side-nav .logo-wrapper.sn-avatar-wrapper img { max-width: 50px; } }
.side-nav .logo-wrapper.sn-ad-avatar-wrapper { height: auto; margin-bottom: 0; }
.side-nav .logo-wrapper.sn-ad-avatar-wrapper img { max-width: 3.75rem; padding: 1.25rem 0.63rem; float: left; }
.side-nav .logo-wrapper.sn-ad-avatar-wrapper p { font-size: 0.94rem; padding-top: 1.25rem; padding-bottom: 1.25rem; margin: 0; }
.side-nav .about { padding: 1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.65); }
.side-nav .about p { margin-bottom: 0; text-align: center; }
.side-nav .social { padding-top: 0; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.65); }
.side-nav .social li { display: inline-block; padding-top: 0.6rem; padding-bottom: 0.6rem; margin: 0; }
.side-nav .social a { margin: 0; padding: 0; }
.side-nav .social .fa { font-size: 0.9rem; padding-right: 0.6rem; padding-left: 0.6rem; color: #dbe4e7; transition: 0.3s; }
.side-nav .social .fa:hover { color: #AFC4CB; transition: 0.3s; }
.side-nav .search-form { padding: 0; }
.side-nav .search-form input[type=text] { border-bottom: 1px solid rgba(255, 255, 255, 0.65); font-weight: 400; padding-left: 1.88rem; }
.side-nav .search-form .form-control { margin-bottom: 0; }

.drag-target { height: 100%; width: 10px; position: fixed; top: 0; z-index: 998; }


#sidenav-overlay { position: fixed; top: 0; left: 0; right: 0; height: 120vh; background-color: rgba(0, 0, 0, 0.5); z-index: 997; will-change: opacity; }



.collection-card .stripe { position: absolute; bottom: 3rem; width: 100%; text-align: center; padding: 1.2rem; }
.collection-card .stripe.dark { background-color: rgba(0, 0, 0, 0.7); }
.collection-card .stripe.dark a p { color: #eeeeee; }
.collection-card .stripe.light { background-color: rgba(255, 255, 255, 0.7); }
.collection-card .stripe.light a p { color: #424242; }
.collection-card .stripe a p { padding: 0; margin: 0; letter-spacing: 0.25rem; }

.rating { color: #ffa000; list-style-type: none; padding: 0; }
.rating li { display: inline-block; }

.cart-modal .table, .cart-modal th { text-align: center; }
.cart-modal .table .total { text-transform: uppercase; font-weight: 600; }
.cart-modal .table .fa-remove { color: #CE5C17; }

.card.card-ecommerce .card-footer { background-color: transparent; }
.card.card-ecommerce .card-footer .discount { color: #9e9e9e; }
.card.card-ecommerce .card-footer a { color: #757575; transition: 0.4s; }
.card.card-ecommerce .card-footer a:hover { color: #d50000; transition: 0.4s; }
.card.card-ecommerce .card-footer a.active { color: #d50000; }

.product-table .btn.btn-sm { padding: 0.3rem 0.6rem; }

.stepper li a { padding: 1.5rem; font-size: 0.88rem; text-align: center; }

.stepper li a .circle { display: inline-block; color: #fff; border-radius: 50%; background: rgba(0, 0, 0, 0.38); width: 1.5rem; height: 1.5rem; text-align: center; line-height: 1.5rem; margin-right: 0.5rem; }
.stepper li a .label { display: inline-block; color: rgba(0, 0, 0, 0.38); }
.stepper li.active a .label, .stepper li.completed a .label { font-weight: 600; color: rgba(0, 0, 0, 0.87); }

.stepper-horizontal { position: relative; display: flex; justify-content: space-between; }
.stepper-horizontal li { transition: 0.5s; display: flex; align-items: center; flex: 1; position: relative; }
.stepper-horizontal li a .label { margin-top: 0.63rem; }
.stepper-horizontal li:not(:last-child):after { content: ""; position: relative; flex: 1; margin: 0.5rem 0 0 0; height: 1px; background-color: rgba(0, 0, 0, 0.1); }
.stepper-horizontal li:not(:first-child):before { content: ""; position: relative; flex: 1; margin: 0.5rem 0 0 0; height: 1px; background-color: rgba(0, 0, 0, 0.1); }
.stepper-horizontal li:hover { background: #ddd; }
@media (max-width: 767px) { .stepper-horizontal { flex-direction: column; }
  .stepper-horizontal li { align-items: flex-start; flex-direction: column; }
  .stepper-horizontal li a .label { flex-flow: column nowrap; order: 2; margin-top: 0.2rem; }
  .stepper-horizontal li:not(:last-child):after { content: ""; position: absolute; width: 1px; height: calc(100% - 40px); left: 2.19rem; top: 3.75rem; } }

.stepper-vertical { position: relative; display: flex; flex-direction: column; justify-content: space-between; }
.stepper-vertical li { display: flex; align-items: flex-start; flex: 1; flex-direction: column; position: relative; }
.stepper-vertical li a { align-self: flex-start; display: flex; position: relative; }
.stepper-vertical li a .circle { order: 1; }
.stepper-vertical li a .label { flex-flow: column nowrap; order: 2; margin-top: 0.2rem; }
.stepper-vertical li.completed a .label { font-weight: 500; }
.stepper-vertical li .step-content { display: block; margin-top: 0; margin-left: 3.13rem; padding: 0.94rem; }
.stepper-vertical li .step-content p { font-size: 0.88rem; }
.stepper-vertical li:not(:last-child):after { content: ""; position: absolute; width: 1px; height: calc(100% - 40px); left: 2.19rem; top: 3.44rem; background-color: rgba(0, 0, 0, 0.1); }

.toast-title { font-weight: 400; }

.toast-message { word-wrap: break-word; }

.toast-message a:hover { color: #cccccc; text-decoration: none; }

.toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 1.25rem; font-weight: 400; text-shadow: 0 1px 0 #fff; opacity: 0.8; filter: alpha(opacity=80); }

.toast-close-button:hover, .toast-close-button:focus { text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); }

button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; appearance: none; }

.toast-top-center { top: 0; right: 0; width: 100%; }

.toast-bottom-center { bottom: 0; right: 0; width: 100%; }

.toast-top-full-width { top: 0; right: 0; width: 100%; }

.toast-bottom-full-width { bottom: 0; right: 0; width: 100%; }

.toast-top-left { top: 12px; left: 12px; }

.toast-top-right { top: 12px; right: 12px; }

.toast-bottom-right { right: 12px; bottom: 12px; }

.toast-bottom-left { bottom: 12px; left: 12px; }

#toast-container { position: fixed; z-index: 999999; }

#toast-container * { box-sizing: border-box; }

#toast-container > div { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; background-position: 15px center; background-repeat: no-repeat; opacity: 0.95; filter: alpha(opacity=95); }

#toast-container > :hover { box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition: 0.45s; opacity: 1; filter: alpha(opacity=100); cursor: pointer; }

#toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div { width: 300px; margin: auto; }

#toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin: auto; }

.toast { background-color: #030303; }

.toast-success { background-color: #55bf75; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; }

.toast-error { background-color: #dd2828; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; }

.toast-info { background-color: #80bde5; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; }

.toast-warning { background-color: #edd14a; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; }

.toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000; opacity: 0.4; filter: alpha(opacity=40); }

.collapsible .active .rotate-icon { transform: rotate(180deg); transition: all 150ms ease-in 0s; }

.min-chart { position: relative; display: inline-block; width: 30px; height: 30px; margin-top: 50px; margin-bottom: 50px; text-align: center; }
.min-chart canvas { position: absolute; top: 0; left: 0; }
.min-chart .percent { display: inline-block; line-height: 30px; z-index: 2; }
.min-chart .percent:after { content: "%"; margin-left: 0em; font-size: 0.6rem; }

.progress { box-shadow: none; position: relative; display: block; width: 100%; height: 4px; overflow: hidden; margin-bottom: 1rem; background-color: #eee; }
.progress .progress-bar { box-shadow: none; height: 4px; border-radius: 0; background-color: #116c63; }
.progress .progress-bar-animated { transition: width 2s ease-in-out; }
.progress .indeterminate { background-color: #90caf9; }
.progress .indeterminate:before { content: ""; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
.progress .indeterminate:after { content: ""; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation-delay: 1.15s; }
@keyframes indeterminate { 0% { left: -35%; right: 100%; }
  60% { left: 100%; right: -90%; }
  100% { left: 100%; right: -90%; } }
@keyframes indeterminate-short { 0% { left: -200%; right: 100%; }
  60% { left: 107%; right: -8%; }
  100% { left: 107%; right: -8%; } }
/********************* CIRCLE
**********************/
/* @license Copyright (c) 2014 The Polymer Project Authors. All rights reserved. This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as part of the polymer project is also subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt */
/**************************/
/* STYLES FOR THE SPINNER */
/**************************/
/* Constants: STROKEWIDTH = 3px ARCSIZE     = 270 degrees (amount of circle the arc takes up) ARCTIME     = 1333ms (time it takes to expand and contract arc) ARCSTARTROT = 216 degrees (how much the start location of the arc should rotate each time, 216 gives us a 5 pointed star shape (it's 360/5 * 3). For a 7 pointed star, we might do 360/7 * 3 = 154.286) CONTAINERWIDTH = 28px SHRINK_TIME = 400ms */
.preloader-wrapper { display: inline-block; position: relative; width: 48px; height: 48px; font-size: 0; }
.preloader-wrapper.small { width: 36px; height: 36px; }
.preloader-wrapper.big { width: 64px; height: 64px; }
.preloader-wrapper.active { /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */ animation: container-rotate 1568ms linear infinite; }
.preloader-wrapper.crazy { animation-duration: 333ms; }
.preloader-wrapper .spinner-layer { position: absolute; width: 100%; height: 100%; opacity: 0; /** Patch the gap that appear between the two adjacent div.circle-clipper while the spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11). */ }
.preloader-wrapper .spinner-layer .gap-patch { position: absolute; top: 0; left: 45%; width: 10%; height: 100%; overflow: hidden; border-color: inherit; }
.preloader-wrapper .spinner-layer .gap-patch .circle { width: 1000%; left: -450%; }
.preloader-wrapper .spinner-layer .circle-clipper { display: inline-block; position: relative; width: 50%; height: 100%; overflow: hidden; border-color: inherit; }
.preloader-wrapper .spinner-layer .circle-clipper .circle { width: 200%; height: 100%; border-width: 3px; /* STROKEWIDTH */ border-style: solid; border-color: inherit; border-bottom-color: transparent !important; border-radius: 50%; animation: none; position: absolute; top: 0; right: 0; bottom: 0; }
.preloader-wrapper .spinner-layer .circle-clipper.left .circle { left: 0; border-right-color: transparent !important; transform: rotate(129deg); }
.preloader-wrapper .spinner-layer .circle-clipper.right .circle { left: -100%; border-left-color: transparent !important; transform: rotate(-129deg); }
.preloader-wrapper .spinner-blue, .preloader-wrapper .spinner-blue-only { border-color: #4285f4; }
.preloader-wrapper .spinner-red, .preloader-wrapper .spinner-red-only { border-color: #db4437; }
.preloader-wrapper .spinner-yellow, .preloader-wrapper .spinner-yellow-only { border-color: #f4b400; }
.preloader-wrapper .spinner-green, .preloader-wrapper .spinner-green-only { border-color: #0f9d58; }

@keyframes container-rotate { to { transform: rotate(360deg); } }
/** IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):  iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't guarantee that the animation will start _exactly_ after that value. So we avoid using animation-delay and instead set custom keyframes for each color (as redundant as it seems).  We write out each animation in full (instead of separating animation-name, animation-duration, etc.) because under the polyfill, Safari does not recognize those specific properties properly, treats them as -webkit-animation, and overrides the other animation rules. See https://github.com/Polymer/platform/issues/53. */
.active .spinner-layer.spinner-blue { /* durations: 4 * ARCTIME */ animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
.active .spinner-layer.spinner-red { /* durations: 4 * ARCTIME */ animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
.active .spinner-layer.spinner-yellow { /* durations: 4 * ARCTIME */ animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
.active .spinner-layer.spinner-green { /* durations: 4 * ARCTIME */ animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
.active .spinner-layer.spinner-blue-only, .active .spinner-layer.spinner-red-only, .active .spinner-layer.spinner-yellow-only, .active .spinner-layer.spinner-green-only, .active .spinner-layer.spinner-primary-color-only { /* durations: 4 * ARCTIME */ opacity: 1; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
.active .circle-clipper.left .circle { /* duration: ARCTIME */ animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
.active .circle-clipper.right .circle { /* duration: ARCTIME */ animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

@keyframes fill-unfill-rotate { 12.5% { transform: rotate(135deg); }
  /* 0.5 * ARCSIZE */
  25% { transform: rotate(270deg); }
  /* 1   * ARCSIZE */
  37.5% { transform: rotate(405deg); }
  /* 1.5 * ARCSIZE */
  50% { transform: rotate(540deg); }
  /* 2   * ARCSIZE */
  62.5% { transform: rotate(675deg); }
  /* 2.5 * ARCSIZE */
  75% { transform: rotate(810deg); }
  /* 3   * ARCSIZE */
  87.5% { transform: rotate(945deg); }
  /* 3.5 * ARCSIZE */
  to { transform: rotate(1080deg); }
  /* 4   * ARCSIZE */ }
@keyframes blue-fade-in-out { from { opacity: 1; }
  25% { opacity: 1; }
  26% { opacity: 0; }
  89% { opacity: 0; }
  90% { opacity: 1; }
  100% { opacity: 1; } }
@keyframes red-fade-in-out { from { opacity: 0; }
  15% { opacity: 0; }
  25% { opacity: 1; }
  50% { opacity: 1; }
  51% { opacity: 0; } }
@keyframes yellow-fade-in-out { from { opacity: 0; }
  40% { opacity: 0; }
  50% { opacity: 1; }
  75% { opacity: 1; }
  76% { opacity: 0; } }
@keyframes green-fade-in-out { from { opacity: 0; }
  65% { opacity: 0; }
  75% { opacity: 1; }
  90% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes left-spin { from { transform: rotate(130deg); }
  50% { transform: rotate(-5deg); }
  to { transform: rotate(130deg); } }
@keyframes right-spin { from { transform: rotate(-130deg); }
  50% { transform: rotate(5deg); }
  to { transform: rotate(-130deg); } }
#spinnerContainer.cooldown { /* duration: SHRINK_TIME */ animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1); }

@keyframes fade-out { from { opacity: 1; }
  to { opacity: 0; } }
#mdb-preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; /* change if the mask should have another color then white */ z-index: 9998; /* makes sure it stays on top */ height: 100%; width: 100%; }

.ps { touch-action: auto; overflow: hidden !important; }
.ps.ps--active-x > .ps__scrollbar-x-rail, .ps.ps--active-y > .ps__scrollbar-y-rail { display: block; background-color: transparent; }
.ps.ps--active-y > .ps__scrollbar-y-rail { top: 0 !important; }
.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail { background-color: #eee; opacity: 0.9; }
.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x { background-color: #999; height: 11px; }
.ps > .ps__scrollbar-x-rail { display: none; position: absolute; /* please don't change 'position' */ opacity: 0; transition: background-color .2s linear, opacity .2s linear; bottom: 0px; /* there must be 'bottom' for ps__scrollbar-x-rail */ height: 15px; }
.ps > .ps__scrollbar-x-rail > .ps__scrollbar-x { position: absolute; /* please don't change 'position' */ background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; bottom: 2px; /* there must be 'bottom' for ps__scrollbar-x */ height: 6px; }
.ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x, .ps > .ps__scrollbar-x-rail > .ps__scrollbar-x-rail:active > .ps__scrollbar-x { height: 11px; }
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail { background-color: #eee; opacity: 0.9; }
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y { background-color: #999; width: 11px; }
.ps > .ps__scrollbar-y-rail { display: none; position: absolute; /* please don't change 'position' */ opacity: 0; transition: background-color .2s linear, opacity .2s linear; right: 0; /* there must be 'right' for ps__scrollbar-y-rail */ width: 15px; z-index: 999; }
.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y { position: absolute; /* please don't change 'position' */ background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; right: 2px; /* there must be 'right' for ps__scrollbar-y */ width: 6px; }
.ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y, .ps > .ps__scrollbar-y-rail > .ps__scrollbar-y-rail:active > .ps__scrollbar-y { width: 11px; }
.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail { background-color: #eee; opacity: 0.9; }
.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x { background-color: #999; height: 11px; }
.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail { background-color: #eee; opacity: 0.9; }
.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y { background-color: #999; width: 11px; }
.ps:hover > .ps__scrollbar-x-rail, .ps:hover > .ps__scrollbar-y-rail { opacity: 0.6; }
.ps:hover > .ps__scrollbar-x-rail:hover { background-color: #eee; opacity: 0.9; }
.ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x { background-color: #999; }
.ps:hover > .ps__scrollbar-y-rail:hover { background-color: #eee; opacity: 0.9; }
.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y { background-color: #999; }

.instatrac-skin .gradient { background: #212529; background: linear-gradient(135deg, #212529 0%, #6c757d 100%); }
.instatrac-skin .primary-color, .instatrac-skin .stepper li.active a .circle, .stepper li.active a .instatrac-skin .circle, .instatrac-skin .stepper li.completed a .circle, .stepper li.completed a .instatrac-skin .circle { background-color: #CE5C17!important; }
.instatrac-skin .navbar { background-color: #f8f9fa; color: #fff; }
.instatrac-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover, .instatrac-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus, .instatrac-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active { background-color: #0d3b73; }
.instatrac-skin .navbar.double-nav a { color: #fff; }
.instatrac-skin .page-footer { background-color: #212529; }
.instatrac-skin .side-nav { background-color: #343a40; }
.instatrac-skin .side-nav .logo-wrapper > div { background-color: transparent !important; }
.instatrac-skin .side-nav .sn-avatar-wrapper img { border: 3px solid #082445; }
.instatrac-skin .side-nav .social { border-bottom: 1px solid rgba(153, 153, 153, 0.3); }
.instatrac-skin .side-nav .social a:hover .fa { color: #194f90 !important; transition: all 0.3s linear; }
.instatrac-skin .side-nav .collapsible li { background-color: transparent; }
.instatrac-skin .side-nav .collapsible li .collapsible-header { color: #fff; transition: all 0.3s linear; }
.instatrac-skin .side-nav .collapsible li .collapsible-header.active { background-color: #CE5C17; }
.instatrac-skin .side-nav .collapsible li .collapsible-header:hover { background-color: #CE5C17; }
.instatrac-skin .side-nav .collapsible li .collapsible-body a { color: #fff; }
.instatrac-skin .side-nav .collapsible li .collapsible-body a:hover { color: #CE5C17; }
.instatrac-skin .side-nav .fa { color: #fff; }
.instatrac-skin .side-nav .sidenav-bg:after, .instatrac-skin .side-nav .sidenav-bg.mask-strong:after { background: rgba(0, 0, 0, 0.8); }
.instatrac-skin .side-nav .sidenav-bg.mask-light:after { background: rgba(0, 0, 0, 0.65); }
.instatrac-skin .side-nav .sidenav-bg.mask-slight:after { background: rgba(0, 0, 0, 0.5); }
.instatrac-skin .btn-primary { background-color: #CE5C17 !important; color: #fff !important; }
.instatrac-skin .btn-primary:hover { background-color: #CE5C17; color:black !important;}
.instatrac-skin .btn-primary:focus, .instatrac-skin .btn-primary.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.instatrac-skin .btn-primary:focus, .instatrac-skin .btn-primary:active, .instatrac-skin .btn-primary.active { background-color: #CE5C17; }
.instatrac-skin .btn-primary.dropdown-toggle { background-color: #CE5C17!important; }
.instatrac-skin .btn-primary.dropdown-toggle:hover, .instatrac-skin .btn-primary.dropdown-toggle:focus { background-color: #lightgrey !important; color:black !important }
.instatrac-skin .btn-primary:not([disabled]):not(.disabled):active, .instatrac-skin .btn-primary:not([disabled]):not(.disabled).active, .show > .instatrac-skin .btn-primary.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #CE5C17 !important; color:white !important; }
.instatrac-skin .btn-primary:not([disabled]):not(.disabled):active:focus, .instatrac-skin .btn-primary:not([disabled]):not(.disabled).active:focus, .show > .instatrac-skin .btn-primary.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.instatrac-skin .primary-ic { color: #CE5C17!important; }
.instatrac-skin .primary-ic:hover, .instatrac-skin .primary-ic:focus { color: #CE5C17; }
.instatrac-skin .btn-secondary { background-color: #194f90 !important; color: #fff !important; }
.instatrac-skin .btn-secondary:hover { background-color: #1253a1; }
.instatrac-skin .btn-secondary:focus, .instatrac-skin .btn-secondary.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.instatrac-skin .btn-secondary:focus, .instatrac-skin .btn-secondary:active, .instatrac-skin .btn-secondary.active { background-color: #05182e; }
.instatrac-skin .btn-secondary.dropdown-toggle { background-color: #194f90 !important; }
.instatrac-skin .btn-secondary.dropdown-toggle:hover, .instatrac-skin .btn-secondary.dropdown-toggle:focus { background-color: #1253a1 !important; }
.instatrac-skin .btn-secondary:not([disabled]):not(.disabled):active, .instatrac-skin .btn-secondary:not([disabled]):not(.disabled).active, .show > .instatrac-skin .btn-secondary.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #05182e !important; }
.instatrac-skin .btn-secondary:not([disabled]):not(.disabled):active:focus, .instatrac-skin .btn-secondary:not([disabled]):not(.disabled).active:focus, .show > .instatrac-skin .btn-secondary.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.instatrac-skin .secondary-ic { color: #194f90 !important; }
.instatrac-skin .secondary-ic:hover, .instatrac-skin .secondary-ic:focus { color: #194f90; }
.instatrac-skin .btn-default { background-color: #6c757d !important; color: #fff !important; }
.instatrac-skin .btn-default:hover { background-color: #78828a; }
.instatrac-skin .btn-default:focus, .instatrac-skin .btn-default.focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.instatrac-skin .btn-default:focus, .instatrac-skin .btn-default:active, .instatrac-skin .btn-default.active { background-color: #3d4246; }
.instatrac-skin .btn-default.dropdown-toggle { background-color: #6c757d !important; }
.instatrac-skin .btn-default.dropdown-toggle:hover, .instatrac-skin .btn-default.dropdown-toggle:focus { background-color: #78828a !important; }
.instatrac-skin .btn-default:not([disabled]):not(.disabled):active, .instatrac-skin .btn-default:not([disabled]):not(.disabled).active, .show > .instatrac-skin .btn-default.dropdown-toggle { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background-color: #3d4246 !important; }
.instatrac-skin .btn-default:not([disabled]):not(.disabled):active:focus, .instatrac-skin .btn-default:not([disabled]):not(.disabled).active:focus, .show > .instatrac-skin .btn-default.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.instatrac-skin .default-ic { color: #6c757d !important; }
.instatrac-skin .default-ic:hover, .instatrac-skin .default-ic:focus { color: #6c757d; }
.instatrac-skin .btn-outline-primary { border: 2px solid #CE5C17!important; background-color: transparent !important; color: #CE5C17!important; }
.instatrac-skin .btn-outline-primary:hover, .instatrac-skin .btn-outline-primary:focus, .instatrac-skin .btn-outline-primary:active, .instatrac-skin .btn-outline-primary:active:focus, .instatrac-skin .btn-outline-primary.active { border-color: #CE5C17!important; background-color: transparent !important; color: #CE5C17!important; }
.instatrac-skin .btn-outline-primary:not([disabled]):not(.disabled):active, .instatrac-skin .btn-outline-primary:not([disabled]):not(.disabled).active, .show > .instatrac-skin .btn-outline-primary.dropdown-toggle { 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: #CE5C17!important; }
.instatrac-skin .btn-outline-primary:not([disabled]):not(.disabled):active:focus, .instatrac-skin .btn-outline-primary:not([disabled]):not(.disabled).active:focus, .show > .instatrac-skin .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.instatrac-skin .btn-outline-secondary { border: 2px solid #194f90 !important; background-color: transparent !important; color: #194f90 !important; }
.instatrac-skin .btn-outline-secondary:hover, .instatrac-skin .btn-outline-secondary:focus, .instatrac-skin .btn-outline-secondary:active, .instatrac-skin .btn-outline-secondary:active:focus, .instatrac-skin .btn-outline-secondary.active { border-color: #194f90 !important; background-color: transparent !important; color: #194f90 !important; }
.instatrac-skin .btn-outline-secondary:not([disabled]):not(.disabled):active, .instatrac-skin .btn-outline-secondary:not([disabled]):not(.disabled).active, .show > .instatrac-skin .btn-outline-secondary.dropdown-toggle { 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: #194f90 !important; }
.instatrac-skin .btn-outline-secondary:not([disabled]):not(.disabled):active:focus, .instatrac-skin .btn-outline-secondary:not([disabled]):not(.disabled).active:focus, .show > .instatrac-skin .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.instatrac-skin .btn-outline-default { border: 2px solid #6c757d !important; background-color: transparent !important; color: #6c757d !important; }
.instatrac-skin .btn-outline-default:hover, .instatrac-skin .btn-outline-default:focus, .instatrac-skin .btn-outline-default:active, .instatrac-skin .btn-outline-default:active:focus, .instatrac-skin .btn-outline-default.active { border-color: #6c757d !important; background-color: transparent !important; color: #6c757d !important; }
.instatrac-skin .btn-outline-default:not([disabled]):not(.disabled):active, .instatrac-skin .btn-outline-default:not([disabled]):not(.disabled).active, .show > .instatrac-skin .btn-outline-default.dropdown-toggle { 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: #6c757d !important; }
.instatrac-skin .btn-outline-default:not([disabled]):not(.disabled):active:focus, .instatrac-skin .btn-outline-default:not([disabled]):not(.disabled).active:focus, .show > .instatrac-skin .btn-outline-default.dropdown-toggle:focus { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.instatrac-skin .card .btn-action { background: #6c757d; }
.instatrac-skin .card .btn-action:hover, .instatrac-skin .card .btn-action:focus { background-color: #78828a !important; }
.instatrac-skin .card .btn-action.active { background-color: #3d4246 !important; }
.instatrac-skin input[type="email"]:focus:not([readonly]), .instatrac-skin input[type="text"]:focus:not([readonly]), .instatrac-skin input[type="password"]:focus:not([readonly]), .instatrac-skin textarea.md-textarea:focus:not([readonly]) { border-color: #194f90; box-shadow: 0 1px 0 0 #194f90; }
.instatrac-skin input[type="email"]:focus:not([readonly]) + label, .instatrac-skin input[type="text"]:focus:not([readonly]) + label, .instatrac-skin input[type="password"]:focus:not([readonly]) + label, .instatrac-skin textarea.md-textarea:focus:not([readonly]) + label { color: #194f90; }
.instatrac-skin input[type=checkbox]:checked + label:before { border-right: 2px solid #194f90; border-bottom: 2px solid #194f90; }
.instatrac-skin input[type=checkbox].filled-in:checked + label:before { border-right: 2px solid #fff; border-bottom: 2px solid #fff; }
.instatrac-skin input[type=checkbox].filled-in:checked + label:after { background-color: #194f90; border-color: #194f90; }
.instatrac-skin .md-form .prefix.active { color: #194f90; }
.instatrac-skin .dropdown-content li:not(.disabled) span { color: #194f90; }
.instatrac-skin .top-nav-collapse {  }
.instatrac-skin .carousel-multi-item .controls-top > a, .instatrac-skin .carousel-multi-item .carousel-indicators li, .instatrac-skin .carousel-multi-item .carousel-indicators li.active { background-color: #194f90; }
.instatrac-skin .form-header, .instatrac-skin .card-header {  }
.instatrac-skin .spinner-primary-color, .instatrac-skin .spinner-primary-color-only { border-color: #CE5C17; }
.instatrac-skin .pagination-primary-color .page-item.active .page-link, .instatrac-skin .pagination-primary-color .page-item.active .page-link:focus, .instatrac-skin .pagination-primary-color .page-item.active .page-link:hover { color: #fff; background-color: #CE5C17; }
.instatrac-skin .pagination-primary-color .page-link { color: #CE5C17; }
.instatrac-skin .pagination-primary-color .page-link:focus { box-shadow: none; }

/* ========================================================================== $BASE-PICKER ========================================================================== */
/** Note: the root picker element should *NOT* be styled more than what's here. */
/** The picker input element. */
.picker__input { cursor: default; }

/** When the picker is opened, the input element is "activated". */
.picker__input.picker__input--active { border-color: #0089ec; }

/** Note: the root picker element should *NOT* be styled more than what's here. */
.picker { font-size: 16px; text-align: center; line-height: 1.2; color: #000000; position: absolute; z-index: 10000; user-select: none; /** The holder is the only "scrollable" top-level container element. The holder should overlay the entire screen. */ /*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */ /** Note: the root picker element should *NOT* be styled more than what's here. */ /** Make the holder and frame fullscreen. */ /** The frame that bounds the box contents of the picker. */ /** The box contains all the picker contents. */ }
.picker .picker__holder { width: 100%; overflow-y: auto; overflow-scrolling: touch; position: fixed; transition: background 0.15s ease-out, top 0s 0.15s; backface-visibility: hidden; }
.picker .picker__holder, .picker .picker__frame { bottom: 0; left: 0; right: 0; top: 100%; }
.picker .picker__frame { position: absolute; margin: 0 auto; min-width: 256px; max-width: 325px; width: 300px; max-height: 350px; filter: alpha(opacity=0); opacity: 0; transition: all 0.15s ease-out; /** The wrapper sets the stage to vertically align the box contents. */ }
@media (min-height: 28.875em) { .picker .picker__frame { overflow: visible; top: auto; bottom: -100%; max-height: 80%; } }
@media (min-height: 40.125em) { .picker .picker__frame { margin-bottom: 7.5%; } }
.picker .picker__frame .picker__wrap { display: table; width: 100%; height: 100%; }
@media (min-height: 28.875em) { .picker .picker__frame .picker__wrap { display: block; } }
.picker .picker__box { background: #ffffff; display: table-cell; vertical-align: middle; }
@media (min-height: 28.875em) { .picker .picker__box { display: block; border: 1px solid #777777; border-top-color: #898989; border-bottom-width: 0; border-radius: 5px 5px 0 0; box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); } }

/** When the picker opens... */
.picker--opened .picker__holder { top: 0; background: transparent; zoom: 1; background: rgba(0, 0, 0, 0.32); transition: background 0.15s ease-out; }
.picker--opened .picker__frame { top: 0; filter: alpha(opacity=100); opacity: 1; }
@media (min-height: 35.875em) { .picker--opened .picker__frame { top: 10%; bottom: auto; } }

/** For `large` screens, transform into an inline picker. */
/* ========================================================================== CUSTOM MATERIALIZE STYLES ========================================================================== */
.datepicker.picker__input.picker__input--active, .timepicker.picker__input.picker__input--active { border-bottom: 1px solid #e3f2fd; }

/* ========================================================================== $BASE-TIME-PICKER ========================================================================== */
/** The list of times. */
.picker__list { list-style: none; padding: 0.75em 0 4.2em; margin: 0; }

/** The times on the clock. */
.picker__list-item { border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; margin-bottom: -1px; position: relative; padding: .75em 1.25em; /* Hovered time */ }
@media (min-height: 46.75em) { .picker__list-item { padding: .5em 1em; } }
.picker__list-item:hover { cursor: pointer; background: #b1dcfb; border-color: #0089ec; z-index: 10; }

/* Highlighted and hovered/focused time */
.picker__list-item--highlighted { border-color: #0089ec; z-index: 10; }

.picker__list-item--highlighted:hover, .picker--focused .picker__list-item--highlighted { cursor: pointer; color: #000000; background: #b1dcfb; }

/* Selected and hovered/focused time */
.picker__list-item--selected, .picker__list-item--selected:hover, .picker--focused .picker__list-item--selected { background: #0089ec; z-index: 10; }

/* Disabled time */
.picker__list-item--disabled, .picker__list-item--disabled:hover, .picker--focused .picker__list-item--disabled { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; border-color: #dddddd; z-index: auto; }

/** The clear button */
.picker--time .picker__button--clear { display: block; width: 80%; margin: 1em auto 0; padding: 1em 1.25em; background: none; border: 0; font-weight: 500; font-size: .67em; text-align: center; text-transform: uppercase; color: #666; }
.picker--time .picker__button--clear:hover, .picker--time .picker__button--clear:focus { color: #000000; background: #b1dcfb; background: #ee2200; border-color: #ee2200; cursor: pointer; outline: none; }
.picker--time .picker__button--clear:before { top: -0.25em; color: #666; font-size: 1.25em; font-weight: 700; }

/* ========================================================================== $DEFAULT-TIME-PICKER ========================================================================== */
/** The frame the bounds the time picker. */
.picker--time .picker__frame { min-width: 256px; max-width: 320px; }

/** The picker box. */
.picker--time .picker__box { font-size: 1em; background: #f2f2f2; padding: 0; }
@media (min-height: 40.125em) { .picker--time .picker__box { margin-bottom: 5em; } }

/*!
 * ClockPicker v0.0.7 for jQuery (http://weareoutman.github.io/clockpicker/)
 * Copyright 2014 Wang Shenwei.
 * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
 *
 * Further modified
 * Copyright 2015 Ching Yaw Hao.
 *
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.picker__date-display { text-align: center; background-color: #CE5C17; padding-bottom: 15px; font-weight: 400; margin-bottom: 1rem; }
.picker__date-display .clockpicker-display { vertical-align: middle; display: inline-block; margin: auto; height: 85px; font-size: 70px; padding: 10px; padding-bottom: 0px; color: #b2dfdb; }
.picker__date-display .clockpicker-display .clockpicker-display-column { float: left; }
.picker__date-display .clockpicker-display .clockpicker-display-column .clockpicker-span-hours.text-primary, .picker__date-display .clockpicker-display .clockpicker-display-column .clockpicker-span-minutes.text-primary, .picker__date-display .clockpicker-display .clockpicker-display-column #click-am.text-primary, .picker__date-display .clockpicker-display .clockpicker-display-column #click-pm.text-primary { animation-name: pulse; }
.picker__date-display .clockpicker-display .clockpicker-display-column #click-am, .picker__date-display .clockpicker-display .clockpicker-display-column #click-pm { cursor: pointer; }
.picker__date-display .clockpicker-display .clockpicker-display-am-pm { padding-left: 5px; vertical-align: bottom; height: 85px; }
.picker__date-display .clockpicker-display .clockpicker-display-am-pm .clockpicker-span-am-pm { display: inline-block; font-size: 23px; line-height: 25px; color: #b2dfdb; }
.picker__date-display .clockpicker-display .clockpicker-span-hours, .picker__date-display .clockpicker-display .clockpicker-span-minutes { animation-duration: 500ms; animation-fill-mode: both; transition: color 500ms; cursor: pointer; }

.clockpicker-display { text-align: center; vertical-align: middle; display: inline-block; margin: auto; height: 85px; font-size: 70px; padding: 10px; padding-bottom: 0px; color: #b2dfdb; }
.clockpicker-display .clockpicker-display-column { float: left; }
.clockpicker-display .clockpicker-display-column .clockpicker-span-hours.text-primary, .clockpicker-display .clockpicker-display-column .clockpicker-span-minutes.text-primary, .clockpicker-display .clockpicker-display-column #click-am.text-primary, .clockpicker-display .clockpicker-display-column #click-pm.text-primary { animation-name: pulse; }
.clockpicker-display .clockpicker-display-column #click-am, .clockpicker-display .clockpicker-display-column #click-pm { cursor: pointer; }
.clockpicker-display .clockpicker-display-am-pm { padding-left: 5px; vertical-align: bottom; height: 85px; }
.clockpicker-display .clockpicker-display-am-pm .clockpicker-span-am-pm { display: inline-block; font-size: 23px; line-height: 25px; color: #b2dfdb; }
.clockpicker-display .clockpicker-span-hours, .clockpicker-display .clockpicker-span-minutes { animation-duration: 500ms; animation-fill-mode: both; transition: color 500ms; cursor: pointer; }

@keyframes pulse { from { transform: scale3d(1, 1, 1); }
  50% { transform: scale3d(1.1, 1.1, 1.1); }
  to { transform: scale3d(1, 1, 1); } }
.clockpicker-moving { cursor: move; }

.clockpicker-plate { background-color: #eeeeee; border-radius: 50%; width: 270px; height: 270px; overflow: visible; position: relative; margin: auto; margin-top: 20px; /* Disable text selection highlighting. Thanks to Hermanya */ user-select: none; }
.clockpicker-plate .clockpicker-canvas, .clockpicker-plate .clockpicker-dial { width: 270px; height: 270px; position: absolute; left: -1px; top: -1px; }
.clockpicker-plate .clockpicker-dial { transition: transform 350ms, opacity 350ms; }
.clockpicker-plate .clockpicker-dial .clockpicker-tick { border-radius: 50%; color: #666; line-height: 40px; text-align: center; width: 40px; height: 40px; position: absolute; cursor: pointer; transition: background-color 300ms; background-color: rgba(0, 150, 136, 0); }
.clockpicker-plate .clockpicker-dial .clockpicker-tick.active, .clockpicker-plate .clockpicker-dial .clockpicker-tick:hover { background-color: rgba(0, 150, 136, 0.25); }
.clockpicker-plate .clockpicker-minutes { visibility: hidden; }
.clockpicker-plate .clockpicker-dial-out { opacity: 0; }
.clockpicker-plate .clockpicker-hours.clockpicker-dial-out { transform: scale(1.2, 1.2); }
.clockpicker-plate .clockpicker-minutes.clockpicker-dial-out { transform: scale(0.8, 0.8); }

.clockpicker-canvas { transition: opacity 300ms; }
.clockpicker-canvas line { stroke: rgba(0, 150, 136, 0.25); stroke-width: 1; }

.clockpicker-canvas-out { opacity: 0.25; }

.clockpicker-canvas-bearing { stroke: none; fill: rgba(0, 77, 64, 0.75); }

.clockpicker-canvas-fg { stroke: none; fill: rgba(0, 77, 64, 0); }
.clockpicker-canvas-fg.active { fill: rgba(0, 77, 64, 0.5); }

.clockpicker-canvas-bg { stroke: none; fill: rgba(0, 150, 136, 0.25); }

.clockpicker-canvas-bg-trans { fill: rgba(0, 150, 136, 0.25); }

.clockpicker-am-pm-block { margin-top: -10px; width: 100%; height: 50px; }
.clockpicker-am-pm-block .clockpicker-button.am-button { height: 45px; width: 45px; float: left; border: 0; }
.clockpicker-am-pm-block .clockpicker-button.pm-button { height: 45px; width: 45px; float: right; border: 0; }

.btn-floating.btn-flat { color: #fff; padding: 0; background: #CE5C17; }
.btn-floating.btn-flat:hover { box-shadow: none; }
.btn-floating.btn-flat:hover, .btn-floating.btn-flat:focus { background-color: #CE5C17 !important; }
.btn-floating.btn-flat.active { background-color: #001311 !important; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.picker__footer .clockpicker-button { margin: auto; margin-top: 15px; background-color: transparent; text-transform: uppercase; }
.picker__footer .clockpicker-button:focus { background-color: transparent; }
.picker__footer .clockpicker-button:active { background-color: rgba(0, 150, 136, 0.25); }

.darktheme .picker__box { background-color: #212121; }
.darktheme .picker__box .picker__date-display { background-color: transparent; }
.darktheme .picker__box .picker__calendar-container .clockpicker-plate { background-color: transparent; }
.darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-tick { background-color: rgba(255, 64, 129, 0); }
.darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-tick.active, .darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-tick:hover { background-color: rgba(255, 64, 129, 0.25); }
.darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-canvas line { stroke: rgba(255, 64, 129, 0.25); }
.darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-canvas-bearing { fill: #fff; }
.darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-canvas-fg { fill: rgba(255, 64, 129, 0); }
.darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-canvas-fg.active { fill: rgba(255, 64, 129, 0.5); }
.darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-canvas-bg { fill: rgba(255, 64, 129, 0.25); }
.darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-canvas-bg-trans { fill: rgba(255, 64, 129, 0.25); }
.darktheme .picker__box .picker__footer .clockpicker-button:active { background-color: rgba(255, 64, 129, 0.25); }

/* ========================================================================== $BASE-DATE-PICKER ========================================================================== */
/** The picker box. */
.picker__box { padding: 0; border-radius: 2px; overflow: hidden; /** The header containing the month and year stuff. */ /** The calendar table of dates */ /** The footer containing the "today", "clear", and "close" buttons. */ }
.picker__box .picker__header { text-align: center; position: relative; margin-bottom: 20px; /** The month and year labels. */ /** The month and year selectors. */ /** The month navigation buttons. */ }
.picker__box .picker__header select { display: inline-block !important; }
.picker__box .picker__header .picker__date-display { text-align: center; background-color: #CE5C17; padding-bottom: 15px; font-weight: 400; margin-bottom: 1rem; }
.picker__box .picker__header .picker__date-display .picker__weekday-display { background-color: #00554b; padding: 10px; font-weight: 200; letter-spacing: .5; font-size: 1rem; margin-bottom: 15px; }
.picker__box .picker__header .picker__date-display .picker__month-display { text-transform: uppercase; font-size: 2rem; }
.picker__box .picker__header .picker__date-display .picker__day-display { font-size: 4.5rem; font-weight: 400; }
.picker__box .picker__header .picker__date-display .picker__year-display { font-size: 1.8rem; color: rgba(255, 255, 255, 0.4); }
.picker__box .picker__header .picker__month, .picker__box .picker__header .picker__year { display: inline-block; margin-left: .25em; margin-right: .25em; }
.picker__box .picker__header .picker__select--month, .picker__box .picker__header .picker__select--year { height: 2em; padding: 0; margin-left: .25em; margin-right: .25em; display: inline-block; }
.picker__box .picker__header .picker__select--month:focus, .picker__box .picker__header .picker__select--year:focus { border-color: rgba(0, 0, 0, 0.05); }
.picker__box .picker__header .picker__select--year { width: 30%; }
.picker__box .picker__header .picker__select--month.browser-default { display: inline; width: 40%; }
.picker__box .picker__header .picker__select--year.browser-default { display: inline; width: 25%; }
.picker__box .picker__header .picker__nav--prev, .picker__box .picker__header .picker__nav--next { position: absolute; padding: .5em 1.55em; width: 1em; height: 1em; box-sizing: content-box; bottom: 0; }
.picker__box .picker__header .picker__nav--prev:hover, .picker__box .picker__header .picker__nav--next:hover { cursor: pointer; color: #000000; background: #3cefdb; }
.picker__box .picker__header .picker__nav--prev:before, .picker__box .picker__header .picker__nav--next:before { content: " "; border-top: .5em solid transparent; border-bottom: .5em solid transparent; border-right: 0.75em solid #676767; width: 0; height: 0; display: block; margin: 0 auto; }
.picker__box .picker__header .picker__nav--prev { left: -1em; padding-right: 1.25em; }
.picker__box .picker__header .picker__nav--next { right: -1em; padding-left: 1.25em; }
.picker__box .picker__header .picker__nav--next:before { border-right: 0; border-left: 0.75em solid #676767; }
.picker__box .picker__header .picker__nav--disabled, .picker__box .picker__header .picker__nav--disabled:hover, .picker__box .picker__header .picker__nav--disabled:before, .picker__box .picker__header .picker__nav--disabled:before:hover { cursor: default; background: none; border-right-color: #f5f5f5; border-left-color: #f5f5f5; }
.picker__box .picker__table { text-align: center; border-collapse: collapse; border-spacing: 0; table-layout: fixed; font-size: 1rem; width: 100%; margin-top: .75em; margin-bottom: .5em; /** The weekday labels */ /** The days on the calendar */ }
.picker__box .picker__table th, .picker__box .picker__table td { text-align: center; }
.picker__box .picker__table td { margin: 0; padding: 0; }
.picker__box .picker__table .picker__weekday { width: 14%; font-size: .9em; padding-bottom: .25em; color: #999999; font-weight: 500; /* Increase the spacing a tad */ }
@media (min-height: 33.875em) { .picker__box .picker__table .picker__weekday { padding-bottom: .5em; } }
.picker__box .picker__table .picker__day--today { position: relative; letter-spacing: -.3; padding: .75rem 0; font-weight: 400; border: 1px solid transparent; }
.picker__box .picker__table .picker__day.picker__day--today { color: #CE5C17; }
.picker__box .picker__table .picker__day--disabled:before { border-top-color: #aaaaaa; }
.picker__box .picker__table .picker__day--infocus { color: #595959; letter-spacing: -.3; padding: .75rem 0; font-weight: 400; border: 1px solid transparent; }
.picker__box .picker__table .picker__day--infocus:hover { cursor: pointer; color: #000; font-weight: 500; }
.picker__box .picker__table .picker__day--outfocus { display: none; padding: .75rem 0; }
.picker__box .picker__table .picker__day--outfocus:hover { cursor: pointer; color: #dddddd; font-weight: 500; }
.picker__box .picker__table .picker__day--highlighted:hover, .picker__box .picker__table .picker--focused .picker__day--highlighted { cursor: pointer; }
.picker__box .picker__table .picker__day--selected, .picker__box .picker__table .picker__day--selected:hover, .picker__box .picker__table .picker--focused { border-radius: 50%; transform: scale(0.9); background-color: #CE5C17; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.picker__box .picker__table .picker__day--selected.picker__day--outfocus, .picker__box .picker__table .picker__day--selected:hover.picker__day--outfocus, .picker__box .picker__table .picker--focused.picker__day--outfocus { background-color: #3cefdb; }
.picker__box .picker__table .picker__day--disabled, .picker__box .picker__table .picker__day--disabled:hover, .picker__box .picker__table .picker--focused { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; }
.picker__box .picker__table .picker__day--highlighted.picker__day--disabled, .picker__box .picker__table .picker__day--highlighted.picker__day--disabled:hover { background: #bbbbbb; }
.picker__box .picker__footer { text-align: right; padding: 5px 10px; display: flex; align-items: center; justify-content: space-between; }
.picker__box .picker__footer .picker__button--today, .picker__box .picker__footer .picker__button--clear, .picker__box .picker__footer .picker__button--close { border: 1px solid #ffffff; background: #ffffff; font-size: .8em; padding: 1rem 0 0.7rem 0; font-weight: 700; width: 33%; display: inline-block; vertical-align: bottom; text-transform: uppercase; }
.picker__box .picker__footer .picker__button--today:hover, .picker__box .picker__footer .picker__button--clear:hover, .picker__box .picker__footer .picker__button--close:hover { cursor: pointer; color: #000000; background: #b1dcfb; border-bottom-color: #b1dcfb; }
.picker__box .picker__footer .picker__button--today:focus, .picker__box .picker__footer .picker__button--clear:focus, .picker__box .picker__footer .picker__button--close:focus { background: #b1dcfb; border-color: rgba(0, 0, 0, 0.05); outline: none; }
.picker__box .picker__footer .picker__button--today:before, .picker__box .picker__footer .picker__button--clear:before, .picker__box .picker__footer .picker__button--close:before { position: relative; display: inline-block; height: 0; }
.picker__box .picker__footer .picker__button--today:before, .picker__box .picker__footer .picker__button--clear:before { content: " "; margin-right: .45em; }
.picker__box .picker__footer .picker__button--today:before { top: -0.05em; width: 0; border-top: 0.66em solid #0059bc; border-left: .66em solid transparent; }
.picker__box .picker__footer .picker__button--clear:before { top: -0.25em; width: .66em; border-top: 3px solid #ee2200; }
.picker__box .picker__footer .picker__button--close:before { content: "\D7"; top: -0.1em; vertical-align: top; font-size: 1.1em; margin-right: .35em; color: #777777; }
.picker__box .picker__footer .picker__button--today[disabled], .picker__box .picker__footer .picker__button--today[disabled]:hover { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; }
.picker__box .picker__footer .picker__button--today[disabled]:before { border-top-color: #aaaaaa; }

/* ========================================================================== CUSTOM MATERIALIZE STYLES ========================================================================== */
.picker__calendar-container { padding: 0 1rem; }
.picker__calendar-container thead { border: none; }

.fixed-sn .double-nav, .fixed-sn main, .fixed-sn footer { padding-left: 240px; }
.fixed-sn main { padding-top: 5.5rem; }
@media (max-width: 1440px) { .fixed-sn .double-nav, .fixed-sn main, .fixed-sn footer { padding-left: 0; } }
@media (min-width: 600px) { .fixed-sn main, .fixed-sn .page-footer .container-fluid { margin-left: 2%; margin-right: 2%; } }
@media (min-width: 992px) { .fixed-sn main, .fixed-sn .page-footer .container-fluid { margin-left: 5%; margin-right: 5%; } }
@media (min-width: 1200px) { .fixed-sn main, .fixed-sn .page-footer .container-fluid { margin-left: 6%; margin-right: 6%; } }

.hidden-sn main { padding-top: 5.5rem; }
.hidden-sn .button-collapse { display: block; position: relative; font-size: 1.4rem; margin-right: 0.625rem; margin-left: -0.375rem; padding-left: 0; }

section.team-section .avatar img { max-width: 200px; height: auto; }
section.team-section .avatar img.rounded-circle { max-width: 150px; }

.testimonial-carousel .carousel-control { background-image: none; top: 50%; transform: translateY(-35%); }
.testimonial-carousel .carousel-control:before { font-size: 5rem; color: rgba(0, 0, 0, 0.6); transition: 0.4s; }
.testimonial-carousel .carousel-control:hover:before { color: #000; transition: 0.4s; }
.testimonial-carousel .carousel-control.left { left: 6%; }
.testimonial-carousel .carousel-control.left:before { content: "\2039"; }
.testimonial-carousel .carousel-control.right { right: 6%; }
.testimonial-carousel .carousel-control.right:before { content: "\203a"; }
.testimonial-carousel .testimonial { margin-right: 15%; margin-left: 15%; }
.testimonial-carousel .testimonial .avatar img { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); max-width: 170px; }

.pricing-card { text-align: center; }
.pricing-card ul { list-style-type: none; padding: 0; }
.pricing-card .header { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.pricing-card .option { padding: 2.5rem; margin-bottom: 0; font-weight: 500; }
.pricing-card .price { position: relative; padding-top: 3.94rem; }
.pricing-card .price .number { font-size: 5rem; padding: 1.5rem; font-weight: 400; }
.pricing-card .price .number:before { content: "$"; position: absolute; font-size: 1.88rem; margin-left: -1.2rem; margin-top: 0.7rem; }
.pricing-card .price .number:after { content: "/mo"; position: absolute; font-size: 1.88rem; margin-top: 3rem; }
.pricing-card .price .version { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 0.25rem 0.25rem 0 0; position: absolute; top: 0; width: 100%; padding: 1rem; background-color: rgba(0, 0, 0, 0.3); }
.pricing-card .striped { padding: 1rem; }
.pricing-card .striped li { border-bottom: 1px solid rgba(153, 153, 153, 0.298039); margin-bottom: 1rem; }
.pricing-card .striped.green-striped li { border-color: #33c28a; }
.pricing-card .striped.orange-striped li { border-color: #e97d63; }
.pricing-card .striped.purple-striped li { border-color: #963c94; }
.pricing-card .card-background { background-color: #28283f; border-radius: 0 0 0.25rem 0.25rem; }

.card .card-circle { border: 2px solid #e0e0e0; height: 7.5rem; width: 7.5rem; border-radius: 50%; }
.card .card-circle .fa { font-size: 4rem; }

.contact-section .form .btn-floating { float: right; position: relative; bottom: 3rem; margin-right: 0; }
.contact-section .contact { border-radius: 0 0.25rem 0.25rem 0; background-color: #103f6d; }
.contact-section .contact .fa { color: #6b89a5; }

.dark-grey-text { color: #4f4f4f !important; }

body { background-color: #eee; }

.side-nav .logo-sn { padding-bottom: 1rem; padding-top: 1rem; }
.side-nav .search-form { margin-top: 0; border-top: 1px solid rgba(153, 153, 153, 0.3); color: grey; }
.side-nav .search-form input[type=text] { color: #424242 !important; }

.navbar .notifications-nav .dropdown-menu { width: 23rem; }

.cascading-admin-card { margin-top: 20px; }
.cascading-admin-card .admin-up { margin-left: 4%; margin-right: 4%; margin-top: -20px; }
.cascading-admin-card .admin-up .fa { padding: 1.7rem; font-size: 2rem; color: #fff; text-align: left; margin-right: 1rem; border-radius: 3px; }
.cascading-admin-card .admin-up .data { float: right; margin-top: 2rem; text-align: right; }
.cascading-admin-card .admin-up .data p { color: #999999; font-size: 12px; }

.classic-admin-card .card-body { color: #fff; margin-bottom: 0; padding: 0.9rem; }
.classic-admin-card .card-body p { font-size: 13px; opacity: 0.7; margin-bottom: 0; }
.classic-admin-card .card-body h4 { margin-top: 10px; }
.classic-admin-card .card-body .float-right .fa { font-size: 3rem; opacity: 0.5; }
.classic-admin-card .progress { margin: 0; opacity: 0.7; }

.list-panel .list-group-item { border: 0; border-bottom: 1px solid #e6e6e6; margin-bottom: 1px; }

.table-ui { border: 1px solid #e0e0e9; }

.login-form { margin-top: 6rem; }

section.signup { margin-top: 8rem; }
section.signup ul.advantages-list { margin-top: 16px; padding-left: 0; list-style-type: none; }
section.signup ul.advantages-list li { padding: 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
section.signup ul.advantages-list li:last-child { border-bottom: 0; }

.profile-card { margin-top: 100px; }
.profile-card .avatar { max-width: 150px; max-height: 150px; margin: -70px auto 0; border-radius: 50%; overflow: hidden; }
.profile-card p { font-weight: 400; }

.user-card { margin-top: 100px; }
@media (max-width: 450px) { .user-card { margin-top: 30px; } }
.user-card .about-text h4 { font-weight: 400; }
.user-card .admin-up .data span { font-size: 15px; }

.pagination .page-item.disabled .page-link { background-color: transparent; }

.blue-panel .btn-group .btn-panel { background-color: #0e4576 !important; }
.blue-panel .btn-group .btn-panel.active { background-color: #061d31 !important; }

.post-title-panel { margin-top: 20px; }

ul.striped li { padding: 0.5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
ul.striped li:last-child { border-bottom: 0; }

.bullet { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; }

.avatar-placeholder { display: inline-block; margin-right: 8px; width: 32px; height: 32px; color: rgba(255, 255, 255, 0.75); text-align: center; line-height: 32px; border-radius: 50%; user-select: none; cursor: default; }

.avatar-32 { display: inline-block; width: 32px; margin-right: 8px; border-radius: 50%; }

.table-ui .form-inline .form-control { width: 80%; }

.fc { background: #fff; }
.fc .fc-toolbar { padding-top: 20px; padding-left: 20px; padding-right: 20px; }
.fc td.fc-today { background: #f2f2f2 !important; }
.fc .fc-event { background-color: transparent; border: 0; }
.fc .fc-content { background-color: #4fc3f7; padding: 2px; color: #fff; }
.fc .fc-state-default { border-color: #4fc3f7; color: #4fc3f7; }
.fc .fc-state-active { background-color: #4fc3f7; background-image: none; outline: 0; color: #FFFFFF; box-shadow: none; text-shadow: none; }
.fc button { background: transparent; }

@media (max-width: 320px) { .btn-group .btn { padding-left: 0.5rem; padding-right: 0.5rem; } }
@media (min-width: 321px) and (max-width: 450px) { .btn-group .btn { padding-left: 0.9rem; padding-right: 0.9rem; } }
@media (min-width: 451px) and (max-width: 770px) { .btn-group .btn { padding-left: 1rem; padding-right: 1rem; } }
@media (min-width: 771px) and (max-width: 1025px) { .btn-group .btn { padding-left: 1.7rem; padding-right: 1.7rem; } }

img.rounded-circle { border-radius: 50%; }

.dataTables_wrapper .select-wrapper { display: inline-block; width: auto; padding-top: 0; padding-bottom: 0; border: none; }
.dataTables_wrapper .select-wrapper input { margin-bottom: 0; border: none; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #bdbdbd; }

.chat-message-type { flex: 1 0 auto !important; }

.table td { font-weight: 400; color: #4f4f4f; }

.blue-gradient { background: -webkit-linear-gradient(50deg, #45cafc, #303f9f); background: linear-gradient(40deg, #45cafc, #4285f4); }

.card.card-cascade .view.gradient-card-header { padding: 1rem 1rem; }

.font-small { font-size: 0.8rem; }

.card.card-cascade .view { -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.12), 0 6px 20px 0 rgba(0, 0, 0, 0.12); }

.progress { height: 6px; }

.progress .progress-bar { height: 6px; }

.panel { border: 1px solid #dee2e6 !important; padding: 1rem; position: relative; display: inline-block; height: auto; width: 100%; }

.v-scroll { overflow-y: scroll; position: relative; }

#scroll { position: fixed; right: 20px; bottom: 10px; cursor: pointer; width: 50px; height: 50px; background-color: #194f90; text-indent: -9999px; z-index: 10; display: none; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; }
#scroll span { position: absolute; top: 50%; left: 50%; margin-left: -8px; margin-top: -12px; height: 0; width: 0; border: 8px solid transparent; border-bottom-color: #ffffff; }
#scroll:hover { background-color: rgba(25, 79, 144, 0.8); }


.classic-tabs .nav li a:not(.active) { margin-bottom: 0px; }

@media (min-width: 992px) { .v-scroll-md { overflow-y: scroll; position: relative; }
  body { background-color: #f8f9fa; } }
.h-25px { height: 25px; }

.h-50px { height: 50px; }

.h-75px { height: 75px; }

.h-100px { height: 100px; }

.h-200px { height: 200px; }

.h-300px { height: 300px; }

.h-400px { height: 400px; }

.h-500px { height: 500px; }

.h-600px { height: 600px; }

bill-text.select-wrapper input.select-dropdown { font-size: 1.1rem; font-weight: bold; }


.list-group-item.active { z-index: 2; color: #fff; background-color: #CE5C17; border-color: #CE5C17; }

h6 { font-weight: bold !important; text-transform: uppercase; }

.btn.btn-xs { padding: 0.55rem .7rem 0.4rem .7rem; font-size: 0.7rem; line-height: 1rem; }

.btn.btn-xxs { padding: 0.3rem .4rem 0.2rem .4rem; font-size: 0.6rem; line-height: 1.2rem; }
.btn.btn-xxs svg { font-size: 0.7rem; margin-left: .25rem; }

/* remove underline from button hover */
.btn:focus, .btn:hover { text-decoration: none !important; }
/* Calendar Styles */
#calendar .fc-prev-button.btn.btn-sm, #calendar .fc-next-button.btn.btn-sm { padding: .3rem .5rem; font-size: .65rem; }
#calendar .table-bordered thead td, #calendar .table-bordered thead th { border-bottom-width: 0px; }
#calendar .fc-header-toolbar { border-bottom: 0px solid rgba(0, 0, 0, 0.125); margin: 0; padding: 2px; height: 53px; }
#calendar .fc .fc-row .fc-content-skeleton table, #calendar .fc .fc-row .fc-content-skeleton td, #calendar .fc .fc-row .fc-helper-skeleton td { border-color: #dee2e6; }
#calendar .fc-day-number { font-size: 16px; }
#calendar .fc-view-container { margin: 1rem 1rem .35rem 1rem; }

.display-4 { font-size: 3rem; }

a:hover { color: #116c63; }

td.details-control svg { text-align: center; color: #adb5bd; cursor: pointer; }

tr.shown td.details-control svg { text-align: center; color: #CE5C17; }

/* MARKETING PAGE STYLES */
#marketing .navbar:not(.top-nav-collapse) { background: transparent !important; }
#marketing .top-nav-collapse { background-color: #212529 !important; }
@media (max-width: 768px) { #marketing .navbar:not(.top-nav-collapse) { background: #212529 !important; } }
#marketing .jarallax { min-height: 600px; }
#marketing .anchor { display: block; height: 55px; /*same height as header*/ margin-top: -55px; /*same height as header*/ visibility: hidden; }
#marketing .pricing-card .price h3 { font-size: 3rem; }
#marketing .pricing-card .price h3:before { content: "$" !important; font-size: 26px; position: absolute; margin-left: -1.2rem; margin-top: 0.4rem; }
#marketing .clients-img img { height: 80px; }
#marketing .clients.container-fluid { background-color: #6c757d; }

/* APPLICATION PAGE STYLES */
.sn-bg-4 { background-image: url(../img/graphics/ma-sidenav.jpg); }

.h-nav .navbar.navbar-dark { background-color: #343a40; }

.badge-notify { position: relative; top: -10px; left: -12px; margin-right: -6px; }

.badge.badge-notify { padding: .2em .3em; font-weight: 500; }

.badge.badge-count { box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.16), 0 0px 0px 0 rgba(0, 0, 0, 0.12); font-weight: 500; font-size: 85%; color: #adb5bd !important; }

.select-wrapper span.caret { top: 0.3rem; font-size: 0.5rem; }

.select-wrapper input.select-dropdown { height: 1.5rem; line-height: 1.5rem; margin: 0 0 0.94rem 0; }

.instatrac-skin .dropdown-content li:not(.disabled) span { color: initial; }



.search-nav a:not(.collapsed) { background-color: rgba(255, 255, 255, 0.1); }

.search { background-image: url(../img/graphics/az-capitol.jpg); background-position: center; background-size: cover; margin-top: 3.8rem; }

.btn-search { border: 2px solid #CE5C17!important; background-color: transparent !important; color: #fff; font-size: 15px !important; text-transform: capitalize !important; font-weight: 400; margin: 0; }

.btn-search { padding-top: 0.4rem; padding-bottom: 0.3rem; }

@media (max-width: 576px) { .search { margin-top: 3rem; }
  .dropdown-toggle::after { display: none; }
  .btn-search { padding-right: 10px !important; padding-left: 10px !important; } }
.search .search-gradient { background: rgba(52, 58, 64, 0.8); }

.classic-tabs .nav li a { padding: 10px 24px 8px 24px; }
.classic-tabs .nav li a.active { border-bottom: 0px; color: #CE5C17; background: #fff; font-weight: 500; }
.classic-tabs .nav li a { border-bottom: 0px solid; }
.classic-tabs .nav.tabs-default { border-radius: 0; }
.classic-tabs .nav.tabs-default li a.active { border-bottom: 0px; color: #343a40; background: #fff; font-weight: 500; }
.classic-tabs .nav.tabs-default li a { text-transform: capitalize; font-size: .7rem; }

.dataTables_length label { }

.dataTables_filter.md-form { margin-top: .55rem; }

.dataTables_filter.md-form input { font-weight: 400; }

.dataTables_wrapper .row { margin-bottom: 1.5rem; }

div.dataTables_wrapper div.dataTables_info { padding-top: 0; padding-bottom: 1rem; }

.dataTables_paginate { float: right; }

.dataTables_filter { float: right; }

.table-scroll { display: block; overflow-y: auto; max-height: 200px; -ms-overflow-style: -ms-autohiding-scrollbar; }

.table-wrapper { margin-top: -20px; }
.table-wrapper .table { margin-bottom: 0; background-color: #fff; }
.table-wrapper .dataTable { margin-top: 0 !important; margin-bottom: 0 !important; }
.table-wrapper .table a { margin-right: 0 !important; }
.table-wrapper table th { font-size: 0.8rem; font-weight: 500; border: 1px solid #ced4da; background-color: #e9ecef; font-size: .7rem; }
.table-wrapper table .selected, .table-wrapper table .selected > td, .table-wrapper table .selected > th { background-color: rgba(24, 152, 139, 0.075); }
.table-wrapper .dataTable td:last-child { padding: .3rem; }
.table-wrapper tr.shown + tr { background-color: #f8f9fa; }
.table-wrapper table.table-sm th, .table-wrapper table.table-sm td { line-height: 1.4; }
.table-wrapper table.dataTable thead th, .table-wrapper table.dataTable thead td { border-bottom: 0; }
.table-wrapper table.table-sm td { padding-top: 0.5rem; padding-bottom: 0.3rem; }
.table-wrapper table.dataTable.table-sm .sorting:before, .table-wrapper table.dataTable.table-sm .sorting_asc:before, .table-wrapper table.dataTable.table-sm .sorting_desc:before, .table-wrapper table.dataTable.table-sm .sorting:after, .table-wrapper table.dataTable.table-sm .sorting_asc:after, .table-wrapper table.dataTable.table-sm .sorting_desc:after { top: .5rem; }
.table-wrapper .sorting_asc:before, .table-wrapper .sorting_desc:after { color: #dd2828; }
.table-wrapper .nav-tabs { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.18), 0 0 0 0 rgba(0, 0, 0, 0.15); border: 0; padding: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; background-color: rgba(24, 152, 139, 0.075); border-radius: 0; }
.table-wrapper .nav-tabs li:first-child { margin-left: 0; }
.table-wrapper .nav-tabs li a.active { border-bottom: 0px solid; color: #212529; }
.table-wrapper .nav-tabs li a { padding: .5rem; font-size: .7rem; text-transform: none; }
.table-wrapper .nav-tabs .nav-link { border-radius: 0; background-color: inherit; color: #fff; }
.table-wrapper .tab-content.card { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.16), 0 0 0 0 rgba(0, 0, 0, 0.12); font-size: .8rem; padding: 1rem 1rem 0rem 1rem; background-color: #fff; border: 1px solid #e9ecef; margin-top: -1px; border-radius: 0; }
.table-wrapper .tabs-default { background-color: transparent !important; }
.table-wrapper .classic-tabs .nav li a { padding: 4px 24px 2px 24px; }
.table-wrapper .classic-tabs .nav.tabs-default li a.active { border-bottom: 1px solid #fff; color: #212529; background: #fff; font-weight: 500; border-top: 1px solid #e9ecef; border-right: 1px solid #e9ecef; border-left: 1px solid #e9ecef; }
.table-wrapper .classic-tabs .nav.tabs-default li a { border: 1px solid transparent; color: #CE5C17; }
.table-wrapper .classic-tabs .nav li:first-child { margin-left: 0; }


span.percent { font-size: .6rem; }

.col-form-label-sm, .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { font-size: .8rem; }

label.form-check-label-sm { font-size: .8rem !important; padding-left: 1.8rem !important; }

.pagination .page-item .page-link:focus { background-color: #CE5C17; }

.login-page .intro-2 { background: url("../img/graphics/az-capitol.jpg") no-repeat center center; background-size: cover; }
.login-page .intro-2 .rgba-black-strong, .login-page .intro-2 .rgba-black-strong:after { background-color: rgba(33, 37, 41, 0.8); }
.login-page .intro-2 .card { margin-top: 30px; background-color: rgba(255, 255, 255, 0.7); }
.login-page .intro-2 .card .card-header { background-color: #212529 !important; }
.login-page .intro-2 .md-form label { color: #343a40; }
.login-page .intro-2 .md-form input[type=text]:focus:not([readonly]), .login-page .intro-2 .md-form input[type=password]:focus:not([readonly]) { border-bottom: 1px solid #ced4da; box-shadow: 0 1px 0 0 #ced4da; }
.login-page .intro-2 .md-form input[type=text]:focus:not([readonly]) + label, .login-page .intro-2 .md-form input[type=password]:focus:not([readonly]) + label { color: #6c757d; }
.login-page .intro-2 .md-form .form-control { color: #343a40; }
.login-page .intro-2 .md-form input { border-bottom: 1px solid #495057 !important; }

/*
SCSS variables and mixins
*/
.tabbed-content { font-size: .8rem; }

.tabs ul { margin: 0; padding: 0 0 1em 0; }
.tabs ul li { background: #fff; }
.tabs ul li a { padding: .25rem .5rem; }
.tabs ul li a:hover { background-color: #f8f9fa; }
.tabs ul li a.active { background: #CE5C17; color: #fff; border: 1px solid #CE5C17; }

.item:hover:before { background-color: #f8f9fa; }
.item::before { cursor: pointer; font-weight: bold; padding: 1em .5rem; display: block; border: 1px solid #e9ecef; }
.item.active::before { background: #CE5C17; color: #fff; border: 1px solid #CE5C17; }
.item.active .item-content { padding: 1em; border: 1px solid #e9ecef; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }

.tabbed-content .tabs { display: none; }
.tabbed-content .item { min-height: 2em; }
.tabbed-content .item::before { content: attr(data-title); }
.tabbed-content .item .item-content { opacity: 0; visibility: hidden; height: 0; }
.tabbed-content .item.active::before { border: 1px solid #CE5C17; }
.tabbed-content .item.active .item-content { opacity: 1; visibility: visible; height: auto; }

@media all and (min-width: 992px) { .tabbed-content .tabs { display: block; }
  .tabbed-content .tabs li { display: inline-block; margin-bottom: -1px; }
  .tabbed-content .tabs li a { display: block; border: 1px solid #e9ecef; }
  .tabbed-content .item { min-height: 0; border: 0px; }
  .tabbed-content .item::before { display: none; }
  .tabbed-content .item::before.active { border: 1px solid #e9ecef; }
  .tabbed-content .item::before.active .item-content { opacity: 1; visibility: visible; height: 400px; margin-left: -1px; }
  .tabbed-content.tabs-side .tabs { width: 150px; float: left; }
  .tabbed-content.tabs-side .tabs li { display: block; }
  .tabbed-content.tabs-side .item { margin-left: 150px; }
  .tabbed-content.tabs-side .item.active .item-content { margin-top: 0px; margin-left: -1px; height: 500px; overflow-y: auto; } }
@media (max-width: 992px) { .tabbed-content .item { margin-top: 1px; } }
.font-xsmall { font-size: .6rem; }

.news .card { border: 1px solid #eee; padding: 10px 15px; box-shadow: none; }

.news.no-gutters > .col, .news.no-gutters > [class*=col-] { padding-right: 8px; padding-bottom: 8px; padding-left: 0; }

.md-form label { top: 0.1rem; }

.text-truncate-1 { -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }

.text-truncate-2 { -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }

.text-truncate-3 { -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }

.text-truncate-4 { -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }

.text-truncate-5 { -webkit-line-clamp: 5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }

/* MOBILE FIXES */
@media all and (max-width: 992px) { #marketing a.navbar-brand img { width: 200px; }
  #marketing .navbar-brand { padding-top: 0rem; padding-bottom: 0rem; }
  #marketing .navbar-toggler { padding: .25rem 0rem; } }
@media all and (max-width: 767px) { .hm-banner { max-width: 100%; height: auto; } }

.bootstrap-tagsinput {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
  padding: 4px 6px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  max-width: 100%;
  line-height: 22px;
  cursor: text;
}
.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  width: auto;
  max-width: inherit;
}
.bootstrap-tagsinput.form-control input::-moz-placeholder {
  color: #777;
  opacity: 1;
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}
.bootstrap-tagsinput .tag {
  margin-right: 2px;
  color: white;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 8px;
  cursor: pointer;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "x";
  padding: 0px 2px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/**==========================
    #app
==========================**/
#app {
    overflow: hidden;
}

/**==========================
    #Background Colors
==========================**/
#bg-primary {
    background-color: #CE5C17 !important;
}

/**==========================
    My Tracks Data Table Overrides
==========================**/
#tracks_wrapper.container-fluid {
    padding: 0;
}

/**==========================
    General Data Table Overrides
==========================**/
div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 5px;
}

div.dataTables_wrapper div.dataTables_info {
    display: inline-block;
}

div.dataTables_wrapper div.dataTables_length label {
    margin-bottom: 0;
}

ul.dropdown-menu.show {
    overflow-y: scroll;
    -ms-overflow-style: -ms-scrollbar;
}

ul.dropdown-menu.show {
    overflow-y: scroll;
    -ms-overflow-style: -ms-scrollbar;
}

/**==========================
   Search Page Loading Icon
==========================*/
#billTablesearch_results.hide .dataTables_wrapper div.dataTables_processing {
    display: none !important;
}

#billTablesearch_results .dataTables_wrapper div.dataTables_processing {
    position: fixed;
    top: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    display: block !important;
    width: 100px;
    height: 100px;
    z-index: 1051;
    text-align: center;
    margin: auto;
    margin-top: -50px;
    padding: 0;
    box-shadow: 0 -1px 5px 0 #000, 0 2px 10px 0 #000;
}

#billTablesearch_results .dataTables_wrapper div.dataTables_processing i {
    height: 100px;
    width: 100px;
    vertical-align: middle;
    display: table-cell;
    margin: auto;
}

/**==========================
   Search Filters Modal
==========================*/
/* #accordionFilters.modal-body {
    max-height: 70vh;
    overflow-y: scroll;
} */

#accordionFilters.modal-body .category-header {
    display: flex;
    flex-flow: row;
    background-color: #0352a0 !important;
    color: white;
    margin-bottom: 5px;
    padding: 5px;
    font-weight: bold;
}

#accordionFilters.modal-body .category-options {
    max-height: 25vh;
    overflow-y: scroll;
}

#filters.modal.fade.show {
    overflow: hidden;
}

#accordionFilters.modal-body .category-header .activeFilters>.activeFilter:first-child:before {
    margin-left: 5px;
    content: "("
}

#accordionFilters.modal-body .category-header .activeFilters>.activeFilter:last-child:after {
    content: ")"
}

#accordionFilters.modal-body .category-header .activeFilters .activeFilter:not(:last-child):after {
    content: ","
}

#accordionFilters.modal-body .category-header .activeFilter {
    font-size: .8em;
    display: inline-block;
}

#accordionFilters.modal-body .category-options .list-group-item {
    border: none;
    align-items: center;
    display: flex;
}


#accordionFilters.modal-body .category-options .list-group-item input {
    margin-right: 5px;
}

/**==========================
    Responsive Table Overrides
==========================**/
.table-responsive{
    overflow-x: scroll;
}

.table-responsive th {
    font-weight: bold;
}

.table-responsive td {
    padding-top: .9rem !important;
}

/**==========================
    Account: Email Alert Table
==========================**/
.table-responsive td .frequency-dropdown {
    min-width: 125px;
}

/**==========================
    Account: Category
==========================**/
.checkbox-wrapper {
    display: flex;
    flex-flow: row;
    align-items: center;
}

.checkbox-wrapper .checkLabel {
    margin-left: 5px;
    margin-bottom: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    flex: 1;
}

@media only screen and (max-width: 600px) {
    .checkbox-wrapper .checkLabel {
        font-size: .8em;
    }
}

/**==========================
    Input Groups
==========================**/
.input-group .btn {
    padding: .375rem .75rem !important;
    margin: 0 !important;
}

.amendments_table .dataTables_wrapper div.dataTables_processing i {
    height:100%
}

.table a { margin-right: 0rem !important; }

.dataTables_length select { display:inline !important; }
.dataTables_length label { padding-top:0 !important; }


.loading {
    background-color: #ffffff;
    background-image: url('/img/graphics/throbber.gif');
    background-size: 25px 25px;
    background-position:right center;
    background-repeat: no-repeat;
}

.twitter-typeahead {
    position: static !important;
    width:600px;
}

.twitter-typeahead,
.tt-hint,
.tt-input,
.tt-dropdown-menu {
    width: 100% !important;
}

#list-page .twitter-typeahead {
    width:300px;
}
#list-page .tt-menu {
    width:500px;
}

#scrollable-dropdown-menu .tt-menu {
    overflow-y: auto;
    z-index: 1051;
}

.typeahead.dropdown-menu {
    z-index: 1051;
}

.toolbar {
    float: left;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #000
}

.tt-menu {    /* used to be tt-dropdown-menu in older versions */
    top: 40% !important;
    margin-top: 4px;
    padding: 4px 0;
    visibility: hidden;

    display:flex !important;
    flex-wrap: wrap;

    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-dataset {
    flex: 1 1 auto;
    padding: 5px;
    min-width: 100%;
    max-height: 300px;
    overflow: auto;
}

@media (min-width: 768px) {
    .tt-menu {
        top: 80% !important;
    }

    .tt-dataset {
        flex: 1 1 auto;
        min-width: 50%;
        max-width: 100%;
        width: 50%;
    }
}

.tt-suggestion {
    padding: 3px 20px;
    height:46px;
    font-size:13px !important;
    -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;
}

/*
.tt-open {
    width: 900px;
}


*/

.tt-suggestion.tt-cursor,.tt-suggestion:hover {
    color: #fff;
    background-color: #0097cf;
}

.tt-suggestion p {
    margin: 0;
}

.no-top-border > tbody > tr:first-child > td {
    border: none;
}

.calendar-text {font-size:0.8rem !important;}

/* title text */
.fc-toolbar {
    margin-top:2px;
    padding: 4px !important;
    margin-bottom:0px !important;
}

.fc-toolbar .btn-group {
    padding-right: 8px !important;
}

.fc-header-toolbar {
    border-radius: calc(1rem - 1px) calc(1rem - 1px) 0 0;
    margin:0px;
    padding: 10px 2px 2px !important;
    height: 53px;
    background-color: white;
    color:black;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.fc-header-toolbar:first-child {
    border-radius: calc(1rem - 1px) calc(1rem - 1px) 0 0;
}

.fc-right {
    padding-right: 4px;
}

.fc-toolbar h2 {
    font-family: Lexend,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji !important;
    font-size: 1rem;
    line-height: 1.75rem;
    text-transform: uppercase;
}

.fc-list-item > td {
    vertical-align: middle !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.fc-month-view .fc-event-container{
    display: none;
}

.fc-content.fc-highlight:before {
    content: '\00a0';
    border: 3px solid #f26122;
    height: 100%;
    width: calc(100% - 6px);
    display: block;
    position: relative;
    background: transparent;
}
.fc-highlight {
    background: none !important;
}

.fc-day-number {
    color: black !important;
    font-weight: 400 !important;
}

.fc-scroller{
    cursor: pointer !important;
}

.fc-list-heading {
    display:none;
}

.fc-view {
    box-shadow:none;
    position:relative;
    z-index:0;
}

.fc-left {
    padding-left:10px;
    padding-top:3px;
}

.fc-list-item-title {
    align-items:center;
}

.ui-state-active {
    background: #1F618D !important;
}

.hide
{
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

#back2Top,
#back2Top:visited,
#back2Top:active,
#back2Top:focus
{
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    transform: rotate(270deg);
    position: fixed;
    bottom: 50px;
    right: 0;
    background-color: #CE5C17;
    color: #555;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
}
#back2Top:hover {
    background-color: #80bde5;
    color: #000;
}


@media print {
    @page { margin: 0; }
    body { margin: 1.6cm; }
    .print {
        border:0px !important;
        margin:0px !important;
        padding:0px !important;
    }
    #section-to-print, #section-to-print * {
        visibility: visible;
        display:block;
    }
    #section-to-print {
        position: absolute;
        left: 0;
        top: 0;
    }
    .printable {
        background-color: white;
        visibility:visible;
        display:block;
    }
}

/*
 * Plugin: Full Calendar
 * ---------------------
 */
.fc-button {
    background: #f4f4f4;
    background-image: none;
    color: #444;
    border-color: #ddd;
    border-bottom-color: #ddd;
}
.fc-button:hover,
.fc-button:active,
.fc-button.hover {
    background-color: #e9e9e9;
}
.fc-header-title h2 {
    font-size: 15px;
    line-height: 1.6em;
    color: #666;
    margin-left: 10px;
}
.fc-header-right {
    padding-right: 10px;
}
.fc-header-left {
    padding-left: 10px;
}
.fc-widget-header {
    background: #fafafa;
}
.fc-grid {
    width: 100%;
    border: 0;
}
.fc-widget-header:first-of-type,
.fc-widget-content:first-of-type {
    border-left: 0;
    border-right: 0;
}
.fc-widget-header:last-of-type,
.fc-widget-content:last-of-type {
    border-right: 0;
}
.fc-toolbar {
    padding: 10px;
    margin: 0;
}
.fc-day-number {
    font-size: 20px;
    font-weight: 300;
    padding-right: 10px;
}
.fc-color-picker {
    list-style: none;
    margin: 0;
    padding: 0;
}
.fc-color-picker > li {
    float: left;
    font-size: 30px;
    margin-right: 5px;
    line-height: 30px;
}
.fc-color-picker > li .fa {
    -webkit-transition: -webkit-transform linear 0.3s;
    -moz-transition: -moz-transform linear 0.3s;
    -o-transition: -o-transform linear 0.3s;
    transition: transform linear 0.3s;
}
.fc-color-picker > li .fa:hover {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
}
#add-new-event {
    -webkit-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
}
.external-event {
    padding: 5px 10px;
    font-weight: bold;
    margin-bottom: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    cursor: move;
}
.external-event:hover {
    box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2);
}

.treeview-menu {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 5px;
}
.treeview-menu .treeview-menu {
    padding-left: 20px;
}
.treeview-menu > li {
    margin: 0;
}
.treeview-menu > li > a {
    padding: 5px 5px 5px 15px;
    display: block;
    font-size: 14px;
}
.treeview-menu > li > a > .fa,
.treeview-menu > li > a > .glyphicon,
.treeview-menu > li > a > .ion {
    width: 20px;
}
.treeview-menu > li > a > .pull-right-container > .fa-angle-left,
.treeview-menu > li > a > .pull-right-container > .fa-angle-down,
.treeview-menu > li > a > .fa-angle-left,
.treeview-menu > li > a > .fa-angle-down {
    width: auto;
}


.bs-wizard {margin-top: 40px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 13px; margin-bottom: 2px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #595959; font-size: 13px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #CE5C17; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 13px; height: 14px; background: lightgray; border-radius: 50px; position: absolute; top: 8px; left: 8px; }
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #CE5C17;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/

.ui-accordion-header { background-color: #f8f9fa !important; }
.ui-accordion-header.ui-state-active { color:black; background-color: #f8f9fa !important; border:1px solid black; }

ins {
    color: green;
    background: #dfd;
    text-decoration: none;
}
del {
    color: red;
    background: #fdd;
    text-decoration: line-through;
}

.fc-body .fc-row { min-height: 45px !important;  }

td.details-control {
    background: url('/img/graphics/details_open.png') no-repeat 50% 50%;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('/img/graphics/details_close.png') no-repeat 50% 50%;
}

.select2-remove-right {
    float: right;
}

.select2-selection__choice__remove {
    float: right;
    margin-left: 5px /* I added to separate a little bit */
}

.select2-container-multi .select2-search-choice-close {
    left: auto;
    right: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding-right: 18px;
    padding-left: 5px;
}

a[aria-expanded=true] .fa-chevron-right {
    display: none;
}
a[aria-expanded=false] .fa-chevron-down {
    display: none;
}

.list-group-hover .list-group-item:hover {
    background-color: #f5f5f5;
}

div.dataTables_wrapper div.dataTables_processing {
    top: 0;
}

.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}

.tab-content > .active,
.pill-content > .active {
    display: block;
}

.tabs-left > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}

.sorting,.sorting_asc,.sorting_desc {
    background-size:25px !important;

}

.transcript > p >  i {
    display: none;
}

body {
    font-weight:400;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2318988b' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2318988b' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.ais-RefinementList-list {
    list-style: none;
    padding: 0px;
    white-space: nowrap;
}

.ais-RefinementList-item {
    height:25px;
}

.ais-RefinementList-checkbox {
    line-height:25px;
    vertical-align:middle;
}

.ais-RefinementList-count {
    background-color: lightgrey;
    border-radius: 5px;
    padding:2px 4px 2px 4px;
    font-size:.7rem;
    line-height:25px;
    vertical-align:middle;
}

.ais-RefinementList-labelText {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:inline-block;
    width:100%;
    line-height:25px;
    vertical-align:middle;
}

.ais-RefinementList-showMore {
    background-color:lightgrey;
    color:black;
    box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border:0;
    border-radius: .125rem;
    cursor: pointer;
}

.ais-ClearRefinements-button {
    background-color:#CE5C17;
    color:white;
    box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border:0;
    border-radius: .125rem;
    margin-bottom:12px;
}

.ais-ClearRefinements-button--disabled {
    background-color: lightgrey;
    margin-bottom:12px;
}

.ais-SearchBox-input {
    transition: all 0.3s;
    outline: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
    box-sizing: content-box;
    background-color: transparent;
    margin-bottom:10px;
}

.ais-SearchBox-submit {
    display:none;
}

.ais-SearchBox-submitIcon {
    display:none;
}

.ais-facetLabel {
    background-color: #CE5C17;
    padding: 3px;
    color: white;
    text-align:center;
    font-size: .9rem;
    font-weight:400 !important;
    border-radius: .35rem;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.ais-RefinementList--noRefinement {
    display:none;
}

.hits {
    list-style:none;
    padding:0px;
}

.hits>li{
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid lightgrey;
    list-style-type: none;
}
.hits>li:first-child{
    margin-top:0;
    border-top:none;
}

.ais-Highlight-highlighted {
    background-color:yellow !important;
}

.ais-Snippet-highlighted {
    background-color:yellow !important;
}
.mark, mark {
    padding: 0;
}

/**
 * Pagination
 */
.ais-Pagination-item:first-child > .ais-Pagination-link {
    border-radius: 3px 0 0 3px; }

.ais-Pagination-item + .ais-Pagination-item > .ais-Pagination-link {
    border-radius: 0;
    margin-left: -1px; }

.ais-Pagination-item:last-child > .ais-Pagination-link {
    border-radius: 0 3px 3px 0; }

.ais-Pagination-item {
    display: inline-block;
}

.ais-Pagination-link {
    height:2.5rem !important;
}

.ais-Pagination-item--selected .ais-Pagination-link {
    font-weight: bold;
    background-image: none;
    color:white;
    background-color: #CE5C17;
}

.ais-SearchBox-input {
    transition: all 0.3s !important;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    border-bottom: 1px solid #ced4da !important;
    border-radius: 0 !important;
    box-sizing: content-box !important;
    background-color: transparent !important;
    margin-bottom: 10px !important;
}

.ais-SearchBox-form:before {
    background: none !important;
    content: "" !important;
    height: 1rem !important;
    left: 1rem !important;
    margin-top: -.5rem !important;
    position: absolute !important;
    top: 50% !important;
    width: 1rem !important;
}

.ais-Menu-searchBox .ais-SearchBox-input, .ais-RefinementList-searchBox .ais-SearchBox-input {
    padding-left: 0 !important;
}

.ais-RefinementList-list {
    max-height:125px;
    overflow-x:hidden;
    overflow-y:auto;
}

.ais-RefinementList-item {
    font-size:13px !important;
}

.ais-RefinementList-count {
    font-size:11px !important;
    margin-right:5px;
}

.ais-Snippet-highlighted {
    background-color:yellow !important;
    color:black !important;
}

.card {
    box-shadow: rgba(0,0,0,0) 0 0 0 0,rgba(0,0,0,0) 0 0 0 0, rgba(15,23,42,0.1) 0px 20px 25px -5px, rgba(12,23,42,0.1) 0px 8px 10px -6px !important;
    border-radius: 1rem !important;
}

.card-header {
    color:black !important;
    background-color: white !important;
    text-transform: uppercase !important;
}

.card-header:first-child {
    border-radius: calc(1rem - 1px) calc(1rem - 1px) 0 0;
}

@font-face {
    font-family: Lexend;
    src: url(font/Lexend-VariableFont_wght.ttf) format("truetype") !important;
}

.card-title {
    font-family: Lexend,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji !important;
    font-size: 1.1rem;
    line-height: 1.75rem;
    font-weight: 500 !important;
}

.accordion .card {
    border: 1px solid lightgray;
}

.tooltip-light + .tooltip > .tooltip-inner {
    max-width: 300px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem;
}

.tooltip-inner{
    max-width:310px;
    padding:3px 8px;
    text-align:center;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px
}

.search-session {
    width:120px;
    margin-right:-122px;
    border-radius:1000px 0 0 1000px;
    display: block !important;
    padding: 0.355rem 0.65rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: white;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-right: 1px solid lightgrey;
    height:34px;
    z-index:100;
}

.search-session-right {
    width:120px;
    margin-left:-165px;
    display: block !important;
    padding: 0.355rem 0.65rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: white;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    height:34px;
    z-index:100;
}

.search-session:focus-visible {
    outline: 0;
}

.clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}
.pbar-arrow-steps {
    display: flex;
    flex-flow: row nowrap;
}
.pbar-arrow-steps div {
    position: relative;
    margin-right: 5px;
    width: 15px;
    height: 16px;
    background-color: #6e6e6e;
    color: white;
    text-align: center;
}
.pbar-step {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0px;
}

.pbar-container {
    font-family: Arial;
    font-size: 14px;
    font-weight: 600;
}
.pbar-arrow-steps .pbar-step:after,
.pbar-arrow-steps .pbar-step:before {
    position: absolute;
    top: 0;
    content: " ";
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #6e6e6e;
}
.pbar-arrow-steps .pbar-step:before {
    left: 0;
    border-color: transparent transparent transparent white;
}
.pbar-arrow-steps .pbar-step:after {
    transform: translateX(100%);
    right: 0;
    border-left-color: inherit;
}

.bg-insta-green {
    background-color: #CE5C17 !important;
}

.truncated-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#conversation {
    margin-top: 20px;
    padding: 10px;
    background-color: #f9f9f9;
    border-radius: 10px;
    overflow-y: auto;
}
.message {
    max-width: 75%;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 20px;
    color: black;
}
.message.owner {
    border: 1px solid #007bff;
    margin-left: 0;
    margin-right: auto;
}
.message.contact {
    border: 1px solid #28a745;
    margin-left: auto;
    margin-right: 0;
}
.message p {
    margin: 0;
}
.message small {
    display: block;
    margin-top: 5px;
    color: black;
}
/**
 * Fileuploader
 * Copyright (c) 2018 Innostudio.de
 * Website: http://innostudio.de/fileuploader/
 * Version: 2.1 (26-Nov-2018)
 * Requires: jQuery v1.7.1 or later
 * License: https://innostudio.de/fileuploader/documentation/#license
 */
@charset "UTF-8";.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a i,.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a span{-webkit-transition:all .1s ease;transition:all .1s ease}.fileuploader-input .fileuploader-input-button,.fileuploader-input .fileuploader-input-caption,.fileuploader-items .fileuploader-item .fileuploader-action i,.fileuploader-items .fileuploader-item .fileuploader-progressbar .bar,.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar,.fileuploader-items .fileuploader-item span.fileuploader-action-popup,.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button,.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button.button-success,.fileuploader-popup .fileuploader-popup-move{-webkit-transition:all .2s ease;transition:all .2s ease}.fileuploader-items .fileuploader-item,.fileuploader-items .fileuploader-item .fileuploader-action,.fileuploader-items .fileuploader-item .fileuploader-item-icon,.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,.fileuploader-items .fileuploader-item .fileuploader-item-image img,.fileuploader-popup,.fileuploader-popup .fileuploader-popup-node{-webkit-animation:fileuploaderFadeIn .2s ease;animation:fileuploaderFadeIn .2s ease}.fileuploader-input .fileuploader-input-button,.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button,.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button.button-success{display:inline-block;margin:0;padding:14px 20px;border:none;border-radius:6px;outline:0;font-weight:700;cursor:pointer;vertical-align:middle;text-decoration:none}.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button{background:#e6ebf4;color:#90a0bc}.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button:hover{background:#edf1f7}.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button:active{background:#dfe5f1}.fileuploader-input .fileuploader-input-button,.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button.button-success{background:#9658FE;background:-moz-linear-gradient(-45deg,#3A8FFE 0,#9658FE 100%);background:-webkit-linear-gradient(-45deg,#3A8FFE 0,#9658FE 100%);background:linear-gradient(135deg,#3A8FFE 0,#9658FE 100%);background-size:140% auto;background-position:center;color:#fff}.fileuploader-input .fileuploader-input-button:hover,.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button.button-success:hover{background-position:left}.fileuploader-input .fileuploader-input-button:active,.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button.button-success:active{background-position:right}.fileuploader-input .fileuploader-main-icon:after,.fileuploader-items .fileuploader-item .fileuploader-action i,.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a i:after,.fileuploader-popup .fileuploader-popup-move:after{font-family:font-fileuploader!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader,.fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after,.fileuploader-items .fileuploader-item.upload-pending .fileuploader-action-remove:after,.fileuploader-popup.loading:after{content:"";position:absolute;min-width:24px;min-height:24px;max-width:48px;max-height:48px;background:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZGRlNGY2IiBkPSJNNDMuOTM1LDI1LjE0NWMwLTEwLjMxOC04LjM2NC0xOC42ODMtMTguNjgzLTE4LjY4M2MtMTAuMzE4LDAtMTguNjgzLDguMzY1LTE4LjY4MywxOC42ODNoNC4wNjhjMC04LjA3MSw2LjU0My0xNC42MTUsMTQuNjE1LTE0LjYxNWM4LjA3MiwwLDE0LjYxNSw2LjU0MywxNC42MTUsMTQuNjE1SDQzLjkzNXoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjUgMjUiIHRvPSIzNjAgMjUgMjUiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4gPC9wYXRoPiA8L3N2Zz4=) center no-repeat;background-size:contain}.fileuploader-items .fileuploader-item .fileuploader-item-icon i,.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,.fileuploader-items .fileuploader-item .fileuploader-item-image img,.fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after,.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move,.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point:after,.fileuploader-popup .fileuploader-popup-move:after,.fileuploader-popup.loading:after{left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.fileuploader-items .fileuploader-item .fileuploader-action,.fileuploader-items .fileuploader-item .progress-bar2 span{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.fileuploader-input .fileuploader-input-button,.fileuploader-items .fileuploader-item .fileuploader-item-icon,.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar,.fileuploader-popup .fileuploader-cropper,.fileuploader-popup .fileuploader-cropper *,.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button,.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button.button-success,.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a,.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fileuploader,.fileuploader *,.fileuploader :after,.fileuploader :before,.fileuploader-popup,.fileuploader-popup *,.fileuploader-popup :after,.fileuploader-popup :before{box-sizing:border-box}.fileuploader{display:block;width:100%;padding:0px;margin:8px 0;background:#fafbfd;border-radius:6px;line-height:normal}.fileuploader-input{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid transparent;border-radius:6px;cursor:pointer;overflow:hidden}.fileuploader-input .fileuploader-input-caption{position:relative;display:inline-block;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-item-align:start;align-self:flex-start;padding:11px 16px;margin-right:16px;background:#fff;border:1px solid #ebeef1;border-radius:6px;color:#789BEC;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fileuploader-focused .fileuploader-input .fileuploader-input-caption{border-color:#789BEC}.fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader{position:relative;display:inline-block;vertical-align:middle;min-height:22px;margin-right:6px}.fileuploader-input .fileuploader-input-button{padding:12px 18px}.fileuploader-input .fileuploader-main-icon{color:#789BEC}.fileuploader-input .fileuploader-main-icon:after{content:""}.fileuploader-input.fileuploader-dragging{background:#fff;border:1px dashed #ebeef1}.fileuploader-input.fileuploader-dragging .fileuploader-input-caption{border-color:transparent}.fileuploader-input.fileuploader-dragging .fileuploader-input-button{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}.fileuploader-disabled .fileuploader-input{opacity:.7;cursor:default;pointer-events:none!important}.fileuploader-items .fileuploader-items-list{display:block;margin:0 -16px;padding:0;list-style:none}.fileuploader-items .fileuploader-item{position:relative;margin:0;padding:20px 16px;border-bottom:1px solid #ebeef1;animation-duration:.6s}.fileuploader-items .fileuploader-item:last-child{border-bottom:0;margin-bottom:-16px}.fileuploader-items .fileuploader-item.upload-failed{background:#e0fde0}.fileuploader-items .fileuploader-item.upload-pending .fileuploader-action-remove:after{position:absolute;left:-8px;top:-8px;width:36px;height:36px}.fileuploader-items .fileuploader-item .columns{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:2}.fileuploader-items .fileuploader-item .column-thumbnail{position:relative;width:36px;height:36px}.fileuploader-items .fileuploader-item .column-title{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:16px;padding-right:16px;color:#74809D;overflow:hidden}.fileuploader-items .fileuploader-item .column-title a{display:inline-block;width:100%;height:100%;color:#74809D;text-decoration:none}.fileuploader-items .fileuploader-item .column-title div{width:100%;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fileuploader-items .fileuploader-item .column-title span{font-size:12px;color:#979fb8}.fileuploader-items .fileuploader-item .column-actions{margin:0 16px}.fileuploader-items .fileuploader-item .fileuploader-item-image{position:relative;width:100%;height:100%;border-radius:6px;background:#fff;overflow:hidden}.fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after{content:"";width:50%;height:50%}.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,.fileuploader-items .fileuploader-item .fileuploader-item-image img{position:absolute;max-width:none;max-height:100%}.fileuploader-items .fileuploader-item .fileuploader-item-icon{position:relative;width:100%;height:100%;text-align:center;color:#fff;font-size:11px;background:#ddd;border-radius:4px;cursor:default}.fileuploader-items .fileuploader-item .fileuploader-item-icon.is-bright-color{color:#888}.fileuploader-items .fileuploader-item .fileuploader-item-icon i{position:absolute;display:block;width:90%;font-style:normal;font-weight:700;overflow:hidden;white-space:nowrap}.fileuploader-items .fileuploader-item span.fileuploader-action-popup{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(43,56,71,.2);border-radius:6px;cursor:pointer;opacity:0}.fileuploader-items .fileuploader-item span.fileuploader-action-popup:hover{opacity:1}.fileuploader-items .fileuploader-item span.fileuploader-action-popup:active{background:rgba(43,56,71,.4)}.fileuploader-items .fileuploader-item .fileuploader-action{position:relative;display:inline-block;width:20px;height:20px;color:#c0c6d2;cursor:pointer;vertical-align:top}.fileuploader-items .fileuploader-item .fileuploader-action+.fileuploader-action{margin-left:16px}.fileuploader-items .fileuploader-item .fileuploader-action:hover{color:#789BEC}.fileuploader-items .fileuploader-item .fileuploader-action:active{color:#668ee9}.fileuploader-items .fileuploader-item .fileuploader-action i{display:inline-block;width:100%;height:100%;font-size:20px;line-height:20px;text-align:center;border-radius:50%}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i{color:#fff;font-size:14px;background:#FE7676;box-shadow:-1px 1px 6px rgba(254,118,118,.8);text-shadow:none}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i:after{content:"-"}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i:hover{background-color:#fe8a8a}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i:active{background-color:#fe6262}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-download i:after{content:""}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-start i:after{content:""}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-sort i:after{content:""}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-edit i:after{content:""}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-retry i:after{content:""}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-settings i:after{content:""}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-preview i:after{content:""}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i{color:#fff;font-size:14px;background:#43D084;box-shadow:-1px 1px 6px rgba(67,208,132,.8);text-shadow:none}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:after{content:""}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:active:after,.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:hover:after{content:""}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:hover{background:#FE7676;box-shadow:-1px 1px 6px rgba(254,118,118,.8)}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:active{background-color:#fe6262}.fileuploader-items .fileuploader-item.file-has-popup span.fileuploader-action-popup{display:block}.fileuploader-items .fileuploader-item .fileuploader-progressbar{position:absolute;left:0;bottom:0;width:100%;height:4px;border-radius:6px;overflow:hidden}.fileuploader-items .fileuploader-item .fileuploader-progressbar .bar{position:absolute;left:0;top:0;width:0%;height:100%;border-radius:6px;background:#789BEC}.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar{position:absolute;left:0;top:0;width:0%;height:100%;border-radius:0;background:rgba(104,125,219,.08)}.fileuploader-items .fileuploader-item .progress-bar2 span{position:absolute;right:16px;color:rgba(151,159,184,.16);font-size:48px}.fileuploader-items .fileuploader-item.sorting{background:#fafbfd;border-radius:6px;opacity:.8;box-shadow:0 1px 4px rgba(0,0,0,.2);z-index:799}.fileuploader-items .fileuploader-item.sorting,.fileuploader-items .fileuploader-item.sorting .fileuploader-action,.fileuploader-items .fileuploader-item.sorting .fileuploader-item-icon,.fileuploader-items .fileuploader-item.sorting .fileuploader-item-image canvas,.fileuploader-items .fileuploader-item.sorting .fileuploader-item-image img{-webkit-animation:none;animation:none}.fileuploader-items .fileuploader-sorter-placeholder{background:rgba(0,0,0,.03);margin:0;padding:0;-webkit-animation:none;animation:none}.fileuploader-popup{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#191D1E;z-index:1090;animation-duration:.4s}.fileuploader-popup.loading:after{width:48px;height:48px;z-index:8}.fileuploader-popup .fileuploader-popup-preview{position:relative;width:100%;height:100%;padding-right:368px;overflow:auto;z-index:2}.fileuploader-popup .fileuploader-popup-node{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;height:100%;min-width:20px;min-height:20px;vertical-align:top;border-radius:2px;padding:34px 56px;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.fileuploader-popup .fileuploader-popup-node.astext>div,.fileuploader-popup .fileuploader-popup-node.audio>audio,.fileuploader-popup .fileuploader-popup-node.image>img,.fileuploader-popup .fileuploader-popup-node.video>video{max-width:100%;max-height:100%;margin:0;padding:0;color:#47525d;background:#fafafa;-webkit-box-shadow:0 0 20px rgba(0,0,0,.4);box-shadow:0 0 20px rgba(0,0,0,.4);border-radius:2px}.fileuploader-popup .fileuploader-popup-node.audio audio{width:450px}.fileuploader-popup .fileuploader-popup-node.astext div{max-width:992px;padding:20px;margin:0 auto;font-size:14px;line-height:16px;text-align:left;overflow-y:auto;white-space:pre-wrap}.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon{position:relative;display:inline-block;width:80px;height:80px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDkiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiA8Zz4gIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4gIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPiA8L2c+IDxnPiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjYmJjYWNmIiBpZD0ic3ZnXzIiIGQ9Im00OSwxNi44NDJsMCw0Mi4xMDVjMCwyLjc5MSAtMi4yNyw1LjA1MyAtNS4wNjksNS4wNTNsLTM4Ljg2MiwwYy0yLjgsMCAtNS4wNjksLTIuMjYyIC01LjA2OSwtNS4wNTNsMCwtNTMuODk0YzAsLTIuNzkxIDIuMjY5LC01LjA1MyA1LjA2OSwtNS4wNTNsMjcuMDM0LDBsMTYuODk3LDE2Ljg0MnoiIGNsYXNzPSJjbHMtMSIvPiAgPHBhdGggZmlsbD0iI2RmZWFlZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0ic3ZnXzQiIGQ9Im00OSwxNS44OTlsMCwyLjA5NmwtMTMuODEzLDBjLTIuODYsMCAtNC4xNzksLTIuMzIgLTQuMTc5LC01LjE4MWwwLC0xMi44MTRsMi4wOTIsMGwxNS45LDE1Ljg5OXoiIGNsYXNzPSJjbHMtMyIvPiA8L2c+PC9zdmc+) center no-repeat;background-size:contain}.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div{position:absolute;bottom:14px;left:0;padding:4px 6px;border-radius:4px;color:#fff;max-width:100%;word-wrap:break-word}.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div.is-bright-color{color:#888}.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div i{text-transform:uppercase;font-style:normal;font-weight:700;white-space:nowrap}.fileuploader-popup .fileuploader-popup-content{position:absolute;top:0;right:0;background:#fff;display:inline-block;width:368px;min-height:100%;padding:34px;text-align:left}.fileuploader-popup .fileuploader-popup-content ul{list-style:none;margin:0;padding:0}.fileuploader-popup .fileuploader-popup-content ul li{display:block;padding:0 0 16px;margin:0;width:100%}.fileuploader-popup .fileuploader-popup-content ul li span{display:block;color:#ACACC4;font-size:14px}.fileuploader-popup .fileuploader-popup-content ul li h5{margin:4px 0 0;color:#5B5B7B;font-size:14px;font-weight:700;word-wrap:break-word}.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-meta{padding:0 0 8px;margin:0 0 8px;border-bottom:1px solid #EAEAF0}.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools{padding:0;margin:0 -16px}.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li{display:inline-block;width:auto}.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a{display:inline-block;padding:16px;cursor:pointer;text-align:center;text-decoration:none}.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a i{display:inline-block;font-size:24px;margin-bottom:6px;color:#5B5B7B}.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a:hover i,.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a:hover span{color:#789BEC}.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a[data-action=remove] i:after{content:""}.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a[data-action=crop] i:after{content:""}.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a[data-action=rotate-cw] i:after{content:""}.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-buttons{margin:16px 0}.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button+.fileuploader-popup-button{margin-left:20px}.fileuploader-popup .fileuploader-popup-move{position:absolute;display:none;width:56px;height:100%;font-size:24px;bottom:0;left:0;color:#fff;opacity:.4;cursor:pointer;z-index:2}.fileuploader-popup .fileuploader-popup-move:hover{opacity:1}.fileuploader-popup .fileuploader-popup-move:after{position:absolute}.fileuploader-popup .fileuploader-popup-move[data-action=prev]:after{content:""}.fileuploader-popup .fileuploader-popup-move[data-action=next]{left:auto;right:368px}.fileuploader-popup .fileuploader-popup-move[data-action=next]:after{content:""}.fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-move{display:inline-block}.fileuploader-popup .fileuploader-cropper{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(17,20,27,.65);z-index:9}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area{position:absolute;left:0;top:0;width:0;height:0;z-index:2}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:after,.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:before{content:"";position:absolute;border:1px solid rgba(250,250,250,.8);opacity:0;-webkit-transition:all .4s ease;transition:all .4s ease;z-index:1}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:before{top:0;left:50%;height:100%;width:34%;border-top:0;border-bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:after{top:50%;left:0;height:34%;width:100%;border-left:0;border-right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid.moving:after,.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid.moving:before{opacity:1}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point{position:absolute;width:24px;height:24px;z-index:3}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point:after{content:"";width:12px;height:12px;position:absolute;background:#fff;box-shadow:0 0 6px rgba(0,0,0,.4);border-radius:50%}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-a{top:-12px;left:-12px;cursor:nw-resize}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-b{top:-12px;left:50%;margin-left:-12px;cursor:n-resize}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-c{top:-12px;right:-12px;cursor:ne-resize}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-d{top:50%;right:-12px;margin-top:-12px;cursor:w-resize}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-e{bottom:-12px;right:-12px;cursor:nw-resize}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-f{bottom:-12px;left:50%;margin-left:-12px;cursor:s-resize}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-g{bottom:-12px;left:-12px;cursor:sw-resize}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-h{left:-12px;top:50%;margin-top:-12px;cursor:w-resize}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move{position:absolute;width:95%;height:95%;z-index:2;cursor:move}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-image{position:relative;overflow:hidden;width:100%;height:100%}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-image img{width:auto;height:auto;max-width:none;max-height:none;position:absolute;left:0;top:0;background:#fff;-webkit-transform-origin:top left;transform-origin:top left}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-info{position:absolute;bottom:-12px;left:50%;color:#fff;font-family:sans-serif;line-height:1;font-size:12px;text-align:center;padding:4px 8px;background:rgba(0,0,0,.6);border-radius:14px;white-space:nowrap;opacity:0;-webkit-transform:translateX(-50%) translateY(100%);transform:translateX(-50%) translateY(100%);-webkit-transition:all .4s ease;transition:all .4s ease;z-index:2}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.show-info .area-info{opacity:1}@media all and (max-width:768px){.fileuploader-popup .fileuploader-popup-preview{padding-right:0}.fileuploader-popup .fileuploader-popup-move{height:56px;font-size:18px;top:0;left:calc(50% - 56px)}.fileuploader-popup .fileuploader-popup-move[data-action=next]{right:auto;left:50%}.fileuploader-popup .fileuploader-popup-content,.fileuploader-popup .fileuploader-popup-node{position:relative;display:block;width:100%;max-width:initial;min-height:initial;height:auto;text-align:center;margin:0}.fileuploader-popup .fileuploader-popup-node{padding:34px}.fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-node{padding-top:90px}.fileuploader-popup .fileuploader-popup-node.audio{width:100%;top:0;transform:none}.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-meta{margin-top:24px}.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-meta li{display:inline-block;width:auto;max-width:100%;text-align:left;padding-right:36px}.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-meta li:last-child{padding-right:0}}@-webkit-keyframes fileuploaderFadeIn{from{opacity:0}to{opacity:1}}@keyframes fileuploaderFadeIn{from{opacity:0}to{opacity:1}}
/* input */
.fileuploader-theme-dragdrop .fileuploader-input {
    display: block;
    padding: 56px 0;
    background: #fff;
    border: 2px dashed #c2cdda;
    border-radius: 6px;
    text-align: center;
}

.fileuploader-theme-dragdrop .fileuploader-input .fileuploader-main-icon {
    display: block;
    font-size: 56px;
	margin: 0 auto;
	margin-bottom: 26px;
    -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
}
.fileuploader-theme-dragdrop .fileuploader-input h3 {
    margin: 0;
    margin-bottom: 8px;
    padding: 0;
    background: none;
    border: none;
    font-size: 18px;
    font-weight: bold;
    color: #5B5B7B;
    white-space: normal;
}
.fileuploader-theme-dragdrop .fileuploader-input p {
    margin: 0;
    padding: 0;
    color: #90a0bc;
    margin-bottom: 12px;
}

/* dragging state */
.fileuploader-theme-dragdrop .fileuploader-input .fileuploader-input-inner,
.fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-main-icon {
    -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
}
.fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-input-inner {
    opacity: 0.6;
}    
.fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-main-icon {
    -webkit-transform: translateY(18px);
    		transform: translateY(18px);
}
.fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-input-button {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
}
/**
 * Fileuploader
 * Copyright (c) 2018 Innostudio.de
 * Website: http://innostudio.de/fileuploader/
 * Version: 2.1 (26-Nov-2018)
 * Requires: jQuery v1.7.1 or later
 * License: https://innostudio.de/fileuploader/documentation/#license
 */
@font-face {
  font-family: 'font-fileuploader';
  src:  url('font-fileuploader.eot?l2vub3');
  src:  url('font-fileuploader.eot?l2vub3#iefix') format('embedded-opentype'),
        url('font-fileuploader.ttf?l2vub3') format('truetype'),
        url('font-fileuploader.woff?l2vub3') format('woff'),
        url('font-fileuploader.svg?l2vub3#font-fileuploader') format('svg');
  font-weight: normal;
  font-style: normal;
}